30 de ago. de 2012

tutorial - menu One Border


Oie :3

Trouxe um tutorial de um menu bem fofinho, que aprendi no Magic Touch o resultado é esse:

                                      

clique em leia mais pra aprender ~


27 de ago. de 2012

actions


Oie :3

então, to meio sem tempo e tals então trouxe algumas actions para vocês, eslas só funcionam no photoshop, e é um ótimo recurso pois é só clicar nelas e BUM, fica um efeito lindo :3 

Espero que gostem, vou deixar as fotos do efeito e embaixo o link, é só clicar e vai ser direcionado ao Deviantart para baixar, baixe e instale no seu photoshop, eu só não fiz uma coisa uniforme com as acitons por que realmente meu tempi está muito corrido, mas espero que gostem :3


24 de ago. de 2012

Backgrounds


Oie :3

Então, é a primeira vez que trago backgrounds pra vocês, pra mim, ela é uma das partes mais importantes do blog, se for muito forte cega o leitor, e se for muito escuro vai ser difícil de ler, então acho que tons cinzas e neutros são muito bons, mas enfim.

Cliquem neles e peguem em tamanho melhor :)

aprioveitem ~

ah, e eu não postei esses dias por que minha internet não deixou e que eu tava sem ideias e tal

22 de ago. de 2012

tutorial - menu bad repution


Oie :3


então... mais um tutorial pra vocês /o/ é que a criatividade ta baixa e de tutoriais tem de monte, espero que gostem.



Dessa vez eu trouxe o primeiro menu do blog, é o famoso e muito usado menu bad repution, espero que gostem



Aproveitem ~


21 de ago. de 2012

Tutorial - fogos de artifício


Oie :3

peguei um tutorial da minha baka kawaii lindinha de como colocar aqueles fogos de artifício no blog, espero que gostem, vamos lá ~


1º - Vá em editar HTML > Prosseguir > Ctrl F > Procure por </head> 
2º - Acime cole esse código ; 

<script type='text/javascript'>// <![CDATA[var bits=100; // how many bitsvar intensity=7; // how 'powerful' is the explosion (from 3 to 10 is best)var speed=20; // how fast - smaller is fastervar colours=new Array("#COR1", "#COR2", "#COR3", "#COR4", "#COR5", "#COR6");// blue red green purple cyan orange/***************************** Fireworks no blog **(c) 2012 Things to You " DON'T COPY** http://www.thingstoyou.com/  ** Adaptação do Código - Pedro Henrique, Things to You! *****************************/var dx, xpos, ypos, bangheight;var Xpos=new Array();var Ypos=new Array();var dX=new Array();var dY=new Array();var decay=new Array();var colour=0;var swide=800;var shigh=600;function write_fire() {var b, s;b=document.createElement("div");s=b.style;s.position="absolute";b.setAttribute("id", "bod");document.body.appendChild(b);set_scroll();set_width();b.appendChild(div("lg", 3, 4));b.appendChild(div("tg", 2, 3));for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));}function div(id, w, h) {var d=document.createElement("div");d.style.position="absolute";d.style.overflow="hidden";d.style.width=w+"px";d.style.height=h+"px";d.setAttribute("id", id);return (d);}function bang() {var i, X, Y, Z, A=0;for (i=0; i<bits; i++) {X=Math.round(Xpos[i]);Y=Math.round(Ypos[i]);Z=document.getElementById("bg"+i).style;if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {Z.left=X+"px";Z.top=Y+"px";}if ((decay[i]-=1)>14) {Z.width="3px";Z.height="3px";}else if (decay[i]>7) {Z.width="2px";Z.height="2px";}else if (decay[i]>3) {Z.width="1px";Z.height="1px";}else if (++A) Z.visibility="hidden";Xpos[i]+=dX[i];Ypos[i]+=(dY[i]+=1.25/intensity);}if (A!=bits) setTimeout("bang()", speed);}function stepthrough() {var i, Z;var oldx=xpos;var oldy=ypos;xpos+=dx;ypos-=4;if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {for (i=0; i<bits; i++) {Xpos[i]=xpos;Ypos[i]=ypos;dY[i]=(Math.random()-0.5)*intensity;dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;decay[i]=Math.floor((Math.random()*16)+16);Z=document.getElementById("bg"+i).style;Z.backgroundColor=colours[colour];Z.visibility="visible";}bang();launch();}document.getElementById("lg").style.left=xpos+"px";document.getElementById("lg").style.top=ypos+"px";document.getElementById("tg").style.left=oldx+"px";document.getElementById("tg").style.top=oldy+"px";}function launch() {colour=Math.floor(Math.random()*colours.length);xpos=Math.round((0.5+Math.random())*swide*0.5);ypos=shigh-5;dx=(Math.random()-0.5)*4;bangheight=Math.round((0.5+Math.random())*shigh*0.4);document.getElementById("lg").style.backgroundColor=colours[colour];document.getElementById("tg").style.backgroundColor=colours[colour];}window.onscroll=set_scroll;function set_scroll() {var sleft, sdown;if (typeof(self.pageYOffset)=="number") {sdown=self.pageYOffset;sleft=self.pageXOffset;}else if (document.body.scrollTop || document.body.scrollLeft) {sdown=document.body.scrollTop;sleft=document.body.scrollLeft;}else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {sleft=document.documentElement.scrollLeft;sdown=document.documentElement.scrollTop;}else {sdown=0;sleft=0;}var s=document.getElementById("bod").style;s.top=sdown+"px";s.left=sleft+"px";}window.onresize=set_width;function set_width() {if (typeof(self.innerWidth)=="number") {swide=self.innerWidth;shigh=self.innerHeight;}else if (document.documentElement && document.documentElement.clientWidth) {swide=document.documentElement.clientWidth;shigh=document.documentElement.clientHeight;}else if (document.body.clientWidth) {swide=document.body.clientWidth;shigh=document.body.clientHeight;}}window.onload=function() { if (document.getElementById) {set_width();write_fire();launch();setInterval('stepthrough()', speed);}}// ]]></script>

mude a parte de #COR para dar certo ok :3

espero que tenham gostado.

Tchau :3

20 de ago. de 2012

tutorial - sobra no texto.


Oie :3

trouxe um tutorial que - pessoalmente - eu não gosto, mas tem muitos blogs que usam e tal, é de como deixar o blog todo com texto no texto, espero que gostem ~

vá no seu HTML aperte ctrl + f e procure por body {

abaixo da tag, cole:

text-shadow: 1px 1px 3px #b5b5b5;
-moz-text-shadow: 1px 1px 3px #b5b5b5;
-webkit-text-shadow: 1px 1px 3px #b5b5b5;
edite a seu gosto :) é isso, 

Tchau :3 

17 de ago. de 2012

Tag


Oie :3

então, é a primeira tag do blog õ/ quem me andou foi o blog Geleia de Uva que eu também posto, então sigam ele o-ó

vamos lá ~



Regra:

- Responder as 10 perguntasFazer outras 10 perguntasPassar para 10 blogs.

Perguntas:

1. Seu menino ou menina dos seus sonhos é: alguém legal, que eu goste bastante e que seja bonita.

2. Gosta de qual estilo musical? Pop

3. Prefere bandas ou cantores? Cantores.

4. Tem um estilo próprio? Acho que sim.

5. O que mais admira na sua família? A união.

6. Quer se casar com qual tipo de homem? N a verdade é mulher mas tudo bem -q alguém divertido, legal e bonita.

7. Prefere a realidade ou os sonhos Sonhos.

8. Prefere doces ou salgados? DOCES DOCES DOCES

9. Tem um blog que admira muito? Tem o Dependentes Da Felicidade, Kawaii World e o Gleia De Uva -q

10. Seu sonho é: Me mudar pro Japão.

responda:

1 - qual seu nome inteiro?
2 - Qual a cor da sua camisa agora? 
3 - Do que você mais gosta?
4 - Quantos anos você tem?
5 - Qual o nome do seu melhor amigo (a)?
6 - Qual sua comida favorita?
7 - Por que criou um blog?
8 - Qual a história da sua URL?
9 - Quanto calça?
10 - É menino ou menina?

Outro blogs:


Não consigo pensar em mais nenhum :/ enfim, é isso

Tchau :3

16 de ago. de 2012

PNG's variados


Oie :3

Então... são os meus primeiros png's então deem um desconto ok :3 eu até que gostei deles, sinceramente, achei bem mais fácil fazer do que pensava, se quiserem podem usar á vontade, é só creditar u-u espero que usem ~eu usaria sim e-e~ 

Se quiserem pegar, cliquem nelas para pegar no tamanho original.

aproveitem ~








espero que tenham gostado :)

Tchau :3

15 de ago. de 2012

avatares


Oie :3 

fiz alguns avatares, espero que gostem :3 nem deu trabalho, fiz uns 20, clique nelas para aumentá-las.

aproveitem ~



14 de ago. de 2012

novo layout


Oie :3

e ai, gostaram do novo layout :3333 eu demorei uns 2 dias pra fazê-lo, pra falar a verdade eu adorei ele *^* usei umas cores simples, cinza e azul e um pouquinho de roxo, queria fazer algo mais puxado para "galáxia" mas não deu :c mas enfim, eu adorei principalmente o banner kkk personalizei tudo que pude, negrito itálico sublinhado e tachado

junto com o blockquote
e o leia mais :3 foi o segundo layout que eu fiz, espero que tenham gostado :3 

Tchau :3

texturas.


Oie :3

Trouxe algumas texturas pra vocês, eu acho a textura a parte fundamental do banner, ou blend, acho super legal, trouxe umas 30 mais ou menos, aqui no meu pc tem muitas, espero que gostem

aproveitem ~ 



13 de ago. de 2012

gomen + ilustrações



Oie :3 
gomen pela demora nas postagens, minha internet ta uma bosta uma porcaria D: 
enfim, trouxe algumas ilustrações pra post, espero que gostem :) aproveitem ~

clique na imagem para ampliar e pegar no tamanho original :3


10 de ago. de 2012

tutorial - links em hover



Oie :3

entoun, trouxe um tutorial de como deixar os links em fade como aqui no blog ~da uma olhada ae~ 

então, é fácil. procure por:

a:link { Logo abaixo vai aparecer este código:


a:link {text-decoration:none;color: $(link.color);}a:visited {text-decoration:none;color: $(link.visited.color);}a:hover {text-decoration:underline;color: $(link.hover.color);} 


Apague todo esse trecho e no lugar dele cole esse código:


a:link {color: #E9A1C0; /* Cor do link*/text-decoration: none;-webkit-transition: color 0.7s ease-out;-moz-transition:color 0.7s ease-out;transition: color 0.7s ease-out;}a:visited {color: #33CCCC; /*Cor dos links visitados*/text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}a:hover {color: #707070; /*Cor do link quando passa o mouse*/text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} 


É só substituir as cores e salvar. Mas fazendo apenas isso, o efeito não vai ser aplicado na sidebar. Se quiser que os links da sidebar fiquem assim também, é só procurar pelo código abaixo e apagar ele:

.sidebar .widget a:link {  color: $(widget.link.color);  text-decoration: none;}.sidebar .widget a:visited {  color: $(widget.link.visited.color);}.sidebar .widget a:hover {  color: $(widget.link.color);  text-decoration: underline;} 

espero que tenham gostado, créditos ao chercherry bomb :3 

Tchau :3

8 de ago. de 2012

Bases animadas - BRS


Oie :3

hey hey, trouxe algumas bases animadas do anime Black Rock Shooter - ou BRS, como eu prefiro chamar - espero que gostem, ainda estou melhorando nessa parte, por isso fiz somente 8, com duas bases diferentes, espero que gostem, e se usarem, creditem u-u 

Cliquem nas imagens para ver no tamanho normal ok :3

7 de ago. de 2012

tutorial - borda e opacidade.



Oie :3 

hoje eu trago um tuto de como deixar as imagens com borda e opacidade quando passa o mouse por cima, aqui no blog, é exatamente o contrário, quando você passa o mouse em alguma imagem a opacidade sai e a borda também, dá um efeito muito agradável, espero que gostem ~

1 - Procure por ]]></b:skin> e acima cole:

/*------ IMAGE ANIMATION------*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;}img:hover {filter: alpha(opacity=60);opacity: .6;-webkit-border-top-right-radius:10;-webkit-border-top-left-radius:10;-webkit-border-bottom-right-radius:10;-webkit-border-bottom-left-radius:10;}img:hover {filter: alpha(opacity=60);opacity: .60;border: 0px dotted #000000;border-radius: 10px;-moz-border-radius: 10px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;} 

                                           personalize a vontade e salve :)

                                                                     Tchau :3