من هر کاری می‌کنم عکس‌هایی که توی پست‌های وبلاگم قرار می‌دم، همگی بالاتفاق راست‌چین میشن. نه میشه چپ‌چینشون کرد و نه وسط‌چین.
ضمنا اون استایلی که هر قالب برای عکس‌ها داره، اینجا دیده نمیشه. مثلا اگر دقت کنید توی قالب MistyLook اطراف عکس یک حاشیه‌ی طوسی قرار می‌گیره که زیر نویس عکس رو هم در برمی‌گیره. اما توی وبلاگ من این حاشیه نمایش داده نمیشه. این مشکل رو هم فقط با این قالب ندارم. هر قالبی که گذاشتم هر دوی این مشکلات رو داشته.
لطفا راهنمایی کنید.
اگر برایتان زحمتی نیست خواهشا آدرس بدهید
این آدرس هست:
http://kosaraneh.com
ظاهرا که مشکلش با پوسته‌های فارسی شده است. چون وقتی پوسته‌ی دیفالتش رو می‌ذارم مشکلی نداره.
مثلا توی این دو تا تصویری که الان گذاشتم، کلمه‌های "بسم‌الله" و "لوگو" به عنوان اسم عکس، باید زیر عکس قرار می‌گرفتن؛ اما می‌بینید که کلا از عکس جدا شدن.
باید زیر عکس قرار می‌گرفتن؛ اما می‌بینید که کلا از عکس جدا شدن.
اینطور که من متوجه شدم شما می خواهید نوشته : کوثر و بسم ا.. را در زیر عکس نشان دهید . درست است ؟
اگر این طور باشد وقتی که عکس را وارد می کنید می توانید از ویرایشگر استفاده کنید و عکس و متن را وسط چین کنید
آزاد جون!
الان من هم همین کار رو کردم ولی داره این‌جوری نشون میده!
دو تا نکته این جا هست:
یکی این که عکس‌ها رو فقط راست چین می‌کنه. الان یه نگاه به وب‌سایتم بندازید. عکسی که توی پست دوم هست، مثلا چپ‌چین شده. کلا از قالب زده بیرون! :D
وسط چین هم نمیشه. و مجبورم عکس رو فقط راست چین کنم.
نکته‌ی دوم این که: وقتی از ویرایشگر استفاده می‌کنم و عنوانی رو برای عکسم قرار می‌دم، توی وبلاگ به جای این که عکس و عنوان رو یک مجموعه‌ی به هم پیوسته نشون بده؛ این‌جوری جدا از همش می‌کنه.
پلیز هلپ می :-(
سلام مجدد
همگی بالاتفاق راست‌چین میشن.
مثلا چپ‌چین شده
به نظرم شما باید بگردید مشکل را در قسمت ویرایش متن پیدا کنید . وقتی که مطلب را آورید آن را به صورت html کنید و به بین که عکس چطوری قرار گرفته است ( به طور مثال : <"align="center> نمایش دهنده این است که عکس در وسط صفحه قرار می گیرد )
کد html رو هم چک کردم. مثلا الان align روی center تنظیم شده. اما هنوز راست چینه
من هم همین مشکل رو دارم :-(
دوستان!
یعنی کسی نیست که جواب این سوال ما رو بدونه؟
این اشکال مربوط به فارسی شدن پوسته‌ها نیست؟! :?
من که پوسته ی اصلی رو ندیدم اما در مورد راست چین شدن عکس ها برای اینه که CSS ناقصه. در مورد متن زیر نوشته ها هم CSSی براش وجود نداره پس نباید انتطار داشته باشی خودش بفهمه چی می خوای و اون کار رو انجام بده. برای اینکه نوشته ی عکس ها درست بشه باید توی CSS کلاس wp-caption رو داشته باشی. (برای موقعیت هایی که می خوای مثلا برای وسط wp-caption aligncenter باید ست بشه).
خودت می تونی همش رو درست کنی فقط برای اینکه کارت راحت بشه از فایرفاکس استفاده کن و FireBug رو روش نصب کن تا همون لحظه که تغییری اعمال می کنی ببینی چه می شه.
تو می تونی، موفق باشی ;-)
سلام
ممنونم. سعی می‌کنم امتحان کنم ببینم می‌تونم مشکلش رو حل کنم. :-)
ضمنا این پوسته‌ای که من استفاده کردم، همون پوسته‌ی personal هست. فقط یه کمی تغییرش دادم.
http://www.blognevesht.com/1387/05/23/image-align-in-wordpress/
ببین مشکلت با این آموزش حل می شه یا نه؟
ممنون :-)
از کمک prince عزیز و جناب TnTDownloaD تشکر می‌کنم.
مجموعه‌ای از کمک هر دوتای این دوستان باعث شد مشکل رفع بشه.
من این کدها رو به style.css اضافه کردم و مشکل حل شد:
kosar
آزاد
sampash
prince
AmirTnTp img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}خواهش می کنم!
باید از صادق جم (بلاگ نوشت)تشکر کنی! @},- @},-
سلام
خدمت دوستان باید عرض کنم اگر برای عکسی در قسمت توضیحات عکس در جلو ویرایش توضح تصویر متنی بنویسیم و بزنیم که وسط چین بشه در اینترنت اکسپلورر خوب نشان میدهد اما در فایر فاکس راست چین نشون میده
ممنونم از کوثر
این مشکل را من هم داشتم که با کد شما تصحیح شد
حل‌شده
kits
s.karami
