Design de Tema Azul com Branco

2 participantes

Ir para baixo

Tópico resolvido Design de Tema Azul com Branco

Mensagem por ShaDownS 22.09.14 6:31

Gostaria de recapitular este tópico: https://ajuda.forumeiros.com/t95253-tema-de-coloracao-azul-e-branco, até mais o/
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Design de Tema Azul com Branco

Mensagem por Sennior 22.09.14 16:50

Saudações,

O senhor tem que ser mais especifico em seus tópicos caro Cloud'!
O tópico que o senhor deseja "recapitular" tem mais de uma dúvida e sendo assim, a primeira dúvida é o que se sucede:
Código:
/*-------------------Search-box-------------------*/
#search-box {position: relative;
bottom: 165px;
width: 200px;
background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/search10.png]http://i43.servimg.com/u/f43/17/13/12/28/search10.png[/url]) no-repeat;
height: 52px;
display: inline;}
#search-box #keywords {
width: 100px;
background: transparent;
color: #60b94e;margin-left: -5px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}
#search-box input.button2 {visibility: hidden;
}
/*-------------------Navegacion-------------------*/
div#page-header div.navbar ul.linklist li a {
    border-right: 1px solid #ced5db;
    margin-left: -6px;
    padding: 13px 13px 13px 18px;
    }
#page-header .navbar .navlinks a:hover {
background: url("[url=http://i62.servimg.com/u/f62/15/52/27/82/nav13.png]http://i62.servimg.com/u/f62/15/52/27/82/nav13.png[/url]") ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}
#page-header .navbar .navlinks a {
font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #60b74e;
padding: 13px 15px;
}
#page-header .navbar .navlinks {
font-size: 0px;
border-bottom: 0px;
}
#page-header .navbar {
position: absolute;
top: -21px;
background: none;
}


