Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
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
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
Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
Olá este Fórum não e da Forumeiros
Para o Botão Neon Leia o Conteúdo do Spoiler
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õesPrimeiramente 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...
1º - 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...
2º - 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".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; 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; Código JavaScriptNeste campo teremos de inserir o código que esta logo abaixo; 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> ');
});
3º - 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
Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
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
Quando eu colo o Codico CSS
aparece que tem alguma coisa errado com o Código.. :-s
Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
Poderia me passa a sua Folha de estilo CSS ?
Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
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
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
Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
Painel de Controle Visualização Home Page Geral
Adiciona o seguinte código
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Adiciona o Seguinte código
Poderia me passar a sua Folha de estilo CSS para eu ver o ERRO que esta Dando
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 Visualização Imagens e Cores Cores 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
Re: Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
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..
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..
Tópicos semelhantes
» Como colocar esse menu no meu fórum
» Como colocar esse menu no meu fórum?
» Como colocar esse menu?
» Como colocar esse Menu ?
» Como coloco esse tipo de menu no meu fórum
» Como colocar esse menu no meu fórum?
» Como colocar esse menu?
» Como colocar esse Menu ?
» Como coloco esse tipo de menu no meu fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos