Home contato tutoriais materiais themes
skins icons themes ask util livros efeitos actions baixe
seja Bem vindo ao h-p ♡
Olá! Somos duas moderadoras, cams e may. O H-P foi criado em 2013 para ajudá-los com css&html. A gente espera poder tirar todas as dúvidas em relação a isso, e pedimos que credite tudo o que usar daqui. Por favor não reposte nada do nosso tumblr, fazemos pra você, não há necessidade disso, e aliás, estamos aqui pra fazer com que você tenha capacidade de criar o seu. Obrigada pela visita ♡ { tiraram suas dúvidas}
quem te ajuda ♡

visite nossos parceiros
carinho ♡
Sobre o html-party? Ele é praticamente meu “céu” do html. Nunca conheci garotas tão simpáticas e atenciosas como a Cams e a May e principalmente tão dispostas a ajudar. Se um dia eu moderar algum tumblr de html, eu quero ter elas como exemplo. Não conheço toda a história do HP e nem das mods, mas não arrependo pelo dia que eu entrei aqui pela primeira vez e vocês não sabem o quão grata eu estou. E espero que seja sempre assim, eu e todos que seguem estaremos aqui: para o que der e vier. (leia mais)
créditos do theme
Theme feito por cams exclusivo para o HTML-PARTY, não copie nada daqui, se quiser algo entre em contato. Estamos aqui para lhe ensinar. Você está liberado para se inspirar no nosso theme mas lembre-se que há uma diferença enorme em inspiração e plágio, E isso é crime. Theme B&W ♡ (more)
menu roll top

É sinceramente o menu mais perfeito que eu já fiz até hoje, sério. Eu to puta de raiva por não ter a capacidade de criar um nome legal pra ele mas não quis esperar pra compartilhar com vocês.

Visualize online aqui.

Você só vai ver o menu no hover do “okay hazel grace?" certo? Espero que todos gostem, e é bem fácil! Vamos lá? Como eu sempre faço, vou postar o código completo (com a imagem incluída, ok?).

Começaremos com o body, cole o código abaixo bem embaixo de <body>:

<div id="html-party"> 
<div class="camiloca"> okay hazel grace? <br>
<div class="may">

<A HREF="/" title="início">
<img src="http://media.tumblr.com/d929435db7c95b3b01ea8bb5affb2ec1/tumblr_inline_mwqi7aqFJK1rb53x8.png" height="20" width="20"/> </A>
<A HREF="/" title="contato">
<img src="http://media.tumblr.com/503c618f074eecfbdb151672a9d277f1/tumblr_inline_mwqi73ZEon1rb53x8.png" height="20" width="20"/> </A>
<A HREF="/" title="sobre">
<img src="http://media.tumblr.com/b4c64553fd182cfb0550d2b707f785ea/tumblr_inline_mwqi76UMzk1rb53x8.png" height="20" width="20"/> </A>
<A HREF="/" title="autoria">
<img src="http://media.tumblr.com/48f55be62b62bb35811983bd7202b3c7/tumblr_inline_mwqi4ofa4r1rb53x8.png" height="20" width="20"/></A>

</div></div></div>
<div id="sidebarimage"> <img src="http://38.media.tumblr.com/a6cd4e1491d9d9e6a13d31558b1829c3/tumblr_my0wwgMGnY1rmt9yeo3_250.jpg"/><br>
i cannot tell you how thankful i am for our little infinity </div>

Bom, no código você altera as frases a imagem e o link, não está difícil de entender, mas caso surjam vocês podem perguntar, certo?. Agora vamos ao css. Cole o código abaixo antes de </style>:

#html-party {position:fixed;margin-left:37px;margin-top:80px;} 
.camiloca {width:106px; text-align: center; margin-top:-5px; margin-left:-4px; background-color:#fff; padding:-8px;position:fixed; height: 15px;-moz-transition: all .7s ease-in-out; -o-transition-radius: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; overflow:hidden;opacity:0.8;text-align: center; font-size:11px; color:#000; line-height:15px; font-family:consolas;}
.camiloca:hover {margin-top:-25px;height:40px;;}
.may {width:110px; line-height:12px; margin-left:6px; margin-top:1px; padding:2px;text-align:left;}
.may a {margin-top:2px;}
.may a:hover {background:#eee;opacity:0.9; font-weight:bold;}
#sidebarimage {color:#ccc; font-family:arial; font-size:8pxposition:fixed;margin-left:36px;margin-top:50px;-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;width:100px;}
#sidebarimage img {height:100px;width:100px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;} 

Caso não tenha gostado das cores, fontes, posições… você altera nesse código. Espero que todos consigam, e qualquer coisa eu tô aqui! Beijos /c

5 hours ago ✖ 0 notes permalink
Anonymous nos perguntou:

segui o seu tutorial de theme em grade (duas colunas) porem os posts ficam tudo separados/desorganizados. Me ajuda pfvr,

É normal. Dai você segue o tutorial de rolagem infinita, no link:

h-p/post//rolagem-infinita-tirar-espaco-entre-os-posts

Espero que consiga! /c

7 hours ago ✖ 0 notes permalink
Anonymous nos perguntou:

May, ensina a fazer um reblog bonitinho tipo do seu theme 41? Obrigada, e o theme daqui ficou muito bonito, deram uma repaginada legal, parabéns! ♥

ensino sim, é super fácil kkkkk o theme ta demais né? Cams arrasou! ♥♥ -may

3 days ago ✖ 0 notes permalink
blowjobs-4louboutins nos perguntou:

Como eu coloco 3 colunas no meu tumblr?

tem nos tutos amor. -may

3 days ago ✖ 0 notes permalink
caixinha de search (busca)

Essa caixinha está presente em quase todos os nossos themes porque ela ajuda muuuuuito. Ela permite pesquisar uma tag diretamente, apenas digitando a busca, e ainda é super linda, deixa o theme uma gracinha. 

Visualize:

Gostou? Hoje aprenderemos a criar uma! Mas antes, quero agradecer ao site netblogue, que foi de onde eu tirei a minha base. 

Caso não tenha gostado da cor, irei explicar onde você pode mudá-la, ok? Então vamos começar. Cole o código abaixo no css, antes de </style>:

#abt-css3-search{background:#efefef;
width:200px;
height:28px;overflow:hidden;border:#eee solid 1px;padding:10px}
#search,#submit{float:left}
#search{height:23px;width:160px;border:1px solid #efefef;
font:normal 13px 'trebuchet MS', arial, helvetica;
background:#efefef;border-radius:50px 3px 3px 50px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25)
inset, 0 1px 0 rgba(255,255,255,1);
box-shadow:0 1px 3px rgba(0,0,0,0.25)
inset, 0 1px 0 rgba(255,255,255,1);padding:5px 9px}
#submit{height:23px;width:30px;border:1px solid #efefef;
font:normal 13px 'trebuchet MS', arial, helvetica;background:#efefef;
border-radius:3px 50px 50px 3px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25)
inset, 0 1px 0 rgba(255,255,255,1);
box-shadow:0 1px 3px rgba(0,0,0,0.25)
inset, 0 1px 0 rgba(255,255,255,1);padding:5px px}
#submit:hover{background:#fff;background-image:0}
#submit:active{background:#ccc;outline:none;}
#submit::-moz-focus-inner{border:none}
#search.placeholder{color:#9c9c9c!important;font-style:italic}
#search:focus{background:#fff;outline:none;border-color:#0174DF}
#search::-webkit-input-placeholder,#search:-moz-placeholder
{color:#fff;font-style:italic}

O código é bem grandinho mesmo, e agora você irá saber como mudar as cores. Caso não queira mudar nada, pule para o próximo “parágrafo”. Para alterar a cor de fundo geral, (dessa box [xx]) você altera na primeira linha do código, onde a cor é #efefef, pela cor que quiser. Para alterar a cor da caixinha de pesquisa (dessa box [xx]), você vai alterar também o background:#efefef;, porém do código #search, e para alterar a cor do “go”, você altera em #submit.

> Pronto, já está entendido como se muda as cores, agora vamos pro final, cole o código abaixo onde quiser que a caixinha apareça:

<form id="abt-css3-search" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="faça sua busca" />
<input id="submit" type="submit" value="go" />
</form>

Simples, não? Espero que todos consigam, e qualquer coisa entre em contato conosco. Beijos /c

6 days ago ✖ 1 notes permalink
Anonymous nos perguntou:

Oi, você pode me ensinar a fazer essa caixinha de search? Não quero que o design da caixinha seja igual porque é seu e eu respeito isso, mas eu sempre tento fazer, e quando pesquiso qualquer coisa a página fica vazia. Eu devo ter confundido tudo pra você, mas me ajuda? Ah, e theme lindo, ficou muito bom mesmo.

Estou fazendo uma, ok? Posto hoje ainda! Porque essa que estou usando é do tthy, então não posso repassar. Mas é bem simples! /c

6 days ago ✖ 0 notes permalink

245px 245px icons site models

6 days ago ✖ 2 notes permalink
Anonymous nos perguntou:

site models icons sem efeito? obrigado

Ok, vou fazer e posto já. /c

Theme novo: Oque acharam?

6 days ago ✖ 0 notes permalink
momentou nos perguntou:

olha aqui amores, pastebin(.)com/gB8pSZj1

mas nesse não tem nenhum código de notes amor, manda um que você tentou e deu errado pra eu achar o erro :) -may

1 week ago ✖ 0 notes permalink