Floating Footer Bar

Stiu ca multi dintre voi cautati asa ceva, si mai mereu gasiti scripturi greu de modificat. Eu va dau ceva usor ce am gasit intamplator pe net care este functional pe toate browserele si foarte, dar foarte usor de modificat, asta doar pentru cei ce cunosc catusi de putin CSS.

DEMO

» Instructiuni:
Puneti acest cod in foaia de stil css a forumului:
P.A » Stiluri » Teme » Modifca tema curenta » stylesheet.css

Citat :

/*----------------Floating footer bar----------------*/
html,
body {
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
}
#site-bottom-bar {
background-color: #F0F0F0 ;
border-top: 1px solid #CCCCCC ;
bottom: 0px ;
font-family: verdana, arial ;
font-size: 11px ;
height: 30px ;
position: fixed ;
width: 100% ;
z-index: 999;
}

Din CSS, puteti modifica inaltimea barei, culoarea de fundal cat si a textului, bordura etc. Ba chiar puteti aduga o imagine de fundal, de exemplu ceva translucid. V-am spus e usor de modificat si de aplicat un design dupa propriile preferinte, asta daca stiti putin CSS.

Acesta este codul pentru afisare:

Citat :

<div id="site-bottom-bar">
Aici puneti ceea ce doriti sa fie afisat in bara
</div>

cei care au versiunile de forum Phpbb3 si Invision, trebuie sa puna codul pentru afisare intr-un Widget/template care este afisat pe toate paginile forumului.