/* COMEÇO DO CÓDIGO - CATEGORIAS POR SENNIOR*/
.panel { border: 1px solid #c2d2df; border: 1px solid #c2d2df;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-image: url('http://i62.servimg.com/u/f62/15/52/27/82/grey-p10.png'); background-repeat: repeat-x; background-position: bottom; background-color: #fff; }
.row {background-image: url('http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png');background-repeat: repeat-x;background-position: bottom;background-color: #fFF; position: relative; left: -5px; width: 908px; min-width: 750px;}
.forabg { border: 1px solid #a5a5a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e3e3e3;  } p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
.forabg {
    background: #fFF url("[url=http://i43.servimg.com/u/f43/17/13/12/28/cat11.png]http://i43.servimg.com/u/f43/17/13/12/28/cat11.png[/url]");
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #c2d2df;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #e3e3e3;}
    p em b a.gensmall { font-style: normal;}
    p em { font-style: normal;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
.forabg span.corners-bottom span {
    background-image: url("[url=http://i43.servimg.com/u/f43/17/13/12/28/black11.png]http://i43.servimg.com/u/f43/17/13/12/28/black11.png[/url]");
    background-position: top;
}
.header{ padding-top: 1px; height: 33px; }

.forumbg { border: 1px solid #c2d2df; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff;  } p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
.forumbg span.corners-bottom span {
    background-image: url("[url=http://i43.servimg.com/u/f43/17/13/12/28/black10.png]http://i43.servimg.com/u/f43/17/13/12/28/black10.png[/url]");
    background-position: top;
}
/* FIM DO CÓDIGO - CATEGORIAS POR SENNIOR*/


.post span.corners-bottom{ background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/black10.png);height]http://i43.servimg.com/u/f43/17/13/12/28/black10.png);height[/url]: 6px; margin-top: 15px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.post { background-color: #ffffff; border-top-style: solid;  border-top-color: #c2d2df; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c2d2df; border-bottom-width: 1px; border-left: 1px #c2d2df solid; border-right: 1px #c2d2df solid; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
.post span.corners-top{ background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height]http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height[/url]: 38px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module { background-color: #FFFFFF; border-top-style: solid;  border-top-color: #c2d2df; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c2d2df; border-bottom-width: 1px; border-left: 1px #c2d2df solid; border-right: 1px #c2d2df solid; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
.module span.corners-top{ background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height]http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height[/url]: 34px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module span.corners-bottom{ background: url('http://i43.servimg.com/u/f43/17/13/12/28/black10.png');height: 6px; margin-top: 6px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.topics {
    text-shadow: 0 px 0 #fff;
    font-weight: bold;
}
.posts {
    text-shadow: 0 px 0 #fff;
    font-weight: bold;
}
.lastpost {
    text-shadow: 0 px 0 #fff;
    font-weight: bold;
}
hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
/* Body - Contorno - Anchura - Logo - Descripcion */
body{
background:#FFFFFF url([url=http://i43.servimg.com/u/f43/17/13/12/28/nik16.png]http://i43.servimg.com/u/f43/17/13/12/28/nik16.png[/url]);
background-repeat: no-repeat;background-position: top center;
margin-top: 175px;
}
#wrap { background:# url() no-repeat top center; margin-bottom: 55px; margin-top: 0px; width: 910px; min-width: 850px;}

#logo-desc p {
    display: inline;
    float: left;
    position: relative;
    top: -165px;
    right: 225px;
    font: arial,helvetica,clean,sans-serif
    font-size: 12px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
#logo img{
display: inline;
float: left;
position: relative;
top: -155px;
left: 0px;}

/* Chatbox-------------------------------------------------*/
body.chatbox {background-image: none;}
.chatbox {background-color: #FFFFFF;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-color: #ffffff;}
.chatbox-title,.chatbox-title a.chat-title {color: #ffffff !important; }
.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}
.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}
.chatbox-options li {display:inline;}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #ffffff; font-weight: bold;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}
#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}
#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}
#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}
.chatbox_row_1 {padding: 4px;background-color: #fAFAFA;}
.chatbox_row_2 {padding: 4px;background-color: #fafafa;}
.chatbox_row_3 {padding: 4px;background-color: #384c56;}
.memberlist_row_1 {background-color: #ffffff;}
#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #FAFAFA; font-weight: bold;}
#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url([url=http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png]http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png[/url]);
border: 1px solid #c2d2df;}
#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;text-align: left;}
.fontbutton_normal {background: #E1E1E2;}
.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}
.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}
.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}
#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}
#chatbox_contextmenu p.hover {background: ##ffffff;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("[url=http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie Chart.png]http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png[/url]");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}
.conteneur_minwidth_IE{background:url([url=http://i43.servimg.com/u/f43/17/13/12/28/footer11.png]http://i43.servimg.com/u/f43/17/13/12/28/footer11.png[/url]) repeat-x bottom left;
position: relative;bottom: -5px;
margin-top: -17px;padding: 0px;}
.conteneur_container_IE{background:url([url=http://i.imgur.com/uhjei.png]http://i.imgur.com/uhjei.png[/url]) no-repeat bottom left;position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}
* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}

/* QUITA EL SUBRALLADO */
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*-------------------PosT Perfil-------------------*/
.postprofile {
    background-image: url('http://i62.servimg.com/u/f62/15/52/27/82/grey-p10.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #c2d2df;
    text-align:center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/* BOTONES DEGRADADO-------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url([url=http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png]http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png[/url]);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
.postbody .topic-title {
font-size:1.2em;}
/* CITAR - CODE - SPOILER*/
blockquote {
    background-position: bottom;
    color: #4e4e4e;
    background-repeat: repeat-x;
    background-color: #fff;
    margin: 0;
    border: 1px inset #000;
}
blockquote blockquote {
    background-color: #fff;
}
blockquote blockquote blockquote {
    background-color: #fff;
}
blockquote div {
    margin-left: 4px;
    color: #4e4e4e;
    font-size: 12px;
}
blockquote cite {
    font-size: 10px;
    color: #417394; 
    border-bottom: 1px solid #417394;
    margin-bottom: 3px;
}
dl.codebox {
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #fff; 
    margin: 0;
    padding: 3px;
    border: 1px inset #000;
    font-size: 1em;
}
dl.codebox dt {
    text-transform: none;
    border-bottom: 1px solid #417394;
    margin-bottom: 3px;
    font-size: 10px;
    font-weight: bold;
    display: block;
    color: #417394;
}
blockquote dl.codebox {
    margin-left: 0;
}
dl.codebox code {
    overflow: auto;
    display: block;
    height: auto;
    max-height: 100%;
    white-space: normal;
    padding-top: 4px;
    font-size: 12px;
    font-family: "Courier New";
    line-height: 1.3em;
    color: #4e4e4e;
    margin: 2px 0;
}

No código acima esta separado a parte onde se personaliza as categorias do fórum. Positivo
Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Design de Tema Azul com Branco

Mensagem por ShaDownS 24.09.14 5:10

Sennior escreveu:Saudações,

O senhor tem que ser mais especifico em seus tópicos caro Cloud'!
O tópico que o senhor deseja "recapitular" tem mais de uma dúvida e sendo assim, a primeira dúvida é o que se sucede:
Código:
/*-------------------Search-box-------------------*/
#search-box {position: relative;
bottom: 165px;
width: 200px;
background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/search10.png]http://i43.servimg.com/u/f43/17/13/12/28/search10.png[/url]) no-repeat;
height: 52px;
display: inline;}
#search-box #keywords {
width: 100px;
background: transparent;
color: #60b94e;margin-left: -5px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}
#search-box input.button2 {visibility: hidden;
}
/*-------------------Navegacion-------------------*/
div#page-header div.navbar ul.linklist li a {
    border-right: 1px solid #ced5db;
    margin-left: -6px;
    padding: 13px 13px 13px 18px;
    }
#page-header .navbar .navlinks a:hover {
background: url("[url=http://i62.servimg.com/u/f62/15/52/27/82/nav13.png]http://i62.servimg.com/u/f62/15/52/27/82/nav13.png[/url]") ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}
#page-header .navbar .navlinks a {
font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #60b74e;
padding: 13px 15px;
}
#page-header .navbar .navlinks {
font-size: 0px;
border-bottom: 0px;
}
#page-header .navbar {
position: absolute;
top: -21px;
background: none;
}


/* COMEÇO DO CÓDIGO - CATEGORIAS POR SENNIOR*/
.panel { border: 1px solid #c2d2df; border: 1px solid #c2d2df;-moz-border-radius: 5px;-webkit-border-radius: 5px; background-image: url('http://i62.servimg.com/u/f62/15/52/27/82/grey-p10.png'); background-repeat: repeat-x; background-position: bottom; background-color: #fff; }
.row {background-image: url('http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png');background-repeat: repeat-x;background-position: bottom;background-color: #fFF; position: relative; left: -5px; width: 908px; min-width: 750px;}
.forabg { border: 1px solid #a5a5a5; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e3e3e3;  } p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
.forabg {
    background: #fFF url("[url=http://i43.servimg.com/u/f43/17/13/12/28/cat11.png]http://i43.servimg.com/u/f43/17/13/12/28/cat11.png[/url]");
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #c2d2df;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #e3e3e3;}
    p em b a.gensmall { font-style: normal;}
    p em { font-style: normal;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}
.forabg span.corners-bottom span {
    background-image: url("[url=http://i43.servimg.com/u/f43/17/13/12/28/black11.png]http://i43.servimg.com/u/f43/17/13/12/28/black11.png[/url]");
    background-position: top;
}
.header{ padding-top: 1px; height: 33px; }

.forumbg { border: 1px solid #c2d2df; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff;  } p em b a.gensmall { font-style: normal;} p em { font-style: normal;}
.forumbg span.corners-bottom span {
    background-image: url("[url=http://i43.servimg.com/u/f43/17/13/12/28/black10.png]http://i43.servimg.com/u/f43/17/13/12/28/black10.png[/url]");
    background-position: top;
}
/* FIM DO CÓDIGO - CATEGORIAS POR SENNIOR*/


.post span.corners-bottom{ background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/black10.png);height]http://i43.servimg.com/u/f43/17/13/12/28/black10.png);height[/url]: 6px; margin-top: 15px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.post { background-color: #ffffff; border-top-style: solid;  border-top-color: #c2d2df; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c2d2df; border-bottom-width: 1px; border-left: 1px #c2d2df solid; border-right: 1px #c2d2df solid; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
.post span.corners-top{ background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height]http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height[/url]: 38px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module { background-color: #FFFFFF; border-top-style: solid;  border-top-color: #c2d2df; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c2d2df; border-bottom-width: 1px; border-left: 1px #c2d2df solid; border-right: 1px #c2d2df solid; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
.module span.corners-top{ background: url([url=http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height]http://i43.servimg.com/u/f43/17/13/12/28/center11.png);height[/url]: 34px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.module span.corners-bottom{ background: url('http://i43.servimg.com/u/f43/17/13/12/28/black10.png');height: 6px; margin-top: 6px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.topics {
    text-shadow: 0 px 0 #fff;
    font-weight: bold;
}
.posts {
    text-shadow: 0 px 0 #fff;
    font-weight: bold;
}
.lastpost {
    text-shadow: 0 px 0 #fff;
    font-weight: bold;
}
hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
/* Body - Contorno - Anchura - Logo - Descripcion */
body{
background:#FFFFFF url([url=http://i43.servimg.com/u/f43/17/13/12/28/nik16.png]http://i43.servimg.com/u/f43/17/13/12/28/nik16.png[/url]);
background-repeat: no-repeat;background-position: top center;
margin-top: 175px;
}
#wrap { background:# url() no-repeat top center; margin-bottom: 55px; margin-top: 0px; width: 910px; min-width: 850px;}

#logo-desc p {
    display: inline;
    float: left;
    position: relative;
    top: -165px;
    right: 225px;
    font: arial,helvetica,clean,sans-serif
    font-size: 12px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
#logo img{
display: inline;
float: left;
position: relative;
top: -155px;
left: 0px;}

/* Chatbox-------------------------------------------------*/
body.chatbox {background-image: none;}
.chatbox {background-color: #FFFFFF;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-color: #ffffff;}
.chatbox-title,.chatbox-title a.chat-title {color: #ffffff !important; }
.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}
.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}
.chatbox-options li {display:inline;}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #ffffff; font-weight: bold;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}
#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}
#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}
#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}
.chatbox_row_1 {padding: 4px;background-color: #fAFAFA;}
.chatbox_row_2 {padding: 4px;background-color: #fafafa;}
.chatbox_row_3 {padding: 4px;background-color: #384c56;}
.memberlist_row_1 {background-color: #ffffff;}
#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #FAFAFA; font-weight: bold;}
#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url([url=http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png]http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png[/url]);
border: 1px solid #c2d2df;}
#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;text-align: left;}
.fontbutton_normal {background: #E1E1E2;}
.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}
.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}
.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}
#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}
#chatbox_contextmenu p.hover {background: ##ffffff;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("[url=http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie Chart.png]http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png[/url]");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}
.conteneur_minwidth_IE{background:url([url=http://i43.servimg.com/u/f43/17/13/12/28/footer11.png]http://i43.servimg.com/u/f43/17/13/12/28/footer11.png[/url]) repeat-x bottom left;
position: relative;bottom: -5px;
margin-top: -17px;padding: 0px;}
.conteneur_container_IE{background:url([url=http://i.imgur.com/uhjei.png]http://i.imgur.com/uhjei.png[/url]) no-repeat bottom left;position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}
* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}

/* QUITA EL SUBRALLADO */
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*-------------------PosT Perfil-------------------*/
.postprofile {
    background-image: url('http://i62.servimg.com/u/f62/15/52/27/82/grey-p10.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #c2d2df;
    text-align:center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/* BOTONES DEGRADADO-------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url([url=http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png]http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png[/url]);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
.postbody .topic-title {
font-size:1.2em;}
/* CITAR - CODE - SPOILER*/
blockquote {
    background-position: bottom;
    color: #4e4e4e;
    background-repeat: repeat-x;
    background-color: #fff;
    margin: 0;
    border: 1px inset #000;
}
blockquote blockquote {
    background-color: #fff;
}
blockquote blockquote blockquote {
    background-color: #fff;
}
blockquote div {
    margin-left: 4px;
    color: #4e4e4e;
    font-size: 12px;
}
blockquote cite {
    font-size: 10px;
    color: #417394;  
    border-bottom: 1px solid #417394;
    margin-bottom: 3px;
}
dl.codebox {
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #fff;  
    margin: 0;
    padding: 3px;
    border: 1px inset #000;
    font-size: 1em;
}
dl.codebox dt {
    text-transform: none;
    border-bottom: 1px solid #417394;
    margin-bottom: 3px;
    font-size: 10px;
    font-weight: bold;
    display: block;
    color: #417394;
}
blockquote dl.codebox {
    margin-left: 0;
}
dl.codebox code {
    overflow: auto;
    display: block;
    height: auto;
    max-height: 100%;
    white-space: normal;
    padding-top: 4px;
    font-size: 12px;
    font-family: "Courier New";
    line-height: 1.3em;
    color: #4e4e4e;
    margin: 2px 0;
}

No código acima esta separado a parte onde se personaliza as categorias do fórum. Positivo
Até mais.

Ótimo. Pode fechar ^^
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos