رفتن به مطلب

دوستونه كردن


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

با عرض سلام خدمت دوستان

من با راهنمايي هايي كه تو سايت ها گذاشتن براي دوستونه كردن اقدام كردم ولي جواب نداد و پست هام قاطي شدن، اگه ممكنه يه آموزش براي دوستونه كردن در سطح مبتدي بديد

خيلي ممنون

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

اين نمونه كد رو ببينيد :

كد css :


#wrap{width:500px; min-height:200px; background-color:#FFF000}
#right{width:60%; min-height:200px; background-color:#FF0000; float:right}
#left{ width:35%; min-height:200px; background-color:#000; float:left}

كد html :


<div id="wrap">
<div id="right">right</div>
<div id="left">left</div>
</div>

توضيح : دو كادري كه قرار هست كنار هم قرار بگيرند , ميبايست درون يك دايو اصلي كه من اسمشو گذاشتم wrap قرار بگيرند.

بعد با float جهت اونها رو تنظيم ميكنيم.

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

ممنون از پاسختون، يعني اگه اين كدها رو تو index و style بزارم كافيه؟ اگه ممكنه جاشون رو هم بگيد

چون من كدهاي زير رو گذاشتم ولي كار نكرد:


<?php $col = 1; ?>
<?php if ($col == 1) echo "<div class=\"row\">"; ?>
<div class="post col<?php echo $col;?>" id="post-<?php the_ID(); ?>">
<?php if ($col == 1) echo "</div>"; (($col==1) ? $col=2 : $col=1); endwhile; ?>
.row { clear: both; }
.col1 {
width: 350px;
float: right;
padding: 0 10px;
display: inline; }
.col2 {
width: 350px;
float: left;
padding: 0 10px; }

اين هم كدهاي ايندكس من:


<?php get_header(); ?>[/size][/font][/right]



[font="Tahoma, sans-serif"][size=4]<?php
$options = get_option('inove_options');
if (function_exists('wp_list_comments')) {
add_filter('get_comments_number', 'comment_count', 0);
}
?>[/size][/font]
[font="Tahoma, sans-serif"][size=4]<?php if ($options['notice'] && $options['notice_content']) : ?>
<div class="post" id="notice">
<div class="content">
<?php echo apply_filters('the_content', $options['notice_content']); ?>
<div class="fixed"></div>
</div>
</div>
<?php endif; ?>[/size][/font]

[font="Tahoma, sans-serif"][size=4]<?php if (have_posts()) : while (have_posts()) : the_post(); update_post_caches($posts); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a class="title" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<div class="info">
<span class="date"><?php the_time(__('F jS, Y', 'inove')) ?></span>
<?php if ($options['author']) : ?><span class="author"><?php the_author_posts_link(); ?></span><?php endif; ?>
<?php edit_post_link(__('Edit', 'inove'), '<span class="editpost">', '</span>'); ?>
<span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove'), '', __('Comments off', 'inove')); ?></span>
<div class="fixed"></div>
</div>
<div class="content">
<?php the_content(__('Read more...', 'inove')); ?>
<div class="fixed"></div>
</div>
<div class="under">
<?php if ($options['categories']) : ?><span class="categories"><?php _e('Categories: ', 'inove'); ?></span><span><?php the_category(', '); ?></span><?php endif; ?>
<?php if ($options['tags']) : ?><span class="tags"><?php _e('Tags: ', 'inove'); ?></span><span><?php the_tags('', ', ', ''); ?></span><?php endif; ?>
</div>
</div>[/size][/font]

[font="Tahoma, sans-serif"][size=4]<?php endwhile; else: ?>
<div class="errorbox">
<?php _e('Sorry, no posts matched your criteria.', 'inove'); ?>
</div>
<?php endif; ?>[/size][/font]
[font="Tahoma, sans-serif"][size=4]<div id="pagenavi">
<?php if(function_exists('wp_pagenavi')) : ?>
<?php wp_pagenavi() ?>
<?php else : ?>
<span class="newer"><?php previous_posts_link(__('Newer Entries', 'inove')); ?></span>
<span class="older"><?php next_posts_link(__('Older Entries', 'inove')); ?></span>
<?php endif; ?>
<div class="fixed"></div>
</div>[/size][/font]
[font="Tahoma, sans-serif"][size=4]<?php get_footer(); ?>[/size][/font]
[font="Tahoma, sans-serif"][size=4]

لینک به ارسال

كدهاي css كه داخل style.css بايد باشه.

غير از index.php يك فايل sidebar.php هم بايد داشته باشيد .

مثلا اگر ميخوايد sidebar سمت چپ باشه به اين شكل بايد استفاده بشه :

درون sidebar.php داريم :


<div id="left">
<?php if ( is_active_sidebar( 'line1' ) ) : dynamic_sidebar( 'line1'); endif; ?>
</div>

و در index.php داريم :


<?php get_header(); ?>
<div id="wrap">
<div id="right">
<!-- محتويات -->
</div><!-- end right -->
<?php get_sidebar();?>
</div><!--end wrap -->

البته اين يه مثال ساده بود.ازش ايده بگيريد

لینک به ارسال

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

راه دیگه اینه که بجای استفاده از ابزارک کدها رو بصورت دستی در قالبتون جایگذاری کنید .

اگر هم براتون زیبایی کار مهم نیست و فقط میخواید که ابزارک داشته باشید میتونید از همین روشی که دوستمون خدمتتون توضیح دادن استفاده کنید

لینک به ارسال

درسته , ولي من فقط حالت كلي رو گفتم , براي ابزارك , نوشته ها , عناوين , نظرات و ... ميتونند استايل تعريف كنند. كاري كه خود من هم به اين صورت انجام ميدم.

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

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

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

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

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

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

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

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

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

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