Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Mudar cor de fundo
2 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 cor de fundo
Qual é minha questão:
Olá!
Eu queria mudar a cor do que está a branco na imagem a baixo, esse fundo branco vai até ao final do fórum e eu não econtro onde mudar isso, eu acho que está no CSS, que tambem deixo mais a baixo.
Endereço do meu fórum:
http://www.rewtec.com
Versão do fórum:
PHPBB3
Olá!
Eu queria mudar a cor do que está a branco na imagem a baixo, esse fundo branco vai até ao final do fórum e eu não econtro onde mudar isso, eu acho que está no CSS, que tambem deixo mais a baixo.
- Código:
#pun-navlinks {display: none;}
#alertMp{
padding:18px;
border:1px solid #adadad;
background:white;
background-image: url(IMAGEM DE FUNDO);
box-shadow:0px 0px 19px grey;
position:fixed;
z-index: 999;
white-space: nowrap;
}
margin-left: 10px;
/*tópico e post*/
.pun .post .user {
margin-left: -16em;
margin-top: 0em;
position: relative;
text-align: center;
}
.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.post_field {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 2px;
padding-left: 5px;
margin-right: 11px;
margin-top: 1px;
margin-bottom: 3px;
font-size: 11px;
text-align: left;
}
.pun .postmain {
background-color: white;
border-left: 1px solid #D0D5D9;
margin-left: 17em;
}
.pun .post {
background: #EDF0F4;
border: 1px solid #D0D5D9;
}
.postfoot {
background: #EDF0F2;
border-top: 1px solid #D0D5D9;
margin-top: 10px;
}
.main .main-foot {
color: #333;
background: transparent;
border-top: 2px solid #00A5B6;
}
#smiley-box iframe{height: 150px;}
#textarea_content dt {display:none}
#textarea_content dd {margin-left: 0!important}
input[type="submit"],input[type="reset"]{float: none !important}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:99%;margin:10px 0!important;padding:5px}
div.posting-block{border:1px solid #DDD;float:left;width:100%;margin:0;padding:0}
div.posting-block #text_editor_iframe,div.posting-block #text_editor_textarea{height:255px;width:100%;!important}
#text_editor_controls {margin:0 !important;width: 100% !important}
#quick_reply .frm-buttons {text-align: center;}
#quick_reply #text_editor_controls {
border-radius: 5px 5px 0 0;
width: 100%;
border: 1px solid solid 1px #CCC;
}
#pun-qpost .dd-textarea {
margin: 0px!important;
}
.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:focus {
outline: none;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #0D67AB;
color: #0D67AB;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 1px #fff;
-moz-transition: all .218s;
-ms-box-shadow: inset 0 0 1px #fff;
-ms-transition: all .218s;
-o-box-shadow: inset 0 0 1px #fff;
-o-transtion: all .218s;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px white;
-webkit-transition: all .218s;
background-image: linear-gradient(top,white0%,#E0E0E0100%);
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 3px;
box-shadow: inset 0 0 1px white;
color: #555;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
font-size: 11px;
font-weight: 700;
height: 2.35em;
padding: 0 .91em;
text-shadow: 0 1px 0 white;
transition: all .218s;
}
button.button2, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin-top: 5px;
}
.main .main-content.frm {
background-color: lightGrey;
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:15px;-moz-box-shadow:0 0 20px #CDE9ED;-webkit-border-radius:15px;-webkit-box-shadow:0 0 20px #CDE9ED;background-color:#FFF;border:1px solid #D0ECF0}
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
/*Botão Ultimos assuntos*/
#atlua:hover{
background: #7FBDF0
}
#atlua{
z-index:999;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
position:relative;
cursor:pointer;
font-weight:bold;
border: 1px solid darkblue;
border-radius:6px;
background:#BAD9F2;
padding: 5px 10px;
}
/*Fim botão Ultimos assuntos*/
#rsrbspo:hover {background-color: rgba(0, 0, 0, 0.2);position: relative;top: 1px;padding: 12px 5px;color: #fff;text-shadow: 0px 0px 1px #00BFFF;}#rsrbspo {position: relative;top: 1px;padding: 12px 5px;color: #00BFFF;}#linkshow {border-left: 1px solid rgba(255, 255, 255, 0.1);padding: 0px 5px;height: 15px !important;}#logcrear {text-align: right;margin-top: -18px;}#navbarflout {position: absolute;top: 200px;left: 100px;right: 400px;background-color: rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 16px rgb(0, 0, 0) inset;padding: 14px 20px;font-size: 11px;border-radius: 4px;}
.messagead {
background: #FFF1C9;
border: 1px solid #E4C567;
color: #CD8A2A;
line-height: 160%;
margin-bottom: 5px;
padding: 10px;
text-shadow: #fff 0 1px 0;
}
body {
background: #DFE5E9 url(http://i15.servimg.com/u/f15/18/08/53/97/pagebg10.gif) repeat-x left top;
width: auto;
min-width: 990px;
max-width: auto;
margin: 0;
text-align: left;
}
#pun-intro, #pun-visit, #pun-about form {display:none}
#pun-about {
background: transparent;
border: 0px;
font-size: 0.8em;
}
a:link {text-decoration:none}
li {list-style-type:none}
.skinWrap, .footerWrap {
margin: 0px 50px 0px 50px;
width: auto;
padding: 0;
}
.above_body {
background: none;
}
.above_body {
padding: 0;
margin: 0;
}
.above_body {
background: #555 url(http://i15.servimg.com/u/f15/18/08/53/97/hd10.png) repeat-x;
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;
}
.pun {
width: 91%;
border-radius: 18px;
-webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
-moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
background: white url() repeat-x top left;
margin-bottom: 30px;
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.above_body {
background:none;
}
.doc_header {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/header10.png) no-repeat top left;
height:222px;
position:relative;
}
#headerMain {
height:222px;
}
#logo {
position:absolute;
top:0;
left:0;
}
#loginBox {
position:absolute;
top:130px;
left:15px;
}
.topWelcome {
padding:0 0 13px 15px;
color:#8a93a2;
font-size:15px;
font-weight:400;
}
.topWelcome strong {
color:#fff;
}
.topWelcome a:link, .topWelcome a:visited {
color:#ffe88b;
}
.topWelcome a:hover {
color:#838B8B;
}
.memberBox {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/member10.gif) repeat-x top left;
height:44px;
line-height:44px;
}
.memberBoxLeft {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/member11.gif) no-repeat top left;
height:44px;
}
.memberBoxRight {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/member12.gif) no-repeat top right;
height:44px;
padding:0 10px;
}
.memberBox .toplinks ul.isuser .popupbody li {
color:#3a3a3a;
}
.memberBox ul {
list-style:none;
padding:0;
margin:0;
}
.memberBox li {
float:left;
margin:0;
padding:0 3px;
}
.cb_cookieuser_navbar{
position: relative;
top: 2px;
}
.inputPad .loginBoxInput {
margin-top:8px;
}
.inputPad {
padding:0 4px;
}
.submitPad input {
margin:8px 0 0 0;
padding:0;
}
.loginTxt {
padding-left:5px;
color:#fff;
font-weight:700;
}
.loginLeft {
float:left;
}
.searchBox {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/search11.gif) no-repeat top left;
width:250px;
height:109px;
position:absolute;
top:116px;
right:21px;
padding:0 15px;
}
.searchBox h3 {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/iconse10.gif) no-repeat left;
padding-left:28px;
margin:0;
font-size:15px;
font-weight:400;
color:#f7f7f7;
height:44px;
line-height:44px;
text-align:left
}
.searchBoxInput {
background: url(http://i15.servimg.com/u/f15/18/08/53/97/search12.gif) no-repeat top left;
width:197px;
height:30px;
float:left;
}
.searchinput {
border:0;
background:transparent;
color: #959595;
width:187px;
height:30px;
line-height:30px;
font-size:12px;
margin:0;
padding:0 5px;
}
.searchButton {
float:right;
}
.searchBox .searchBox_advanced_search {
position:absolute;
top:83px;
right:15px;
}
.searchBox .searchBox_advanced_search a:link, .searchBox .searchBox_advanced_search a:visited {
color:#e1d59c;
color:#e1d59c;
font-weight:700;
font-size:12px;
}
.searchBox .searchBox_advanced_search a:hover {
color:#fff;
}
/*navigation*/
.cvb_facebook {
position:absolute;
top:17px;
right:20px;
z-index: 999;
}
#navigation {
height:72px;
padding:0 4px 0 299px
}
.navbar {
background: url(http://i15.servimg.com/u/f15/18/08/53/97/navbg10.gif) repeat-x left top;
position:relative;
height:72px;
font: 12px arial, helvetica, sans-serif;
color:#fff;
width:100%;
padding:0;
margin:0;
}
.navLeft {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/navlef10.gif) no-repeat top left;
height:72px;
}
.navRight {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/navrig10.gif) no-repeat top right;
height:72px;
padding:0 12px;
}
#navtabs li.selected ul.floatcontainer {
margin-top:3px;
}
#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:#ffdb43; }
.navtabs ul li:first-child {
}
.navtabs {
padding-left:0;
}
.navtabs ul {
position:absolute;
top:58px;
left:0px;
width:100%;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:left;
padding-right:2px;
background:url(http://i15.servimg.com/u/f15/18/08/53/97/navspl10.gif) no-repeat top right;
}
.navtabs li li {
background:none;
}
.navtabs ul li {
border-right: 0;
position: relative;
}
.navtabs li a {
height:58px;
line-height:58px;
}
.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:#fff;
font: bold 14px arial, helvetica, sans-serif;
text-decoration:none;
line-height:58px;
height:58px;
padding:0 10px;
}
.navtabs li a.navtab:hover {
background:#191d22 url(http://i15.servimg.com/u/f15/18/08/53/97/navbg11.gif) repeat center top;
color:#ffdb43;
}
.navtabs li.selected {
color:#ffdb43;
height:58px;
}
.navtabs li.selected a.navtab {
color:#ffdb43;
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 5px;
}
.navtabs li.selected li li {
padding:0 2px;
}
.navtabs li.selected li a {
color:#fff;
font-weight:400;
padding:2px 5px;
}
.navbar_advanced_search li {
height:27px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:#fff;
}
.navbar_advanced_search li a:hover {
color:#ffdb43;
text-decoration:none;
}
.navtabs li.selected li a:hover {
color:#ffde00;
text-decoration:none;
}
.navtabs li.selected .popupbody li > a {
padding:0pxpx 10px;
text-indent: 0;
color: ;
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid px transparent;
_border: none;
background:transparent url(http://i15.servimg.com/u/f15/18/08/53/97/arrow10.png) no-repeat right center;
padding-right:15px;
_background-image:url('http://i15.servimg.com/u/f15/18/08/53/97/arrow10.gif');
color:#fff;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
color:#fff;
}
/*pun-navlinks*/
#pun-head #pun-navlinks {
margin: -10px;
margin-left: 10px;
background-color: transparent;
border: 0px;
padding: .5em 1.1em .6em;
}
#pun-navlinks a {
color: #fff;
font: arial;
font-size: 12px;
padding: 3px;
}
#pun-navlinks a:hover {
color: #FFDE00;
border-color: #393F4B;
background-color: #191D22;
padding: 3px;
text-decoration: none;
border-radius: 5px;
}
/*table*/
.main .main-head {
background: #333 url(http://2img.net/i/fa/subsilver/back_title.gif) repeat-x left top;
border: 1px solid #dce7e8;
border-bottom: 0px;
color: #22272E;
height: 27px;
border-radius: 18px 18px 0 0;
margin-top: 8px;
}
.pun table.table td {
color: #4E4E4E;
background: url(http://i15.servimg.com/u/f15/18/08/53/97/grey-u10.png) repeat-x left bottom;
background-color: white;
min-height: 52px;
border-bottom: 1px solid #D0D5D9;
border-left: 0px;
border-right: 0px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: white;
}
.pun table.table th.tcl {
padding-left: 55px;
}
.hierarchy, .desc {
margin-left: 21px;
}
/*footer*/
.footer_select {
float: left;
text-align: left;
margin-left: 10px;
margin-top: 0;
}
.textbox, select {
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color: black;
background: white none;
border: 1px solid #ABB7C0;
padding: 4px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#footerMain {
background: #181C20 url(http://i15.servimg.com/u/f15/18/08/53/97/footer10.gif) repeat-x top left;
padding-top: 32px;
clear: both;
}
.footerWrap {
background: url(http://i15.servimg.com/u/f15/18/08/53/97/footer11.gif) no-repeat top right;
position: relative;
}
#footerNav {
font-size:14px;
line-height:54px;
font-weight:700;
padding:0;
float:left;
}
.footerNavBox {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer12.gif) repeat-x top left;
height:54px;
}
.footerNavLeft {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer13.gif) no-repeat top left;
height:54px;
}
.footerNavRight {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer14.gif) no-repeat top right;
height:54px;
}
#footerNav ul {
list-style:none;
padding:0;
margin:0;
}
#footerNav li {
background:url(http://i15.servimg.com/u/f15/18/08/53/97/footer15.gif) no-repeat top right;
float:left;
padding:0 20px;
}
#footerNav .nobg {
background:none;
}
#footerNav a:link, #footerNav a:visited {
color:#fdfeff;
}
#footerNav a:hover {
color:#ffdb43;
}
#footerLogo {
position:absolute;
top:0;
right:23px;
}
.copyright {
line-height:18px;
font-weight:400;
color:#d1d7db;
padding:17px 0 17px 15px;
text-align:left;
}
.copyright a:link, .copyright a:visited {
color:#ffdb43;
font-weight:700;
}
.copyright a:hover {
color:rgb(255, 255, 255);
}
/*Perfis em Toolpit*/
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
/*Fim Perfis em Toolpit*/
/*QUEM ESTÁ ONLINE? -PERSONALIZAÇÃO*/
.letras{
border-bottom:2px solid white;
color:#8C8C8C;
text-shadow:1px 0px 1px #CFCFCF;
background: none repeat scroll 0 0 #FCFCFC;
position:relative;
bottom:-1px;
border:2px solid #787878;
border-radius: 5px 5px 0px 0px;
padding:5px;
padding-bottom:0px!Important;
}
#onlinelist2, #onlinelist3{
min-height:100px!Important;
}
#stats2{
margin-bottom:10px!Important;
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
max-width:100%;
width:auto;
border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
}
#onlinelist2{
margin-bottom:10px!Important;
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
min-height:80px;
margin-left:-2px;
height:auto;
width:97.6%/*350px*/!Important;
border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
}
#onlinelist3{ margin-bottom:10px!Important;
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
min-height:80px;
margin-right:-2px;
height:autopx;
margin-left:3px;
width:97.6%/*350px*/!Important;
border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
}
#onlinelist4{
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
max-width:100%;
width:98.9%;
max-height:50%;
border:2px solid #787878;box-shadow:2px 1px 3px grey;border-radius:5px;padding:2px;margin-bottom:5px;
}
#stats2, #onlinelist2, #onlinelist3, #onlinelist4, .letras{
height:auto;
background: #F7F7F7 url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);
background-repeat: repeat-x repeat-y;
}
.fundo{
margin-bottom:5px;
background: none repeat scroll 0 0 #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
margin-top: 10px;
padding:10px;
}
.fundo2{
margin-top:5px;
background: none repeat scroll 0 0 #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
margin-top: 10px;
padding:10px;
}/*www.rmbr.forumeiros.com*/
/*Atalhos personalizados*/
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background:#696969;
border: 1px solid #00BFFF;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #00BFFF!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/* Fim de atalhos personalizados*/
/*numeros do post*/
p.pag,.paging{border-radius:3px;color: white;margin: 4px 0 9px 0;}
#blog_comments .paging,#blog_comments p.pag{color:#F1F1F1;}
td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{border-radius:3px;
padding: 6px 9px 6px 9px !important;margin-right: 3px !important;font-size: 12px !important;}
td p.pag a,.paging a, .paged-foot .paging a{
border-radius:3px;
color: #666666 !important;
border: solid 1px #B3B3B3 !important;
background-color: #DEDEDE;
background:-moz-linear-gradient(#F2F2F2,#BABABA);
background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
text-shadow: 0px 1px #EBEBEB !important;
box-shadow: 0px 1px #D4D4D4 !important;-moz-box-shadow: 0px 1px #D4D4D4 !important;-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
border-radius:3px;
border: solid 1px #878787 !important;
color: #EBEBEB !important;
background-color: #58E862;
background:-moz-linear-gradient(#BABABA,#DBDBDB);
background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
text-shadow: 0px 1px #666666 !important;
box-shadow: 0px 1px #D4D4D4 !important;-moz-box-shadow: 0px 1px #D4D4D4 !important;-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
p.pag img,.paging img,.paged-foot .paging img{postion:relative;top:-3px;margin-top:-5px!Important;vertical-align: center !important;}
/*--/acessem: www.rmbr.forumeiros.com /--*/
.mini_ava img { width: 59px; height: 65px; border:2px solid gray; } .mini_ava { float: left; }
/*---Efeito para Spoiler---*/
.codebox {
background-color: rgb(228, 234, 242);
border: solid rgb(131, 148, 178);
border-image: initial;
margin: 1em;
}
.codebox dd {
background-color: rgb(255, 255, 255);
color: rgb(67, 92, 122);
margin: 1px;
padding: 4px;
}
.codebox dt {
border-bottom: 1px solid rgb(131, 148, 178);
color: rgb(131, 148, 178);
font-weight: 700;
padding: 0.25em;
}
/*---Fim Efeito para Spoiler---*/
/*---Efeito para CODE---*/
.codebox {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #D7F8AC;
border: 2px solid#35A002;
padding: 0px;
border-radius: 0px 50px 0px 50px;
}
.codebox:hover {
background: url('http://i32.servimg.com/u/f32/14/52/65/41/page_c10.png') no-repeat 6px #AAF886;
box-shadow: 0px 0px 10px green;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-webkit-transition: all .1s linear;
}
.codebox dd {
border: 2px dotted #229605;
border-radius: 20px;
margin: 1.5em;
padding: 0.5em;
background-color: rgba(228, 255, 228, 0.83);
margin-left: 45px;
}
.codebox dt {
border: none;
font-weight: bold;
color: green;
font-family: Arial;
font-size: 13px;
padding-left: 11px;
padding-top: 7px;
}
.codebox dt:before {
content: "Estás a ver um código";
}
/*--- FIM Efeito para CODE---*/
/*---Personalização chatbox---*/
#chatbox_members{
background-color:#FFF;
}
#chatbox .user {
font-weight: bold;
}
#chatbox_header{
background-image: url(http://i38.servimg.com/u/f38/15/88/74/11/untitl10.gif);
color:#1E90FF
}
#chatbox_footer{
background-color:#e7e0fc;
}
#chatbox {
background-color:#FFFFFF;
}
.chatbox_row_1{
background-color:#FAF0E6;
}
#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}
/*---Fim da personalização chatbox---*/
/* Aviso nas caixas de resposta rápida -------------------------------------------------------------*/
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
/* Fim aviso nas caixas de resposta rápida -------------------------------------------------------------*/
/* Efeito lightbox em imagens -------------------------------------------------------------*/
a.fa_fancybox img{
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 920;
}
.fancybox-skin {
position: relative;
padding: 0;
margin: 0;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 930;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
padding: 0;
margin: 0;
position: relative;
outline: none;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 920;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 940;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 940;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 940;
visibility: hidden;
}
.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 910;
background: #000;
}
#fancybox-overlay.overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 950;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 930;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
margin-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/* Fim Efeito lightbox em imagens -------------------------------------------------------------*/
/* Efeito toolpit (balão preto) -------------------------------------------------------------*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* Fim Efeito toolpit (balão preto) -------------------------------------------------------------*/
/*Perfis em caixa*/
.pun .user-ident .username {
background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
border: 1px solid #0000FF;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
/*Fim Perfis em caixa*/
.main-head h3 {font-size:17px !important; font-weight:bold !important;}
.pun .post {
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom: 4px solid black important;
border-top: 8px solid black !important;
}
div.main div#pun-announcement{display:none}
Endereço do meu fórum:
http://www.rewtec.com
Versão do fórum:
PHPBB3
Re: Mudar cor de fundo
Olá querido,
Aceda à sua "Folha de estilo CSS": Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'
Lá, faça uma busca por ".pun {" sem as aspas. Feito isto, achará este código:
Cordialmente,
Dr.House
Aceda à sua "Folha de estilo CSS": Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'
Lá, faça uma busca por ".pun {" sem as aspas. Feito isto, achará este código:
Personalize o "white" para a cor desejada em hexadecimal ou escrita, lembrando que as cores escritas existem poucas, por este motivo lhe aconselho usar em hexadecimal, como por exemplo "#FFFFFF"..pun {
width: 91%;
border-radius: 18px;
-webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
-moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
background: white url() repeat-x top left;
margin-bottom: 30px;
}
Cordialmente,
Dr.House
Re: Mudar cor de fundo
Olá novamente,
No caso de optar por uma imagem, o código anterior será substituído por este:
Cordialmente,
Dr.House
No caso de optar por uma imagem, o código anterior será substituído por este:
Onde está "SUA_IMAGEM" deverá ser editado para a url da imagem desejada..pun {
width: 91%;
border-radius: 18px;
-webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
-moz-box-shadow: rgba(0,0,0,0.12) 0px 0px 10px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
background-image: url(SUA_IMAGEM) repeat-x top left;
margin-bottom: 30px;
}
Cordialmente,
Dr.House
Tópicos semelhantes
» Mudar cor de Fundo
» mudar fundo de mensagem
» mudar cor de fundo
» Mudar cor fundo
» mudar cor de fundo
» mudar fundo de mensagem
» mudar cor de fundo
» Mudar cor fundo
» mudar cor de fundo
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