IPB

( Zaloguj | Zarejestruj )

 
Reply to this topicStart new topic
> obramowanie, obramowanie
aplo
post 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;*/
}
Go to the top of the page
 
+Quote Post
amistad18
post 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?
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



: 24 05 12 - 03:18