Como faço essa barra

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

Resolvido Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:23 pm

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:
Http://i46.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 13/09/12, 09:31 pm, editado 1 vez(es)
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 08:25 pm

Olá,

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
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:39 pm

Não resutou,a eu quero igual desse forum : http://gztest.forumeiros.com/
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 08:43 pm

Olá,

É 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
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:45 pm

Ola,nenhum resutou,meu forum sim é PHPBB3
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 08:47 pm

Olá,

Bem, senhor, onde você tem os anúncios do fórum ativos? Eu nem se quer os vi em seu fórum Louco

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:48 pm

Ele está ativado mais nao sei so que ainda não criei
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 08:50 pm

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:51 pm

Ola,agora resultou,mais ficou muito estranho.
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 08:55 pm

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:

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:56 pm

Agora pegou os nomes do meus widgets e ainda continua no mesmo lugar e do mesmo tamanho
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 08:57 pm

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
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 08:59 pm

da mesma maneira não resulta
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 09:02 pm

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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:05 pm

Ola,o tamanho do anuncio esta bao agora,mais desejo colocalo la em cima
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por MateusV. em 13/09/12, 09:08 pm

Olá!

Não compreendi o que deseja fazer, poderia ser mais especifico?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 09:10 pm

Olá,

Era exatamente isso que tentávamos reparar no outro tópico Mostrando a lingua

Sobre sua dúvida, tente o seguinte código CSS:

Código:
#fa_ticker{
float-top: 15px !important;
}

Cordialmente! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:11 pm

Ola,continua no mesmo lugar
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 09:13 pm

Olá,

Tente essas alternativas:

#fa_ticker_container{
float-top: 15px !important;
}

OU

Código:
#fa_ticker{
margin-top: 15px !important;
}

Cordialmente! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 09:14 pm

Boa noite!

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:16 pm

Tambem nao resultou
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por BrunoH. em 13/09/12, 09:17 pm

Olá!
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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:19 pm

Tambem nao resulta,ele continua no mesmo lugar
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por BrunoH. em 13/09/12, 09:23 pm

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:
http://ajuda.forumeiros.com/t13791-

Até mais! Piscada


Última edição por HeadShot_. em 13/09/12, 09:25 pm, editado 2 vez(es)
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 09:23 pm

Boa noite!

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:24 pm

Não resutou,podem fechar o topico
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 09:34 pm

Olá,

Senhor, existem mais possibilidades. Deseja mesmo encerrar este tópico?

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:36 pm

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
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 09:38 pm

Boa noite novamente!

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:41 pm

Aumentei Diminui fiz de tudo o codigo nao sai do lugar dele
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 09:42 pm

Substitua o código:

Código:
#fa_ticker {
margin-bottom: VALORpx;
}

Por este:

Código:
#fa_ticker {
margin-top: VALORpx !important;
}


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 09:44 pm

Olá,

Tente o CSS:

Código:
#fa_ticker .fa_ticker_content {
position: fixed;
top: 100px;
}

Cordialmente. Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:45 pm

Ola,ficou no mesmo lugar ainda da mesma maneira retirou a barra verde
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 09:47 pm

Boa noite!

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Ace em 13/09/12, 09:47 pm

Olá,

Este?

Código:
#fa_ticker .fa_ticker_content {
position: fixed;
}

Ou:

Código:
#fa_ticker .fa_ticker_content {
padding-top: 30px;
}

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 13/09/12, 09:49 pm

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("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u2"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

a[href="/u6"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u6"] {
text-shadow: 0px 0px 5px #0040FF;
}

a[href="/u7"] {
background: url("http://i46.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('http://i48.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(http://illiweb.com/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(http://i.imgur.com/317YR.jpg) no-repeat;
}
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Leexa em 13/09/12, 10:03 pm

Boa noite!

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
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Como faço essa barra

Mensagem por Shankz em 14/09/12, 12:09 am

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 Rindo
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
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 14/09/12, 10:05 am

Shanks,o seu codigo deixa o fundo dos Widgets verde o que faço?
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

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

Resolvido Re: Como faço essa barra

Mensagem por Shankz em 14/09/12, 02:13 pm

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
avatar

Shankz
Nível 10

Masculino
Inscrito dia : 07/09/2012
Mensagens : 273
Pontos Ativos : 406

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

Resolvido Re: Como faço essa barra

Mensagem por Sennior em 14/09/12, 07:49 pm

Olá,

Penso eu que ainda haja uma maneira de mover o mesmo. Poderia me passar o fórum com o efeito visto?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como faço essa barra

Mensagem por Yrley em 15/09/12, 10:18 am

Ola,podem fechar nao esta a resultar
avatar

Yrley
Usuário destaque

Masculino
Inscrito dia : 14/11/2011
Mensagens : 556
Pontos Ativos : 897

Ver perfil do usuário http://servidorplaybr.forumeiros.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