Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Mudar a cor do menu
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Mudar a cor do menu
Qual é minha questão:
Queria mudar a cor do meu menu para essa aqui: https://i.servimg.com/u/f81/18/11/38/05/44412.jpg
Se precisa da CSS:
Endereço do meu fórum:
http://moldentec.forumeiros.com
Versão do fórum:
PHPBB3
Queria mudar a cor do meu menu para essa aqui: https://i.servimg.com/u/f81/18/11/38/05/44412.jpg
Se precisa da CSS:
- Código:
body {
min-width: 990px;
font-size: 13px;
color: #494949;
line-height: 1.230;
margin: 0;
}
a:link {text-decoration: none;}
body a {
color: #BE0000;
text-decoration: none;
}
body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
color: #474747;
text-decoration: none;
}
.container_IE {
background: white url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/pageBG.png) repeat-x left top;
}
.pun {
margin: auto;
min-width: 990px;
width: 97%;
}
.pageWrap {
width: auto;
margin: 0px 35px 0px 35px;
padding-top: 19px;
}
#pun-about {
font-size: 0.8em;
background-color: transparent;
border: 0px;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about form {
display: none;
}
#pun-intro {display: none;}
#pun-visit {display: none;}
/*navbar*/
.navbar {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navBG.png) repeat-x left top;
position: relative;
height: 78px;
font: 12px arial, helvetica, sans-serif;
color: white;
width: 100%;
padding: 0;
margin: 0;
-moz-border-radius-bottomleft: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-webkit-border-bottom-left-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
}
.navLeft {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navLeft.png) no-repeat left top;
height: 78px;
}
.navRight {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navRight.png) no-repeat right top;
height: 78px;
}
#navtabs li.selected ul.floatcontainer {
margin-top:8px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
line-height:27px;
height:27px;
}
.navbar a { color:#fff; }
.navbar a:hover { color:#fff; }
.navtabs {
padding-left: 0;
background: none;
}
.navtabs {
padding: 0px 0px 0px 20px;
height: 40px;
}
.navtabs ul {
position:absolute;
top:40px;
left:0px;
width:100%;
direction:ltr;
}
.floatcontainer, .formcontrols .blockrow, dl.stats {
display: block;
}
.floatcontainer, .formcontrols .blockrow, dl.stats {
display: inline-block;
font-weight: normal;
padding-left: 0px;
}
.navtabs li:first-child {
border-left: 0 none;
}
.navtabs li {
float: left;
padding-right: 2px;
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navSplit.png) no-repeat top right;
}
.navtabs li a {
height: 40px;
line-height: 40px;
}
li {
list-style: none;
text-align: -webkit-match-parent;
}
.navtabs li a.navtab {
display: block;
min-width: 60px;
width: auto !important;
width: 60px;
_min-width: 75px;
_width: auto !important;
_width: 75px;
text-align: center;
color: white;
font: normal 14px arial, helvetica, sans-serif;
text-decoration: none;
line-height: 40px;
height: 40px;
padding: 0 8px;
background: none;
}
.navtabs li li {
background:none;
}
.navtabs ul li {
border-right: 0;
position: relative;
}
.navtabs ul li:first-child {
text-indent: 0;
margin-left:12px;
}
.navtabs li:first-child a.navtab:hover,.navtabs li:first-child.selected a.navtab {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.navtabs li a.navtab:hover {
background:#b80000 url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navBG_hover.png) repeat center top;
color:#fff;
}
.navtabs li.selected {
color:#fff;
height:40px;
}
.navtabs li.selected a.navtab {
color:#fff;
position:relative;
top:-px;
padding-top:px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 12px arial, helvetica, sans-serif;
line-height:27px;
}
.navtabs li.selected li {
padding:0 3px 0 0;
}
.navtabs li.selected li li {
padding:0 2px;
}
.navtabs li.selected li a {
color:#000;
font-weight:400;
padding:2px 3.33333333333px;
z-index: 999;
}
.navtabs li.selected a.navtab {
color: white;
background: #B80000 url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navBG_hover.png) repeat center top;
position: relative;
top: -;
padding-top: ;
z-index: 10;
}
#pun-head #pun-navlinks {
background-color: transparent;
border-color: transparent;
padding: .5em 1.1em .6em;
}
#pun-navlinks {
margin-top: 8px;
margin-left: 8px;
font: 11px arial, helvetica, sans-serif;
}
#pun-navlinks a {
color: black;
padding: 3px;
text-decoration: none;
}
#pun-navlinks a:hover {
background: #B80000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: solid px transparent;
_border: none;
text-decoration: none;
color: white;
padding: 3px;
}
/*searchbox*/
.searchBox {
position: absolute;
top: 7px;
right: 12px;
}
.searchBoxInput {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/searchInput.png) no-repeat top left;
width:127px;
height:28px;
float:left;
padding-right:8px;
}
.searchinput {
border:0;
background:transparent;
color: #fff;
width:117px;
height:28px;
line-height:28px;
margin:0;
padding:0 5px;
}
.searchButton {
float:left;
}
.searchBox a:link, .searchBox a:visited {
color:#34558f;
text-decoration:underline;
}
.searchBox a:hover {
color:#3c3c3c;
}
/*above*/
.above_body {
padding:0;
margin:0;
}
.above_body {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/headerBG.png) repeat-x left top;
margin: 0px 0px 10px 0px;
padding: 0 0 0 0;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.doc_header a {
color: ;
}
.doc_header hr { display: none; }
.logo-image {
float: left;
clear: right;
min-height: 2em;
height: auto !important;
padding: 0 0 0 0;
}
.doc_header {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/headerBG.png) repeat-x top left;
height: 117px;
position: relative;
}
.doc_header {
border: 0 none;
color: white;
font: 0;
position: relative;
min-height: 35px;
}
.headerLeft {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/headerLeft.png) no-repeat top left;
height: 117px;
}
.headerRight {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/headerRight.png) no-repeat top right;
height: 117px;
}
/*logo*/
.logoWrap {
position: absolute;
top:35px;
left:0;
}
#logo {
float:left;
height:59px;
padding-right:19px;
}
.bannerBox {
float:right;
padding-top:27px;
padding-right:0;
}
/* Mid Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#midBox {
background: #f3f3f3 url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBG.png) repeat-x top left;
margin-bottom: 14px;
}
#midBox.memberIn {
background: #efefef url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBG_member.png) repeat-x top left;
margin-bottom: 12px;
}
.midBoxLeft {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxLeft.png) repeat-y top left;
}
.midBoxRight {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxRight.png) repeat-y top right;
}
.midBoxTL {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxTL.png) no-repeat top left;
}
.memberIn .midBoxTL {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxTL_member.png) no-repeat top left;
}
.midBoxTR {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxTR.png) no-repeat top right;
}
.memberIn .midBoxTR {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxTR_member.png) no-repeat top right;
}
.midBoxBottom {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBottom.png) repeat-x bottom left;
}
.memberIn .midBoxBottom {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBottom_member.png) repeat-x bottom left;
}
.midBoxBL {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBL.png) no-repeat bottom left;
}
.memberIn .midBoxBL {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBL_member.png) no-repeat bottom left;
}
.midBoxBR {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBR.png) no-repeat bottom right;
}
.memberIn .midBoxBR {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/midBoxBR_member.png) no-repeat bottom right;
}
.midBoxBody {
padding: 20px;
}
#midBox.memberIn .midBoxBody {
padding: 10px;
}
#midBox.memberIn #toplinks {
padding-top:3px;
}
.createAccount {
background: url(http://www.webcheats.com.br/forum/images/styles/iBusiness/style_red/createAccount.png) no-repeat top left;
width:655px;
height: 36px;
text-align: right;
}
#midBox .midBoxBody p {
font-family: "Times New Roman",Georgia,Serif;
font-size:14px;
line-height: 18px;
padding:8px 0;
border-bottom:1px solid #d9d9d9;
margin-bottom:20px;
}
.memberBox {
}
.socialBox {
float: right;
padding-top: 3px;
}
.socialBox .social {
padding-right: 4px;
}
/* Login Box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.loginBox {
height: 30px;
line-height: 30px;
float: left;
}
.loginBox ul {
list-style:none;
padding:0;
margin:0;
}
.loginBox li {
float:left;
padding:0;
padding-right:8px;
}
.loginBoxInput {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/loginBoxInput.png) no-repeat top left;
width:127px;
height:30px;
}
.loginInput {
background:transparent;
border:0;
color: #515050;
width:117px;
height:30px;
line-height:30px;
padding:0 5px;
}
.rememberMe {
color:#fff;
}
.memberBox .rememberMe {
font-size: 11px;
}
.memberBox .rememberMe input {
vertical-align: baseline;
}
.cb_cookieuser_navbar{
position: relative;
top: 2px;
}
.loginLeft {
float: left;
}
#fb_headerbox {
padding-right: 5px;
}
.loginLeft #fb_loginbtn {
position: relative;
top: 4px;
}
#toplinks, .toplinks {
float: left;
text-align: left;
line-height: 22px;
font-size: 15px;
font-weight: 700;
}
.toplinks ul.isuser, .toplinks ul.nouser {
display:block;
clear: left;
list-style: none;
}
.toplinks ul.isuser li {
display:inline;
position: relative;
color: #fff;
padding-right: 10px;
float: right;
clear: left;
background:;
}
.toplinks ul.isuser .popupbody li {
display:block;
float: none;
clear: none;
padding:0;
margin:0;
}
.toplinks ul.isuser li.welcomelink {
display: block;
clear: left;
padding-top: 3px;
float: left;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
color: #434343;
}
.toplinks ul.isuser li.logoutlink {
top: 0;
}
.toplinks ul.isuser li a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
font-weight:bold;
color:#434343;
}
.toplinks ul.isuser li li a {
float: none;
margin-left: 0;
}
.toplinks ul.isuser li.welcomelink a {
display:inline;
float: none;
clear: none;
margin-left: 0;
}
.toplinks ul.isuser li a:hover {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
background: #b80000;
color:rgb(255, 255, 255);
border-radius: 3px;
}
.toplinks ul.nouser li {
display:inline;
}
.toplinks ul.nouser li a {
display: block;
clear: left;
color:#434343;
position: relative;
padding: 6px 10px 0 10px;
background: #b80000;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
height:20px;
font-weight:bold;
font-size:12px;
margin-right: 10px;
}
.toplinks ul.nouser li a:hover {
background: #b80000;
color:rgb(255, 255, 255);
border-radius: 3px;
}
.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications {
color: #000000;
position: relative;
}
.toplinks ul.isuser li.popupmenu ul li {
position: relative;
top: 0;
margin: 0;
text-align: left;
}
.toplinks ul.isuser .notifications .popupbody {
background: #b80000;
border: 1px solid #b80000; /* makes it look consistent with the popup background */
}
.toplinks ul.isuser .notifications .popupbody li a{
color: #000000;
background:#fdfdfe none ;
padding: 0 5px;
font-weight: normal;
border-top:1px solid #b80000; /* makes it look consistent with the popup background */
text-align: left;
padding-left: 30px;
line-height: 26px;
}
.toplinks ul.isuser .notifications .popupbody li a span {
position: absolute;
line-height: 26px;
left: 5px;
}
.toplinks ul.isuser .notifications .popupbody li a:hover {
color: #000000;
background:#FFEB90 none ;
text-decoration: underline;
}
.toplinks form {
min-width: 220px;
display:block;
margin-right: 10px;
text-align: left;
float: right;
clear: left;
}
.toplinks .logindetails {
padding: 0 10px;
text-align: center;
background: #b80000;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
height:26px;
}
.toplinks form input {
margin: 3px 0 0;
font-size: 11px;
padding: 1px;
border: 0;
vertical-align: baseline;
}
.toplinks form input.textbox {
color: #000000;
}
.toplinks form input.default-value {
color: #777777;
}
.toplinks .remember {
margin: -3.33333333333px 0 0 20px;
font-size: 10px;
color: #434343;
}
.toplinks ul.isuser .notifications .popupbody li{
border-top:1px solid #b80000;
}
.toplinks .remember input {
vertical-align: baseline;
}
/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/bcBG.png) repeat-x left top;
height:38px;
color:#606368;
position:relative;
}
.bcLeft {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/bcLeft.png) no-repeat left top;
height:38px;
}
.bcRight {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/bcRight.png) no-repeat right top;
height:38px;
}
.breadin {
padding-top:12px;
padding-bottom:8px;
}
.breadcrumb .navbit {
background:url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/bcArrow_left.png) no-repeat top right;
height:30px;
padding:12px 0;
padding-right:20px;
padding-left:15px;
display: inline-block;
}
.breadcrumb .navbithome {
background:url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/bcArrow_left.png) no-repeat top right;
padding:12px 0;
padding-right:20px;
padding-left:15px;
display: inline-block;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
color:#606368;
font-weight:700;
}
.breadcrumb .navbit a:hover {
background:none;
color:#be0000;
border:1px solid transparent;
}
/*table*/
.border {
background-color: white;
border: 1px solid #DDD;
padding: 9px;
border-radius: 6px;
margin-top: 15px;
}
.pun .main-content {
border: 0px;
}
.main .main-head {
background: url(http://i81.servimg.com/u/f81/18/11/38/05/44412.jpg) repeat-x left top;
color: white;
border-radius: 6px;
border: 0;
}
.main .main-foot {
background: url(http://i81.servimg.com/u/f81/18/11/38/05/44412.jpg) repeat-x left top;
color: white;
border-radius: 6px;
border: 0;
}
.main .main-head .page-title {
font-size: 15px;
font-weight: 500;
}
.pun table.table td {
background-color: white;
border-bottom: 1px solid #F3F3F3;
border-left: 0;
border-right: 0;
line-height: 130%;
padding: .8em 0 .7em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: white;
}
.pun table.table th {
background-color: #FFFFFF;
border-color: #;
border-style: none;
color: #333;
padding: .5em 0;
}
.bottomBar {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/bottomBarBG.png) repeat-x left bottom;
height: 10px;
border-radius: 0 0 4px 4px;
}
.hierarchy {
margin-left: 15px;
}
.desc {
margin-left: 15px;
}
/*lastpost*/
#avatar-lastpost img {
height: 41px;
width: 41px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
margin-top:16px;
margin-right:11px;
}
#avatar-lastpost img:hover {border-color:#a1a1a1;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
/*module*/
.module {
padding: 8px;
background: white;
border: 1px solid #DEDEDE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.module .main-content {
background: white;
}
.module .main-head {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/sidebarHeadRight-left.png) repeat-x left;
}
.module .main-head h3 {
font-weight: bold;
}
/*estatísticas*/
#pun-info {
padding: 8px;
background: white;
border: 1px solid #DEDEDE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#main-head {
background: url(http://imgur.com/yuUD1fo.png) repeat-x left top;
color: white;
border-radius: 6px;
border: 0;
}
.forumtitle {
padding-left: 10px;
color: white;
font: bold 15px arial, helvetica, sans-serif;
line-height: 41px;
}
#stats {
background: white;
border-bottom: 1px solid #D9D9D9;
}
#onlinelist {
background: #FFFFFF;
border: 0px;
border-bottom: 1px solid #D9D9D9;
border-top:none;
}
#onlinechat {
background: #FFFFFF;
border-top:none;
}
/*Footer*/
#footerWrapper {
background:#1d1d1d url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/pageWrapperBG.png) repeat-x top left;
}
#footerWrapper .pageWrap {
padding: 0;
}
/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerNav {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/footerNavBG.png) repeat-x top left;
height: 40px;
}
.footerNavLeft {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/footerNavLeft.png) no-repeat top left;
height: 40px;
}
.footerNavRight {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/footerNavRight.png) no-repeat top right;
height: 40px;
}
#footerNav ul {
list-style: none;
padding: 0;
margin: 0;
}
#footerNav li {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/footerNavSplit.png) no-repeat top right;
float: left;
padding: 0 10px;
line-height: 40px;
}
#footerNav a:link, #footerNav a:visited {
color: #fff;
text-transform: uppercase
}
#footerNav a:hover {
color:#ed4545;
}
#footer_select {
float:right;
margin-top:8px;
margin-right:10px;
}
/* Footer Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
padding: 25px 0;
color: #fff;
}
.footerLeft {
float: left;
}
.linkBox {
float: left;
width:220px;
padding-right: 40px;
}
.linkBox .linkBoxHead {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/linkBoxHead.png) repeat-x left;
margin-bottom: 10px;
}
.linkBox h4 {
background: #2d2d2d;
color: #fff;
text-transform: uppercase;
padding: 0;
padding-right:15px;
margin: 0;
float: left;
font-size:12px;
}
.linkBox ul {
list-style: none;
padding: 0;
margin: 0;
}
.linkBox li {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/linkBoxList.png) repeat-x top left;
padding-top: 2px;
}
.linkBox li a:link, .linkBox li a:visited {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/linkBoxArrow.png) no-repeat left;
padding: 6px 0;
padding-left:15px;
display: block;
color: #fff;
}
.linkBox li a:hover {
color: #ed4545;
}
.footerCopyright {
float: right;
text-align: right;
line-height: 17px;
}
.footerCopyright a:link, .footerCopyright a:visited {
color: #ed4545;
}
.footerCopyright a:hover {
color: #fff;
}
#footer_select {
float:right;
margin-top:8px;
margin-right:10px;
}
.textbox, textarea, select {
font: normal 11px arial, helvetica, sans-serif;
color: black;
background: white none;
border: 1px solid #97A4AA;
padding: 2px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#text_editor_controls {
display: !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
/*smiley-box e quickreply*/
#smiley-box iframe{height: 280px;}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:160px;margin:10px 0!important;padding:5px}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
#textarea_content dt {display:none}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}
/*topic*/
#border-topic {
padding: 8px;
background: white;
border: 1px solid #DEDEDE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
padding: .6em 1.3em .3em;
}
.post_field {
background: white none;
color: #3E3E3E;
border: 1px solid #D9D9D9;
padding: 2px;
margin-top: 2px;
text-align: left;
}
/*user*/
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .post .user {
margin-top: 10px;
display: block;
position:relative;
font-size: 12px;
text-align: center;
}
.pun .user .user-ident .user-basic-info {
text-align: center;
}
.pun .post {
background: #F7F7F7;
border: 1px solid #D9D9D9;
}
.pun .postmain {
background: #FEFDFD url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/rowBG.png) repeat-x left bottom;
}
.pun .posthead {
background: #363636 url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x;
border-bottom: 0px;
color: white;
margin-top: 5px;
font: normal 12px arial, helvetica, sans-serif;
border: 0 solid none;
-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;
}
.postfoot {
background: #E4E4E4 none;
border-top: 1px solid #CCC;
clear: both;
margin-left: -235px;
padding: .5em 1em;
text-align: right;
}
/*profile*/
#profile-advanced-right {
float: left;
width: 260px;
background-color: #F1F1F1;
background-image: url('http://i46.tinypic.com/mmr9mh.png');
background-repeat: repeat-x;
border: 1px solid #C1C1C1;
padding-top: 20px;
border-radius: 6px;
}
#profile-advanced-layout {
float: right;
margin-left: -360px;
width: 100%;
margin-right: 0px;
margin-top: 18px;
}
#profile-advanced-left {
margin-left: 265px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
position: relative;
}
#profile-advanced-right .module.main .main-head {
background: transparent;
}
#profile-advanced-right .module.main .main-head em {
color: black;
}
#profile-advanced-right .module.main {
color: #424242;
background-color: #F1F1F1;
border: 0px;
border-radius: 0px;
background: transparent url(http://www.purevb.com/demo/images/gradients/bottom-shadow.png) repeat-x left bottom;
}
#profile-advanced-right .module .main-content {
background-color: #F1F1F1;
}
#profile-advanced-right .module .main-content img {
border: 3px solid white;
outline: 1px solid #D9D9D9;
max-width: 220px;
height: auto;
}
#tabs ul li a {
font-weight: bold;
border-radius: 6px 6px 0 0;
color: #424242;
background-color: #F1F1F1;
border-color: #C1C1C1;
background-image: url('http://i50.tinypic.com/2rcpvd3.png');
background-repeat: repeat-x;
}
#tabs ul li.activetab a:hover {
background-color: #363636;
}
#tabs ul li a:hover {
background-color: #F4F4F4;
border-color: #333;
}
#tabs ul li.activetab a {
color: white;
background-color: #363636;
border-color: #363636;
background-image: url('http://i50.tinypic.com/9qky9y.png');
background-repeat: repeat-x;
text-decoration: none;
}
#profile-advanced-details .main-head {
border-radius: 0px;
border-top: 3px solid #363636;
background: #F1F1F1;
}
#profile-advanced-details .main-head .subtitle {
color: black;
}
.pun .user .user-info img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 30px;
margin-bottom: 5px;
padding: 1px;
vertical-align: middle;
width: 30px;
}
/*chatbox*/
#chatbox_header.main-head {
background: #7192A8 url(http://www.phpchatsoftware.com/vbulletin/images/buttons/newbtn_middle.png) repeat-x;
padding: 0;
font: bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: white;
float: left;
border: 1px solid #5A7F97;
width: 100%;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
.chatbox-title, .chatbox-title a.chat-title, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
font-size: 12px;
font-weight: bold;
}
#chatbox_messenger_form {
margin: 0 0 0;
}
#chatbox_members .member-title {
background-color: #F4F9FD;
border-bottom: 2px solid green;
color: green;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
right: 0;
margin: 3px;
max-width: 170px;
margin-top: 5px;
border: 1px solid #5d92ab;
}
#chatbox p {
background: #f2f2f2;
border: 0px;
border-collapse: separate;
border-spacing: 2px;
line-height: 1.3em;
}
#chatbox_footer {
border-top: 0px;
top: 35;
clear: both;
background-color: #fbfbfb;
width: 225px;
}
#chatbox_messenger_form .right {font-size:0;float: left;padding-top: 10px;}
input#message.post {
font-weight: normal;
height: 95px;
width: 200px;
border-radius: 4px;
background: white;
border: 1px solid #5d92ab;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 10px;
margin-bottom: 0px;
}
#submit_button {cursor: pointer;}
#message, #submit_button {
background: #E9E9E9 url(http://i.imgur.com/XkvgwCL.png) repeat-x 0% 0%;
border: 1px solid #A8A8A8;
border-radius: 0px;
font: bold;
padding: 3px 6px;
margin: 10px;
}
#message, #submit_button:hover {
background: #EFEFEF url(http://i.imgur.com/vyzIyTV.png) repeat-x;
color: #5d92ab;
}
.fontbutton {
background: transparent;
border-left: 1px solid #363636;
float: left;
margin: 3px;
padding: 3px;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#show_color {display: none;}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background-color: #f2f2f2;
padding: 8px!important;
border: 1px solid #5d92ab;
left: 235;
right: 181px;
margin-top: 5px;
}
#chatbox:before { content: "Chatbox";color: #4286a6;background-color: white;border: 1px solid #4286a6;padding: 2px;width: 100%;}
div.main-content.chatbox.clearfix {
border: 1px solid #5d92ab;
background: white;
border-radius: 6px;
}
html, body[text="#536482"] {background: #fbfbfb;}
Endereço do meu fórum:
http://moldentec.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por Lucas2122 em 09.06.13 23:18, editado 2 vez(es)
Re: Mudar a cor do menu
Olá!
Na sua CSS procure por
Em cada propriedade acima vai ter o endereço de uma imagem, basta mudar a cor da imagem e substituir.
Até mais.
Na sua CSS procure por
- Código:
/*navbar*/
.navbar {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navBG.png) repeat-x left top;
position: relative;
height: 78px;
font: 12px arial, helvetica, sans-serif;
color: white;
width: 100%;
padding: 0;
margin: 0;
-moz-border-radius-bottomleft: 0 !important;
-moz-border-radius-bottomright: 0 !important;
-webkit-border-bottom-left-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
}
.navLeft {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navLeft.png) no-repeat left top;
height: 78px;
}
.navRight {
background: url(http://www.purevb.com/demo/images/styles/iBusiness/style_red/navRight.png) no-repeat right top;
height: 78px;
}
Em cada propriedade acima vai ter o endereço de uma imagem, basta mudar a cor da imagem e substituir.
Até mais.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos