Coduri CSS pentru forum
Pagina 1 din 1 • Distribuiţi
Coduri CSS pentru forum
In acest subiect puteti posta coduri CSS pentru personalizarea anumitor portiuni ale unui forum.
Urmatorul cod personalizeaza code. spoiler, hide pentru phpBB2.
Imagine ca model:
Urmatorul cod personalizeaza code. spoiler, hide pentru phpBB2.
Imagine ca model:
- Cod:
.code{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
font-family:play;
}
dl.codebox dt:before{
content: url(https://cdn3.iconfinder.com/data/icons/fatcow/16/page_white_code_red.png);
margin-right: 2px;
}
.codebox dt{
padding-bottom: 4px;
}
dl.codebox{
padding: 5px;
padding-top: 6px;
width: 96%;
border-radius: 5px;
margin-top: 10px;
}
.codebox{
background: #ddd url(http://i86.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;
border: 1px solid #bbb!important;
}
dl.codebox.spoiler {
color: black;
}
dd.code{
background-image: url('http://i55.servimg.com/u/f55/14/12/03/12/bg11.png');
background-color: white;
background-repeat: repeat-x;
border: 1px solid #fff;
box-shadow: 0px 0px 1px #333;
}
dl.codebox .genmed{
color: #333!important;
font-family: tahoma;
font-size: 12px;
font-weight: 500;
}
dl.codebox.spoiler{
background: #C7E8EE url(http://i86.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;
border: 1px solid #9FAAAC!important;
}
dd.spoiler_closed{
background-image: url('http://i55.servimg.com/u/f55/14/12/03/12/bg11.png')!important;
background-color: white!important;
background-repeat: repeat-x;
border: 1px solid #bbb!important;
padding: 2px;
}
div.spoiler_content{
background-image: url('http://i55.servimg.com/u/f55/14/12/03/12/bg11.png')!important;
background-color: white!important;
background-repeat: repeat-x;
border: 1px solid #bbb!important;
padding: 2px;
}
dl.codebox.spoiler dt:before{
float: left;
content: url(https://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png)!important;
margin-right: 2px;
}
dl.codebox.hidecode{
padding-top: 10px;
background: #B0F056 url(http://i86.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;
border: 1px solid #7FB139!important;
}
.hidecode > dt{
display: block!important;
margin-bottom: 4px;
}
dl.codebox.hidecode dt:before{
content: url(https://cdn3.iconfinder.com/data/icons/musthave/16/Check.png)!important;
margin-right: 2px;
}
dl.codebox.hidecode dt:after{
content: "Felicitari,ai raspuns si ai primit codul,multimim pentru timpul acordat"!important;
color: #333;
font-family: tahoma;
text-shadow: 0px 1px 1px #fff;
margin-left: 2px;
}
.hidecode dd{
background-image: url('http://i55.servimg.com/u/f55/14/12/03/12/bg11.png');
background-color: white;
background-repeat: repeat-x;
border: 1px solid #bbb!important;
padding: 2px;
border-radius: 3px;
}
span#edit.gensmall{
color: #F34040
}
Subiecte similare
» Scripturi , coduri pentru forum
» Regulamentul sectiunii coduri pentru forum
» Propuneri - Coduri pentru forum (AICI scrieti propunerea)
» Listă cu coduri care arată informații despre forum
» din: Propuneri - Coduri pentru forum (AICI scrieti propunerea)
» Regulamentul sectiunii coduri pentru forum
» Propuneri - Coduri pentru forum (AICI scrieti propunerea)
» Listă cu coduri care arată informații despre forum
» din: Propuneri - Coduri pentru forum (AICI scrieti propunerea)
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum