esyoo

حذف سایدبار در بعضی از برگه ها

8 پست در این موضوع قرار دارد

با سلام به دوستان.بالاخره بعد از تمام شدن درس ها تونستم بیام اینجا.

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

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

این ها هم کد هایی هست که برای این صفحه به کار بردم:


<?php get_header();?>
<div id="colLeft">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<!-- begin post -->
<div class="blogPost clearfix">
<div class="metaLeft">
<div class="comments"><?php comments_popup_link('0', '1', '%'); ?></div>
</div>
<div class="postRight">
<div class="titBullet"></div>
<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
<div class="metaRight">
<img src="<?php bloginfo('template_url'); ?>/images/ico_tag.png" alt="Tags" /> <?php the_tags(' ', ', ', ''); ?></div>
<?php the_content(); ?>
</div>
</div>
<?php comments_template(); ?>
<?php endwhile; else: ?>
<p>متاسفانه مطلب مورد نظر شما پیدا نشد!</p>
<?php endif; ?>
</div>
<div id="colRight" class="clearfix">
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>

با تشکر از شما دوستان عزیز

0

به اشتراک گذاری این پست


لینک به پست

قسمت سایدبار رو حذف کنید


<div id="colRight" class="clearfix">
<?php get_sidebar(); ?>
</div>

و استایل قسمت اصلی را تنظیم کنید

2

به اشتراک گذاری این پست


لینک به پست

ممنون خیلی لطف کردید.

مشکل من دقیقا با جمله دوم شما هست.چطور استایل قسمت اصلی رو تنظیم بکنم؟

با تشکر

0

به اشتراک گذاری این پست


لینک به پست

اینجا یه شناسه به نام colLeft داریم

شناسه رو در فایل استایل پیدا کنید : #colLeft

سپس کپی از اون بلاک استایل بگیرید و با نام دیگری ذخیره کنید

و پهنای آن را تغییر دهید

و همچنین نام جدید را در فایل اصلی تغییر دهید

3

به اشتراک گذاری این پست


لینک به پست

واقعا ممنونم.امیدوارم من رو به خاطر ندونستن دانش PHP ببخشید!

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

ممنون میشم را هنمایی بفرمایید.

style.css

/*

Theme Name: Colorbold

Author: Site5.com

Author URI: http://gk.site5.com/t/200

Description: <strong>ویرایش و فارسی‌سازی:</strong> <a href="http://www.newbie.ir"><strong>محسن غیاثی</strong></a> </a>

*/

/* MAIN STYLES

-------------------------------------------*/

* { margin: 0; padding: 0;}

body,html {font-weight:normal;font-family:tahoma, Helvetica, sans-serif;font-size:12px;color:#333;margin:0;padding:0;background:url(images/body-bg.jpg) fixed;line-height:135%}

ul {list-style:none}

a {color:#0093CA;text-decoration:none}

a:hover {text-decoration:none}

a:focus {outline:none}

p {margin:1em 0}

h1, h2 {font-size:18px;color:#0093CA;font-weight:normal;line-height:100%;padding-bottom:10px;font-family:Arial}

h2 {font-size:18px;color:#333;padding-top:10px}

/* LAYOUT STRUCTURE

--------------------------------------------------*/

#mainWrapper {background:url(images/body-bg.jpg) 0 0 repeat-x;min-width:1024px;font-family:tahoma, Helvetica, sans-serif}

#wrapper {margin:0 auto;width:976px}

#header {height:155px; position:relative;z-index:99;padding:0 8px}

#content {padding:0 8px 20px;background:url(images/bk_content.png) 0 0 repeat-y}

#colLeft{width:616px;float:left;padding:20px 30px 17px 25px;background:url(images/bk_colleft.png) 0 0 repeat-x;text-align:justify;line-height:22px}

#colRight {width:287px;float:left;padding:0 1px;position:relative}

#footer {border-bottom:3px solid #111111;background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;padding:20px;width:920px;margin:0 auto 20px;color:#666;position:relative;font-size:11px;min-height:44px}

/* HEADER ELEMENTS

------------------------------------------*/

/* -- logo --*/

#logo {position:absolute;top:30px;left:22px}

#logo a img{border:none}

/* -- main menu --*/

#mainMenu {width:960px;height:47px;position:absolute;bottom:0}

#mainMenu ul.sf-menu {padding-top:17px;padding-left:3px}

#mainMenu ul.sf-menu li {float:right;padding:0 12px;font-size:12px;font-weight:bold;height:28px}

#mainMenu ul.sf-menu li a {text-decoration:none}

#mainMenu ul.sf-menu li li a {padding:0 12px}

#mainMenu ul.sf-menu li li {padding:0;padding-top:-2px;border:none}

#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li ul.sub-menu {padding:0}

#mainMenu ul.sf-menu li ul.children li, #mainMenu ul.sf-menu li ul.sub-menu li, #mainMenu ul.sf-menu li.page_item ul li {position:relative;line-height:100%;height:28px;text-transform:none}

#mainMenu ul.sf-menu li ul.children li a, #mainMenu ul.sf-menu li ul.sub-menu li a, #mainMenu ul.sf-menu li.page_item ul li a {text-decoration: none;display:block;padding-top:7px;line-height:100%;border:none;text-transform:none}

#mainMenu ul.sf-menu li ul.children li ul.children a, #mainMenu ul.sf-menu li ul.sub-menu li ul.sub-menu a {text-decoration: none;position:relative;border:none}

#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li ul.sub-menu, #mainMenu ul.sf-menu li.page_item ul{margin-top:-2px}

#mainMenu ul.sf-menu li ul.children ul.children, #mainMenu ul.sf-menu li ul.sub-menu ul.sub-menu{margin:0 0 0 25px}

/*------------------------*/

#topMenu {position:absolute;right:8px;bottom:48px;background:url(images/bk_topmenu.png)}

#topMenu ul li{float:right;padding:7px 15px;font-size:11px;font-weight:bold;color:#ccc}

#topMenu ul li a {color:#fff}

#topMenu ul li a:hover {color:#ccc;text-decoration:none}

#site5top {position:absolute;top:37px;right:8px}

#site5top a {display:block;background:url(images/site5_top.png) 0 0 no-repeat;text-indent:-9999px;width:197px;height:22px}

.rssTag {position:absolute;width:63px;height:71px;background:url(images/rss_tag.png) 0 0 no-repeat;text-indent:-9999px;left:7px;top:105px;z-index:9999}

/* COL LEFT ELEMENTS

-------------------------------------------*/

.searchQuery, #archive-title {border-bottom:1px solid #E2E2D8;padding:0 0 10px;margin-bottom:15px}

#colLeft .blogPost .metaLeft {float:left;width:50px;text-align:center;padding-right:15px;padding-top:14px}

#colLeft .blogPost .metaLeft .month {font-size:11px;height:21px;line-height:21px}

#colLeft .blogPost .metaLeft .day {font-family:Arial;padding:12px 0;font-size:26px;border-bottom:1px dotted #cdcdcd;margin-bottom:10px}

#colLeft .blogPost .metaLeft .comments {font-size:16px;height:40px;line-height:30px;font-weight:bold}

#colLeft .blogPost .postRight {float:left;width:526px;padding-left:20px;border-left:1px solid #D8D8D8;padding-top:10px;position:relative;padding-bottom:10px}

#colLeft .blogPost .postRight .titBullet {position:absolute;left:-1px;top:15px;width:12px;height:22px;background:url(images/bullet_tit.jpg) 0 0 no-repeat}

#colLeft .blogPost .postRight .metaRight {border-top:1px dotted #CDCDCD;border-bottom:1px dotted #CDCDCD;padding:6px 0;font-size:11px}

#colLeft .blogPost .postRight .metaRight img {vertical-align:middle;margin-right:3px;border:none;padding:0}

#colLeft .blogPost a.more-link {display:block;width:91px;height:24px;padding-right:10px;clear:both;border:none;line-height:22px;margin-top:10px;font-size:11px;font-weight:bold}

#colLeft .single {margin-bottom:20px}

#colLeft p img {padding:8px;background:#F0F0F0;border:none;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}

.alignleft {float:left; margin:5px 15px 5px 0}

.alignright {float:right; margin:5px 0 5px 15px}

.navigation {margin:15px 0 0 65px}

.navigation .alignleft a, .navigation .alignright a {display:block;width:91px;height:24px;text-align:center;padding-left:8px;padding-top:3px;font-size:12px;font-weight:bold}

.navigation .alignleft a:hover, .navigation .alignright a:hover {text-decoration:none}

.navigation .alignright a {text-align:left;padding-left:18px;width:73px}

#colLeft ul li {background:url(images/bullet_left.png) 0 10px no-repeat;padding:5px 0 5px 14px}

.respond{margin-top:10px}

/* COL RIGHT ELEMENTS

------------------------------------------*/

/* ads */

#colRight h2 {font-size:17px;height:28px;padding:10px 15px 0;font-weight:bold;}

#colRight h2 a {color:#ffffff}

#colRight ul {margin:0 15px 15px;border-bottom:1px solid #cdcdcd}

#colRight div {margin:0 15px 15px}

#colRight ul li {padding:5px 14px 5px 0;font-size:12px}

#colRight ul li a {color:#333}

#colRight ul li:hover a, #colRight ul li a:hover{text-decoration:none}

/* FOOTER ELEMENTS

-------------------------------------------*/

#footerMenu ul li{float:right;padding-left:12px;padding-top:5px;font-weight:bold}

#site5bottom {position:absolute;left:20px;top:20px;}

#site5bottom p {display:block;width:180px}

/*COMMENTS

---------------------------------------------*/

#colLeft ul.commentlist {margin:15px 0;list-style-type:none}

#colLeft ul.commentlist li {background:none;padding:0}

#colLeft ul.commentlist li .comment-metaLeft {float:left;width:50px;text-align:center;padding-right:15px;padding-top:14px}

#colLeft ul.commentlist li .commentRight {float:left;width:526px;border-left:1px solid #D8D8D8;padding:15px 0 10px 20px;position:relative;font-size:11px}

#colLeft ul.commentlist li .commentRight .text {border-bottom:1px dotted #ccc;font-size:12px}

#colLeft ul.commentlist li .commentRight .text img {border:none;background:none;padding:0}

#colLeft ul.commentlist li .avatar {border:5px solid #E6E6E6;padding:1px;background:#fff}

#colLeft ul.commentlist li .reply {padding-top:5px;font-size:12px;font-weight:bold}

#colLeft ul.commentlist li em {font-size:12px;padding-top:5px;display:block}

#colLeft ul.commentlist li .commentRight .commentBullet {position:absolute;left:-1px;top:15px;width:12px;height:22px;background:url(images/bullet_tit.jpg) 0 0 no-repeat}

#colLeft ul.commentlist li .commentRight strong {background:#009CDC;padding:3px 5px;font-size:12px}

#colLeft ul.commentlist li .children .commentRight {padding-left:40px;width:500px;background:url(images/ico_reply.png) 20px 15px no-repeat}

/* FORMS

-------------------------------------------*/

#colRight #searchBox {background:url(images/bk_grad_up.jpg) 0 100% repeat-x;padding:20px 0;padding-right:13px;margin:0}

#searchform input {border:none;border-left:1px solid #CDCDCD;border-top:1px solid #CDCDCD;background:#fff;padding:6px 4px 7px 25px;color:#666; width:157px; float:right;background:#fff}

#searchform input#searchsubmit {width:72px;height:30px;border:none;background:url(images/but_search.jpg) 0 0 no-repeat;cursor:pointer;padding:0;text-align:center;color:#fff;font-size:11px;font-family:tahoma;font-weight:bold}

/* contact */

#contact label {display:block;padding:8px 0 2px}

#contact input, #contact textarea {border:1px solid #ddd;padding:5px;font-size:12px;font-family:tahoma, Helvetica, sans-serif;color:#666;width:300px}

#contact textarea {width:500px}

#contact input.submit {border:none;width:107px;height:31px;text-align:center;padding-top:4px;margin-top:15px;background:url(images/but_send.jpg) 0 0 no-repeat;font-family:tahoma;font-weight:bold}

.errormsg, .successmsg{background:#FEF4F1;border:1px solid #F7A68A;color:#DA4310;padding:10px}

.successmsg {border:1px solid #9FD9FF;background:#EAF7FF;color:#00BFF5}

/* post comment */

#commentform label {display:block;padding:5px 0 2px}

#commentform input, #commentform textarea {border:1px solid #ddd;padding:5px;font-size:12px;font-family:tahoma, Helvetica, sans-serif;color:#666;width:300px}

#commentform textarea {width:520px}

#commentform input#submit{border:none;width:107px;height:31px;text-align:center;padding-top:4px;margin-top:5px;background:url(images/but_send.jpg) 0 0 no-repeat;font-family:tahoma;font-weight:bold}

/* CLEARING

---------------------------------------------------*/

.clearfix:after {content: ".";display:block;height: 0;clear: both;visibility: hidden}

.clearfix {display: block}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%}

.clearfix {display: block}

/* End hide from IE-mac */

.clear {clear: both}

.noclear {clear: none}

/* SUPERFISH STYLESHEET ---------------------------------- */

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none}

.sf-menu { line-height:1.0}

.sf-menu ul { position:absolute; top:-999em; width:12em}

.sf-menu ul li { width:100%}

.sf-menu li:hover { visibility:inherit}

.sf-menu li { float:right; position:relative}

.sf-menu a { display:block; position:relative}

.sf-menu li:hover ul,.sf-menu li.sfHover ul { right:0; top:2.4em;z-index:99}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:-999em}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { right:12em; top:-0.1em}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { right:12em; top:-0.1em}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em;z-index:99}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left:10em;top:0}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top:0}

img.wp-smiley {float:none;border:none}

sidebar.php


<!-- begin search box -->
<div id="searchBox" class="clearfix">
<form id="searchform" action="" method="get">
<input id="s" type="text" name="s" value=""/>
<input id="searchsubmit" type="submit" value="جستجو"/>
</form>
</div>
<!-- end search box -->

<?php
/* Widgetized sidebar */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?><?php endif; ?>
<?php if(get_option('colorbold_flickr')=='yes'){?>

<?php }?>

0

به اشتراک گذاری این پست


لینک به پست

راهنمایی‌هایی که کردم ربطی به php نداره!

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

در کد اولتون این خط را

<div id="colLeft">

به

<div id="colLeft2">

تغییر دهید

و این خط رو به استایل اضافه کنید

#colLeft2{width:616px;float:left;padding:20px 30px 17px 25px;background:url(images/bk_colleft.png) 0 0 repeat-x;text-align:justify;line-height:22px}

خطوط دیگر استایل رو هم به قالب زیر تغییر دهید:


#colLeft ul.commentlist , #colLeft2 ul.commentlist

3

به اشتراک گذاری این پست


لینک به پست

راهنمایی‌هایی که کردم ربطی به php نداره!

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

در کد اولتون این خط را

<div id="colLeft">

به

<div id="colLeft2">

تغییر دهید

و این خط رو به استایل اضافه کنید

#colLeft2{width:616px;float:left;padding:20px 30px 17px 25px;background:url(images/bk_colleft.png) 0 0 repeat-x;text-align:justify;line-height:22px}

خطوط دیگر استایل رو هم به قالب زیر تغییر دهید:


#colLeft ul.commentlist , #colLeft2 ul.commentlist

من وقتی یک div رو از سایدبارم حذف میکنم کلا فرم قالب بهم میخوره خواهشا راهنماییم کنید.

ادرس وب سایتم : www.ripfire.ir

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

با کد جاوا اسکریپت این کار را بکنید :

<script>

document.getElementById("colRight").remove();

</script>

در فوتر قرار گیرد

ویرایش شده در توسط mohsensd1373
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری