رفتن به مطلب

بهم ریختگی تصاویر


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

دوستان قالبمو نگاه کنید.

http://yektatak.com/

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

لینک به ارسال

دوستان قالبمو نگاه کنید.

http://yektatak.com/

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

به این لینک برید

آموزش کامله

لینک به ارسال

رفتم خوندمش.من مشکلم با اندازش نیست با نسبتشه.خب یه تصویر 120*240 هستش نمیتونه هم اندازه یه تصویر دیگه با اندازه 150*150 بشه چون نسبتش فرق میکنه.ولی توی سایت بیتوته و یا http://iranbayan.com/ تصاویر به صورت منظم و هم اندازه نمایش داده شدن.منم میخوام همه تصاویر به یه نسبت مساوی طوری کوچیک بشن که همشون با هم مساوی باشن

لینک به ارسال

رفتم خوندمش.من مشکلم با اندازش نیست با نسبتشه.خب یه تصویر 120*240 هستش نمیتونه هم اندازه یه تصویر دیگه با اندازه 150*150 بشه چون نسبتش فرق میکنه.ولی توی سایت بیتوته و یا http://iranbayan.com/ تصاویر به صورت منظم و هم اندازه نمایش داده شدن.منم میخوام همه تصاویر به یه نسبت مساوی طوری کوچیک بشن که همشون با هم مساوی باشن

فکر کنم آموزش رو کامل نخوندید!


if (function_exists('add_image_size')){
add_image_size( 'first-thumb', 300, 255, true);
add_image_size( 'secound-thumb', 400, 300, true);
add_image_size( 'third-thumb', 125, 125, true);
}

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

تصاویر شاخصی که توی قالبتون first-thumb رو دارند سایزشون 300*255 میشه و...

حالا شما میتونید این نسبت رو تغییر بدید

مثلا شما در قالبتون در جایی از قالب تصویر شاخصی رو فراخوانی میکنید به این صورت


<?php
if(has_post_thumbnail()) : ?>
<?php the_post_thumbnail('first-thumb'); ?>
<?php else : ?>
<img......>
<?php endif; ?>

ویرایش شده توسط Mekaeil Andisheh
لینک به ارسال

پارامتر سوم تابع add_image_size برای Crop تصویر هست

و خروجی یکسان داده میشه

لینک به ارسال


if (function_exists('add_image_size')){
add_image_size( 'box-thumb', 182, 133, true );
add_image_size( 'boxs-thumb', 60, 30, true );
add_image_size( 'boxsx-thumb', 130, 90, true );
add_image_size( 'boxx-thumb', 140, 100, true );
add_image_size( 'boxsss-thumb', 400, 300, true );
add_image_size( 'boxxx-thumb', 40, 35, true );
}

دوستان این تابع قالبمه.از این چیزایی که گفتید هر جور استفاده کردم نشد باز نسبتشون میریخت بهم.الان ما بگید من چه تغییری تو این بدم یا چه کدی بهش اضافه کنم

لینک به ارسال


if (function_exists('add_image_size')){
add_image_size( 'box-thumb', 182, 133, true );
add_image_size( 'boxs-thumb', 60, 30, true );
add_image_size( 'boxsx-thumb', 130, 90, true );
add_image_size( 'boxx-thumb', 140, 100, true );
add_image_size( 'boxsss-thumb', 400, 300, true );
add_image_size( 'boxxx-thumb', 40, 35, true );
}

دوستان این تابع قالبمه.از این چیزایی که گفتید هر جور استفاده کردم نشد باز نسبتشون میریخت بهم.الان ما بگید من چه تغییری تو این بدم یا چه کدی بهش اضافه کنم

خب شما توی جاهایی که از تصویر شاخص استفاده کردید اسم هر کدوم که خواستید رو فراخوانی کردید؟


<?php the_post_thumbnail('box-thumb'); ?>

لینک به ارسال

آره.به اینصورت:


<?php if (has_post_thumbnail()) the_post_thumbnail('box-thumb'); ?>

