Motanel Tutorials


 
AcasaAcasa  RegulamentRegulament  FAQFAQ  CautareCautare  MembriMembri  InregistrareInregistrare  ConectareConectare  

Floating footer bar (Functional pe toate browserele) CSS


Navigare :: CSS - Cascading Style Sheets
AutorMesaj
 Rylled
avatar
Rang: Fondator

Respetarea regulilor 100%

Vezi profilul utilizatorului
MesajSubiect: Floating footer bar (Functional pe toate browserele) CSS Mar 25 Mai 2010 - 3:58
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.

» Instructiuni:

Puneti acest cod in foaia de stil css a forumului:
P.A » Afisare » Imagini si culori » Culori » Foaie de stil CSS
/*----------------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:
<div id="site-bottom-bar">
Aici puneti ceea ce doriti sa fie afisat in bara
</div>
Cei care au versiunile de forum Punbb si Phpbb2, codul pentru afisare trebuie pus in:
P.A » Afisare » Template-uri » General » overall_footer
Iar cei care au versiunile de forum Phpbb3 si Invision, trebuie sa puna codul pentru afisare intr-un Widget care este afisat pe toate paginile forumului.



Copyright © 2013 - Toate drepturile rezervate
Design creat si codat de Alexandru Miron si Stefan Patrascu