Como botar essa barrinha la emcima

3 participantes

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

Tópico resolvido Como botar essa barrinha la emcima

Mensagem por Gaveta xD 09.09.13 17:17

Qual é minha questão:
Como criar essa barra em cima do forum:

https://i.imgur.com/al5sHuU.jpg

A barrinha de cima com IP e o Raidcall.

Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do fórum:
PHPBB3
Gaveta xD

Gaveta xD
*

Membro desde : 08/08/2013
Mensagens : 31
Pontos : 58

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior 09.09.13 17:19

Olá!

Link do fórum por gentileza que viu está função.

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 botar essa barrinha la emcima

Mensagem por VitorC. 09.09.13 17:26

Olá caro Sennior,

na imagem mesmo:
http://www.brasilplayforever.com

Até mais!
VitorC.

VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Gaveta xD 09.09.13 17:32

Como vitor falo me esquecir, é no Brasil PlayForever.
Gaveta xD

Gaveta xD
*

Membro desde : 08/08/2013
Mensagens : 31
Pontos : 58

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior 09.09.13 17:39

Olá amigo,

Como o mesmo está em uma pagina HTML, creio que deseja colocar em teu fórum, então:
Painel de Controle Seta Visualização Seta Home Page Seta Geral

Código:
<div id="sennior">
IP do servidor: <div id="raid"> ip.brasilplayforever.com.br:7777</div><br>
</div>
Depois vá em teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de EStilo CSS

Código:
#sennior {
position: fixed;
left: 1%;
top: 1%;
color: #73AAFD;
font-family: "Courier New", Courier, monospace font-size:14px;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
}
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 botar essa barrinha la emcima

Mensagem por Gaveta xD 09.09.13 19:48

Deu certo Sheldon, mais eu queria que fica-se com aquela barra preta no fundo como eu mostrei na imagem:
Ainda eu queria que fosse como lá
IP: Raidcall:

dessa maneira, oks *-*

Fico dessa maneira, como eu fiz como você mando: https://i.imgur.com/alEhDnp.jpg
Gaveta xD

Gaveta xD
*

Membro desde : 08/08/2013
Mensagens : 31
Pontos : 58

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por VitorC. 09.09.13 22:12

Olá caro Gaveta_xd,

finalmente consegui! Siga meu tutorial:

Aceda à:
Painel de Controle Seta Visualização Seta Home Page Seta Geral :seta2: Mensagem da página inicial
Coloque o seguinte código:
Código:
<div id="topotopo4"></div><div id="topotopo3">
IP do servidor: <div id="raid"><a href="samp://ip.brasilplayforever.com.br:7777">ip.brasilplayforever.com.br:7777<span class="classic"><iframe name="palco" img-src="http://i.imgur.com/ilGSEPO.png" frameborder="0" width="430" height="150" scrolling="auto""></iframe></span></a></div><br><div id="topotopo2">
Raidcall ID:<div id="raid"> ID_DO_RAIDCALL</div></div></div>
samp.://ip.brasilplayforever.com.br:7777 Seta Coloque o IP do seu servidor.

Após isso aceda à:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
E coloque o seguinte código:
Código:
#raid
{
 display:inline;
 color:#DCDCDC;
}
#raid a
{
 display:inline;
 color:#DCDCDC;
}
#raid a:hover
{
 display:inline;
 color:#84F413;
}
#topotopo2
{
 position:fixed;
 right: 12px;
 top: 3px;
 color:#73AAFD;
 font-family:"Courier New", Courier, monospace
 font-size:14px;
 font-weight:bold;
 text-shadow: black 0.15em 0.15em 0.2em;
}
#topotopo3
{
 position:fixed;
 left:0;
 top: -135px;
 color:#73AAFD;
 font-family:"Courier New", Courier, monospace
 font-size:14px;
 font-weight:bold;
 text-shadow: black 0.15em 0.15em 0.2em;
 padding-left:10px;
}
#topotopo4
{
 position:fixed;
 left:0;
 top: 0px;
 background-color:#222;
 min-width:100%;
 height:22px;
 padding-left:10px;
 box-shadow:0px 0px 10px #fff;
/* implementação para o firefox */
-moz-box-shadow:0px 0px 10px #fff;
/* implementação para safari */
-webkit-box-shadow:0px 0px 10px, #fff;
opacity:0.7;
}
Até mais!
VitorC.

VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Gaveta xD 09.09.13 22:56

Olá victor, antes de tudo obrigado.

Só falta agora arruma as letras que ficou meio sem sentido, olhe:

Como botar essa barrinha la emcima CCiRzSz

Eu tentei subi-las mais não consegui.
Gaveta xD

Gaveta xD
*

Membro desde : 08/08/2013
Mensagens : 31
Pontos : 58

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior 09.09.13 23:51

Olá!

Amigo, aqui está normal, veja:

<li> http://prntscr.com/1qd9dj

Deseja algo mais?

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 botar essa barrinha la emcima

Mensagem por Gaveta xD 10.09.13 3:12

Sennior escreveu:Olá!

Amigo, aqui está normal, veja:

<li> http://prntscr.com/1qd9dj

Deseja algo mais?

Até mais.
Essa dai que você tirou é do Forum que eu quero copiar entedeu.
Gaveta xD

Gaveta xD
*

Membro desde : 08/08/2013
Mensagens : 31
Pontos : 58

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior 10.09.13 18:00

Olá amigo,

Então qual é o link de teu fórum?

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 botar essa barrinha la emcima

Mensagem por Gaveta xD 10.09.13 18:09

Sennior escreveu:Olá amigo,

Então qual é o link de teu fórum?

Até mais.
http://www.brasilplaycity.com.br/forum
Gaveta xD

Gaveta xD
*

Membro desde : 08/08/2013
Mensagens : 31
Pontos : 58

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior 12.09.13 2:24

Olá!

Agora coloque este código no inicio de teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#topotopo3 {
position: fixed !important;
left: 0;
top: -134px !important;
color: #73AAFD !important;
font-family: "Courier New", Courier, monospace !important;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
padding-left: 10px;
font-size: 16px !important;
}
Abraços!
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

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