hsn.1370
آفلاین
عضو
تعداد نوشتهها: ۲۸
تشکر شده: ۳ بار
#
نوشته شده: ۱۳ سال پیش
۷ بهمن ۱۳۸۹ - ۱۳:۱۷
سلام
من از زمینه دلخواه استفاده میکنم و کدهای زیر را در پست قرا دادم
<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
<img src='<?php echo $thumb; ?>'
style=”float:right;margin:3px;background-color:#f6f6f6;padding:3px;border:1px solid #ccc;
text-align:center;"
/>
اما چرا متن در کنار عکس نمیاید وزیر عکس میروند ؟
لطفا راهنمایی لازم را میذول فرمایید
Mostafa
آفلاین
ناظم
تعداد نوشتهها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
#
نوشته شده: ۱۳ سال پیش
۷ بهمن ۱۳۸۹ - ۱۹:۵۲
سلام, اینو بررسی کنید
<div id="pic">
<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
<img src="<?php echo $thumb; ?>"
</div>
<div id="txt">
your content
</div>
style.css
#pic { float: right }
#txt { float: right }
کاربران زیر بهخاطر این نوشته تشکر کردهاند:
hsn.1370
hsn.1370
آفلاین
عضو
تعداد نوشتهها: ۲۸
تشکر شده: ۳ بار
#
نوشته شده: ۱۳ سال پیش
۸ بهمن ۱۳۸۹ - ۱۲:۲۲
سلام
من از دوستان تشکر میکنم اما اگه بخوام یک قاب یا مربع رنگی در اطرافش بزارم چطوری انجام بدم ؟
فاصله عکس با متن را هم زیاد کنم ؟
باتشکر فراوان
Mostafa
آفلاین
ناظم
تعداد نوشتهها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
#
نوشته شده: ۱۳ سال پیش
۸ بهمن ۱۳۸۹ - ۱۷:۱۷
اینو بررسی کنید:
<div class="border">
<div id="pic">
<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
<img src="<?php echo $thumb; ?>"
</div>
<div id="txt">
your content
</div>
</div>
div.border { border: 1px solid #66CCFF }
#pic { float: right }
#txt { float: right }
کاربران زیر بهخاطر این نوشته تشکر کردهاند:
hsn.1370
hsn.1370
آفلاین
عضو
تعداد نوشتهها: ۲۸
تشکر شده: ۳ بار
#
نوشته شده: ۱۳ سال پیش
۸ بهمن ۱۳۸۹ - ۱۷:۳۱
سلام باز هم متشکرم
اما فاصله متن پسته از عکس را چطوری افزایش دهم ؟
و چگونه به عکس حاشیه بیشتری بدهم؟ و چگونه مربه را یخورده ضخیمتر کنم ؟
رسول
آفلاین
عضو
تعداد نوشتهها: ۱۴۰
تشکر شده: ۲۴ بار
#
نوشته شده: ۱۳ سال پیش
۸ بهمن ۱۳۸۹ - ۲۲:۰۲
سلام
در شیوه نامه، قسمتی که مربوط به عکس ها میشه را پیدا کنید. مثلا یه چیز مثل post img
کدی شبیه به کد زیر را در اون قسمت اعمال کنید:
img.centered {
margin-left : auto;
margin-right : auto;
border:1px solid COLOR;
}
img.alignright {
border:1px solid COLOR;
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
border:1px solid COLOR;
padding : 4px;
margin : 0 7px 2px 0;
}
کد رنگ مورد علاقتون را جایگزین COLOR کنید (در هر سه قسمت) و برای انتخاب ضخامت کادر دور عکس، عدد موجود در border:1px را تغییر بدید