THEME ABOUT #03
Visualizar - Código (Como instalar theme about) - Para ficar simples deixei marcado onde deve mexer para alterar as cores e tudo mais. Caso ainda hajam duvidas estou a disposição.
Não se esqueça de avisar. Faça bom uso
Cosmic Funnies
styofa doing anything

No title available
No title available
TVSTRANGERTHINGS

@theartofmadeline
One Nice Bug Per Day
🪼
AnasAbdin
todays bird

Kiana Khansmith

if i look back, i am lost

祝日 / Permanent Vacation

tannertan36
occasionally subtle
Peter Solarz

Love Begins
Misplaced Lens Cap
tumblr dot com
he wasn't even looking at me and he found me
seen from France
seen from United States
seen from Canada

seen from Türkiye
seen from Italy

seen from Spain
seen from Malaysia
seen from United States

seen from Türkiye

seen from Türkiye

seen from Brazil
seen from Brazil

seen from Malaysia

seen from United States
seen from Germany

seen from Malaysia
seen from United States

seen from Canada
seen from United States

seen from United States
@infinitdesign
THEME ABOUT #03
Visualizar - Código (Como instalar theme about) - Para ficar simples deixei marcado onde deve mexer para alterar as cores e tudo mais. Caso ainda hajam duvidas estou a disposição.
Não se esqueça de avisar. Faça bom uso
THEME ABOUT #02
Visualizar - Código (Como instalar theme about) - Para ficar simples deixei marcado onde deve mexer para alterar as cores e tudo mais. Caso ainda hajam duvidas estou a disposição.
Não se esqueça de avisar. Faça bom uso
Theme Blogrol #03
Visualizar - Código
Não se esqueça de avisar!
(como instalar theme blogroll)
Theme Blogrol #02
Visualizar - Código
Não se esqueça de avisar!
(como instalar theme blogroll)
Botões/controles hover
(preview) Primeiro de tudo você vai substituis código dos controles do seu tumblr, procure por “tumblr_controls” e substitua o que tem lá pelo seguinte código:
/*/ Controles hover por nevalisca.tumblr.com /*/ .tmblr-iframe, iframe#tumblr_controls { position: fixed; opacity:0.4; z-index:99999999999999999 !impoportant; transform: scale(.8); top:-2px; right:-50px !important; opacity:0; padding-right:50px; transition-duration:.8s; } .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:.4;} .engrenagem{position:fixed;right:20px;top:20px;font-size:13px}
Depois, coloque essa parte logo após o <body> ou <body onkeydown=“return false”>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="engrenagem"><i class="fa fa-gear"></i></div>
Agora só salvar, e está pronto!
Em caso de duvida só vir na ask.
Caso tenho sido útil dê like ou reblogue
Não remova os créditos.
Bibi
#c8cbd6 | #d09e9f | #d8bcac | #a89cab
#ca4c41 | #7d7931 | #673631 | #37251b
#ddd1c5 | #d69383 | #afb8b5 | #5e6a69
Atualização de tutorial!
Amoricos, saiu um novo arquivo pra instalação dos programas Adobe!
O tutorial para instalação de programas Adobe está disponível e atualizado nesse link aqui. Qualquer coisa, chamem na ask ♥
Ket
Efeito Moderadores 02
Preview (xx) Coloque essa parte antres <style> e </style>
/*/ MENO PFEITO POR BIANCA DIAS (NEVALISCA), PROIBIDO QUALQUER TIPO DE CÓPIA /*/ #nv-content{ width:450px; /*/ tamanho de todos os parceiros juntos, caso queria um em baixo do outro basta diminui esse numero /*/ height:relative; position:fixed; margin-top:230px; /*/ distancia do topo /*/ text-align:left; margin-left:250px; /*/ distancia da esquerda /*/ } #nv-equipe{ width:60px; /*/ tamanha da borda da foto: 10px a mais do tamanho da largura da foto /*/ height:60px;/*/ tamanha da borda da foto: 10px a mais do tamanho da altura da foto /*/ background:#d5afa7; /*/ cor da borda das fotos /*/ box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2); display:inline-block; margin-bottom:10px; /*/ distancia de baixo da foto caso fique uma em baixo da outra /*/ margin-left:5px; /*/ distancia de uma foto e outra /*/ text-align:center; } #nv-equipe img{ width:50px; /*/ largura da foto /*/ height:50px; /*/ altura da foto /*/ margin-top:5px; transition-duration:.5s; } #nv-equipe:hover img{ -webkit-filter: grayscale(100%); transition-delay:0.4s; } #nv-ehover{ width:50px; /*/ largura da foto /*/ height:50px; /*/ altura da foto /*/ display:inline-block; position:fixed; margin-top:5px; margin-left:-50px; /*/ - a largura da foto /*/ background:rgba(213,175,167,0.5); /*/ cor do fundo no nome com rgb, o ultimo número é a opacidade, quanto menor o número mais transparent fica /*/ transform: scale(0); transition-duration:0.5s;} #nv-equipe:hover #nv-ehover{ transform: scale(1); } #nv-nome { width:50px; /*/ largura da foto /*/ height:50px; /*/ altura da foto /*/ display:inline-block; position:fixed; margin-top:5px; margin-left:-50px; /*/ - a largura da foto /*/ line-height:50px; /*/ altura d afoto /*/ font-family:'calibri'; /*/ font do nome /*/ font-size:9px; /*/ tamanho da font do nome /*/ letter-spacing:.5px; text-shadow:1px 1px 2px rgba(0,0,0,0.5); opacity:0; transition-duration:0.5s; } #nv-nome a{ color:#fff; /*/ cor da font do nome /*/ text-transform:uppercase;} #nv-equipe:hover #nv-nome { opacity:1; transition-delay:0.4s; } /*/ FIM DOS PARCEIROS, MANTENHA OS DEVIDOS CRÉDITOS/*/
Caso não saiba como usar color rgb basta entrar nesse site (aqui) e colocar o código da color hex (ex: #b0c4de) e logo abaixo da cor do color hex haverão 3 números entre parenteses que é o rgb (um exemplo aqui xxx). Como mencionei no código, o último número que tem lá é a opacidade.
Essa parte vai logo abaixo do <body> ou <body onkeydown=“return false”>
<!----- ESTILO DE MODERAÇÃO #02 POR NEVALISCA.TUMBLR.COM -----> <div id="nv-content"> <!--- um moderador: altere a url e o nome ---> <div id="nv-equipe"> <img src="http://api.tumblr.com/v2/blog/URL.tumblr.com/avatar/96/"> <div id="nv-ehover"></div> <div id="nv-nome"><a href="http://URL.tumblr.com" >nome</a></div> </div> <!---- FIM DE UM MODERADOR ---> <!--- um moderador: altere a url e o nome ---> <div id="nv-equipe"> <img src="http://api.tumblr.com/v2/blog/URL.tumblr.com/avatar/96/"> <div id="nv-ehover"></div> <div id="nv-nome"><a href="http://URL.tumblr.com" >nome</a></div> </div> <!---- FIM DE UM MODERADOR ---> <!--- um moderador: altere a url e o nome ---> <div id="nv-equipe"> <img src="http://api.tumblr.com/v2/blog/URL.tumblr.com/avatar/96/"> <div id="nv-ehover"></div> <div id="nv-nome"><a href="http://URL.tumblr.com" >nome</a></div> </div> <!---- FIM DE UM MODERADOR ---> <!--- um moderador: altere a url e o nome ---> <div id="nv-equipe"> <img src="http://api.tumblr.com/v2/blog/URL.tumblr.com/avatar/96/"> <div id="nv-ehover"></div> <div id="nv-nome"><a href="http://URL.tumblr.com" >nome</a></div> </div> <!---- FIM DE UM MODERADOR ---> <!--- um moderador: altere a url e o nome ---> <div id="nv-equipe"> <img src="http://api.tumblr.com/v2/blog/URL.tumblr.com/avatar/96/"> <div id="nv-ehover"></div> <div id="nv-nome"><a href="http://URL.tumblr.com" >nome</a></div> </div> <!---- FIM DE UM MODERADOR ---> <!--- um moderador: altere a url e o nome ---> <div id="nv-equipe"> <img src="http://api.tumblr.com/v2/blog/URL.tumblr.com/avatar/96/"> <div id="nv-ehover"></div> <div id="nv-nome"><a href="http://URL.tumblr.com" >nome</a></div> </div> <!---- FIM DE UM MODERADOR ---> </div>
Acrescente quantos moderadores quiser
*Qualquer duvida ou erro me procure*
Se usar/gostar dê like.
Não reblog ou repasse!
Não se esqueça de creditar
Bibi
icons 250x250
pelase like or reblog if you save!
by bibi
ensina a fazer graphic que nem do niallisart (header rosa) obg <3
Esse header é bem simples amor, eles pegaram uma textura colocaram ao fundo, a escrita e o png na frente. Nada complicado. Mas se quiser que explique detalhadamente como fazer só chamar./bibi
Menu Inclined
Preview ( xx ) Coloque esse após o <head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Coloque esse entre <style> e </style>
#nv-inclined{ width:140px; /*/ largura do menu, se quiser um link na frente do outro basta aumentar esse tamanho/*/ padding:10px; margin-top:200px; /*/distancia do topo /*/ margin-left:244px; /*/distancia da esquerda /*/ z-index:999; font-family:courier; /*/ font do menu /*/ font-size:9px; text-align:left; } #nv-inclined i{ color:lightblue; /*/cor dos icones, pode alterar para color hex ex:#b0c4de;/*/ float:left; width:20px; height:20px; font-size:12px; /*/ tamanho do icone /*/ text-shadow:1px 1px 0px #fff; /*/ cor da sombra dos icones /*/ line-height:5px; } #nv-inclined a:hover i{-webkit-transform: scale(1.4) rotate(-20deg);} #nv-inclined a{ width:120px; /*/ largura de cada link /*/ padding:10px; height:5px; margin-bottom:2px; display:inline-block; background:rgba(255,255,255,.3); /*/background de cada link; preto ficaria rgba(0,0,0,.4); caso não queria que fique meio transparente só colocar uma cor solida tipo #f0f0f0; /*/ color:#696969; /*/ cor da font do menu /*/ text-transform:uppercase; line-height:5px; letter-spacing:2px; } /*/ FIM DOS LINKS, MANTENHA OS DEVIDOS CRÉDITOS/*/
Coloque essa parte depois de <body> ou <body onkeydown=“return false”>
<!--- MENU POR NEVALISCA.TUMBLR.COM ---> <div id="nv-inclined"> <a href="LINK"><i class="fa fa-home"></i> link 1</a> <a href="link"><i class="fa fa-envelope"></i> link 2</a> <a href="links"><i class="fa fa-quote-left"></i> link 3</a> <a href="link"><i class="fa fa-heart"></i> link 4</a> </div> <!--- FIM DO MENU --->
*Qualquer duvida ou erro me procure*
Se usar/gostar dê like.
Não reblog ou repasse!
Não se esqueça de creditar
Bibi