ssll

نداشتن فاصله بین ابزارک ها

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

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

سلام من از طریق اضافه کردن این کد به فانکشن :


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

ساید بار را در مدیریت وردپرس اضافه کردم و یه فایل sidebar1.php در پوسته و با محتویات :


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

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


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

فراخوانی کردم

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

post-3832-0-55958800-1391445747_thumb.pn

post-3832-0-15075600-1391446043_thumb.pn

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

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


لینک به پست

با css بهش فاصله بدید .


.widget{
margin: 10px 0;
}

1

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


لینک به پست

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

post-3832-0-81155700-1391448201_thumb.pn

0

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


لینک به پست

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

سلام

دو کلاس css جدا تعریف کن یکی برای عنوان ابزراک یکی برای محتواش

مثل:


.widget {clear: both;margin-bottom: 25px;}
.widget-top{padding: 5px 0 ;}
.widget-top h4{
float: left;
margin-right: 10px;
font-size: 20px;
font-family: tahoma,arial,Georgia, serif;
}
.widget-top h4 a{color: #333;}
.widget-top h4 a:hover{color: #000;}
.widget-container {padding:10px; clear:both; }
.widget-container h3{font-size:inherit;}
.widget-container li {
background:url(images/sidebar-bullet.png) no-repeat left 8px;
padding: 0 0 5px 12px;
line-height: 18px;
overflow: hidden;
}
.widget-container p {padding-bottom: 1.0em;}

ویرایش شده در توسط asemon14
1

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


لینک به پست

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

ممنون دوست عزیز خب منم کد css رو میخواستم که به زور پیداش کردم و حل کردم .


.widget-toppp{
position: relative;
top: -40px;
left: 10px;
}

از شما هم ممنونم

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

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


لینک به پست

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

0

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


لینک به پست

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

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

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

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


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

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

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


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