Salutare,stiu ca va place sa va tunati temele in unele IPB si nu gasiti tutoriale pentru phpbb2 cum sa faceti un index_box cu optimizare IPB.
Am facut eu un index_box pentru voi toti.
Cum arata un index_box fara optimizare:
Cum va arata dupa optimizare:
Panou de administrare/afisare/template-uri/general/index_box si inlocuim intregul template cu acesta
Trebuie sa raspundeti la subiect pentru a vizualiza template-ul
Salvati si publicati template-ul.
APoi mergem in Panou de administrare/afisare/culori/css si adaugam codul css:
Am facut eu un index_box pentru voi toti.
Cum arata un index_box fara optimizare:
Cum va arata dupa optimizare:
Panou de administrare/afisare/template-uri/general/index_box si inlocuim intregul template cu acesta
Trebuie sa raspundeti la subiect pentru a vizualiza template-ul
Salvati si publicati template-ul.
APoi mergem in Panou de administrare/afisare/culori/css si adaugam codul css:
Cod:
.spatiu{
background-color: #ddd5c4;
padding: 8px;
box-shadow: 0px 0px 1px white;
border: 1px solid #bbb;
margin: 0px 4px;
}
.maintitle h2{
width: 99.2%;
margin: 0px 4px;
background: #22272D url(http://invisionmodding.com/public/style_images/invisionmodding2/maintitle.png) repeat-x top;
border-color: #23282e;
border-radius: 6px 6px 0 0;
border-style: solid;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 #525d6a;
color: #fff!important;
font-size: 12px;
line-height: 35px;
font-weight: 300;
position: relative;
top: 2px;
text-transform: uppercase;
font-family: Verdana,Arial,sans-serif;
}
.forumline{
border: none!important;
}
#index_box td{
background: #f2ebdc url(http://invisionmodding.com/public/style_images/invisionmodding2/row.png) repeat-x!important;
border-bottom: 1px solid #ebddc3!important;
border-collapse: collapse;
border-style: solid none none solid;
border-width: 0;
border-left: 1px solid #fff;
border-right: 1px solid #ddd;
}
#index_box th{
background: #fdd2a4;
border-bottom: 1px solid #e2ba90;
border-top: 1px solid #ffe4c8;
color: #ca7316;
font-family: tahoma;
font-size: 12px;
}
.maintitle h2:before{
content: url(http://png-3.findicons.com/files/icons/1157/feedicons_2/16/rss.png);
margin-right: 4px;
position: relative;
top: 4px;
left: 2px;
}
Atenție: conține reclamă