Categori si forum

Salut,

Com pot face ca titlurile de la categori sa Fie asa fa pe acest forum si forumurile sa aibe acelas aspect de pe forumul acelas.....

In complex as vrea ca pe forum sa fie la fel ca in screen.





Se poate face si va fiecare titlu categori sa aiba o culoare diferita ca pe [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Versiune punBB

Upppppppppppppp

Administratorul forumului mea dat css dar a zis sa imi fac templetul....
Dar nu stiu cum....

Va dau CSS ma puteti ajuta?

Cod:

#c1 .secondarytitle,  #f1 .secondarytitle,  #f3 .secondarytitle,  #f4 .secondarytitle,  #f24 .secondarytitle,  #f29 .secondarytitle,  #f94 .secondarytitle{background:#00d0ad}
#c2 .secondarytitle,  #f18 .secondarytitle, #f25 .secondarytitle,  #f45 .secondarytitle,  #f85 .secondarytitle,  #f82 .secondarytitle,  #f14 .secondarytitle,  #f72 .secondarytitle,  #f21 .secondarytitle,  #f122 .secondarytitle,  #f70 .secondarytitle{background:#FFC706}
#c6 .secondarytitle,  #f5 .secondarytitle,  #f9 .secondarytitle,  #f80 .secondarytitle,  #f83 .secondarytitle, #f98 .secondarytitle,  #f10 .secondarytitle,  #f13 .secondarytitle,  #f88 .secondarytitle,  #f89 .secondarytitle,  #f116 .secondarytitle,  #f38 .secondarytitle{background:#D87093}
#c5 .secondarytitle,  #f23 .secondarytitle,  #f42 .secondarytitle{background:#58c468}
#c4 .secondarytitle,  #f26 .secondarytitle,  #f62 .secondarytitle,  #f118 .secondarytitle,  #f20 .secondarytitle  {background:#00bff3}
#c1 .secondarytitle::before{content:url("http://image.noelshack.com/fichiers/2016/07/1455577043-morceaucategorie.png")}
#c1 .secondarytitle::after{content:url("http://image.noelshack.com/fichiers/2016/07/1455577841-morceaucategorieaf.png")}
#c2 .secondarytitle::before{content:url("http://image.noelshack.com/fichiers/2016/07/1455618194-1455579393-morceaucategorie.png")}
#c2 .secondarytitle::after{content:url("http://image.noelshack.com/fichiers/2016/07/1455618194-1455579393-morceaucategorieaf.png")}
#c6 .secondarytitle::before{content:url("http://image.noelshack.com/fichiers/2016/07/1455580582-morceaucategorie.png")}
#c6 .secondarytitle::after{content:url("http://image.noelshack.com/fichiers/2016/07/1455580582-morceaucategorieaf.png")}
#c5 .secondarytitle::before{content:url("http://i.imgur.com/tHUDBFM.png")}
#c5 .secondarytitle::after{content:url("http://i.imgur.com/y0gsQSi.png")}
#c4 .secondarytitle::before{content:url("http://i.imgur.com/JX0GRKN.png")}
#c4 .secondarytitle::after{content:url("http://i.imgur.com/83Uonuo.png")}
.secondarytitle::before {
left:-30px;
position:absolute
}

.secondarytitle::after {
right:-30px;
position:absolute
}

.secondarytitle {
position:relative;
width:100%;
height:50px;
text-align:center
}

.secondarytitle h2 {
position:absolute;
top:-11px;
display:block;
width:100%;
color:#FFFFFF;
font-family:"Fjalla One",sans-serif;
font-size:60px;
text-transform:uppercase;
font-weight:400;
letter-spacing:-2px
}

.epicat2_infotitre a {
color:#3B3B3B!important;
font-family:Oswald;
font-size:12px;
text-transform:uppercase;
font-weight:400;
transition:all 1s;
    letter-spacing:0px;
}

.epicat2_infotitre:hover a {
text-decoration:none!important;
letter-spacing:2px
}

.epicat2_block {
  position:relative;
font-family:'Swis721 Lt BT';
color:#666;
font-size:11px;
height:auto;
border-bottom:1px solid rgba(152,152,152,0.65);
text-align:justify;
padding-bottom:5px;
min-height:100px
}

.epicat2_image {
float:left;
margin:35px 0 0 10px
}

.epicat2_stat {
float:right;
margin:10px 10px 5px;
color:#3B3B3B!important;
font-family:Roboto;
text-transform:uppercase;
font-size:11px
}

.epicat2_info {
line-height:1.4em;
padding:0 10px;
width:500px;
float:left;
margin:10px 0 0 5px
}

.epicat2_infodesc {
width:500px;
height:70px;
overflow:hidden
}

.epicat2_lpavat {
float:left;
height:50px;
width:50px;
overflow:hidden
}

.epicat2_lpavat img {
width:45px;
position:relative;
top:-50%
}

.epicat2_lastpost {
position:absolute;
top:25px;
right:0px;
width:200px;
border:1px solid grey;
margin:0 6px;
padding:5px;
height:50px
}

.epicat2_lastpost a,.epicat2_lastpost a:hover {
text-decoration:none!important
}

.epicat2_dernier-message span > a {
color:#3B3B3B!important;
font-family:Oswald;
font-size:12px;
}


.epicat_sous-forum {
width:100%;
clear:both;
height:auto
}

.epicat_sous-forum a {
display:inline-block;
font-family:'Fjalla One',sans-serif;
text-transform:uppercase;
font-size:14px;
color:#f8f8f8;
background-color:#575757;
border:1px solid #575757;
padding:2px 5px;
margin:3px 1px 0;
transition:all 2s
}

.epicat_sous-forum a:hover {
color:#575757;
background-color:#f8f8f8;
border:1px solid #575757;
text-decoration:none!important
}

.epicat2_cat {
padding:10px 0 0;
background-color:#fff;
border:1px solid rgba(152,152,152,0.62);
margin:25px 0;
border-bottom-width:0
}

Uppppppppp

Nimeni nimeni???

Upppppppppppppppppppppppppppppppppppppppppppppp

Helloooooooooo upppppppppppppp

Up
Up
Up
Up
Up
Uppppppppppppppppppp