Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosComo posso altera essa imagem ?
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
Como posso altera essa imagem ?
por neew 23.12.11 18:35
Qual é minha questão:
Olá, tudo bem com vocês ?
Queria saber aonde que é pra editar as seguintes imagens :
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
Primeira (Menu de cima) :
Segunda Imagem (Área)
Endereço do meu fórum:
www.globalcheats.forumeiro.com
Versão do meu fórum:
PUNBB
Olá, tudo bem com vocês ?
Queria saber aonde que é pra editar as seguintes imagens :
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
Primeira (Menu de cima) :
Segunda Imagem (Área)
Endereço do meu fórum:
www.globalcheats.forumeiro.com
Versão do meu fórum:
PUNBB
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 18:37
Oi,
Este menu é personalizado ao CSS. poderia nos mandar o seu CSS? Queres mudar para o que?
Este menu é personalizado ao CSS. poderia nos mandar o seu CSS? Queres mudar para o que?
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
Re: Como posso altera essa imagem ?
por neew 23.12.11 18:44
Quero por a seguinte imagem : (Para ver se fica bom)
CSS :
CSS :
- Spoiler:
- body {
background-color: #164269;
color: #5A5A5A;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 13px;
padding-bottom: 15px;
margin-top: 15px;
}
.pun {
background-color: #fff;
width: 980px;
}
#pun_out {
background:url("https://i.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
border:1px solid #0b2337;
border:1px solid rgba(0,0,0,0.35);
-webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
padding:8px;
position:relative;
width: 990px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#pun-intro {
background-color: #304154;
background-image: url("https://i.servimg.com/u/f43/14/53/79/27/backgr10.png");
background-repeat: repeat-x;
padding: 1.5em 1em 1em 1em;
border-bottom: 0px solid #296fa5;
text-align: left;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
margin-bottom: 10px;
border: 1px solid #273749;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 85px;
}
.main .main-head {
background-color: #1E4371;
background-image: url("https://i.servimg.com/u/f43/14/53/79/27/bg-top10.png");
background-position: 50% 50%;
background-repeat: repeat-x;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-size: 12px;
font-weight: bold !important;
margin-top: 15px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
.pun .main-content {
background-color: #FBFBFB;
border: 1px solid #B9C4CD;
}
.pun table.table td {
background: #e6effd url(https://i.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
border-top: 1px solid #B9C4CD;
border-right: 0px solid #000;
border-left: 0px solid #000;
line-height: 130%;
padding-bottom: 0.7em;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #e6effd url(https://i.servimg.com/u/f43/14/53/79/27/altbg10.gif) repeat-x top left;
border-top: 1px solid #B9C4CD;
}
.pun table.table th {
background: #d9d9d9 url(https://i.servimg.com/u/f43/14/53/79/27/gradie10.png) repeat-x 0 50%;
color: #333333;
padding-bottom: 0.5em;
padding-left: 0;
padding-right: 0;
padding-top: 0.5em;
}
#pun-logo {
margin-left: -13px;
margin-top: -22px;
}
#pun-logo:hover { opacity: 0.8; }
.for_topics {
width: 74px;
height: 33px;
background: url("https://i.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0e2c3e;
padding-top: 3px;
margin-left: 13px;
}
.for_topics span {
display: block;
color: #105289;
font-size: 10px;
}
.for_posts {
width: 74px;
height: 33px;
background: url("https://i.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0e2c3e;
padding-top: 3px;
margin-left: 13px;
}
.for_posts span {
display: block;
color: #105289;
font-size: 10px;
}
.page-title h2, .page-title span {
color: #FFFFFF !important;
font-size: 14px;
font-weight: bold;
}
.pun .paged-head, .pun .paged-foot {
border: 0px solid !important;
background-color: !important;
padding: 0.6em 1.3em 0.3em 1.3em;
}
.pun .frm-form {
background: !important;
border: none;
}
#pun-head #pun-navlinks {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
background-color: #304154;
background-image: url("https://i.servimg.com/u/f43/14/73/12/96/pun-na10.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#pun-navlinks ul {
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 15px;
line-height: 30px;
}
#pun-navlinks li a {
margin-left: -8px;
margin-right: -8px;
color: #fff;
font-family: tahoma,helvetica,arial,sans-serif
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.
;
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: none;
color: #fff;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.2);
}
.main .main-foot{
background-color: #fff;
color: #666;
font-weight: 400;
padding-bottom: 0.7em;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0.7em;
}
.pun a:link { color: #105289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}
#pun-title {
display: none;
}
.pun .post {
border: 1px solid #CBDAEA;
margin: 10px;
background: #FDFEFF;
}
.postfoot {
border-top: 1px solid #CBDAEA;
clear: both;
margin-left: -17em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
background: #F4FAFF;
}
.pun .postmain {
background-color: #FDFEFF;
border-left: 1px solid #CBDAEA;
margin-left: 17em;
}
.pun .posthead {
background-color: #F4FAFF;
border-bottom: 1px solid #CBDAEA;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1.3em;
padding-top: 0.5em;
}
.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}
.user-contact a {
background-color: #2e425a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding: 3px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}
.codebox {
background-color: #E4EAF2;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
border: 1px solid #8394B2;
border-left: 4px solid #8394B2;
}
.codebox dt {
border-bottom: 1px solid #8394B2;
padding-bottom: 0.25em;
padding-left: 0.25em;
padding-right: 0.25em;
padding-top: 0.25em;
font-weight: bold;
color: #8394B2;
}
.codebox dd {
background-color: #fff;
color: #435C7A;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}
.postmain blockquote {
background-color: #FFFFFF;
border: 1px solid #4E6A97;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
}
#pun-about {
background-color: #F4F4F4;
border: 1px solid #DDDDDD;
line-height: 150%;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;
text-align: right;
}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: normal;
text-decoration: none;
}
#pun-about #qjump {
display: none;
}
#pun-visit, .main-box {
background-color: #F4F4F4;
border: 1px solid #B9C4CD;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;
}
table.table tbody.statused tr td.tcl{padding-left:48px!important}table.table tbody.statused tr td.tcl span.status{margin-right:-47px!important;margin-left:-47px!important}
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 18:51
Olá,
Procure no seu CSS o seguinte código:
E modifique para este:
Até mais!
Procure no seu CSS o seguinte código:
#pun-head #pun-navlinks {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
background-color: #304154;
background-image: url("https://i.servimg.com/u/f43/14/73/12/96/pun-na10.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
E modifique para este:
#pun-head #pun-navlinks {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
background-color: #304154;
background-image: url("https://i.imgur.com/FAsPA.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
Até mais!
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
Re: Como posso altera essa imagem ?
por neew 23.12.11 18:56
Cara, resultou apenas no menu dos usuários, quero por nas Áreas e na barra da Shout Box também ^^
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 18:59
Olá,
Nas categorias, certo?
Aceda:
Siga:
Painel 
Visualização Imagens e Cores Gestão das Imagens
Modifique o código que estará ao lado no campo DE URL e ponha este;
Seria isto?
Nas categorias, certo?
Aceda:
Siga:
Painel Visualização Imagens e Cores Gestão das Imagens imagem do fundo dos títulos :
Imagem do fundo das categorias (esquerda) :
Imagem do fundo das categorias (direita) :
Modifique o código que estará ao lado no campo DE URL e ponha este;
Seria isto?
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
Re: Como posso altera essa imagem ?
por neew 23.12.11 19:05
Cara, não resultou!
Apareceu la que foi mas não foi, quero mudar essa imagem :
Obs : é a imagem de categoria (da área)
Apareceu la que foi mas não foi, quero mudar essa imagem :
Obs : é a imagem de categoria (da área)
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 19:11
Olá,
Procure no código por esta parte:
Peço que modifique para esta:
Até mais !
Procure no código por esta parte:
.main .main-head {
background-color: #1E4371;
background-image: url("https://i.servimg.com/u/f43/14/53/79/27/bg-top10.png");
background-position: 50% 50%;
background-repeat: repeat-x;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-size: 12px;
font-weight: bold !important;
margin-top: 15px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
Peço que modifique para esta:
.main .main-head {
background-color: #1E4371;
background-image: url("https://i.imgur.com/FAsPA.png");
background-position: 50% 50%;
background-repeat: repeat-x;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-size: 12px;
font-weight: bold !important;
margin-top: 15px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
Até mais !
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
Re: Como posso altera essa imagem ?
por neew 23.12.11 19:13
Isso !!
Na área e no menu funcionou !
Agora preciso saber da Shout Box !
Na área e no menu funcionou !
Agora preciso saber da Shout Box !
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 19:19
Oi,
Poderia me mandar uma print do local?
Poderia me mandar uma print do local?
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 19:40
Olá,
Ao certo, não é uma imagem.
Procure no código isto:
E modifique para este:
#COR É a cor de fundo desta Shout Box.
#COLOR É a cor da letra do Título.
No caso de não encontrar, adicione o segundo que lhe encomendei e personalize o COR e COLOR para as cores que deseja.
Ao certo, não é uma imagem.
Procure no código isto:
#chatbox_header.main-head {
background-color: #1F537B;
color: #DEDFDF;
padding: 0 1.3em;
}
E modifique para este:
#chatbox_header.main-head {
background-color: #COR;
color: #COLOR;
padding: 0 1.3em;
}
#COR
É a cor de fundo desta Shout Box.#COLOR
É a cor da letra do Título.No caso de não encontrar, adicione o segundo que lhe encomendei e personalize o COR e COLOR para as cores que deseja.
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 19:47
neew escreveu:Amigo, não achei esse na CSS !
Olá,
Como dito, no caso de não encontrar, utilize o segundo código que lhe encomendei e modifique os valores citados por mim, para os teus desejos senhor.
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
Re: Como posso altera essa imagem ?
por neew 23.12.11 19:52
Amigo não achei mesmo, pode procurar ali no meu CSS ?
Abraços e obrigado por estar me ajudando
Abraços e obrigado por estar me ajudando
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Re: Como posso altera essa imagem ?
por Setsumaru 23.12.11 20:46
Olá,
Amigo, caso não encontre adicione este código:
#COR É a cor de fundo desta Shout Box.
#COLOR É a cor da letra do Título.
Edite com as cores que deseja.
Amigo, caso não encontre adicione este código:
#chatbox_header.main-head {
background-color: #COR;
color: #COLOR;
padding: 0 1.3em;
}
#COR É a cor de fundo desta Shout Box. #COLOR É a cor da letra do Título.Edite com as cores que deseja.
Setsumaru- ***
- Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181 -
Re: Como posso altera essa imagem ?
por neew 23.12.11 21:43
Obrigado todos os códigos funcionaram direitinho !
Abraços e feliz natal para você !
Abraços e feliz natal para você !
neew- Novo Membro
- Membro desde : 23/12/2011
Mensagens : 16
Pontos : 23 -
Tópicos semelhantes» Como posso usar essa imagem como banner flutuante?
» Como posso criar uma pagina inicial com essa imagem?
» Como que eu posso tirar essa repetição e deixar só uma vez?
» Como posso por uma imagem no chat box?
» Como tirar essa imagem
» Como posso criar uma pagina inicial com essa imagem?
» Como que eu posso tirar essa repetição e deixar só uma vez?
» Como posso por uma imagem no chat box?
» Como tirar essa imagem
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