Primavera de Outubro: Maratona de Tutorial - Três modelos para Tooltip + Presentes de Natal

Presentinhos de Natal + Boa Tarde!

~~Boa Tarde Gente Bonita!~~ Oi meus amores , como estão? Bom eu não diria que estou bem , por que meu namorado tá sumindo novamente , deve ser por que ele vai trabalhar novamente e vai começar de novo por que ele se distância mais , sabe , isso fica triste pra mim. Por que sou louca por ele , um minuto tem ele e penso em mil coisas , e eu o amo tanto. Boa tarde a todos vocês até agora está sendo mais ou menos pra mim , meus presentinhos foram poucas coisas , mas eu estava pensando se queria alguma coisa e então fui ao centro , Gabriela pega alguma coisa? Tá bom , eu peguei uma jardineira branca , uma saia com a cara de ''galaxy'' , e também uma blusa verde , pra colocar com a jardineira. De sapato comprei uma rasteirinha com ''diamantes'' , quem dera heuheuheu' , e também uma sapatilha cor de bom creme , isso cor de creme , bonitinha.

Maratona de Tutoriais

Bom na maioria das vezes parto pra cá sem assunto , então queria fazer uma pequena maratona de tutoriais , e o blog que eu vou usar pra reblogar por enquanto é The Moon Reverse , por que eu sou meio lerda , e até criar coragem pra fazer alguma coisa que presta é tipo , nossa! E também como venho estudando ~~bruxaria~~ , elo menos tentando , preciso colocar meus estudos na frente , mas não quero nunca esquecer de vocês , já fiz muito isso , chega disso. E também o satânismo que tá complicado , eu preciso fazer uma ~~renuncia~~ e eu podia ter feito ontem , mas a burra , preguisoça aqui não fez então já vi , é raro ficar em casa sozinha e no dia em que fico , que sacu!

Ótimo , aqui a maioria usa tooltip , o que é tooltip? Quando você coloca a sua mão sobre o mouse em cima do link continue lendo ou leia mais , quando você passa em cima aparece o nome da postagem , então você pode ver o tooltip fazer seu efeito. Faz algum sentido?

E agora , se você quiser um tooltip novo , é só seguir as seguintes tarefas a baixo :

01. Primeiramente procure por <head> , quando achar acima dele você coloca o seguinte código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" src="//yourjavascript.com/1411249631/qTip.js" type="text/JavaScript"></script>

02. Depois de ter feito essa tarefa , fará a segundo que é escolher seu modelo e colocar os seguintes códigos que você deseja , é claro para adicionar qualquer um desses você irá colocar acima de ]]>< , escolhe seus modelos :

Modelo 1

Primeiro modelo é de cor rosa , com a letra branca.

div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 6px;
background: #f9cfe1;
background: -moz-linear-gradient(top, #f9cfe1 0%, #efacc8 85%, #f4bcd3 87%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9cfe1), color-stop(85%,#efacc8), color-stop(87%,#f4bcd3));
background: -webkit-linear-gradient(top, #f9cfe1 0%,#efacc8 85%,#f4bcd3 87%);
background: -o-linear-gradient(top, #f9cfe1 0%,#efacc8 85%,#f4bcd3 87%);
background: -ms-linear-gradient(top, #f9cfe1 0%,#efacc8 85%,#f4bcd3 87%);
background: linear-gradient(to bottom, #f9cfe1 0%,#efacc8 85%,#f4bcd3 87%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9cfe1', endColorstr='#f4bcd3',GradientType=0 );
box-shadow: inset 1px 1px 0 #ffe4ef;
border: 1px solid #dfa1bb;
padding: 6px;
font-family: "arial";
font-size: 10px;
color: #fff;
text-shadow: 1px 1px 0 #d689a9;
}

Modelo 2

O segundo é de cor preto , com a cor da letra branca.

@font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 6px;
background: #606060;
box-shadow: 3px 3px 2px #f3f3f3;
padding: 6px;
font-family: "littlefont";
text-transform: uppercase;
font-size: 8px;
color: #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

Modelo 3

Modelo cinza , com letras brancas

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 6px;
background: #cecfd3;
box-shadow: inset 0 0 4px #babdca;
padding: 6px;
font-family: "silkscreen";
font-size: 8px;
color: #fff;
text-align: center;
text-shadow: 1px 1px 0 #a8acbf;
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomleft: 2px;
border-radius: 10px;
text-transform: uppercase;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
}

Espero que tenha cervido , amo vocês , até mais!

Nenhum comentário:

Postar um comentário

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).