Como posso altera essa imagem ?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 04:35 pm

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
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 04:37 pm

Oi,

Este menu é personalizado ao CSS. poderia nos mandar o seu CSS? Queres mudar para o que?
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 04:44 pm

Quero por a seguinte imagem : (Para ver se fica bom)


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("http://i43.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("http://i43.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("http://i43.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(http://i43.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(http://i43.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(http://i43.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("http://i43.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("http://i43.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("http://i43.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.Estilo cool;
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}
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 04:51 pm

Olá,

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("http://i43.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("http://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! Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 04:56 pm

Cara, resultou apenas no menu dos usuários, quero por nas Áreas e na barra da Shout Box também ^^
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 04:59 pm

Olá,

Nas categorias, certo?

Aceda:

Siga: Seta Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Gestão das Imagens Flecha ajudeiros

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?

Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 05:05 pm

Cara, não resultou!
Apareceu la que foi mas não foi, quero mudar essa imagem :



Obs : é a imagem de categoria (da área)

avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 05:11 pm

Olá,

Procure no código por esta parte:

.main .main-head {
background-color: #1E4371;
background-image: url("http://i43.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("http://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 ! Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 05:13 pm

Isso !!
Na área e no menu funcionou !

Agora preciso saber da Shout Box !
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 05:19 pm

Oi,

Poderia me mandar uma print do local?

Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 05:29 pm

Ok ... :



apaixonado
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 05:40 pm

Olá,

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 Flecha ajudeiros É a cor de fundo desta Shout Box.
#COLOR Flecha ajudeiros É 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. Muito feliz

Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 05:45 pm

Amigo, não achei esse na CSS ! Piscada
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 05:47 pm

@neew escreveu:Amigo, não achei esse na CSS ! Piscada

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.

Muito feliz
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 05:52 pm

Amigo não achei mesmo, pode procurar ali no meu CSS ?

Abraços e obrigado por estar me ajudando Feliz
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Resolvido Re: Como posso altera essa imagem ?

Mensagem por Setsumaru em 23/12/11, 06:46 pm

Olá,

Amigo, caso não encontre adicione este código:

#chatbox_header.main-head {
background-color: #COR;
color: #COLOR;
padding: 0 1.3em;
}


Flecha ajudeiros #COR É a cor de fundo desta Shout Box.
Flecha ajudeiros #COLOR É a cor da letra do Título.

Edite com as cores que deseja.

Envergonhado
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Como posso altera essa imagem ?

Mensagem por neew em 23/12/11, 07:43 pm

Obrigado todos os códigos funcionaram direitinho !

Abraços e feliz natal para você !
avatar

neew
Nível 3

Masculino
Inscrito dia : 23/12/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://www.globalcheats.forumeiro.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum