( Zaloguj | Zarejestruj )
![]() ![]() |
05.1.2011 - 17:04
Post
#1
|
|
|
Grupa: Bloger Postów: 6 Nr: 9 216 |
Witam, chciałbym sie dowiedzieć jak zrobić by ograniczyć moje obramowanie tzn. chodzi mi dokładnie o widgety. Adres mojej strony to: www.szlag.pl, chciałbym uzyskać taki efekt:
![]() //SIDEBAR.PHP KOD <script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Szlagpl/172551116115141?v=wall" width="373" show_faces="true" stream="false" header="false"></fb:like-box> <br/> <br/> <div id="sidebarA" class="sidebar"> <br/> <ul> <?php if ( !( function_exists('dynamic_sidebar') && dynamic_sidebar('top') ) ){ ?> <li><h2><?php _e("Search"); ?></h2> <ul> <li><?php include (TEMPLATEPATH . '/searchform.php'); ?></li> </ul> </li> <?php } ?> </ul> </div> //FRAGMENT ARKUSZA STYLU KOD .sidebar {
padding:0px; float:right; margin: 0.5em 0 0 0; } #sidebarFrame { float:right; width:33%; padding:1em 0px; } #sidebarA { width:100%; padding-top:0; padding-bottom:0px; margin:0em 0px 0 0; } #sidebarC { border: 1px solid #7396BD; line-height: 1.5em !important; margin: 0px 0px 1em; width:50%; } #sidebarB { border: 1px solid #7396BD; line-height: 1.5em !important; margin: 0px 0px 1em; width:50%; } .sidebar h2 { font-size:1.3em; line-height:1.2em; border-bottom: 1px solid #000; margin-bottom:.2em; } #sidebarB ul, #sidebarC ul { margin-right:1.5em; } .sidebar ul li { margin: 0; margin-bottom:0.4em; padding-bottom:.5em; } #sidebarA h2 { margin:.2em 0 -.2em 0; border: none; padding-bottom:.2em; } #sidebarA ul { margin:0 1.5em .2em 0; padding:0 0 .5em 0; } #sidebarA ul li { border:1px solid #7396BD; padding:1em 10px .5em 10px; margin:0; margin-bottom: 1em; line-height:1.5em !important; } #sidebarA ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #sidebarA ul li ul, #sidebarA ul li ul li { border: none; padding:0; margin:0; } #sidebarA img { float:left; margin:.3em .5em 0 0; } #sidebarA .vcard img.photo { border: 1px solid #999; background: #eee; } .sidebar ul, .sidebar ul li ul li, .sidebar ul li ul li ul { border-bottom:0; margin:0; padding-bottom:0; } .sidebar ul li ul { font-size:.9em; } .sidebar ul li ul li, #sidebarA ul li ul li { border-bottom:1px dotted #999; line-height: 1.7em; padding:.1em 0; } #sidebarA ul li ul li:last-child { border-bottom:none; } .sidebar ul li ul li ul { margin-bottom:0; padding-left:10px; border-left:1px solid #aaa; } .sidebar a { /*color: #999;*/ } .sidebar a:hover { /*color: #99000e;*/ } |
|
|
|
05.1.2011 - 19:19
Post
#2
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 4 254 Nr: 5 919 |
I z czym dokładnie masz problem? Z tego li - #sidebarA ul li {} wywal border'a i padding, i daj go na #sidebarA ul li ul {}
btw1. popraw nazwę tematu. btw2. po co zakładasz dwa identyczne tematy? |
|
|
|
![]() ![]() |
| : 24 05 12 - 03:18 |