Como faço essa barra

+3
Leexa
Ace
Yrley
7 participantes

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

Tópico resolvido Como faço essa barra

Mensagem por Yrley 14.09.12 0:23

Qual é minha questão:
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

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)
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 0:25

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
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 0:39

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 0:43

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
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 0:45

Ola,nenhum resutou,meu forum sim é PHPBB3
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 0:47

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

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 0:48

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 0:50

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

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 0:51

Ola,agora resultou,mais ficou muito estranho.
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 0:55

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
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 0:56

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 0:57

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
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 0:59

da mesma maneira não resulta
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 1:02

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

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:05

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por MateusV. 14.09.12 1:08

Olá!

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

Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 1:10

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
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:11

Ola,continua no mesmo lugar
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 1:13

Olá,

Tente essas alternativas:

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

OU

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

Cordialmente! Piscada
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 1:14

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
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:16

Tambem nao resultou
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por BrunoH. 14.09.12 1:17

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

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:19

Tambem nao resulta,ele continua no mesmo lugar
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por BrunoH. 14.09.12 1:23

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


Última edição por HeadShot_. em 14.09.12 1:25, editado 2 vez(es)
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 1:23

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
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:24

Não resutou,podem fechar o topico
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 1:34

Olá,

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

Cordialmente.
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:36

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
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 1:38

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
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:41

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 1:42

Substitua o código:

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

Por este:

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


Passar bem! Piscada
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 1:44

Olá,

Tente o CSS:

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

Cordialmente. Piscada
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:45

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 1:47

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
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Ace 14.09.12 1:47

Olá,

Este?

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

Ou:

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

Até Mais!
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 1:49

Ola,sera que vocês podem visualizar minha CSS para ver se não possui nenhum codigo interferindo no outro?

Spoiler:
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Leexa 14.09.12 2:03

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
Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Shankz 14.09.12 4:09

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
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 14.09.12 14:05

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

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Shankz 14.09.12 18:13

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
Shankz

Shankz
****

Membro desde : 07/09/2012
Mensagens : 273
Pontos : 406

http://gztest.forumeiros.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como faço essa barra

Mensagem por Sennior 14.09.12 23:49

Olá,

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

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faço essa barra

Mensagem por Yrley 15.09.12 14:18

Ola,podem fechar nao esta a resultar
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos