Změna velikosti písma

Drobečková navigace

CSS blog > Rozvržení patičky

Rozvržení patičky



HTML

<div class="footerMenu">
    <h4>Rychlá navigace</h4>
    <ul>
        <li><a href="http://ipopage/?oid=2874093" title="Úvod">Úvod</a></li>
        <li><a href="http://ipopage/?oid=2874125" title="Tips and tricks">Tips &amp; Tricks</a></li>
        <li><a href="http://ipopage/?oid=2891895" title="Ke stažení">Ke stažení</a></li>
        <li><a href="http://ipopage/?oid=2874127" title="Kontakt">Kontakt</a></li>
    </ul>
</div>
<div class="footerContact">
    <h4>Rychlý kontakt</h4>
    <ul>
        <li>ANTEE s.r.o.</li>
        <li>Pod Slovany 16/1886</li>
        <li>128 00  Praha 2</li>
        <li>tel.: +420 606 230 000</li>
        <li>email: <a href="mailto:$WEBMASTER">$WEBMASTER</a></li>
        <li>web: <a href="$DOMAIN" title="$NAME">$DOMAIN</a></li>
    </ul>
</div>

Umístění: HTML v layoutu -> Uživatelská patička

CSS

#ipofooter {
 display:none;
}
#ipocopyright {
width: 640px;
    padding:10px 30px;
    background-color:#000000;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top:10px;
    height:130px;
    text-align:left;
}

#ipocopyright a {
 text-decoration:underline;
}
.copyright {
 padding:0;
}
.footerMenu {
 float:left;
    width:130px;
}
#ipocopyright h4 {
 margin:0;
    font-weight:bold;
}
.footerMenu ul, .footerContact ul {
 list-style-type:none;
    padding-left:10px;
}
.footerContact {
 float:left;
 width:150px;
}
.contactForm {
 position:absolute;
    width: 360px;
    bottom:43px;
    right:210px;
}
.contactForm label {
 float:left;
    display:block;
    margin-bottom:5px;
    width:140px;
    font-size:9px;
    margin-right:15px;
}
.contactForm input[type="text"],.contactForm textarea {
 float:right;
    width:180px;
    border:none;
    background-color:rgba(255,255,255,0.6);
    margin-bottom:5px;
    height:16px;
    max-width:180px;
    max-height:16px;
}
.contactForm .newsheader {
 margin:0;
 font-size:9px;
    background-color:transparent;
    font-family:'Trebuchet MS',Helvetica,sans-serif;
}
.contactForm input[type="submit"] {
 margin:0;
    border:none;
    padding:0;
    padding-bottom:3px;
    padding-top:3px;
    width:75px;
    position:absolute;
    top:105px;
    right:10px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

Kód je pro případ, kdy pro patičku nepoužíváme obrázek. Pokud by obrázek byl použitý, je potřeba upravit pozicování a hodnoty u:

#ipocopyright {
width: 640px;
padding:10px 30px;
background:transparent;
margin-top:10px;
height:130px;
text-align:left;
}

Kalendář akcí

Po Út St Čt So Ne
25 26 27 28 29 30 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5