Crearea unei bare tip footer

Scris de Luky la data de Lun 19 Apr 2010, 10:44 pm

Crearea unei bare tip footer

Buna tuturor,
In acest tutorial va voi arata cum sa faceti o bara footer tip Facebook.

1.Cream bara

Pentru a crea bara tip footer trebuie sa cream o pagina HTML din Panoul de administrare=>Module=>HTML=>Administrare pagini html=>

Titlu: Puteti pune ce titlu doriti
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?: Nu
Utilizati aceasta pagina ca pagina de start?: Nu
Cod HTML: Aici trebuie sa puneti urmatorul cod:

<body background="http://img19.imageshack.us/img19/3581/mitu1.png" text="#000000" style="background-repeat:repeat-x;">
<html>
<head>
<style type="text/css">
a
{
color: #C0C0C0;
}
a:visited
{
color: #C0C0C0;
}
a:active
{
color: #C0C0C0;
}
a:hover
{
color: #FFFFFF;
}
</style>
</head>

<font style="font-size:12px" color="#000000" face="Arial"><b><a href="http://www.forumgratuit.ro" target="_blank" class="style3">Pagina Forumgratuit.ro</a></b>

<img src="http://img4.imageshack.us/img4/7130/mitu3.png" align="CENTER"border="0" style="width:1px;height:33px;">

<b><a href="http://www.help.forumgratuit.ro" target="_blank" class="style3">Forumul de suport</a></b></font></div></div>

<img src="http://img4.imageshack.us/img4/7130/mitu3.png" align="CENTER" border="0" style="width:1px;height:33px;">

<a href="http://www.forumgratuit.ro" target="_blank"><img src="http://img376.imageshack.us/i/banner11na0.jpg/" alt="Pagina principala Forumgratuit.ro" align="CENTER" border="0" style="width:80px;height:30px;"></a></div></div>

<img src="http://img4.imageshack.us/img4/7130/mitu3.png" align="top" border="0" style="width:1px;height:33px;">

</body>
</html>

Ce este colorat in albastru inchis trebuie inlocuit cu link-urile/imaginile dumneavoastra.

2.Instalam bara

Pentru a instala bara trebuie sa mergem in Panoul de administrare=>Afisare=>Pagina de start=>Generalitati=>Mesaj pe pagina de start.
Aici punem acest cod:

<iframe rows="*,35" name="mainFrame" id="mainFrame" style="position:fixed;left:0px;bottom:0px;width:100%;height:35px;z-index:4" src="Link-ul paginii HTML pe care am creat-o" scrolling="no" frameborder="0"></iframe>

Ce este colorat cu albastru inchis trebuie inlocuit cu link-ul paginii HTML pe care tocmai ati creat-o.
Bara este creata si poate fi modificata cum doriti.

Tutorial realizat de The New Wonder
Tradus de Lizzard

Numai bine,
Echipa Forumgratuit

Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.