رفتن به مطلب

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

سلام

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

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

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

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

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

لینک به ارسال

سلام

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

اما با موزیلا برو تو سایت . بعد عکس شاخص رو با موس 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 بزن تا رفرش شه

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

لینک به ارسال


<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>

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

لینک به ارسال

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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

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

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

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

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

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

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