Nu sunteti conectat. Conectati-va sau inregistrati-va

Mesaj [Pagina 1 din 1]

1 Cum sa adaugi "Browsere Recomandate" la data de Vin Oct 05, 2012 7:45 am

Wanse
avatar

Administrator
Administrator
Cum sa adaugi "Browsere Recomandate"


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 sunny RealSupport


Numai bine,
Echipa RealSupport

http://realsupport.lforum.biz

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum

 
  • Forumgratuit.ro | Cultura si Societate | Diverse | © PunBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Blogratuit.ro