Coduri CSS pentru forum

Vezi subiectul anterior Vezi subiectul urmator In jos

Coduri CSS pentru forum

Mesaj Scris de mr.franta la data de Dum 18 Iun - 10:46

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:


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

}


Daca v-am fost de ajutor apasati butonul  
avatar
mr.franta
Moderator
Moderator

masculin

Mesaje : 1176
Varsta : 29
Localizare : giurgiu
Data înscrierii : 18/02/2012
Multumiri : 80
Niciun avertisment

http://www.frannnta-design.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum