Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

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

Resolvido Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por Destroians em 17/04/12, 03:56 pm

Qual é minha questão:
Eu gostaria de Colocar uma Barrinha de Links igual a desse Fórum: http://www.webcheats.com.br/forum/forum.php

Tambem gostaria de Colocar o Titulo no cantinho acima da barrinha,e o Login do lado igual o do forum que citei acima =D

Gostaria Tambem de adicionar um Botão em Neon...

Eu tentei varios tutoriais mas não funcionarão...

OBRIGADO

Medidas que eu tomei para corrigir o problema:
Nenhuma,pedir ajuda aqui no fórum =D

Links e imagens do meu problema:
http://www.webcheats.com.br/forum/forum.php

Endereço do meu fórum:
www.koreangunz.forumais.com

Versão do meu fórum:
INVISION
avatar

Destroians
Nível 4

Masculino
Inscrito dia : 18/03/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://www.teengunz.forumaqui.com

Resolvido Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por iPrompt em 17/04/12, 04:00 pm

Olá este Fórum não e da Forumeiros

Para o Botão Neon Leia o Conteúdo do Spoiler

Spoiler:
Efeito Neon

Neste tutorial, vamos aprender a implantar uma ferramenta muito interessante, que faz com que você possa adicionar Neon em seus textos, através de um botão super fácil de usar. Para isso siga os passos abaixo atenciosamente.

--> TUTORIAS DICAS E ASTUCIAS <--
Botão de efeito neon em todas as versões




Primeiramente nosso botão devera se apoiar um uma Classe unica, para que não fique repetido. Um Tutorial que ja vem uma classe ponta para apoiarmos é o
[TUTORIAL] Salvamento automático nos tópicos, isso fara com que poupemos muito do nosso trabalho, pois ele já tem uma classe unica...


- Inserindo o codigo:
Realizando todos os passos to tutorial acima, vamos criar o CSS para suportar as funções do botão, vá até.
Painel de controle -> Visualização -> Imagens e Cores -> Cores ->
E adicione o seguinte código...
Código:
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;}

Feito isso, o Neon já estará ativo em seu fórum, faltara apenas o botão...


- Inserindo codigo Java Script:
Vamos agora aceder à gestão das páginas JavaScript para adicionarmos o nosso código:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

Seta Título Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
Seta Investimento Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
Seta Código JavaScriptNeste campo teremos de inserir o código que esta logo abaixo;
Seta Confirmar Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

Código a ser utilizado:
Código:
jQuery(document).ready(function() {
jQuery('#saveb').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><div style="width:100px !important;margin-top:19px;margin-left:32px;visibility:hidden;" class="select" id="neon"><button class="sp" onclick="displayspd();return false">FDF</button><br /><button class="az" onclick="displayblue();return false">Neon Azul</button><br /><button class="v" onclick="displayred();return false">Neon Vermelho</button><br /><button class="rx" onclick="displayrx();return false">Neon Roxo</button><br /><button class="am" onclick="displayam();return false">Neon Amarelo</button><br /><button class="c" onclick="displayc();return false">Neon ciano</button><br /><button class="r" onclick="displayr();return false">Neon rosa</button><br /><button class="vr" onclick="displayvr();return false">Neon Verde</button><br /><button class="l" onclick="displayl();return false">Neon laranja</button><br /><button class="m" onclick="displaym();return false">Neon Marrom</button><br /><button class="w" onclick="displayw();return false">Neon branco</button><br /><button class="pr" onclick="displaypr();return false">Neon Preto</button><br /></div> ');
});


- Inserindo o segundo codigo Java Script:
Feito isso, você já terá seu botão onde você deseja, mas ele ainda não estará funcionando.
Crie uma nova pagina javascript, onde você ira hospedar o novo código, siga as etapas acima para a criação da pagina.

Código a ser utilizado:
Código:
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('<fdf>','</fdf>');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}

  • Resultado:


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] [TUTORIAL] Adicionar botão para aplicar efeito NEON
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por Destroians em 17/04/12, 04:31 pm

Ja fiz isso Porem,o botão não aparece de jeito nenhum,mas seu eu Digitar a cor antes de escrever aparece em Neon...

Quando eu colo o Codico CSS
aparece que tem alguma coisa errado com o Código.. :-s
avatar

Destroians
Nível 4

Masculino
Inscrito dia : 18/03/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://www.teengunz.forumaqui.com

Resolvido Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por iPrompt em 17/04/12, 04:38 pm

Poderia me passa a sua Folha de estilo CSS ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por Destroians em 17/04/12, 04:40 pm

Voce sabe Pelo Menos Como eu Faço um espaço pra login tipo o forum que te mostrei acima...

Eu sei que não é da forumeiros mas você sabe como colocar a parte de login perto do titulo?

Eu queria colocar as barrinha de login e senha la onde tava a do site que te mostrei.....

Se souber,posta os codigos e os tutoriais Por favor =D
avatar

Destroians
Nível 4

Masculino
Inscrito dia : 18/03/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://www.teengunz.forumaqui.com

Resolvido Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por iPrompt em 17/04/12, 04:49 pm

Painel de Controle Seta Visualização Seta Home Page Seta Geral

Adiciona o seguinte código

Código:
<div id="loginBox"> <div class="loginBox">  <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=413"></script> <form id="navbar_loginform" action="http://www.webcheats.com.br/forum/login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 1)"> <ul> <li class="inputPad"><div class="loginBoxInput"><input type="text" class="textbox default-value loginInput" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="Nome do Usuário" style="color: rgb(130, 130, 130); "></div></li> <li class="inputPad"><div class="loginBoxInput"> <input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" style="display: none; "> <input type="text" class="loginInput" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="Senha" style="display: inline; "></div></li> <li class="submitPad"><input type="image" src="images/styles/Modern/style/loginButton_red.gif" tabindex="104" value="Conectar" title="Digite seu nome de usuário e senha nas caixas apropriadas para conectar, ou clique no botão 'Registro' para criar um perfil para você." accesskey="s"></li> </ul> <div class="memberBottom"> <div class="memberLinks"> <a rel="nofollow" href="http://www.webcheats.com.br/forum/login.php?do=lostpw">Forgot password?</a>  |  <a href="http://www.webcheats.com.br/forum/register.php" rel="nofollow">Registro</a> </div> <div class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103"> Lembrar de mim?</label></div> </div> <input type="hidden" name="s" value=""> <input type="hidden" name="securitytoken" value="guest"> <input type="hidden" name="do" value="login"> <input type="hidden" name="vb_login_md5password"> <input type="hidden" name="vb_login_md5password_utf"> </form> <script type="text/javascript">
         YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
         YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
         vB_XHTML_Ready.subscribe(function()
         {
         //
            YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
            YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
            YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
            YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
         });
         
         function navbar_username_focus(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            if (textbox.value == 'Nome do Usuário')
            {
            //
               textbox.value='';
               textbox.style.color='#303030';
            }
         }

         function navbar_username_blur(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            if (textbox.value == '')
            {
            //
               textbox.value='Nome do Usuário';
               textbox.style.color='#828282';
            }
         }
         
         function navbar_password_hint(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            
            YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
            YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
            YAHOO.util.Dom.get('navbar_password').focus();
         }

         function navbar_password(e)
         {
         //
            var textbox = YAHOO.util.Event.getTarget(e);
            
            if (textbox.value == '')
            {
               YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
               YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
            }
         }
         </script>  </div> </div>

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Adiciona o Seguinte código

Código:
#loginBox {
width: 299px;
height: 87px;
position: absolute;
top: 31px;
right: 0;
padding: 0;
font-size: 12px;
color: #EAF0F7;
}
.loginBox {
float: left;
}
.loginBoxInput {
background: url(http://www.webcheats.com.br/forum/images/styles/Modern/style/loginBoxInput.png) no-repeat top left;
width: 110px;
height: 31px;
}
.loginInput {
background: transparent;
border: 0;
color: #A7A7A7;
width: 100px;
height: 31px;
line-height: 31px;
margin: 0;
padding: 0 5px;
}
.textbox, textarea, select {
background: white none;
border: solid 1px #CDC9BF;
padding: 4px 5px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

Poderia me passar a sua Folha de estilo CSS para eu ver o ERRO que esta Dando
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum

Mensagem por Destroians em 17/04/12, 05:34 pm

Eu consegui arrumar o Erro... =D
ta novinho em folha eu passei um tempinho mas consegui arrumar tudinho.. so tava precisando mesmo do Código do Login e Senha ..

Vou tentar..
avatar

Destroians
Nível 4

Masculino
Inscrito dia : 18/03/2012
Mensagens : 28
Pontos Ativos : 40

Ver perfil do usuário http://www.teengunz.forumaqui.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