Top Posts Tagged with #menupopup

Menu pop up.

Então, pra começar eu gostaria de dizer que esse não é um código meu. Eu peguei esse código em algum lugar a um tempo, e não existe santo que me faça lembrar onde foi. Eu só adaptei.

Visualize (xx)

Coloque esse código aqui antes de </head>

Cole isso aqui no seu css (antes de </style>)

#fundopopup{ opacity:0.8; /*opacidade do fund da página*/ background:#fff; /*cor do fundo da página*/ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}

.caixapopup{ background:#fff; /*cor do fundo da caixa do pop up*/ box-shadow:0px 2px 2px 2px #eee; /*bordas do pop up*/ padding-top:0px; display:none; padding:10px; float:left; overflow:hidden; margin:10px auto:0; position:fixed; top:53%; left:50%; -webkit-animation: RotateandGrow 2s; -moz-animation: RotateandGrow 2s; -ms-animation: RotateandGrow 2s; -o-animation: RotateandGrow 2s; animation: RotateandGrow 2s; z-index:9999999999999999999999;} *html #fundopopup{position:absolute;} *html .caixapopup{position:absolute;}

/*LOYOUT DO POP UP POR GABRIELE (CLAMAM.TUMBLR.COM). NÃO RETIRE OS CRÉDITOS! */ h3{ font-family:'Raleway', sans-serif; /*fonte dos titulos principais*/ text-transform:uppercase; font-weight:bold; font-size:27px; color:#000; /*cor dos titulos principais*/ margin-top:15px; margin-bottom:25px; text-align:center; padding:15px; border-bottom:1px solid #eee;/*cor da borda interior*/}

.titles{ border-bottom:3px solid #D9D9F3; /*cor da borda principal*/ width:10px important!; padding:0px 7px 7px 7px;}

.base{ text-align:justify; line-height:150%; margin-top:-15px; margin-bottom:13px; height:230px; overflow:scroll;}

E cole isso aqui no lugar onde quer que o pop up apareça.

Exemplo:

<div id="menu"> <a href="/">início</a> <a codigopopup="#Aw=500" abrir=" NOME_DA_DIV" class="janela">contato</a> <a href="/">sobre mim</a> <a href="/">autorias</a>

Agora vamos customizar o pop up.

Cole isso depois de <body>

<div id=" NOME_DA_DIV " class="caixapopup"> <h3><span class="titles">Sobre o autor</span></h3> <div class="base"> Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. Escreva sobre você. </div>

<h3><span class="titles">Fale comigo.</span></h3> <iframe frameborder="0" border="0" scrolling="auto" width="500" height="205" allowtransparency="true" src="http://www.tumblr.com/ask_form/SUA-URL.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe> </div>

Obs importante: Todos os lugares onde tem “NOME_DA_DIV” deve ser trocado pelo mesmo nome.

Qualquer dúvida entre em contato comigo através da ask.

Se usar dê like, e jamais retire os créditos! /Gabi

#menu pop up #menu popup #menupopup #como colocar menu pop up #pop up personalizado #menu #tutorial #tutoriais #gabi

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

~ Menu pop up detalhado

Como colocar menu pop-up O que é menu pop-up? O chamado menu pop-up é uma janelinha que se abre, como se fosse uma janelinha normal, abrindo um novo site ou etc. Neste código, o menu pop-up é uma janelinha interna, ou seja, não abre outro site, apresentando apenas um curto conteúdo. Bom, aqui vai um tutorial detalhado para vocês ensinando como se colocar menu pop-up. Queria pedir, por favor, creditem! Isso não vai matar vocês, não vai doer, nada vai acontecer com a sua coca ou seu doritos, então creditem! Tudo bem? Então, vamos lá. Você precisará de um botão de close para o seu menu, pois o que oferece no site junto ao código, não funciona em outros servidores (tipo o Tumblr), então você pode conseguir um aqui, pegar o link, colocar e novamente, creditar. Depois de escolher ou criar seu botão, vamos começar com o tutorial. Adicione o código abaixo, este será o link do menu, que levará à janelinha. <a href="#?w=500" rel="01" class="poplight">Menu 01</a> <a href="#?w=500" rel="02" class="poplight">Menu 02</a> <a href="#?w=500" rel="03" class="poplight">Menu 03</a> Note nas numerações 01, 02 e 03. Estes serão os números de ligação. No menu, ele terá que ser diferente um do outro, mas posteriormente, você usará esses mesmos números para apresentar o conteúdo dessas janelinhas. Por exemplo, vamos supor que o 01, o título é “About me” ou seja, sobre você. Então, no código onde você colocará o conteúdo da janelinha, você usará o número 01 como correspondente e dentro da divisória, o conteúdo do “About me”. Antes de </body>, adicione os seguintes códigos e coloque os conteúdos correspondentes: <div id="01" class="popup_block"> Conteúdo do menu 01. </div> <div id="02" class="popup_block"> Conteúdo do menu 02. </div> <div id="03" class="popup_block"> Conteúdo do menu 03. </div> Adicione o seguinte código no seu CSS: #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -55px -55px 0 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; } A única modificação que eu ensinarei a ser feita (não adianta vir na ask) é a cor da borda grossa. É só você modificar #ddd (que está marcado em negrito) pelo código da cor que você quer após um sustenido (#). Estamos quase no fim! Agora, adicione o último código. Este deve estar após <head> no seu HTML. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size //Pull Query & Variables from href URL var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value //Fade in the Popup and add close button $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="BOTÃO DE CLOSE" class="btn_close" title="Fechar" alt="Close" /></a>'); //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); //Fade in Background $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. $('#fade').css({'filter' : 'alpha(opacity=10)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=10)'}) is used to fix the IE Bug on fading transparencies return false; }); //Close Popups and Fade Layer $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer... $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); }); </script>

Se o tutorial foi util de like ♥

qualquer duvida vem na ask

/Priih

#menupopup #tutoriais #priih

como pos esse menu up ?

Boom, ele é complicado mas nao é impossível u_ú shaush. Irei fazer tuto de dois estilos que eu gosto pra caraca.

Preview 01#

Preview 02#

DOWNLOAD 01#

DOWNLOAD 02#

Escolha um estilo e clique em download pra abrir o código.

Pegue o primeiro código e cole-o entre e fazendo as alterações necessárias:

background: #828282; /*COR DO FUNDO - SEM SER A JANELINHA*/

Nesse aí é a cor do de tudo em volta da janelinha.

Ex: preto | rosa | azul | verde

Os outros (fundo e borda da janela) você muda normalmente. O estilo #02 não há necessidade de por cor na borda.

TabelaDeCoresHTML

Bom, agora você pega o segundo código e cola depois de ou

Depois que colar, aperte ctrl + F e procure por “URL DA IMAGEM DE FECHAR”. Aí é onde você deverá colocar a url daquele X de fechar, sabe?

Algumas imagens que servem como X ⇣

IMG#01

IMG#02

IMG#03

IMG#04

IMG#05

IMG#06

Agora copie o código abaixo e cole onde você quer que o menu apareça.

NOME NO LINK

Nesse “nome no link” é tipo o titulo que fica “autoria” “home” “fask” “submit”, entendeu? O que aparece no theme u.u

Agora copie o código abaixo e cole-o em cima de

CONTEÚDO AQUI EM HTML

OBS: Esses dois últimos códigos deverão ser iguais em relação ao “faq”. Ex: Se você mudar esse faq do último código por “skins”, no penúltimo código você também deverá mudar para “skins”, entendeu?

Onde tem “conteúdo em html”, eu aconselho fazer um post normal com as edições que você quer, e quando acabar, copiar o código em html e colar ali u.u.

Boom, é isso, qualquer coisa venham na minha ask.

Se esse tutorial for útil, dê like.

NÃO REBLOGUE

#tutos #menupopup

Menu Pop Up

Oi pessoal, hoje eu vim ensinar a vocês como colocar o menu pop up, mas o que é um menu pop up? Bem o menu pop up é aquele que você clica sobre o link e abre uma janelinha com o conteúdo tipo esse aqui. Vamos para o tutorial? Siiiiiiiiiiiiiiiiiim.

Bem para que o menu funcione direitinho vocês tem que colocar este código antes de </head> :

Onde esta escrito BOTÃO DE CLOSE, é para você colocar o link do botão de close ali, para que apareça o X do lado direito da caixinha, se não vai ficar igual ao do preview que eu não coloquei ta?

Agora vamos para o CSS do menu, cole esse codigo antes de </style>:

#fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -55px -55px 0 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; }

Você poderá mudar as cores que tem la ta, ai fica de acordo com o seu gosto ok?

Bem vamos para o HTML do menu, você colocará esse código onde você quer que o menu apareça:

Marry o que são esses números que estão no "link" do menu? Esses números indicam cada caixinha, ou seja, se você colas 04, 05, 06 e etc, você terá que aumentar lá nas caixinhas, ok Marry entendi, mas o que quer dizer esses números? Quer dizer o seu "About Me", "Ask", "Submit" e assim vai entendeu? E depois disso você colocará esse código antes de </body>:

<div id="01" class="popup_block"> Conteúdo do menu 01. </div> <div id="02" class="popup_block"> Conteúdo do menu 02. </div> <div id="03" class="popup_block"> Conteúdo do menu 03. </div>

Como eu falei na parte onde você quer que o menu apareça, você ira aumentar os números, mas como Marry? Assim:

Conteudo do menu 04

</div>

Entenderam como vocês terão que fazer? Não precisam copiar esse exemplo que eu coloquei aqui ta? Bem é isso simples não é? Espero que vocês tenham gostado, creditem a mim pelo tutorial ok?

Feito por mim Marry, se foi util de like e credite ok?

#por Marry #menu #menupopup #de like ok #de like sempre #delike de qualquer forma #credite sempre #se foi util credite #se utilizar de like

Como colocar Menu Pop-up?

Bom, vou ensinar a colocar menu pop-up, aquele que quando você clica abre tipo página, abre uma janela

1. Coloque esse código antes de </header>. É nesta parte que você pode mudar o ''X'' que fecha o pop-up. Substitua o link da imagem, por outra que você quiser.

2. Agora é a parte do CSS. Coloque este código antes de </style>.Ai você vai alterando as bordas e o fundo da forma que desejar. Se diminuir o tamanho da borda não vai dar certo. Arrume isso assim : margin: -55px -55px 0 0;

3. Agora esse código no lugar que quiser que ele fique. Repita o código de acordo com o número de caixinhas do menu você quer.

4. Aqui tem o código do conteúdo (coloque ele depois de </html>)

Exemplo:

<a href=''#?w=500'' rel=''about'' class=''poplight''>About me</a> e <div id''about'' class=''popup block''>Conteúdo aqui!</div>

#tutoriais #menupopup #tutos

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

Oii! Então, eu não consigo fazer o menu pop up :'c quando chega na parte de 'cole seu código onde você quer que fique...' e pá, eu me enrolo toda D: eu quero fazer tipo navigation, sabe? Tipo, eu coloco o código onde? (coloca tag menu pop up pra eu ver a resposta depois, anjo?) Obrigada <3

nesse tumblr de html a duda (omdg) explica um pouco sobre o menu pop up

http://revolutionhtml.tumblr.com/post/40847462398/explicacao-sobre-o-menu-pop-up

#menu pop up #menupopup #pop up #popup

Menu Pop Up

Bom vou ensinar vocês a fazer o famoso e chatinho menu pop up rs,primeiramente quero dizer que os seguintes códigos não são exclusivos do RH,apenas o tutorial que está sendo criado por mim e que eu pedirei que não o repasse por favor. vamos lá pra quem não sabe do que estou falando visualize o efeito AQUI.

Agora que já sabe vamos aos códigos,primeiro pra deixar bem claro é de suma importância que você leia tudo,não pule apenas os códigos e vá colocando não,algumas coisas necessitam de explicação e nesse menu se você pular qualquer códigozinho vai da erro,então leia tudo.

1° passo: você vai por esse código depois de <head> Código Aqui

Agora entenda o que você deverá editar no código acima,procure com cuidado aonde tem o nome IMAGEM AQUI,exatamente aí você irá colocar o link do seu botão de fechar,apegue apenas o nome IMAGEM AQUI com muito cuidado pra não apagar alguma outra coisa,ou o código já não será útil.

2° Passo: esse outro código você colocará no seu css,pra quem não sabe é entre as tags <style> e </style> ah Duda mais o meu theme não tem,não estou achando.Tem sim! dê ctrl U e escreva <style> Achou? cole o seguinte código.

#fade {display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999;} .popup_block{display: none; background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} img.btn_close {float: right; margin: -55px -55px 0 0;} *html #fade {position: absolute;} *html .popup_block {position: absolute;}

Entenda o código:Logo acima você irá encontrar #000;#eee; background,color, isso é exatamente o que você irá mudar na sua caixinha,se possivél mude somente isso,ou o efeito não sai o mesmo se você apagar alguma coisa necessária. você pode modificar e enfeitar do jeito que preferir okey?!

3° Passo:você irá colocar o seguinte código embaixo de <body>

Entenda o código: esse seguinte código você poderá colocar dentro de uma mesma div de links caso você queira abrir uma janela de about themes etc;Lembrando que rel, é o nome do seu menu okey?

4° Passo: você colocará o seguinte código antes de </body> é bem acima mesmo.

<div id=”nome do seu menu aqui” class=”popup_block”>AQUI FICA O CONTEUDO DO SEU MENU</div>

Entendendo o código: entenda que o seu rel no exemplo acima tem que ser do mesmo jeito da sua div por exemplo, se no rel acima você colocar about na sua div embaixo você deverá colocar about, ou qualquer nome que for pôr,não esqueça de pôr igual.

Bom é isso espero que tenham entendido,qualquer duvida corre na ask okey?!

Tutorial feito por;Duda[o-mundo-de-uma-garota] por favor não repasse,se for útil dê liked!

#tuto #tutos #menupopup

Menu Pop up

Primeiramente cole esse código abaixo de <head>.

Agora no seu css cole isso:

#fade { /*–Transparent background layer–*/ display: none; /*–hidden by default–*/ background: #000;position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999;} .popup_block{ display: none; /*–hidden by default–*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} img.btn_close {float: right;margin: -55px -55px 0 0;} /*–Making IE6 Understand Fixed Positioning–*/ *html #fade {position: absolute;} *html .popup_block {position: absolute;}

Entendendo o código, nele você poderá mudar somente as cores:

#000 – Esse a cor de fundo que ofusca o restante do theme, quando ao clicar no botão aparece a ‘janelinha’.

#fff – Esse é a cor do fundo da ‘janelinha’ mude de acordo com as cores do seu theme.

#ddd – Esse é a ‘bordinha’ que fica nas extremidades da janela, você poderá aumenta-la ou diminui-la mudando os valores do border: 20px ali em cima, ou simplesmente tirá-lo.

Depois coloque isso onde quiser que o menu apareça:

<a href="#?w=600"rel="NOME DO MENU" class="poplight">NOME QUE APARECE</a>

Entendendo:

600 - é o tamanho da janela. Altere o valor até que chegue a um tamanho adequado a seu theme.

NOME QUE APARECE - é o nome que aparecerá inicialmente, onde clica pra aparecer o pop-up.

NOME DO MENU - Coloque no lugar disso o nome do seu menu. Para quem for fazer mais de um, tem que colocar um nome diferente para cada um.

Coloque isso acima de </body>

<div class="popup_block"> Texto do menu </div>

Esse tutorial foi ‘feito’, por mim, com os códigos fornecidos pelo dicastumblr. Se usarem daqui, creditem.

#menus #menupopup #tutos #tutoriais

Menu pop up.

Então, pra começar eu gostaria de dizer que esse não é um código meu. Eu peguei esse código em algum lugar a um tempo, e não existe santo que me faça lembrar onde foi. Eu só adaptei.

Visualize (xx)

Coloque esse código aqui antes de </head>

Cole isso aqui no seu css (antes de </style>)

#fundopopup{ opacity:0.8; /*opacidade do fund da página*/ background:#fff; /*cor do fundo da página*/ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}

.titles{ border-bottom:3px solid #D9D9F3; /*cor da borda principal*/ width:10px important!; padding:0px 7px 7px 7px;}

.base{ text-align:justify; line-height:150%; margin-top:-15px; margin-bottom:13px; height:230px; overflow:scroll;}

E cole isso aqui no lugar onde quer que o pop up apareça.

Exemplo:

<div id="menu"> <a href="/">início</a> <a codigopopup="#Aw=500" abrir=" NOME_DA_DIV" class="janela">contato</a> <a href="/">sobre mim</a> <a href="/">autorias</a>

Agora vamos customizar o pop up.

Cole isso depois de <body>

Obs importante: Todos os lugares onde tem “NOME_DA_DIV” deve ser trocado pelo mesmo nome.

Qualquer dúvida entre em contato comigo através da ask.

Se usar dê like, e jamais retire os créditos! /Gabi

#menu pop up #menu popup #menupopup #como colocar menu pop up #pop up personalizado #menu #tutorial #tutoriais #gabi

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

~ Menu pop up detalhado

Se o tutorial foi util de like ♥

qualquer duvida vem na ask

/Priih

#menupopup #tutoriais #priih

como pos esse menu up ?

Boom, ele é complicado mas nao é impossível u_ú shaush. Irei fazer tuto de dois estilos que eu gosto pra caraca.

Preview 01#

Preview 02#

DOWNLOAD 01#

DOWNLOAD 02#

Escolha um estilo e clique em download pra abrir o código.

Pegue o primeiro código e cole-o entre e fazendo as alterações necessárias:

background: #828282; /*COR DO FUNDO - SEM SER A JANELINHA*/

Nesse aí é a cor do de tudo em volta da janelinha.

Ex: preto | rosa | azul | verde

Os outros (fundo e borda da janela) você muda normalmente. O estilo #02 não há necessidade de por cor na borda.

TabelaDeCoresHTML

Bom, agora você pega o segundo código e cola depois de ou

Depois que colar, aperte ctrl + F e procure por “URL DA IMAGEM DE FECHAR”. Aí é onde você deverá colocar a url daquele X de fechar, sabe?

Algumas imagens que servem como X ⇣

IMG#01

IMG#02

IMG#03

IMG#04

IMG#05

IMG#06

Agora copie o código abaixo e cole onde você quer que o menu apareça.

NOME NO LINK

Nesse “nome no link” é tipo o titulo que fica “autoria” “home” “fask” “submit”, entendeu? O que aparece no theme u.u

Agora copie o código abaixo e cole-o em cima de

CONTEÚDO AQUI EM HTML

Onde tem “conteúdo em html”, eu aconselho fazer um post normal com as edições que você quer, e quando acabar, copiar o código em html e colar ali u.u.

Boom, é isso, qualquer coisa venham na minha ask.

Se esse tutorial for útil, dê like.

NÃO REBLOGUE

#tutos #menupopup

Menu Pop Up

Bem para que o menu funcione direitinho vocês tem que colocar este código antes de </head> :

Agora vamos para o CSS do menu, cole esse codigo antes de </style>:

Você poderá mudar as cores que tem la ta, ai fica de acordo com o seu gosto ok?

Bem vamos para o HTML do menu, você colocará esse código onde você quer que o menu apareça:

<div id="01" class="popup_block"> Conteúdo do menu 01. </div> <div id="02" class="popup_block"> Conteúdo do menu 02. </div> <div id="03" class="popup_block"> Conteúdo do menu 03. </div>

Como eu falei na parte onde você quer que o menu apareça, você ira aumentar os números, mas como Marry? Assim:

Conteudo do menu 04

</div>

Entenderam como vocês terão que fazer? Não precisam copiar esse exemplo que eu coloquei aqui ta? Bem é isso simples não é? Espero que vocês tenham gostado, creditem a mim pelo tutorial ok?

Feito por mim Marry, se foi util de like e credite ok?

#por Marry #menu #menupopup #de like ok #de like sempre #delike de qualquer forma #credite sempre #se foi util credite #se utilizar de like

Como colocar Menu Pop-up?

Bom, vou ensinar a colocar menu pop-up, aquele que quando você clica abre tipo página, abre uma janela

1. Coloque esse código antes de </header>. É nesta parte que você pode mudar o ''X'' que fecha o pop-up. Substitua o link da imagem, por outra que você quiser.

3. Agora esse código no lugar que quiser que ele fique. Repita o código de acordo com o número de caixinhas do menu você quer.

4. Aqui tem o código do conteúdo (coloque ele depois de </html>)

Exemplo:

<a href=''#?w=500'' rel=''about'' class=''poplight''>About me</a> e <div id''about'' class=''popup block''>Conteúdo aqui!</div>

#tutoriais #menupopup #tutos

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions

Free to watch • No registration required • HD streaming

nesse tumblr de html a duda (omdg) explica um pouco sobre o menu pop up

http://revolutionhtml.tumblr.com/post/40847462398/explicacao-sobre-o-menu-pop-up

#menu pop up #menupopup #pop up #popup

Menu Pop Up

1° passo: você vai por esse código depois de <head> Código Aqui

3° Passo:você irá colocar o seguinte código embaixo de <body>

Entenda o código: esse seguinte código você poderá colocar dentro de uma mesma div de links caso você queira abrir uma janela de about themes etc;Lembrando que rel, é o nome do seu menu okey?

4° Passo: você colocará o seguinte código antes de </body> é bem acima mesmo.

<div id=”nome do seu menu aqui” class=”popup_block”>AQUI FICA O CONTEUDO DO SEU MENU</div>

Bom é isso espero que tenham entendido,qualquer duvida corre na ask okey?!

Tutorial feito por;Duda[o-mundo-de-uma-garota] por favor não repasse,se for útil dê liked!

#tuto #tutos #menupopup

Menu Pop up

Primeiramente cole esse código abaixo de <head>.

Agora no seu css cole isso:

Entendendo o código, nele você poderá mudar somente as cores:

#000 – Esse a cor de fundo que ofusca o restante do theme, quando ao clicar no botão aparece a ‘janelinha’.

#fff – Esse é a cor do fundo da ‘janelinha’ mude de acordo com as cores do seu theme.

#ddd – Esse é a ‘bordinha’ que fica nas extremidades da janela, você poderá aumenta-la ou diminui-la mudando os valores do border: 20px ali em cima, ou simplesmente tirá-lo.

Depois coloque isso onde quiser que o menu apareça:

<a href="#?w=600"rel="NOME DO MENU" class="poplight">NOME QUE APARECE</a>

Entendendo:

600 - é o tamanho da janela. Altere o valor até que chegue a um tamanho adequado a seu theme.

NOME QUE APARECE - é o nome que aparecerá inicialmente, onde clica pra aparecer o pop-up.

NOME DO MENU - Coloque no lugar disso o nome do seu menu. Para quem for fazer mais de um, tem que colocar um nome diferente para cada um.

Coloque isso acima de </body>

<div class="popup_block"> Texto do menu </div>

Esse tutorial foi ‘feito’, por mim, com os códigos fornecidos pelo dicastumblr. Se usarem daqui, creditem.

#menus #menupopup #tutos #tutoriais

Top Posts Tagged with #menupopup | Tumlook

Trending Tags

Last Seen Tags

#menupopup

Trending Tags

Last Seen Tags

#menupopup