انجمن


متن پست ها در کنار عکس  (۶ نوشته)

  • hsn.1370

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

    سلام
    من از زمینه دلخواه استفاده میکنم و کدهای زیر را در پست قرا دادم

    <?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
    <img src='<?php echo $thumb; ?>'
    style=”float:right;margin:3px;background-color:#f6f6f6;padding:3px;border:1px solid #ccc;
    text-align:center;"
    />
    اما چرا متن در کنار عکس نمیاید وزیر عکس میروند ؟
    لطفا راهنمایی لازم را میذول فرمایید

  • Mostafa

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

    سلام, اینو بررسی کنید

    <div id="pic">
    	<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
    	<img src="<?php echo $thumb; ?>"
    </div>
    
    <div id="txt">
    	your content
    </div>

    style.css

    #pic { float: right }
    #txt { float: right }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    hsn.1370
  • hsn.1370

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

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

  • Mostafa

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

    اینو بررسی کنید:

    <div class="border">
    	<div id="pic">
    		<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
    		<img src="<?php echo $thumb; ?>"
    	</div>
    
    <div id="txt">
    		your content
    	</div>
    </div>
    
    div.border { border: 1px solid #66CCFF }
    #pic { float: right }
    #txt { float: right }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    hsn.1370
  • hsn.1370

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

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

  • رسول

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

    سلام
    در شیوه نامه، قسمتی که مربوط به عکس ها میشه را پیدا کنید. مثلا یه چیز مثل post img

    کدی شبیه به کد زیر را در اون قسمت اعمال کنید:

    img.centered {
    margin-left : auto;
    margin-right : auto;
    border:1px solid COLOR;
    }
    img.alignright {
    border:1px solid COLOR;
    padding : 4px;
    margin : 0 0 2px 7px;
    display : inline;
    }
    img.alignleft {
    border:1px solid COLOR;
    padding : 4px;
    margin : 0 7px 2px 0;
    
    }

    کد رنگ مورد علاقتون را جایگزین COLOR کنید (در هر سه قسمت) و برای انتخاب ضخامت کادر دور عکس، عدد موجود در border:1px را تغییر بدید

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



برچسب‌ها

هیچ برچسبی نیست.