ورود

**amir.sad021**

با سلام یک عدد جعبه میخواستم که مشخصاتش رو در زیر میگم .هرکسی میتونه کد نویسی کنه مبلغ ده هزار تومن درصورتی که بخواد بهش میدم
تصویر ونمای کلی اون رو ساختم که این شکلی هست
[تصویر: urf5s0akwnyfyzaa0ptr.png]

میخوام توی سمت راستش یه محل باشه برای نمایش تصویر که بعد از این که لینک رو قرار دادم تصویر رو به ابعاد 90 در 90 فیکس کنه
در وسط بتونم توضیحات رو بنویسم و در سمت چپ یه محل برای تصویر باشه که تصویر رو در ابعاد 30 در 30 فیکس کنه
طول و عرض کل این باکس هم متغیر باشه و بشه به هر ابعادی که میخوام تغییرش داد.رنگ پس زمینه هم سفید باشه.در ضمن این کد رو میخواستم توی ادامه مطلب هام ارسال کنم و توش مشخصات برنامه های اندروید رو بنویسم وعکس و مشخصات برنامه رو توش بزارم و این کد باید توی رزبلاگ صحیح کار کنه.کسی طراحی کرد بگه هزینه رو به کارتش واریز کنم.باتشکر

**sabeti05** · 94-5-4، 11:29 صبح

سلام، آزمایشی کنید و اگر موردی بود بگید اصلاح کنم:

کد: 

<style>

.custom-box {

    border: 1px solid;

    height: auto;

    overflow: auto;

    width: 630px;

}

div.custom-box .right {

    float: right;

    height: 90px;

    width: 90px;

    padding: 0 0 5px 5px

}

div.custom-box .left {

    float: left;

    height: 30px;

    width: 30px;

    padding:0 5px 5px 0

}

</style>

<div class="custom-box">

  <img src="آدرس تصویر" class="right" alt="تصویر راست">

  <img src="آدرس تصویر" class="left" alt="تصویر چپ">

  <span class="description">محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات</span>

</div>

**amir.sad021** · 94-5-4، 02:01 عصر

شکلش درسته ولی توی ویرایشگر html ارسال مطلب نمیشه ازش استفاده کرد.بزار عکس بدم بیشتر متوجه بشی
[تصویر: 6ifq7zhvnbyp6w2570vc.png]

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

**sabeti05** · 94-5-4، 02:09 عصر

شما به جای «آدرس عکس» آدرس واقعی عکس بهشون دادید؟ چون الان طبق این تصویر به جای عکس دارن آلت اون ها (متن جایگزین) رو نشون می دن.
بله میشه براشون بک گراند هم گذاشت. کدهای داخل تگ استایل رو کجا گذاشتید؟ چون اعمال نشدن.قسمت استایل رو بگذارید توی تگ <head> یا اگر فایل استایلشیت دارید محتویات داخل تگ <style> رو بگذارید داخل اون فایل.

**amir.sad021**

(94-5-4، 11:29 صبح)sabeti05 نوشته است: سلام، آزمایشی کنید و اگر موردی بود بگید اصلاح کنم:

کد:

<style> .custom-box { border: 1px solid; height: auto; overflow: auto; width: 630px; } div.custom-box .right { float: right; height: 90px; width: 90px; padding: 0 0 5px 5px } div.custom-box .left { float: left; height: 30px; width: 30px; padding:0 5px 5px 0 } </style> <div class="custom-box"> <img src="آدرس تصویر" class="right" alt="تصویر راست"> <img src="آدرس تصویر" class="left" alt="تصویر چپ"> <span class="description">محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات محل قرار گرفتن متن توضیحات</span> </div>

(94-5-4، 02:09 عصر)sabeti05 نوشته است: شما به جای «آدرس عکس» آدرس واقعی عکس بهشون دادید؟ چون الان طبق این تصویر به جای عکس دارن آلت اون ها (متن جایگزین) رو نشون می دن.
بله میشه براشون بک گراند هم گذاشت. کدهای داخل تگ استایل رو کجا گذاشتید؟ چون اعمال نشدن.قسمت استایل رو بگذارید توی تگ <head> یا اگر فایل استایلشیت دارید محتویات داخل تگ <style> رو بگذارید داخل اون فایل.

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

**sabeti05** · 94-5-4، 03:46 عصر

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

کد: 

در داخل پرانتز آدرس تصویر

.custom-box{background: url("");

یا برای گذاشتن رنگ:

.custom-box{background: #eee};

از ترکیب دو مثال بالا هم می توان استفاده کرد، یعنی هم رنگ و هم تصویر.

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک