
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 & 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;
}