Buna ziua.

M-am decis sa va arat un tutorial la care puteti sa adaugati sus in header "Browsere Recomandate" ca pe acest forum.

Acest tutorial este functional doar pe phpbb2 si punBB.

Pntru inceput va duceti in template-uri:
PA ~> Afisare ~> Template-uri ~> General ~> overall_header

Cautati:

Cod:

<div class="pun">

sau

Cod:

<div id="pun-intro" class="clearfix">

Si adaugati dupa:

Cod:

 <div align="left" id="browser_box">

<div id="browser_list">Browsere Recomandate</div>

<ul id="browser_list" class="browsers">

<li><a href="http://www.google.ro/chrome" target="_blank">Google Chrome</a></li>
<li><a href="http://www.mozilla-europe.org/ro/firefox/" target="_blank">Mozila Firefox</a></li>
<li><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank">Internet Explorer 7+</a></li>

</ul>

Salvati & publicati browser-ul.

Va duceti in CSS:
PA ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS si adaugati:

Cod:

#browser_box{
margin-right: -20px !important;
position: relative;
right: 20px !important;}

#browser_box{margin-right: 10px;}

#browser_list{
color: white;
text-align: center;
width: 160px;
background: url("http://i36.servimg.com/u/f36/11/96/49/61/index-10.png") repeat-x scroll center top black;
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.browsers{
list-style: none;
margin: 5px 0px 5px 0px;}

.browsers li{width: 160px;}

.browsers li a{color: white !important;}

ul.browsers li:hover{background: url("http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png") repeat-x scroll 0px -1px white;}

#browser_exp {
display: inline-block !importat;
text-align: left;
font-size: 11px;
margin-left: -300px;
margin-top: 10px;
z-index: 999 !important;
position: absolute;
display: none;
width: 400px;
padding: 5px;
border: 1px solid rgb(214, 214, 214);
background: url("http://i36.servimg.com/u/f36/11/96/49/61/index-10.png") repeat-x scroll center top black;
color: white;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
 

.browser_exp_triger{cursor: pointer;}

Si il modificati dupa bunul plac.

---

Tutorial realizat de d3v1L RealSupport