custom colours for background, border, scrollbar and more
header with a circle icon, title, description and combination filters
fixed sidebar with unlimited links
each box contains name, icon, url and a short description
changeable number of columns - directions are in the code
this is for anon who requested a network page with eloquence’s sidebar! credits to icons by @lilabard and combination filters script by @magnusthemes.
everything needs to be edited in the code, therefore basic coding knowledge is required. if there are any issues or glitches, don’t be afraid to send me an ask here.
reblog/like if using and please do not repost or steal!
- Do not redistribute this code and claim it as your own. - Do not remove the credit (it’s visible only in the code anyway) - Minor changes to this code are allowed. - Please like/reblog if using.
If you like my designs, but you would like to have an unique theme you can commission me.
- Widget can be open or closed by default (you choose) - Widget can be draggable - All the colors, images and text can be changed from customization (Edit theme) page - You can add up to five tasks - If there are no tasks there’s an option that widget displays text “There are no tasks” - If you need help with installation go ahead and ask
/*-- MENU POP UP POR DAI (ARCAICAS.TUMBLR.COM) DISPONIVEL EM PASSO-HTML.TUMLR.COM. JAMAIS RETIREM OS CREDITOS, TENHAM RESPEITO AO TRABALHO ALHEIO OBG --*/#pop-ph{display:none;position:fixed;top:50%;left:50%;margin-left:-215px;margin-top:-150px;padding:10px;width:450px;height:300px;background:#fff;z-index:9999999999;border:5px solid #4f5270;overflow:hidden;} #ph-pop {font-family:verdana;text-transform:uppercase;font-size:9px;text-align:justify;} #pop-ph a {color:#000;font-size:9px;border-bottom:0px solid transparent;position:absolute;left:400px;bottom:10px;} #dai-pg{color:#000;font-size:15px;font-family:segoe print;padding-bottom:5px;}/*-- MENU POP UP POR DAI (ARCAICAS.TUMBLR.COM) DISPONIVEL EM PASSO-HTML.TUMLR.COM. JAMAIS RETIREM OS CREDITOS, TENHAM RESPEITO AO TRABALHO ALHEIO OBG --*/
2° Passo: Cole isso logo após <body>
<div id="pop-ph"><div id="ph-pop"><div id="dai-pg">ABOUT ME</div> Aqui tuas coisas monamour, me chamo nanan, assisto nanan, tenho 18 anos e etc deixe uma ask.</br> <p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe></p> </div><a href="#" onclick="document.getElementById('pop-ph').style.display='none';">[Fechar]</a> </div>
3° Passo: Procure a div do menu no seu body e apague o segundo link(ou qualquer outro que desejar) e cole o do pop up. exemplo:
Seus links vão está assim no body:
Troque um desses pelo o link do pop up, assim:
Eu troquei o segundo, você vai fazer a mesma coisa agora, cole esse link do pop up em um dos links do seu menu:
<a href="#" onclick="document.getElementById('pop-ph').style.display='block';">Ask pop up, clica</a>
Qualquer dúvida só chamar, dê Like ou Avise se usar, obg.
/*-- MENU POP UP POR DAI (ARCAICAS.TUMBLR.COM) DISPONIVEL EM PASSO-HTML.TUMLR.COM. JAMAIS RETIREM OS CREDITOS, TENHAM RESPEITO AO TRABALHO ALHEIO OBG --*/
#pop-ph{display:none;position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-150px;padding:10px;width:400px;overflow:hidden;background:#4f5270;z-index:9999999999;height:300px;padding-bottom:15px;color:#fff;font-family:segoe print;}#ph-pop {padding-top:5px;background:#000;z-index:9999999;padding-bottom:5px;overflow:hidden;overflow-y:scroll;height:260px;}#ph-pop img {border-radius:100%;margin:10px;}#pop-ph a {color:#fff;font-size:9px;right:0px;top:10px;border-bottom:0px solid transparent;transition:all 1s ease;}#pop-ph a:hover {color:#fec1c1;}
/*-- MENU POP UP POR DAI (ARCAICAS.TUMBLR.COM) DISPONIVEL EM PASSO-HTML.TUMLR.COM. JAMAIS RETIREM OS CREDITOS, TENHAM RESPEITO AO TRABALHO ALHEIO OBG --*/
