Logo aleatório descentralizado
+4
Sennior
Kyo Panda
goodbye
banzé
8 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
Logo aleatório descentralizado
Detalhes da dúvida
Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox
Membros afetados : Todos os membros do fórum
Problema começou : Desde sempre
Endereço do fórum : http://fumetteiros.omeuforum.net/
Descrição do problema
Olá, bom dia. Eu criei recentemente 3 temas diferentes para meu fórum. O problema é que quando entro nestes temas, todos os logos estão descentralizados, ficam no canto esquerdo da tela, e não centralizado, como no tema oficial do meu fórum, que é preto. Gostaria de saber como devo proceder para centralizar o logo, nos temas diferentes ? Meus logotipos são aleatórios, tenho 2 que ficam aparecendo sempre. Muito obrigado pela atenção, e na espera de uma ajuda.Última edição por banzé em 18.02.15 14:20, editado 1 vez(es)
Re: Logo aleatório descentralizado
Olá banzé,
Experimente acrescentar o código a baixo na folha de CSS:
Algum resultado?
Até mais!
Experimente acrescentar o código a baixo na folha de CSS:
- Código:
#pun-intro {
width: 83.7%!important;
}
#pun-head #pun-navlinks {
width: 83.5%!important;
}
Algum resultado?
Até mais!
Re: Logo aleatório descentralizado
Não, infelizmente continua descentralizado os logos, nos temas diferentes.
Re: Logo aleatório descentralizado
Tente adicionar isso ao CSS:
- Código:
#pun-intro {
text-align: center;
}
#pun-logo {
float: none;
}
Re: Logo aleatório descentralizado
Saudações,
Se o código acima não vier a resultar, poderia me mandar teu CSS por completo?
Até mais.
Se o código acima não vier a resultar, poderia me mandar teu CSS por completo?
Até mais.
Re: Logo aleatório descentralizado
Infelizmente não deu certo também.
Abaixo o meu CSS completo.
Abaixo o meu CSS completo.
- Código:
.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
blockquote {color: black!important;}
.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/*Anuncio Global*/
dl[style*="URL_image"], dl[style*=http://2img.net/i/fa/subsilver/folder_announce.gif] {
background-color:#FFDFDF;
border-bottom:1px solid #FFBFBF;
border-top:1px solid #FFBFBF;
}
/*Anuncio*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_announce.gif] {
background-color:#D6FFCF;
border-bottom:1px solid #44DF29;
border-top:1px solid #020F00;
}
/*Post-it*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_sticky.gif] {
background-color:#FFFCDF;
border-bottom:1px solid #FFF58F;
border-top:1px solid #FFF58F;
}
td.tcl.tdtopics > strong:not(.pagination) {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #7ba60d;
background-image: url(http://i.imgur.com/EHGpChd.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
cursor: default;
font-size: 9px;
font-weight: 700;
height: 16px;
line-height: 16px;
padding: 3px 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
}
.ann_bg {
background-color: #FFDFDF !important;
}
#pun-intro {
text-align: center;
}
#pun-logo {
float: none;
}
Re: Logo aleatório descentralizado
Olá!
Utilize esse código CSS:
Utilize esse código CSS:
- Código:
#pun-logo{margin-left:4.5pc}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Logo aleatório descentralizado
Olá banzé,
Verifique no Painel qual a posição do logo principal.
Aceda a:
Painel de Controle Visualização Página inicial Cabeçalho e Navegação Menu de navegação das páginas Posição do logo :
e diga qual a opção selecionada: À esquerda, Centralizar, À direita
Até mais.
Verifique no Painel qual a posição do logo principal.
Aceda a:
Painel de Controle Visualização Página inicial Cabeçalho e Navegação Menu de navegação das páginas Posição do logo :
e diga qual a opção selecionada: À esquerda, Centralizar, À direita
Até mais.
Re: Logo aleatório descentralizado
Olá Nikka, boa tarde. Está como "centralizar".
Na espera de uma solução.
Banzé
Na espera de uma solução.
Banzé
Re: Logo aleatório descentralizado
Saudações!
Adicione o código abaixo no INICIO de teu CSS:
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Adicione o código abaixo no INICIO de teu CSS:
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
div#pun-intro {
position: relative!important;
left: -50px!important;
}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Logo aleatório descentralizado
Olá Sennior, boa tarde.
Coloquei no inicio como tu pediu, e mesmo assim o danado não deu certo.
Coloquei no inicio como tu pediu, e mesmo assim o danado não deu certo.
Re: Logo aleatório descentralizado
Ah amigo, creio que seja teu CSS com edições.
Poderia me mandar teu CSS completo?
Até mais.
Poderia me mandar teu CSS completo?
Até mais.
Re: Logo aleatório descentralizado
- Código:
.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
blockquote {color: black!important;}
.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/*Anuncio Global*/
dl[style*="URL_image"], dl[style*=http://2img.net/i/fa/subsilver/folder_announce.gif] {
background-color:#FFDFDF;
border-bottom:1px solid #FFBFBF;
border-top:1px solid #FFBFBF;
}
/*Anuncio*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_announce.gif] {
background-color:#D6FFCF;
border-bottom:1px solid #44DF29;
border-top:1px solid #020F00;
}
/*Post-it*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_sticky.gif] {
background-color:#FFFCDF;
border-bottom:1px solid #FFF58F;
border-top:1px solid #FFF58F;
}
td.tcl.tdtopics > strong:not(.pagination) {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #7ba60d;
background-image: url(http://i.imgur.com/EHGpChd.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
cursor: default;
font-size: 9px;
font-weight: 700;
height: 16px;
line-height: 16px;
padding: 3px 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
}
.ann_bg {
background-color: #FFDFDF !important;
}
#pun-intro {
text-align: center;
}
#pun-logo {
float: none;
}
#pun-logo{margin-left:4.5pc}
Re: Logo aleatório descentralizado
Boas,
ALtere teu CSS:
Até mais.
ALtere teu CSS:
- Código:
#pun-intro {
position: relative!important;
left: -3pc!important;
}
.main .main-head {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
blockquote {color: black!important;}
.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/*Anuncio Global*/
dl[style*="URL_image"], dl[style*=http://2img.net/i/fa/subsilver/folder_announce.gif] {
background-color:#FFDFDF;
border-bottom:1px solid #FFBFBF;
border-top:1px solid #FFBFBF;
}
/*Anuncio*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_announce.gif] {
background-color:#D6FFCF;
border-bottom:1px solid #44DF29;
border-top:1px solid #020F00;
}
/*Post-it*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_sticky.gif] {
background-color:#FFFCDF;
border-bottom:1px solid #FFF58F;
border-top:1px solid #FFF58F;
}
td.tcl.tdtopics > strong:not(.pagination) {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #7ba60d;
background-image: url(http://i.imgur.com/EHGpChd.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
cursor: default;
font-size: 9px;
font-weight: 700;
height: 16px;
line-height: 16px;
padding: 3px 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
}
.ann_bg {
background-color: #FFDFDF !important;
}
Até mais.
Re: Logo aleatório descentralizado
Colei tudo Sennior, mas continua descentralizado, é só você entrar no fórum e verás.
Re: Logo aleatório descentralizado
Saudações,
A imagem nem mexeu?
Veja uma Print Screen de como eu visualizo a imagem aqui:
https://i.imgur.com/T4RmZ3i.png
Poderia me mostrar como o senhor visualiza tal imagem?
Até mais.
A imagem nem mexeu?
Veja uma Print Screen de como eu visualizo a imagem aqui:
https://i.imgur.com/T4RmZ3i.png
Poderia me mostrar como o senhor visualiza tal imagem?
Até mais.
Re: Logo aleatório descentralizado
Procure no seu codigo css:
- Código:
#pun-intro {
background-color: #666;
background-image: url(http://2img.net/i/fa/punbb/aquagrey/header-bg.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #666;
margin: 0;
padding: 1.5em 1em 1em;
text-align: left;
}
- Código:
#pun-intro {
background-color: #666;
background-image: url(http://2img.net/i/fa/punbb/aquagrey/header-bg.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #666;
margin: 0;
padding: 1.5em 1em 1em;
text-align: center;
}
Re: Logo aleatório descentralizado
Sennior escreveu:Saudações,
A imagem nem mexeu?
Veja uma Print Screen de como eu visualizo a imagem aqui:
https://i.imgur.com/T4RmZ3i.png
Poderia me mostrar como o senhor visualiza tal imagem?
Até mais.
O "senhor" está vendo pelo tema errado, esse é o tema principal, que é preto, os temas aleatórios é que não estão com o logo centralizado.
Re: Logo aleatório descentralizado
PedroR. escreveu:Procure no seu codigo css:substitui por:
- Código:
#pun-intro {
background-color: #666;
background-image: url(http://2img.net/i/fa/punbb/aquagrey/header-bg.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #666;
margin: 0;
padding: 1.5em 1em 1em;
text-align: left;
}
- Código:
#pun-intro {
background-color: #666;
background-image: url(http://2img.net/i/fa/punbb/aquagrey/header-bg.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #666;
margin: 0;
padding: 1.5em 1em 1em;
text-align: center;
}
Não deu certo, PedroR.
Re: Logo aleatório descentralizado
O alinhamento estava a esqueda(left) na configuração do logo e da div que ele estava contido então tive que trocar nos dois fico assim:
o css da div pun-intro e a que lhe passei primeiro
o css da div pun-intro e a que lhe passei primeiro
- Código:
#pun-intro {
background-color: #666;
background-image: url(http://2img.net/i/fa/punbb/aquagrey/header-bg.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #666;
margin: 0;
padding: 1.5em 1em 1em;
text-align: center;
}
#pun-logo {
float: center;
}
Re: Logo aleatório descentralizado
Não deu certo, apareceu um retângulo sobre o logo, e ficou feio.
CSS:
CSS:
- Código:
blockquote {color: black!important;}
.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/*Anuncio Global*/
dl[style*="URL_image"], dl[style*=http://2img.net/i/fa/subsilver/folder_announce.gif] {
background-color:#FFDFDF;
border-bottom:1px solid #FFBFBF;
border-top:1px solid #FFBFBF;
}
/*Anuncio*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_announce.gif] {
background-color:#D6FFCF;
border-bottom:1px solid #44DF29;
border-top:1px solid #020F00;
}
/*Post-it*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_sticky.gif] {
background-color:#FFFCDF;
border-bottom:1px solid #FFF58F;
border-top:1px solid #FFF58F;
}
td.tcl.tdtopics > strong:not(.pagination) {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #7ba60d;
background-image: url(http://i.imgur.com/EHGpChd.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
cursor: default;
font-size: 9px;
font-weight: 700;
height: 16px;
line-height: 16px;
padding: 3px 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
}
.ann_bg {
background-color: #FFDFDF !important;
}
#pun-intro {
background-color: #666;
background-image: url(http://2img.net/i/fa/punbb/aquagrey/header-bg.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #666;
margin: 0;
padding: 1.5em 1em 1em;
text-align: center;
}
#pun-logo {
float: center;
}
Re: Logo aleatório descentralizado
Com o css que mim passou aqui ficou desse geito:
https://i.servimg.com/u/f38/16/96/70/99/asdasd10.png
Pode ser o cache do seu pc as vezes para aprimorar o desempenho o navegador pega configurações e arquivos ja salvos ne um acesso anterior. tenta colocar novamente o que te passei so que com o cache referente a seu site limpo.
https://i.servimg.com/u/f38/16/96/70/99/asdasd10.png
Pode ser o cache do seu pc as vezes para aprimorar o desempenho o navegador pega configurações e arquivos ja salvos ne um acesso anterior. tenta colocar novamente o que te passei so que com o cache referente a seu site limpo.
Re: Logo aleatório descentralizado
Limpei meu navegador Firefox, e colei os dados na CSS que você me forneceu, e não deu certo, continua os temas aleatórios descentralizados, e no tema principal apareceu um retângulo sobre o logo, ficou muito feio, então tirei os dados da CSS que você postou, para voltar ao que era antes.
Re: Logo aleatório descentralizado
Saudações!
Adicione o código abaixo no INICIO de teu CSS, mas lembre-se e coloque em cada fórum com cada erro da logo:
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Adicione o código abaixo no INICIO de teu CSS, mas lembre-se e coloque em cada fórum com cada erro da logo:
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
a#pun-logo {
position: relative!important;
left: 10pc!important;
}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Logo aleatório descentralizado
Eu colei estes dados que me deu, coloquei na primeira linha da folha CSS, e ficou descentralizado para direita. O navegador que usei foi o Chrome.
Re: Logo aleatório descentralizado
Saudações!
Substitua o código fornecido por este:
Até!
Substitua o código fornecido por este:
- Código:
#pun-logo {
float: left;
margin-left: 110px !important;
}
Até!
Re: Logo aleatório descentralizado
Não deu certo, o logo do tema principal, que é preto, ficou descentralizado para esquerda, e os temas aleatórios continuam também com os logos descentralizados para esquerda.
Abaixo a minha folha CSS completa.
Abaixo a minha folha CSS completa.
- Código:
#pun-logo {
float: left;
margin-left: 110px !important;
}
blockquote {color: black!important;}
.user_login_form input[type="password"], .user_login_form input[type="text"] {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#username {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
padding-left: 20px;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("http://i31.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("http://i31.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/*Anuncio Global*/
dl[style*="URL_image"], dl[style*=http://2img.net/i/fa/subsilver/folder_announce.gif] {
background-color:#FFDFDF;
border-bottom:1px solid #FFBFBF;
border-top:1px solid #FFBFBF;
}
/*Anuncio*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_announce.gif] {
background-color:#D6FFCF;
border-bottom:1px solid #44DF29;
border-top:1px solid #020F00;
}
/*Post-it*/
dl[style*="URL_image"], dl[style*=http://2img.net/s/t/15/60/60/i_folder_sticky.gif] {
background-color:#FFFCDF;
border-bottom:1px solid #FFF58F;
border-top:1px solid #FFF58F;
}
td.tcl.tdtopics > strong:not(.pagination) {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #7ba60d;
background-image: url(http://i.imgur.com/EHGpChd.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
cursor: default;
font-size: 9px;
font-weight: 700;
height: 16px;
line-height: 16px;
padding: 3px 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
}
.ann_bg {
background-color: #FFDFDF !important;
}
/***
* Funcionamento: Troca de logo
* Descrição: Logo com SetTime sem refresh no chorome
* Versão: 1.0 (Beta testes)
* Feito e otimizações por EuficoLoko - 2015/02/13
* ajuda.forumeiros.com/f70-
* Suporte Forumeiros: http://ajuda.forumeiros.com
* Copyright (c) 2015 EuficoLoko - http://ajuda.forumeiros.com/u56629
* Pode ser utilizado e repassado, porém não remova os créditos
* Não remova os créditos ou o seu fórum será deletado.
*/
$(function(){
window.onload = function(){
trocar_logo();
}
contador = 0;
function trocar_logo(){
fotos = new Array();
links = new Array();
fotos[1] = "http://i.imgur.com/ThXKC2D.png";
links[1] = "http://fumetteiros.omeuforum.net/";
fotos[2] = "http://i.imgur.com/pMVYCCT.gif";
links[2] = "http://fumetteiros.omeuforum.net/";
fotos[3] = "http://i.imgur.com/ThXKC2D.png";
links[3] = "http://fumetteiros.omeuforum.net/";
fotos[4] = "http://i.imgur.com/pMVYCCT.gif";
links[4] = "http://fumetteiros.omeuforum.net/";
total = fotos.length;
contador++;
div = $("#pun-logo")[0];
if(contador < total)
{
div.innerHTML = "";
}
else
{
contador = 1;
div.innerHTML = "";
}
setTimeout(trocar_fotos,1000);
}
});
Re: Logo aleatório descentralizado
banzé escreveu:Eu colei estes dados que me deu, coloquei na primeira linha da folha CSS, e ficou descentralizado para direita. O navegador que usei foi o Chrome.
Mas o senhor não tentou nem mesmo alterar os pixels do código amigo?
Por gentileza, tente pelo menos alterar o valor, pois vocês também tem que nós ajudar né?
- Código:
a#pun-logo {
position: relative!important;
left: 10pc!important;
}
O que ocorre quando faz as alterações?
Até mais.
Re: Logo aleatório descentralizado
E onde estariam esses pixels dos códigos "senhor" ??? Eu ainda sou meio leigo sobre assunto.
Re: Logo aleatório descentralizado
Altere para mais ou para menos onde esta o 10:
Quanto maior, mais vai para direita e quanto menor mais vai para esquerda.
Até mais.
- Código:
a#pun-logo {
position: relative!important;
left: 10px!important;
}
Quanto maior, mais vai para direita e quanto menor mais vai para esquerda.
Até mais.
Re: Logo aleatório descentralizado
Sim, eu já fiz isso, mas quando mudo para acima de 10, o logo descentraliza, e vai para direita, e os logos aleatórios não mudam em nada, ficam descentralizados para esquerda.
Ele só afeta o logo do tema principal, que é o de preto, os temas aleatórios não tem os seus logos modificados.
Ele só afeta o logo do tema principal, que é o de preto, os temas aleatórios não tem os seus logos modificados.
Re: Logo aleatório descentralizado
Boas,
Mas o senhor deverá colocar o código editado em cada fórum com o logo que esta errado.
Porque um código apenas em um fórum não irá modificar os logos dos outros fóruns, entendeu mais ou menos? Coloque o código que o senhor modificou em todos os outros que tenham o logo errado.
Até mais.
Mas o senhor deverá colocar o código editado em cada fórum com o logo que esta errado.
Porque um código apenas em um fórum não irá modificar os logos dos outros fóruns, entendeu mais ou menos? Coloque o código que o senhor modificou em todos os outros que tenham o logo errado.
Até mais.
Re: Logo aleatório descentralizado
Bom, deu certo, pelo menos no Firefox, ficou centralizado os logos aleatórios.
Agora tenho que resolver por que os logos aleatórios não aparecem no Chrome, mas isso é no outro tópico que abri.
Obrigado, e podem fechar este tópico.
Agora tenho que resolver por que os logos aleatórios não aparecem no Chrome, mas isso é no outro tópico que abri.
Obrigado, e podem fechar este tópico.
Re: Logo aleatório descentralizado
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
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