انجمن


راست‌چین شدن عکس‌ها  (۱۸ نوشته)

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۷ مرداد ۱۳۸۷ - ۰۲:۱۳

    من هر کاری می‌کنم عکس‌هایی که توی پست‌های وبلاگم قرار می‌دم، همگی بالاتفاق راست‌چین میشن. نه میشه چپ‌چینشون کرد و نه وسط‌چین.
    ضمنا اون استایلی که هر قالب برای عکس‌ها داره، اینجا دیده نمی‌شه. مثلا اگر دقت کنید توی قالب MistyLook اطراف عکس یک حاشیه‌ی طوسی قرار می‌گیره که زیر نویس عکس رو هم در برمی‌گیره. اما توی وبلاگ من این حاشیه نمایش داده نمیشه. این مشکل رو هم فقط با این قالب ندارم. هر قالبی که گذاشتم هر دوی این مشکلات رو داشته.

    لطفا راهنمایی کنید.

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۷ مرداد ۱۳۸۷ - ۰۷:۳۶

    اگر برایتان زحمتی نیست خواهشا آدرس بدهید

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۰۰:۲۷

    این آدرس هست:
    http://kosaraneh.com

    ظاهرا که مشکلش با پوسته‌های فارسی شده است. چون وقتی پوسته‌ی دیفالتش رو می‌ذارم مشکلی نداره.

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۰۰:۲۸

    مثلا توی این دو تا تصویری که الان گذاشتم، کلمه‌های "بسم‌الله" و "لوگو" به عنوان اسم عکس، باید زیر عکس قرار می‌گرفتن؛ اما می‌بینید که کلا از عکس جدا شدن.

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۰۲:۰۴

    باید زیر عکس قرار می‌گرفتن؛ اما می‌بینید که کلا از عکس جدا شدن.

    اینطور که من متوجه شدم شما می خواهید نوشته : کوثر و بسم ا.. را در زیر عکس نشان دهید . درست است ؟
    اگر این طور باشد وقتی که عکس را وارد می کنید می توانید از ویرایشگر استفاده کنید و عکس و متن را وسط چین کنید

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۰۵:۲۷

    آزاد جون!
    الان من هم همین کار رو کردم ولی داره این‌جوری نشون می‌ده!

    دو تا نکته این جا هست:
    یکی این که عکس‌ها رو فقط راست چین می‌کنه. الان یه نگاه به وب‌سایتم بندازید. عکسی که توی پست دوم هست، مثلا چپ‌چین شده. کلا از قالب زده بیرون! :D
    وسط چین هم نمیشه. و مجبورم عکس رو فقط راست چین کنم.

    نکته‌ی دوم این که: وقتی از ویرایشگر استفاده می‌کنم و عنوانی رو برای عکسم قرار می‌دم، توی وبلاگ به جای این که عکس و عنوان رو یک مجموعه‌ی به هم پیوسته نشون بده؛ این‌جوری جدا از همش می‌کنه.

    پلیز هلپ می :-(

  • آزاد

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۱۷
    تشکر شده: ۲۲۳ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۰۵:۴۷

    سلام مجدد

    همگی بالاتفاق راست‌چین میشن.

    مثلا چپ‌چین شده

    به نظرم شما باید بگردید مشکل را در قسمت ویرایش متن پیدا کنید . وقتی که مطلب را آورید آن را به صورت html کنید و به بین که عکس چطوری قرار گرفته است ( به طور مثال : <"align="center> نمایش دهنده این است که عکس در وسط صفحه قرار می گیرد )

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۱۲:۴۷

    کد html رو هم چک کردم. مثلا الان align روی center تنظیم شده. اما هنوز راست چینه

  • sampash

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۶
    تشکر شده: ۱۱ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۸ مرداد ۱۳۸۷ - ۱۷:۴۹

    من هم همین مشکل رو دارم :-(

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲۹ مرداد ۱۳۸۷ - ۱۳:۳۹

    دوستان!
    یعنی کسی نیست که جواب این سوال ما رو بدونه؟
    این اشکال مربوط به فارسی شدن پوسته‌ها نیست؟! :?

  • prince

    آفلاین
    عضو
    تعداد نوشته‌ها: ۷۰
    تشکر شده: ۳۴ بار
    # نوشته شده: ۱۱ سال پیش
    ۳۰ مرداد ۱۳۸۷ - ۰۱:۲۱

    من که پوسته ی اصلی رو ندیدم اما در مورد راست چین شدن عکس ها برای اینه که CSS ناقصه. در مورد متن زیر نوشته ها هم CSSی براش وجود نداره پس نباید انتطار داشته باشی خودش بفهمه چی می خوای و اون کار رو انجام بده. برای اینکه نوشته ی عکس ها درست بشه باید توی CSS کلاس wp-caption رو داشته باشی. (برای موقعیت هایی که می خوای مثلا برای وسط wp-caption aligncenter باید ست بشه).

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

    تو می تونی، موفق باشی ;-)

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲ شهریور ۱۳۸۷ - ۰۹:۱۷

    سلام
    ممنونم. سعی می‌کنم امتحان کنم ببینم می‌تونم مشکلش رو حل کنم. :-)
    ضمنا این پوسته‌ای که من استفاده کردم، همون پوسته‌ی personal هست. فقط یه کمی تغییرش دادم.

  • AmirTnT

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۰۰
    تشکر شده: ۲۶ بار
    # نوشته شده: ۱۱ سال پیش
    ۲ شهریور ۱۳۸۷ - ۰۹:۲۷

    http://www.blognevesht.com/1387/05/23/image-align-in-wordpress/

    ببین مشکلت با این آموزش حل می شه یا نه؟

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Cancer9003
  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲ شهریور ۱۳۸۷ - ۱۷:۰۳

    ممنون :-)

  • kosar

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۷ بار
    # نوشته شده: ۱۱ سال پیش
    ۲ شهریور ۱۳۸۷ - ۱۷:۰۶

    از کمک prince عزیز و جناب TnTDownloaD تشکر می‌کنم.

    مجموعه‌ای از کمک هر دوتای این دوستان باعث شد مشکل رفع بشه.
    من این کدها رو به style.css اضافه کردم و مشکل حل شد:

    p 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;
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    s.karami - goldenp - Cancer9003
  • AmirTnT

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۰۰
    تشکر شده: ۲۶ بار
    # نوشته شده: ۱۱ سال پیش
    ۲ شهریور ۱۳۸۷ - ۱۷:۴۶

    خواهش می کنم!
    باید از صادق جم (بلاگ نوشت)تشکر کنی! @},- @},-

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    goldenp - Cancer9003
  • kits

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲۵
    تشکر شده: ۷۰ بار
    # نوشته شده: ۱۱ سال پیش
    ۱۱ آذر ۱۳۸۷ - ۰۲:۳۹

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

  • s.karami

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۷
    تشکر شده: ۱ بار
    # نوشته شده: ۹ سال پیش
    ۱۴ بهمن ۱۳۸۹ - ۱۷:۳۶

    ممنونم از کوثر
    این مشکل را من هم داشتم که با کد شما تصحیح شد

درباره‌ی این موضوع



برچسب‌ها