Cor das bordas
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 • Compartilhe
Cor das bordas
Qual é minha questão:
Estou fazendo um tema no fórum de testes e como ainda sou iniciante na versão PUNBB, gostaria de saber em que parte do meu CSS personalizo as bordas vermelhas apresentadas no fórum deixando do as na cor roxa.
Meu CSS:
Medidas que eu tomei para corrigir o problema:
-x-
Links e imagens do meu problema:
-x-
Endereço do meu fórum:
http://campomagnetico.forumeiros.com/
Versão do meu fórum:
PUNBB
Estou fazendo um tema no fórum de testes e como ainda sou iniciante na versão PUNBB, gostaria de saber em que parte do meu CSS personalizo as bordas vermelhas apresentadas no fórum deixando do as na cor roxa.
Meu CSS:
- Código:
.vote {
float: right;
width: 32px;
margin-left: 32px;
}
/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}
blockquote{
font-size: 0.9em;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}
blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}
/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
background:url('http://i45.servimg.com/u/f45/17/45/05/19/_10.jpg');
}
#pwd_middle {
background:url('http://i45.servimg.com/u/f45/17/45/05/19/_10.jpg');
}
#pwd_bad {
background:url('http://i45.servimg.com/u/f45/17/45/05/19/_10.jpg');
}
body {
background:#E9E9E9;
color: #5D5D5D;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
font-weight: normal;
margin-top: -1px;
padding-bottom: 10px;
}
.pun {
width: 1000px;
background: #fff;
border: 1px solid #878787;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
box-shadow:0px 0px 8px #707070;
line-height: 1.6em;
padding: 12px;
}
#pun-intro {
background:#5c1818 url(http://i45.servimg.com/u/f45/17/45/05/19/cats10.jpg) repeat top center;
border-bottom-color: #591b1b;
border-bottom-style: solid;
border-bottom-width: 0px;
min-height: 190px;
margin-left: -12px;
width: 998px;
margin-top: -12px;
}
.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}
.quick_login {
background: #efefef;
color: #993232;
font-size: 11px;
border: 1px solid #edcccc;
padding: 4px;
}
#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i45.servimg.com/u/f45/17/45/05/19/_10.jpg");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}
#pun-navlinks ul {
list-style: none;
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks li a {
margin: 0 0.1em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
padding-left: 10px;
line-height: 26px;
}
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
color: #fff;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}
#pun-about {
background-color: #F3F3F3;
border: 1px solid #964e4e;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 2px;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
}
#pun-about ul li a {
font-weight: normal;
}
#pun-about #qjump {
display: none;
}
.pun .paged-head, .pun .paged-foot {
border: 0px solid #4100A3;
background-color: #4100A3;
padding: 0.6em 1.3em 0.3em 1.3em;
}
#pun-visit, .main-box {
background-color: #F3F3F3;
border: 1px solid #964e4e;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.user-info span {
color: #000000;
font-size: 11px;
}
.pun .user .user-info {
color: #666666;
font-size: 11px;
line-height: 1.5;
}
.postmain blockquote {
padding: 0.5em 1em;
background-color: #EFEFEF;
border: 1px solid #4100A3;
}
.postmain cite {
display: block;
margin: 0 0 1em 0;
font-weight: bold;
font-style: normal;
}
.codebox {
margin: 1em;
background-color: #F5F5F5;
border: 1px solid #4100A3;
}
.codebox dt {
padding: 0.25em;
border-bottom: 1px dashed #c48181;
}
.codebox dd {
margin: 0.5em;
padding: 0.5em;
background-color: #F5F5F5;
}
.main .main-head {
background-image: url("http://i45.servimg.com/u/f45/17/45/05/19/_10.jpg");
background-position: left 50%;
background-repeat: repeat-x;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 15px;
padding-left: 8px;
}
.page-title h2, .page-title span {
font-weight: bold !important;
}
.main .main-head .page-title {
color: #fff;
font-size: 14px;
font-weight: bold !important;
font-family: tahoma,arial,verdana,sans-serif;
text-shadow: 0 -1px 0 #613633;
}
.pun .main-content {
border: 1px solid #96514e;
background-color: #fbfbfb;
}
.pun .post {
background-color: #FAFBFC;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 6px;
}
.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #660000;
background-color: transparent;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DADADA;
margin-left: 17em;
}
.pun .posthead {
padding: 0.5em 1.3em 0.5em 1em;
background-color: #D9D9D9;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
background-position: 0 50%;
background-repeat: repeat-x;
border-bottom-color: #D0D0D0;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2px;
}
.postfoot {
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
clear: both;
margin-left: 0em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
}
.frm-buttons {
border-top-color: #DDDDDD;
border-top-style: double;
border-top-width: 0px;
margin-bottom: 0;
margin-top: 0.5em;
padding-bottom: 0;
padding-left: 17.5em;
padding-right: 0;
padding-top: 0.7em;
}
#stats {
padding: 0.6em 1em;
line-height: 150%;
background-color: #F3F3F3;
border-bottom-color: #96514e;
border-bottom-style: solid;
border-bottom-width: 2px;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0px;
white-space: nowrap;
}
#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
padding-bottom: 3px;
}
#tabs ul li.activetab a {
background-color: #fff;
border: #8f1010;
border-style: double;
border-width: 3px;
color: #666666;
text-decoration:none;
}
#tabs ul li.activetab a:hover {
background-color: #F5F5F5;
}
#tabs ul li a {
float: left;
padding: 0 1em;
background-color: #fff;
border: #8f1410;
border-style: double;
border-width: 3px;
font-size:1.1em;
font-weight:normal;
line-height: 2em;
text-decoration:none;
}
#tabs ul li a:hover {
background-color: #F5F5F5;
}
.pun .frm .frm-form table {
border: 1px solid #c48181;
padding-left: 4px;
}
.pun table.table th {
padding: 0.4em 0;
border-style: none;
border-color: #f4f4f4;
background-color: #f4f4f4;
color: #333333;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
line-height: 130%;
background-color: #FFFFFF;
border-color: #ccb7b7;
border-width: 1px;
border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #FFFFFF;
}
.pun .posthead h2 strong {
display: block;
float: right;
font-size: 11px;
font-weight: normal;
margin-right: -6px;
margin-top: -1px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
}
.pun .posthead h2 strong {
background-color: #8f5151;
color: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.user-contact a {
background-color: #4100A3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}
.trow_sep {
color: #FFFFFF;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
font-weight: bold !important;
text-shadow: 0 -1px 0 #613333;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
}
#forum_statistics {
background-color: #F3F3F3;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 4px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
#board-stats span {
background-color: #E2E2E2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #4A4A4A;
font-weight: bold;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
}
#board-stats {
border-left-color: #DEDEDE;
border-left-style: solid;
border-left-width: 0px;
float: right;
padding-left: 20px;
width: 38%;
}
#board-stats dl {
margin-top: 10px;
}
#board-stats dt, #board-stats dd {
border-top-color: #4100A3;
border-top-style: solid;
border-top-width: 1px;
float: left;
font-size: 0.85em;
padding-bottom: 6px;
padding-left: 2px;
padding-right: 2px;
padding-top: 6px;
width: 45%;
}
#board-stats dt {
clear: both;
font-weight: bold;
}
#board-stats h2 {
clear: both;
font-weight: bold;
}
#chatbox_header.main-head {
background-color: #964e4e;
background-image: url("http://i45.servimg.com/u/f45/17/45/05/19/_10.jpg");
background-position: left 50%;
background-repeat: repeat-x;
color: #dedede;
padding-bottom: 0;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0;
}
#onlinechat {
border-top: 0px dashed #000000;
padding: 0.6em 1em;
background-color: #F5F5F5;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed #000000;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #000000;
}
#onlinelist {
border-top: 0px dashed #000000;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
.pun .post .user {
text-align: center !important;
}
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
border: solid 1px #DDDDDD;
}
.pun .post .user {
background-image:url(http://4.bp.blogspot.com/_-a9PWZYICN0/TM7eksWU6II/AAAAAAAAADE/kEp1He9wngo/s200/200px-Simbolo_konoha.svg.png);background-repeat:no-repeat
}
.pun a:link {
text-decoration: none;
}
.pun a:visited {
text-decoration: none;
}
.pun a:hover, a:active {
text-shadow: 0 0 5px white;
}
Medidas que eu tomei para corrigir o problema:
-x-
Links e imagens do meu problema:
-x-
Endereço do meu fórum:
http://campomagnetico.forumeiros.com/
Versão do meu fórum:
PUNBB
Re: Cor das bordas
Olá, boa noite Mist Gun.
Peço que aceda ao seu
Melhores cumprimentos.
Peço que aceda ao seu
Aba 'Folha de estilo CSS', adentre o codigo abaixo entre os seus.Painel de controle Visualização Imagens e Cores Cores
.pun .main-content {
border: 1px solid purple !important;
}
Melhores cumprimentos.
Re: Cor das bordas
Olá,
Funcionou! Mas gostaria também de modificar as outras áreas de vermelho se possível.
Funcionou! Mas gostaria também de modificar as outras áreas de vermelho se possível.
Re: Cor das bordas
Olá, adicione este codigo junto aos anteriores.
melhores cumprimentos.
#pun-visit, .main-box {
border: 1px solid purple !important;
}
#pun-about {
border: 1px solid purple !important;
}
#stats {
border-bottom: 1px solid purple !important;
}
melhores cumprimentos.
Re: Cor das bordas
Olá Sir #Eysk,
Todos os códigos funcionaram corretamente. Muito obrigado!
Todos os códigos funcionaram corretamente. Muito obrigado!
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