031- 344 500 60

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

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

قرار دادن چیدمان مکان عکس کنار مطلب نوشته پست

تاریخ:۱ام مرداد ۱۳۹۳
پشتیبانی وب یار
48

قرار دادن چیدمان مکان عکس کنار مطلب نوشته پست

امروز با یه مطلب مهم و خیلی کاربردی برای نوشتن مطالب سایتتون اینجا هستیم.

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

پاسخ سوالاتی همچون محل عکس در صفحه؟ تنظیم جای عکس؟آموزش قرار دادن متن و عکس در کنار هم؟ قرار دادن تصویر کنارِ متن؟ و…

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

text-align:right;

البته در سایت های فارسی زبان ..

قرار دادن چیدمان مکان عکس کنار مطلب نوشته پست

بعد از اینکه مطمئن شدیم همچین کدی وجود داره حالا موقع نوشتن مطلب و افزودن پرونده چند رسانه ای در تنظیمات عکس گزینه چپ یا راست رو انتخاب می کنیم . یا بعد از اینکه عکسو آپلود کردیم تو تنظیمات نوشتن چپ چین یا راست چین رو کلیک می کنیم.

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

ولی اگه بخوایم از هر سه تراز چپ ، وسط و راست استفاده کنیم باید در فایل single.css موارد زیر رو اضافه کنیم:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

به همین راحتی..

درباره نویسنده :
پشتیبانی وب یار

مطالب مرتبط

کد html قرار دادن متن در اطراف تصاویر

طریقه ی قرار دادن متن در اطراف تصاویر

چگونه می­توان واژه­ ها را در اطراف تصویر قرار داد؟ شاید یکی از اولین چیز­هایی که می­خواهید در طراحی سایت از آن­ استفاده کنید ، تصاویر ­باشد. اما نه فقط یک تصویر ساده ای که در جای خود محصور شده است. بلکه می خواهید ایده های خلاقانه خود در طراحی سایت بکار ببرید و متون […]

افزونه دانلود خودکار تصاویر

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

برای دانلود افزونه های قوی آپلود عکس و تصاویر مطالب کپی شده wordpress مثل auto upload image و یا همون آپلود خودکار تصاویر وردپرس فارسی خودمون افزونه زیاد است، که بهترین افزونه ای که هم منابع کم مصرف میکنه و صفحه سفید وردپرس هم خونتون نمیشه و هم عکس ها خودشون خودکار اپلود میشن. دانلود […]

frotel-woocommerce فروتل در ووکامرس

رفع مشکل فروتل در ماژول ها پرستاشاپ

برای رفع مشکلنمی توان ماژول (های) مورد نظر را بارگیری کرد: pspfrotel (خطا در تحلیل /modules/pspfrotel/pspfrotel.php) pspfrotel (کلاس موجود پیدا نشد /modules/pspfrotel/pspfrotel.php ابتدا باید بدانید برای فروشگاه ورژن ۱.۵.۶.۲  فایل زیر را در قالبتان در پوشه کلاسز و در پوژه ماژول یعنی در مسیر هاست و جایی که پرستاشاپ نصب است ( public_html/classes/module)قرار دهید.رفع مشکل […]

matlab آموزش قرار دادن مطلب جدید در وردپرس

ارسال مطلب جدید در سایت

ارسال مطلب جدید در سایت  برای شروع به داخل کنترل پنل سایت میریم و از قسمت “نوشته ها” بر روی “افزودن نوشته” کلیک میکنیم… قسمت اول “عنوان را وارد نمایید” برای نوشته باید عنوان مناسبی انتخاب کنید که در بر دارنده محتوای کلی مطلب باشد که فرد با خواندن عنوان بتواند تصویری از مطلب را […]

ارسال دیدگاه

موقتا امکان ارسال ديدگاه وجود ندارد

موقتا امکان ارسال ديدگاه وجود ندارد

ارتباط با تیم پشتیبانی وب یار

تمام پشتیبان ها در حال پاسخ به مشتریان هستند. لطفا درخواست خود را ارسال نمایید تا در کوتاه ترین زمان ممکن با شما تماس بگیریم.

چه کمکی از تیم وب یار بر می آید ، با ما در میان بگذارید

برای گفتگو کلید ENTER را بفشارید