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.
![Como faço essa barra 2r79bup](https://2img.net/h/oi46.tinypic.com/2r79bup.png)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
É 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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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![Louco](/users/2612/28/77/07/smiles/495314.gif)
Cordialmente.
Bem, senhor, onde você tem os anúncios do fórum ativos? Eu nem se quer os vi em seu fórum
![Louco](/users/2612/28/77/07/smiles/495314.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Não compreendi o que deseja fazer, poderia ser mais especifico?
Abraços.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Como faço essa barra
Olá,
Era exatamente isso que tentávamos reparar no outro tópico![Mostrando a lingua](/users/2612/28/77/07/smiles/554230.gif)
Sobre sua dúvida, tente o seguinte código CSS:
Cordialmente!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Era exatamente isso que tentávamos reparar no outro tópico
![Mostrando a lingua](/users/2612/28/77/07/smiles/554230.gif)
Sobre sua dúvida, tente o seguinte código CSS:
- Código:
#fa_ticker{
float-top: 15px !important;
}
Cordialmente!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Como faço essa barra
Olá,
Tente essas alternativas:
OU
Cordialmente!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Tente essas alternativas:
#fa_ticker_container{
float-top: 15px !important;
}
OU
- Código:
#fa_ticker{
margin-top: 15px !important;
}
Cordialmente!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Como faço essa barra
Olá!
Substitua o código por este:
Até mais!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Ú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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Como faço essa barra
Substitua o código:
Por este:
Passar bem!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
- Código:
#fa_ticker {
margin-bottom: VALORpx;
}
Por este:
- Código:
#fa_ticker {
margin-top: VALORpx !important;
}
Passar bem!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Como faço essa barra
Olá,
Tente o CSS:
Cordialmente.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Tente o CSS:
- Código:
#fa_ticker .fa_ticker_content {
position: fixed;
top: 100px;
}
Cordialmente.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Re: Como faço essa barra
Boa noite!
Substitua por este:
Passar bem!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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!
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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
![Rindo](/users/2612/28/77/07/smiles/287176.gif)
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
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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.
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Como faço para mudar essa cor?
» Como faço essa caixinha
» Como eu faço essa categoria ?
» Como faço essa lista ?
» Como retirar essa barra?
» Como faço essa caixinha
» Como eu faço essa categoria ?
» Como faço essa lista ?
» Como retirar 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