(pHpBB3) Personalizare Categorii

Salut !
Astazi am sa va arat un cod foarte usor de reazlit doar cu ajutorul CSS3

Sa incepem: Intram in : Panoul de Administrare > "Mod Avansat" Afisare > Imagini si Culori > Culori > Foaia de stil CSS
si adaugam la sfarsit acest cod

Code:

li.row {
background: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif) repeat scroll 0 0 rgb(244, 244, 244)!important;
background-image: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);
background-repeat-x: repeat;
background-repeat-y: repeat;
background-attachment: scroll;
background-position-x: 0px;
background-position-y: 0px;
background-origin: initial;
background-clip: initial;
background-color: rgb(244, 244, 244);
border-color: rgb(221, 221, 221);
height: 50px;}

li.row dd.lastpost span{
background:
white;
font-weight: 800;
padding: 4px;
margin-left: 27px;
border: 1px solid
rgb(221, 221, 221);
border-radius: 4px;
position: relative;
left: -19px;
}

li.row dd.posts{
background:
white;
font-weight: 800;
padding: 4px;
margin-left: 5px;
border: 1px solid
rgb(221, 221, 221);
border-radius: 4px;
height: 19px;
position: relative;
top: 8px;
padding-top: 0px;
padding-bottom: 6px;
}

li.row dd.topics {
background:
white;
font-weight: 800;
padding: 4px;
margin-left: -10px;
border: 1px solid
rgb(221, 221, 221);
border-radius: 4px;
height: 19px;
position: relative;
top: 8px;
padding-top: 0px;
padding-bottom: 6px;
}

li.row dd.lastpost span a.gensmall{display: none!important;}
li.row dd.lastpost span img{display: none!important;}
li.row dd.lastpost span br{display: none!important;}
.header dd.topics, .header dd.posts, .header dd.lastpost {display:none!important;}
li.row dd.topics:after {content: " Subiecte"; color:red;}
li.row dd.posts:after {content: " Mesaje"; color:green;}

Tutorial relizat de InFeRn0 | Extream-Suport
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.