ببینید من میتونم اندازه مورد نظرو عوض کنم و تغییر بدم.خب این مشکلی رو حل نمیکنه.من هدفم اینه که همه تصاویر یه اندازه برابرشون توی قالب نمایش داده بشن.طوری که اگه یه عکس حتی 120*40هم که باشه با نسبت مثلا3*4نمایش داده بشه.در اصل Crop کنه.

مثل این سایتhttp://iranbayan.com/ که همه عکسا مساوی Crop شدن

لینک به ارسال

آره.به اینصورت:


<?php if (has_post_thumbnail()) the_post_thumbnail('box-thumb'); ?>

ببینید من میتونم اندازه مورد نظرو عوض کنم و تغییر بدم.خب این مشکلی رو حل نمیکنه.من هدفم اینه که همه تصاویر یه اندازه برابرشون توی قالب نمایش داده بشن.طوری که اگه یه عکس حتی 120*40هم که باشه با نسبت مثلا3*4نمایش داده بشه.در اصل Crop کنه.

مثل این سایتhttp://iranbayan.com/ که همه عکسا مساوی Crop شدن

کاملا متوجه منظورتون هستم و این خاصیت که توضیح دادیم هم همین کار رو میکنه

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

کدهای این دو تا قسمت پایین رو بذار تا بگیم چیکار کنید

post-2281-0-61874900-1384200821_thumb.pn

لینک به ارسال


<div class="hr"></div>
<div class="darkblue2_c">
<div class="darkblue2_c_title2">
<strong>تازه های سرگرمی</strong>
<a href="/?cat=257" title="آرشیو سرگرمی و تفریحی">بیشتر »</a>
</div>
<div class="allmode-portal">
<div class="allmode_topbox">
<?php query_posts('showposts=1&cat=257'); while (have_posts()) : the_post(); ?>
<div class="allmode_img"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('box-thumb'); ?></a></div>
<div class="allmode_topitem">
<h3 class="allmode_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
<div class="allmode_text">
<?php the_content_rss('', TRUE, '', 25); ?></div>
</div>
<?php endwhile; wp_reset_query(); ?>
<div class="allmode_clear"></div>
</div>

<div class="allmode_itemsbox" id="allmode109">
<ul class="allmode_items">

<?php global $post; $args = array('numberposts' => 5, 'offset'=> 1, 'category' => 257);
$myposts = get_posts($args); foreach($myposts as $post ) : setup_postdata($post);?>
<li class="allmode_item" style="display: list-item;">
<div class="allmode_img"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('boxs-thumb'); ?></a></div>
<div class="allmode_right">
<h4 class="allmode_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
<div class="clr"></div>
<!--Green box | end -->

این کد یکیشون.بقیشونم همینطورن دقیقا.خب شما مبگید چیکارشون کنم؟

لینک به ارسال

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


if (function_exists('add_image_size')){
add_image_size( 'box-thumb', 182, 133, false);
add_image_size( 'boxs-thumb', 60, 30, false);
add_image_size( 'boxsx-thumb', 130, 90, false);
add_image_size( 'boxx-thumb', 140, 100, false);
add_image_size( 'boxsss-thumb', 400, 300, false);
add_image_size( 'boxxx-thumb', 40, 35, false);
}

لینک به ارسال

کدی رو گفتید هم جایگزین کردم باز تغییری نکرد.من میخواب کروپ کنه

ویرایش شده توسط ghasemia81
لینک به ارسال

با دستورات اولیتون کروپ می کرد

مطمئنید درست فراخوانی می کنید


<?php the_post_thumbnail('box-thumb');?>

نام هر سایزی که می خواهید نمایش داده شود را جایگزین box-thumb) شود

لینک به ارسال

این کدیه که تو قالبمه.درست فراخوانی کردم.اونم که تغییر میدم کوچیکو بزرگ میشه ولی باز اندازه شانون به نسبت خودشون کوچیکو بزرگ میشه.


