چیدمان تصویر شاخص

[narci 1]

سلام

من مشکلی در چیدمان عکس شاخص در پستها دارم

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

حالا مشکل من اینه که وقتی مشخص میکنم تصویر شاخصم روبروی متن باشد می آید سمت راست متنم تصویر را میگذارد در صورتیکه درست این هست که ابتدا مطلب شروع شود و سمت چپ مطالب تصویر را داشته باشیم

پستهای دوستانی را که در انجمن در این مورد بحث کرده بودند را خواندم و پیشنهاد داده بودید که تصاویر را float کنیم من چطوری می توانم مشخص کنم که تصویر شاخصم در پست ها float باشد و به کدوم فایل این قابلیت را باید اضافه کنم

ممنون میشم راهنماییم کنید

[-Ali- 57]

سلام

بهتر بود آدرس میزاشتید تا بررسی شه

اما با موزیلا برو تو سایت . بعد عکس شاخص رو با موس highlight کن و روش راست کلیک کن

حالا روی View Selections Source کلیک کن

الان کد هاشو نمایش میده

دو حالت داره

یکی کلاس css عکس تو خودش باشه :

  <img src="http://www.gravatar.com/avatar/190dc93ec6ee3d308e5c7456896eeb50?s=100&d=http%3A%2F%2Fforum.wp-parsi.com%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png" class="ipsUserPhoto">

مثلا در کد بالا ipsUserPhoto کلاس css هست

یا به این صورت هست :

<div class='ipsUserPhoto'> 
<img src="http://www.gravatar.com/avatar/190dc93ec6ee3d308e5c7456896eeb50?s=100&d=http%3A%2F%2Fforum.wp-parsi.com%2Fpublic%2Fstyle_images%2Fmaster%2Fprofile%2Fdefault_large.png">
</div>   

حالا بر فرض اینکه کلاس بالا ipsUserPhoto هست که برای شما یه چیز دیگست

برو تو فایل style.css قالب و ipsUserPhoto رو پیدا کن

اونجا زیر ipsUserPhoto باید float:right; باشه میتونی right رو به left تغییر بدی و سید کنی

بعد برو تو سایت و f5 بزن تا رفرش شه

اگه آدرس سایت میزاشتی راحت تر میشد گفت

[narci 1]

<div class="entry-content clearfix">


																			    <div class="entry-content-data has_f_image">

																					 <figure class="post-thumbnail " itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
														   <img width="765" height="510" src="http://localhost/wordpress-4.0.1/wordpress/wp-content/uploads/2015/01/khamire-rangi-765x510.jpg?0add2f" class="attachment-big-thumb-hd wp-post-image" alt="حمیر رنگی" />														   <span class="img-toggle"><i class="momizat-icon-arrow-down-left2"></i></span>										    </figure>
																																										    </div>

ممنون از راهنمایی این چیزی بود که من پیدا کردم کدش را بالا فرستادم

[narci 1]

فایل style.css من یک خط بیشتر نداره اون هم در مورد مترجم قالب و از این حرفا هست

[narci 1]

اسم کلاسش post-thumbnail هست و فایل استایلش را پیدا کردم ولی تعداد خیلی زیادی FLOAT داره دقیقا کدوم را باید عوض کنم

[-Ali- 57]

باید اون float که زیر post-thumbnail هست رو عوض کنید

اگر نبود خودتون زیرش قرار بدید : fliat:right;