Como faço essa barra
+3
Leexa
Ace
Yrley
7 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 faço essa barra
Qual é minha questão:
Ola,gostaria de fazer esta barra em meu forum,ela fica passando o texto Teste,mais quero colocar outro texto.
Links e imagens do meu problema:
https://2img.net/h/oi46.tinypic.com/2r79bup.png
Endereço do meu fórum:
http://mundominecraftiano.forumeiros.com
Versão do meu fórum:
PHPBB3
Ola,gostaria de fazer esta barra em meu forum,ela fica passando o texto Teste,mais quero colocar outro texto.
Links e imagens do meu problema:
https://2img.net/h/oi46.tinypic.com/2r79bup.png
Endereço do meu fórum:
http://mundominecraftiano.forumeiros.com
Versão do meu fórum:
PHPBB3
Última edição por Yrley em 14.09.12 1:31, editado 1 vez(es)
Re: Como faço essa barra
Olá,
Use do seguinte código CSS:
Aplique em:
Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS
Cordialmente!
Use do seguinte código CSS:
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
Aplique em:
Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS
Cordialmente!
Re: Como faço essa barra
Olá,
É exatamente este o código... Sua versão é realmente PHPBB3?
Se sim, tente novamente este código:
OU
OU
OU
Cordialmente!
É exatamente este o código... Sua versão é realmente PHPBB3?
Se sim, tente novamente este código:
- Código:
#fa_ticker{
background: url(http://i.imgur.com/317YR.jpg) no-repeat;
}
OU
- Código:
#fa_ticker{
background: url('http://i.imgur.com/317YR.jpg') no-repeat;
}
OU
- Código:
#fa_ticker{
background: url(http://i.imgur.com/317YR.jpg) no-repeat !important;
}
OU
- Código:
#fa_ticker{
background: url('http://i.imgur.com/317YR.jpg') no-repeat !important;
}
Cordialmente!
Re: Como faço essa barra
Olá,
Bem, senhor, onde você tem os anúncios do fórum ativos? Eu nem se quer os vi em seu fórum
Cordialmente.
Bem, senhor, onde você tem os anúncios do fórum ativos? Eu nem se quer os vi em seu fórum
Cordialmente.
Re: Como faço essa barra
Olá,
O senhor poderia criar qualquer anúncio rotativo em seu fórum. Isso depende tanto para testar os códigos quanto para também, eu poder trabalhar com o CSS.
Cordialmente.
O senhor poderia criar qualquer anúncio rotativo em seu fórum. Isso depende tanto para testar os códigos quanto para também, eu poder trabalhar com o CSS.
Cordialmente.
Re: Como faço essa barra
Boa noite!
Desculpe-me pela demora senhor! Poderia me detalhar uma imagem do problema?
De qualquer modo, substitua os códigos fornecidos pelo Ace, por este:
Passar bem!
Desculpe-me pela demora senhor! Poderia me detalhar uma imagem do problema?
De qualquer modo, substitua os códigos fornecidos pelo Ace, por este:
- Código:
#fa_ticker {
overflow: hidden!important;
position: absolute!important;
width: 100%!important;
}
#fa_ticker_container {
margin-top: 4px!important;
overflow: hidden!important;
position: relative!important;
width: 100%!important;
}
#fa_ticker_container {
background: url(http://i.imgur.com/317YR.jpg) no-repeat red;
border-color: black;
}
.module {
border-left: 1px solid black;
border-right: 1px solid black;
-webkit-border-radius: ;
}
.module {
background: url(http://i.imgur.com/1DCJy.png) 0px 0px repeat-x #EBF0F3;
background-position: 0px 0px;
}
.module {
overflow: hidden;
padding: 0px 10px;
}
Passar bem!
Re: Como faço essa barra
Agora pegou os nomes do meus widgets e ainda continua no mesmo lugar e do mesmo tamanho
Re: Como faço essa barra
Olá,
O senhor disse que ficou estranho... Terá de diminuir a largura do bloco para 0 e deixar que o sistema adapte a largura.
Não entendi a utilidade/relevância do código acima passado, já que o mesmo, surtirá o mesmo efeito.
Cordialmente!
O senhor disse que ficou estranho... Terá de diminuir a largura do bloco para 0 e deixar que o sistema adapte a largura.
Não entendi a utilidade/relevância do código acima passado, já que o mesmo, surtirá o mesmo efeito.
Cordialmente!
Re: Como faço essa barra
Olá,
Poderia tirar o código que bear lhe forneceu? Ele simplesmente é ineficiente para a resolução do problema...
Sobre sua questão, você colocou espaçamento entre os anúncios? Eu não estou certo, mas um CSS pode reparar isso, desde que abra mão das modificações de largura/altura pelo painel.
Cordialmente.
Poderia tirar o código que bear lhe forneceu? Ele simplesmente é ineficiente para a resolução do problema...
Sobre sua questão, você colocou espaçamento entre os anúncios? Eu não estou certo, mas um CSS pode reparar isso, desde que abra mão das modificações de largura/altura pelo painel.
Cordialmente.
Re: Como faço essa barra
Olá!
Não compreendi o que deseja fazer, poderia ser mais especifico?
Abraços.
Não compreendi o que deseja fazer, poderia ser mais especifico?
Abraços.
Re: Como faço essa barra
Olá,
Era exatamente isso que tentávamos reparar no outro tópico
Sobre sua dúvida, tente o seguinte código CSS:
Cordialmente!
Era exatamente isso que tentávamos reparar no outro tópico
Sobre sua dúvida, tente o seguinte código CSS:
- Código:
#fa_ticker{
float-top: 15px !important;
}
Cordialmente!
Re: Como faço essa barra
Olá,
Tente essas alternativas:
OU
Cordialmente!
Tente essas alternativas:
#fa_ticker_container{
float-top: 15px !important;
}
OU
- Código:
#fa_ticker{
margin-top: 15px !important;
}
Cordialmente!
Re: Como faço essa barra
Boa noite!
Substitua os códigos por este:
O código acima foi pego do mesmo link fornecido pelo senhor.
Passar bem!
Substitua os códigos por este:
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
.module {background: url(http://i.imgur.com/1DCJy.png) 0px 0px repeat-x #EBF0F3; background-position: 0px 0px;}
#fa_ticker {
margin-bottom: 105px;
}
O código acima foi pego do mesmo link fornecido pelo senhor.
Passar bem!
Re: Como faço essa barra
Olá!
Substitua o código por este:
Até mais!
Substitua o código por este:
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
#fa_ticker {
margin-bottom: 105px;
}
Até mais!
Re: Como faço essa barra
Olá!
Pelo o que eu entendi, o senhor quer mudar os anuncios (Texto) de posição, e pelo oque eu saiba, não é possível muda-los de posição.
Cheque o FAQ de anúncios:
https://ajuda.forumeiros.com/t13791-
Até mais!
Pelo o que eu entendi, o senhor quer mudar os anuncios (Texto) de posição, e pelo oque eu saiba, não é possível muda-los de posição.
Cheque o FAQ de anúncios:
https://ajuda.forumeiros.com/t13791-
Até mais!
Última edição por HeadShot_. em 14.09.12 1:25, editado 2 vez(es)
Re: Como faço essa barra
Boa noite!
Neste código:
Procure por 'margin-bottom: 105px;' Modifique o valor '105' para o valor desejado.
Passar bem!
Neste código:
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
.module {background: url(http://i.imgur.com/1DCJy.png) 0px 0px repeat-x #EBF0F3; background-position: 0px 0px;}
#fa_ticker {
margin-bottom: 105px;
}
Procure por 'margin-bottom: 105px;' Modifique o valor '105' para o valor desejado.
Passar bem!
Re: Como faço essa barra
Olá,
Senhor, existem mais possibilidades. Deseja mesmo encerrar este tópico?
Cordialmente.
Senhor, existem mais possibilidades. Deseja mesmo encerrar este tópico?
Cordialmente.
Re: Como faço essa barra
Estou em duvida,o código da Bear deixou tudo verde os nomes dos Widgets e deixou no mesmo lugar o codigo,e outros nao resultam,mais dexa aberto vai
Re: Como faço essa barra
Boa noite novamente!
Estamos ao teu dispor senhor.
Substitua o código atual por este:
VALOR >> Diminua ou aumente o valor, até ficar ao teu gosto. O código margin-bottom muita das vezes é usado para mover.
Passar bem!
Estamos ao teu dispor senhor.
Substitua o código atual por este:
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
#fa_ticker {
margin-bottom: VALORpx;
}
VALOR >> Diminua ou aumente o valor, até ficar ao teu gosto. O código margin-bottom muita das vezes é usado para mover.
Passar bem!
Re: Como faço essa barra
Substitua o código:
Por este:
Passar bem!
- Código:
#fa_ticker {
margin-bottom: VALORpx;
}
Por este:
- Código:
#fa_ticker {
margin-top: VALORpx !important;
}
Passar bem!
Re: Como faço essa barra
Olá,
Tente o CSS:
Cordialmente.
Tente o CSS:
- Código:
#fa_ticker .fa_ticker_content {
position: fixed;
top: 100px;
}
Cordialmente.
Re: Como faço essa barra
Boa noite!
Substitua por este:
Passar bem!
Substitua por este:
- Código:
#fa_ticker .fa_ticker_content {
position: relative;
top: 100px;
background: url(http://i.imgur.com/317YR.jpg) no-repeat;
}
Passar bem!
Re: Como faço essa barra
Olá,
Este?
Ou:
Até Mais!
Este?
- Código:
#fa_ticker .fa_ticker_content {
position: fixed;
}
Ou:
- Código:
#fa_ticker .fa_ticker_content {
padding-top: 30px;
}
Até Mais!
Re: Como faço essa barra
Ola,sera que vocês podem visualizar minha CSS para ver se não possui nenhum codigo interferindo no outro?
- Spoiler:
- a[href="/u1"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u2"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href="/u6"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u6"] {
text-shadow: 0px 0px 5px #0040FF;
}
a[href="/u7"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u7"] {
text-shadow: 0px 0px 5px #FF0000;
}
.blur{color:inherit!important}
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=100);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url('https://2img.net/h/oi48.tinypic.com/skumhz.png');
background-position: bottom right;
background-repeat: no-repeat;
}
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
#logoB {
position: absolute;
top: 70px;
left: 0px;
z-index: 0;
}
.body{background: #EFEFEFurl(http://www.webcheats.com.br/forum/images/styles/Modern/style/pageBG_red.gif) repeat-x left top;}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
color: #006B6B;
display: block;
font-family: Arvo;
font-size: 1.2em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: absolute;
text-align: center;
text-decoration: none;
top: 0;
}
.pun .user-ident .username {
color: #404040;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
ul.submenu {
display: none;
float: left;
position: absolute;
top: 1em;
left:0;
right:0;
width: 12em;
z-index: 999;
}
.flutuante {
position:fixed;
bottom:500px;
right:20px;
}
#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #050505!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#modo {display: none !important;}.table tbody.statused tr td.tcl:hover #modo {display: block !important;}
a span[style*="color:#"] strong{font-weight:normal}
#tabs a{-border-radius:7px;-moz-border-radius:7px;-ms--border-radius:7px;-o-border-radius:7px;-webkit-border-radius:7px;border:2px solid #9b9fa2;color:#fff;margin:1px;padding:1px;width:auto}#tabs .activetab a{background:#559408;border:2px solid #89a95d;color:#fff;padding:2px;width:auto}
#modo {display: none !important;}.table tbody.statused tr td.tcl:hover #modo {display: block !important;}
#fa_ticker .fa_ticker_content {
position: relative;
top: 100px;
background: url(https://i.imgur.com/317YR.jpg) no-repeat;
}
Re: Como faço essa barra
Boa noite!
Não pudi analisar nenhum erro. O senhor retirou este código?
Se sim, adicione-o novamente e adicione logo abaixo dele este:
Passar bem!
Não pudi analisar nenhum erro. O senhor retirou este código?
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
Se sim, adicione-o novamente e adicione logo abaixo dele este:
- Código:
#fa_ticker .fa_ticker_content {
float: 30px;
}
Passar bem!
Re: Como faço essa barra
Olá,
O fórum a qual se refere é meu, estava justamente tentando arrumar a posição dele, e coloquei um fundo qualquer para teste, incrível ter gostado de tal efeito
Os códigos passados acima nunca irão mover o anúncio, pois esta class css afeta somente uma parte dos anúncios, não ela toda. Porém também não sei como ela foi parar lá em cima, se eu usar o css que move (.module) ele move também os widgets, não sei como fazer o que deseja.
Deixarei aqui os códigos usados, porém não sei se irá resolver algo ...
O código abaixo usei para mudar o fundo dos widgets, e mudou também a parte de cima dos anúncios, caso queira utilizar
Resto do código
Espero que lhe ajude em algo, até mais
O fórum a qual se refere é meu, estava justamente tentando arrumar a posição dele, e coloquei um fundo qualquer para teste, incrível ter gostado de tal efeito
Os códigos passados acima nunca irão mover o anúncio, pois esta class css afeta somente uma parte dos anúncios, não ela toda. Porém também não sei como ela foi parar lá em cima, se eu usar o css que move (.module) ele move também os widgets, não sei como fazer o que deseja.
Deixarei aqui os códigos usados, porém não sei se irá resolver algo ...
O código abaixo usei para mudar o fundo dos widgets, e mudou também a parte de cima dos anúncios, caso queira utilizar
- Código:
.module {background: url(http://i.imgur.com/1DCJy.png) 0px 0px repeat-x #EBF0F3; background-position: 0px 0px;}
Resto do código
- Código:
#fa_ticker_container {background: url(http://i.imgur.com/317YR.jpg) no-repeat;width: 90px;background-color: red;border-color: black;}
Espero que lhe ajude em algo, até mais
Re: Como faço essa barra
Olá,
Como disse, o primeiro código que passei afeta também os widgets, não há outra forma de colocar aquela barra em anúncios sem afetar os widgets. No caso, se quiser um igual ao meu e sem modificar os widgets terá que modificar a imagem do segundo código, e colocar uma barra por cima por meio de algum programa de edição.
Até mais
Como disse, o primeiro código que passei afeta também os widgets, não há outra forma de colocar aquela barra em anúncios sem afetar os widgets. No caso, se quiser um igual ao meu e sem modificar os widgets terá que modificar a imagem do segundo código, e colocar uma barra por cima por meio de algum programa de edição.
Até mais
Re: Como faço essa barra
Olá,
Penso eu que ainda haja uma maneira de mover o mesmo. Poderia me passar o fórum com o efeito visto?
Até mais.
Penso eu que ainda haja uma maneira de mover o mesmo. Poderia me passar o fórum com o efeito visto?
Até mais.
Tópicos semelhantes
» Como faço para mudar essa cor?
» Como eu faço essa categoria ?
» Como faço essa lista ?
» Como faço essa caixinha
» Como coloca essa barra
» Como eu faço essa categoria ?
» Como faço essa lista ?
» Como faço essa caixinha
» Como coloca essa barra
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