Para hoje trago mais um tutorial, facilitando a vida de vocês que postam tutoriais. Quem ai que posta tutorial tem blog de amostra de seus menus? Quantos blogs você já fez? Eu pelo menos muitos, e depois com o tempo o Painel acaba totalmente cheio de blogs e ficando desorganizado, séria bem mais fácil colocar em uma pagina de demonstração sem precisar criar vários blogs. Um pequeno exemplo, sabem aqueles tumblrs que fazem preview de seus menus por uma pagina elaborada? Então é isso que irei mostrar como fazer hoje, quem quiser dar uma olhadinha clique no botão de brevia a baixo. Vamos ao tutorial...
ESSE TUTORIAL ESTA INVALIDO (NÃO FUNCIONA MAIS)!
Códigos
<html>
<head>
<script language="javascript">
var mensagem="BOTÃO DESATIVADO";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
</head>
<style>
body{ background-image:url('IMAGEM DE FUNDO'); background-repeat: repeat; background-attachment: fixed; color:#COR; font-family: tahoma;font-size:11px; line-height: 15px; overflow-x:hidden; height:100%;
}
.styr {margin-left:430px; margin-top: 120px;
}
.jus { margin-left:530px; margin-top: 50px;
}
CODIGO QUE FICA EM CIMA DO ]]></b:skin> [MODO1]
</style>
<body onkeydown="return false">
<div class='styr'><img src="IMAGEM DO CABEÇALHO"></div>
<div class='jus'>
CODIGO QUE FICA EM NO GADGET [MODO 2]
</div>
</body>
</htm>
<head>
<script language="javascript">
var mensagem="BOTÃO DESATIVADO";
function clickIE() {if (document.all) {(mensagem);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>
</head>
<style>
body{ background-image:url('IMAGEM DE FUNDO'); background-repeat: repeat; background-attachment: fixed; color:#COR; font-family: tahoma;font-size:11px; line-height: 15px; overflow-x:hidden; height:100%;
}
.styr {margin-left:430px; margin-top: 120px;
}
.jus { margin-left:530px; margin-top: 50px;
}
CODIGO QUE FICA EM CIMA DO ]]></b:skin> [MODO1]
</style>
<body onkeydown="return false">
<div class='styr'><img src="IMAGEM DO CABEÇALHO"></div>
<div class='jus'>
CODIGO QUE FICA EM NO GADGET [MODO 2]
</div>
</body>
</htm>
◤Entendendo o código◥
• Imagem de Fundo: É o background da pagina esta em modo de se repetir.
• [MODO1]: É o código que adicionamos dentro de nosso HTML sobre o ]]></b:skin>, basta colocar como se fosse mesmo no blog.
• Imagem de cabeçalho: Já da pra saber né?
• [MODO 2]: Quando adicionamos um código no ]]></b:skin>, sempre terá o do gadget então e neste lugarzinho é onde você coloca o código do gadget. Não esquecendo apaguem o [modo 1] e [modo 2] só coloquei para explicar melhor, tá bom?
Weeeeeeeeeeeeeeeendy-chaaaaaann eu amo você, cara amo mesmo você. Eu hoje tava ate excluindo meus blogs de amostra e muito bagunçado eu ate fechei para arrumar, ai você vem com esse tutorial, cara se poderia lhe dar um beijo de tao feliz que estou. nossa me ajudou muito *-*
ResponderExcluirOi Onee chan, fico feliz que tenha gostado *-*
ExcluirWendy Chan! Eu tenho uma duvida como você consegui colocar os gadget certinho na imagem do cabeçario, eu posso colocar vário do cabeçario mas ele não ficam no lugar que eu quero.
ResponderExcluirHelp??
Yo Sunny eu uso dois tutoriais que irei colocar lá no seu blog ^^
ExcluirSobre a pergunta da peruca, eu compro nesse site aqui, a site e brasileiro é bom, frete não é caro .
ExcluirValeu pela dica :D
Nya eu que agradeço *-*
ExcluirÉ incrível né por que toda vez que eu preciso muito de uma ajuda sua você resolve se mudar de novo ou viajar. Miga volta. To sentindo sua falta.
ResponderExcluirDesculpe miguxa, mas eu ainda não fui e só dizer que eu ajudo. Tambem sinto saudades abeça ^^
ExcluirNossa, pensei que eu era a unica menina solitária que se chamava Wendy, sem contar com a Wendy do Peter pan!
ResponderExcluirHihi éramos duas, mas fico feliz em conhecer uma Wendy.
ExcluirATUALIZE ESSE TUTORIAL =D
ResponderExcluirTumblr nao hospeda mais .html
Ah obrigada por me avisar, irei atualizar o mais rápido possível.
ExcluirTumblr não hospeda mais HTML, onde posso hospedar?
ResponderExcluirVoce pode usar a pagina, irei fazer um tutu explicando amanha :3
Excluir