<div class="hr"></div>
<div class="darkblue2_c">
<div class="darkblue2_c_title2">
<strong>تازه های سرگرمی</strong>
<a href="/?cat=257" title="آرشیو سرگرمی و تفریحی">بیشتر »</a>
</div>
<div class="allmode-portal">
<div class="allmode_topbox">
<?php query_posts('showposts=1&cat=257'); while (have_posts()) : the_post(); ?>
<div class="allmode_img"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('box-thumb'); ?></a></div>
<div class="allmode_topitem">
<h3 class="allmode_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
<div class="allmode_text">
<?php the_content_rss('', TRUE, '', 25); ?></div>
</div>
<?php endwhile; wp_reset_query(); ?>
<div class="allmode_clear"></div>
</div>
<div class="allmode_itemsbox" id="allmode109">
<ul class="allmode_items">
<?php global $post; $args = array('numberposts' => 5, 'offset'=> 1, 'category' => 257);
$myposts = get_posts($args); foreach($myposts as $post ) : setup_postdata($post);?>
<li class="allmode_item" style="display: list-item;">
<div class="allmode_img"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('boxs-thumb'); ?></a></div>
<div class="allmode_right">
<h4 class="allmode_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
<div class="clr"></div>
<!--Green box | end -->

شما یه سر به سایتم بزنید متوجه میشیدhttp://yektatak.com

لینک به ارسال


<div class="hr"></div>
<div class="darkblue2_c">
<div class="darkblue2_c_title2">
<strong>تازه های سرگرمی</strong>
<a href="/?cat=257" title="آرشیو سرگرمی و تفریحی">بیشتر »</a>
</div>
<div class="allmode-portal">
<div class="allmode_topbox">
<?php query_posts('showposts=1&cat=257'); while (have_posts()) : the_post(); ?>
<div class="allmode_img"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('box-thumb'); ?></a></div>
<div class="allmode_topitem">
<h3 class="allmode_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
<div class="allmode_text">
<?php the_content_rss('', TRUE, '', 25); ?></div>
</div>
<?php endwhile; wp_reset_query(); ?>
<div class="allmode_clear"></div>
</div>

<div class="allmode_itemsbox" id="allmode109">
<ul class="allmode_items">

<?php global $post; $args = array('numberposts' => 5, 'offset'=> 1, 'category' => 257);
$myposts = get_posts($args); foreach($myposts as $post ) : setup_postdata($post);?>
<li class="allmode_item" style="display: list-item;">
<div class="allmode_img"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('boxs-thumb'); ?></a></div>
<div class="allmode_right">
<h4 class="allmode_title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
<div class="clr"></div>
<!--Green box | end -->

این کد یکیشون.بقیشونم همینطورن دقیقا.خب شما مبگید چیکارشون کنم؟

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

بله ، فکر کنم مشکل از کدی هست که توی تابع تعریف کردید!

کدی رو که در فایل فانکشن اضافه کردید با این کد جایگزین کنید ببینید درست میشه؟


if (function_exists('add_theme_support')) {
add_theme_support('post-thumbnails');
add_image_size( 'box-thumb', 182, 133, true );
add_image_size( 'boxs-thumb', 60, 30, true );
add_image_size( 'boxsx-thumb', 130, 90, true );
add_image_size( 'boxx-thumb', 140, 100, true );
add_image_size( 'boxsss-thumb', 400, 300, true );
add_image_size( 'boxxx-thumb', 40, 35, true );
}

لینک به ارسال

نه درست نشد

توی کدهای بالا در قسمت


<div class="allmode_img allnews"><a href="<?php the_permalink(); ?>"><?php if (has_post_thumbnail()) the_post_thumbnail('box-thumb'); ?></a></div>

به div یک کلاس بدید مثلا allnews بعد در

css این رو اضافه کنید : .allmode-portal .allnews img بعد فقط و فقط width بهش بدید درست میشه

باید در نظر بگیرید که آیا اینا فقط به عکس های کوچیک اعمال میشه یا نه

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

ویرایش شده توسط Mekaeil Andisheh
لینک به ارسال

از اینکه با صبر تاپیکو دنبال کردید و جواب دادید تشکر میکنم.خییییلی ممنونم.مشکل صفحه اول با استایل نویسی حل شد/ولی هنوز بلوک سمت راست و قسمت آرشیو به آدرس به طور مثال http://yektatak.com/?cat=401 مشکل رو دارن.هر چی هم استایل بهش میدم نمیشه.اینم کدش


<div class="hr"></div>
<div class="box_c">
<div class="iranforum_box">
<div id='dle-content'>
<?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?>
<div class="topnews">
<div class="topnewspic">
<a href="<?php the_permalink() ?>">
<div class="allmode_img allnews"><?php if (has_post_thumbnail()) the_post_thumbnail('boxsx-thumb'); ?></a></div></div>
<div class="topnewsinfo">

<div class="topnewsinfotitle">
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div>
<div class="newslead" style="line-height: 160%;"><?php the_content_rss('', TRUE, '', 35); ?></div>
</div></div>
<?php endwhile; ?>
<?php else : ?>

<?php endif; ?>
<div class="clr"></div>
<div align="center">
<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>
</div></div>
</div>
<div class="allmode_clear"></div>
</div>
</div>
<div class="clr"></div>
<!--box | end -->
<div class="clr"></div>
</div>
</div>
<!--center | end -->

میبینید که استایلی که تو صفحه اول به تصاویر بزرگ دادم رو به دادم ولی بازم تغییری نکرده

ویرایش شده توسط ghasemia81
لینک به ارسال

از اینکه با صبر تاپیکو دنبال کردید و جواب دادید تشکر میکنم.خییییلی ممنونم.مشکل صفحه اول با استایل نویسی حل شد/ولی هنوز بلوک سمت راست و قسمت آرشیو به آدرس به طور مثال http://yektatak.com/?cat=401 مشکل رو دارن.هر چی هم استایل بهش میدم نمیشه.اینم کدش


<div class="hr"></div>
<div class="box_c">
<div class="iranforum_box">
<div id='dle-content'>
<?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?>
<div class="topnews">
<div class="topnewspic">
<a href="<?php the_permalink() ?>">
<div class="allmode_img allnews"><?php if (has_post_thumbnail()) the_post_thumbnail('boxsx-thumb'); ?></a></div></div>
<div class="topnewsinfo">

<div class="topnewsinfotitle">
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div>
<div class="newslead" style="line-height: 160%;"><?php the_content_rss('', TRUE, '', 35); ?></div>
</div></div>
<?php endwhile; ?>
<?php else : ?>

<?php endif; ?>
<div class="clr"></div>
<div align="center">
<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>
</div></div>
</div>
<div class="allmode_clear"></div>
</div>
</div>
<div class="clr"></div>
<!--box | end -->
<div class="clr"></div>
</div>
</div>
<!--center | end -->

میبینید که استایلی که تو صفحه اول به تصاویر بزرگ دادم رو به دادم ولی بازم تغییری نکرده

خواهش میکنم

به این خاطر که استایل این لینکی که دادید با بقیه فرق میکنه

به خاصیت .topnewspic img توی style.css پهنا (width) بدید بدید درست میشه.

لینک به ارسال

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

لینک به ارسال

دوست عزیز چی رو قراره شروع کنیم؟

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

لینک به ارسال

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

تو یک سری از اطلاعات سایت و کد css من تفاوت هایی اساسی وجود دارد.

اگه فایل ضمیمه نشه پیشرفتی نخواهد داشت.

ضمنا

پستهای قبلی رو دقیق خوندم و به جواب نرسیدم.

لینک به ارسال

شما

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

تو یک سری از اطلاعات سایت و کد css من تفاوت هایی اساسی وجود دارد.

اگه فایل ضمیمه نشه پیشرفتی نخواهد داشت.

ضمنا

پستهای قبلی رو دقیق خوندم و به جواب نرسیدم.

شما آدرس سایتتونو بنویسید تا ببینیم مشکل از کجاس چه راه حلی داره

لینک به ارسال

سلام

مشکل منم همینه کسی هست شروع کنیم؟

ممنون

اول مشکلتون رو توی تالار جستجو کنید

اگر پیدا نکردید --> سوال جدید --> تایپیک جدید :)

لینک به ارسال

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

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

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

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

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

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

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

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

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