رفتن به مطلب

ساختن دیوی به شکل کلمه L


پست های پیشنهاد شده

سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 

توی تصویر زیر کامل توضیح دادم 

چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟

ممنون 

Untitled-1.jpg

لینک به ارسال
در 39 دقیقه قبل، madidi گفته است :

سلام من همیشه واسه وردپرس که قالب مینویسم یه  مشکل دارم 

توی تصویر زیر کامل توضیح دادم 

چطوری تو یه دیو بزرگ دو تا دیو تعریف کنیم یکی متن و یکی عکس و وقتی دیو عکس تموم شده متن ها بقیه جاهای دیو بزرگ تر پر کنند ؟؟؟

ممنون 

Untitled-1.jpg

<div class="container">
    <div class="mask"><img src="33.jpg" /></div>
     <p>این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد این متن فقط جهت تست این قسمت میباشد و هیچ  ارزش مادی و یا معنوی دیگری ندارد </p>
</div>

کد  html بالا رو استفاده میکنیم 

و بعد استایل زیرو تو css براش مینویسیم 

.container
    {
        
		width:50%;
    }
    
    .mask
    {
        position: relative;
        float: right;
        clear: none;
        right: -3px;
        top: -3px;
        background-color: #F00;
        width: 70%;
        height: 200px;
    }
	.mask img{width:100%;height:100%;}

خودم جواب خودمو دادم ! 

بقیه دوستان هم اگه براشون سوال بود استفاده کنن

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...