Como botar essa barrinha la emcima

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

Resolvido Como botar essa barrinha la emcima

Mensagem por Gaveta xD em 09/09/13, 01:17 pm

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

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

A barrinha de cima com IP e o Raidcall.

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

Versão do fórum:
PHPBB3
avatar

Gaveta xD
Nível 4

Masculino
Inscrito dia : 08/08/2013
Mensagens : 31
Pontos Ativos : 58

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior em 09/09/13, 01:19 pm

Olá!

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

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

Mensagem por VitorC. em 09/09/13, 01:26 pm

Olá caro Sennior,

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

Até mais!
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Gaveta xD em 09/09/13, 01:32 pm

Como vitor falo me esquecir, é no Brasil PlayForever.
avatar

Gaveta xD
Nível 4

Masculino
Inscrito dia : 08/08/2013
Mensagens : 31
Pontos Ativos : 58

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior em 09/09/13, 01:39 pm

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

Mensagem por Gaveta xD em 09/09/13, 03:48 pm

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: http://i.imgur.com/alEhDnp.jpg
avatar

Gaveta xD
Nível 4

Masculino
Inscrito dia : 08/08/2013
Mensagens : 31
Pontos Ativos : 58

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por VitorC. em 09/09/13, 06:12 pm

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

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Gaveta xD em 09/09/13, 06:56 pm

Olá victor, antes de tudo obrigado.

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



Eu tentei subi-las mais não consegui.
avatar

Gaveta xD
Nível 4

Masculino
Inscrito dia : 08/08/2013
Mensagens : 31
Pontos Ativos : 58

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior em 09/09/13, 07:51 pm

Olá!

Amigo, aqui está normal, veja:

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

Deseja algo mais?

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

Mensagem por Gaveta xD em 09/09/13, 11:12 pm

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

Gaveta xD
Nível 4

Masculino
Inscrito dia : 08/08/2013
Mensagens : 31
Pontos Ativos : 58

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior em 10/09/13, 02:00 pm

Olá amigo,

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

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

Mensagem por Gaveta xD em 10/09/13, 02:09 pm

@Sennior escreveu:Olá amigo,

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

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

Gaveta xD
Nível 4

Masculino
Inscrito dia : 08/08/2013
Mensagens : 31
Pontos Ativos : 58

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como botar essa barrinha la emcima

Mensagem por Sennior em 11/09/13, 10:24 pm

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!
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

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