PNG's SoMic para a @rbrnocoracao12

AVATARES SOMIC para a @rbrnocoracao12

BG's SoMic para a @rbrnocoracao12

1º Opção

 2º Opção

 

---Click na imagem para ampliar
--- Salve
---Não Retire os Créditos
--- Espero Que goste
--- Comeente c gostar muito !

 

PNG dos Rebeldes ( Sophia a. , Lua B. , Mel F. , Arthur A.,Micael B.,Chay S.)

 Click nos PNG para ampliar e salve no tamanho original' Click em Leia Mais Para ver a continuação dos PNG's

PNG's da Demi Lovato e Mel Fronckowiak

Titulo Gadget'

Tem vezes que bate aquela falta falta de criatividade na hora personalizar a sidebar não é? O post de hoje vai ajudar um pouco nessas horas. Trouxe alguns estilos prontos para os títulos dos gadgets. Para usá-los é só copiar o código que gostar mais, e colar em um gadget de HTML/Javascript em seu blog. Bem fácil não é? Confira abaixo os estilos, espero que gostem!

Estilo 1

<style>
/*Inicio título dos gadgets*/
.sidebar h2 {
  font-family: Verdana;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
text-align: right;
  color: #A71BDE; /*Cor da fonte*/
background: #EAE4ED; /*Cor do fundo*/
padding-right: 5px;
border-radius: 15px;
border-top: 3px solid #D1CBD4; /*Cor da borda de cima*/
border-right: 2px solid #D1CBD4; /*Cor da borda da direita*/
margin-bottom: 5px;
/* Estilos para titulo dos gadgets por www.bombadecereja.tk  Não retire os créditos */ }
</style>

Estilo 2

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Georgia;
font-style: italic;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #BAE0E8; /*Cor da fonte*/
border-left: 10px solid #FF78D6; /*Cor da barrinha lateral*/
padding-left: 5px;
margin-bottom: 5px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

Estilo 3

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Verdana;
font-size: 14px;
text-align: left;
color: #40250A; /*Cor da fonte*/
font-weight: normal;
background: #FFCCDF url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*Cor de fundo e imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
border-top: 3px solid #FA3497; /*Borda do topo*/
/*Estilo para titulo dos gadgets por www.bombadecereja.tk Não retire os créditos*/}
</style>

.sidebar h2 {
background: #E6E6FA;
color: #9370DB;
border-bottom: 2px solid #9370DB;
font-weight: normal;
text-align: center;
font-family: tahoma;
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-left-radius: 0;
}

Creditos : Sweet Poison e Cherry Bomb

AVISO

Oiiê meus churros , como vocês estão ? espero q bem , meu amorecos queria avisar que até dia 13/08 eu não vou entrar direito no blog , pois minhas avaliações já começaram ... vou deixar disponivel o meu horario de prova pra vocês '
 27/07 - Português e Religião 
 30/07 - Geografia e Inglês 
02/08 - Matemática 
03/08 - História

Ganhamos nosso 1º selinho \o/

Obrigada My World Of Backgrounds <3

Regras :

1° Só quem recebeu o selinho de outro blog pode postá-lo

2° Se você ganhar o selinho poste também está 5 regras
3° Repasse para 8 blogs é avise-os
4° Blog de origem Assunto de Garota
5° Dizer quem te mandou e colocar o Link

Os 8 blogs que eu escolho:

1º My World Of  Backgrounds

2º Cantinho Background Rebelde Brasil

3º Portal dos Bg's

4º Backgrounds & Cia

Só escolhi 4 '

Divulgação

Bora fazer download de músicas aqui ? ( http://frangocds.blogspot.com.br/ )

Divulgação a pedido de : Agenor Gomes e Leonardo Augusto

Facebook

Agora também  estamos no Facebook , curta a nossa pagina lá =D
https://www.facebook.com/BackgroundsTeen

BG para @Lua_Minha_Leoa

---Cliquem para ampliar e salvar no tamanho original.

---Não retire os créditos

---Espero que goste !

BG para @LoveChayL + Desculpas

---Cliquem para ampliar e salvar no tamanho original.

---Não retire os créditos

---Espero que goste !


 Meus churros me desculpem por não ter mais postado no blog,pois esses dias foram muitos corridos para mim . Desculpa ?

Bg para a @Agito_LuaBlanco

---Click na imagem para ampliar
--- Salve
---Não Retire os Créditos
--- Espero Que goste
--- Comeente c gostar muito !

Parabéns + Aviso para @LuinhaBlancoRBD , @WeLoveChay17 @iLauraLeao e @ArthurAMyBaby

Olá minhas pipoquinhas  , hoje o nosso blog está fazendo 1 mês , 1 mês que estou atendendo o seu pedido , 1 mês de muiiiiiiiita alegria e gostaria de agradecer ! 

Obrigada !!!!!!!!!!!!!!!!!!!!!!!!!

Galera q se inscreveu para ser moderador do blog , enviem o link de 1 BG que você fez , para o resultado final ! Beijokas

Tutorial: título da postagem no centro

Oi gente! Hoje eu trouxe um tutorial super fácil, que é colocar o título da postagem no cetro. Vi um blog assim (esqueci o nome :s) e me deu uma super curiosidade rs. Fiquei tentando um monte de coisa e testei até alcançar o meu objetivo. 

Bem então vamos lá! 

Tutorial: Conteúdo escondido (exemplo o C-box)

             

Olá chocolates *-*
Vou ensinar como eu fiz esse efeito no c-box:
                                       
Vamos ao tutorial?

Aprenda a fazer silhuetas.

"Resultado"

"Tutorial":

Abra o photoscape → Abra o fundo transparente → Vá para a ala 'Objeto' → Fotografia (Morrinho com sol) → Foto → Abra uma foto → 'Foto+Objeto' → Vá para 'inicio' → Clique no centro do botão 'Brilho, Cor' → Vai abrir uma caixinha → Ajuste os botões assim (Print) → Clique em 'Ok' e esta pronta a sua silhueta.

Não me lembro onde peguei essa tuto eu acho q foi no Cantinho dos Backgrounds

BG para a @IPhoneDaPerola

Click na imagem Para Ampliar e salva no tamanho original 

         *Espero que goste! 
                  *Não retire os créditos   
                       *Se gostar comente ♥

Cabeção '

Foto em adicinar gadget

Oiê , demorei o maior tempão pra descobrir como colocar imagem no no blog ... vou ensinar agora pra você!

Vá em Design > Adicionar Gadget > HTML/JavaScript e coloque o seguinte link 

<div align="center"><img src="LINK DA SUA IMAGEM" border="0" /><br /></div>

Depois aperte em SALVAR , e pronto ! Sua  imagem já estará lá.

Obs: Pode ser gif !

Fonte: Backgrounds Teen '

Duvidas ? Comente !

Estrelinhas caindo do mouse: efeito arco-íris

Olá gente! Estava num blog e vi estrelinhas caindo do mouse com efeito arco-iris, achei bem legal, então entrei em outro blog e ele ensinava. Vou ensinar como colocar:

1- Copie este código :

<script type='text/javascript'>

// <![CDATA[

function initCursor() {

if (document.getElementById) {

var i, rats, rlef, rdow;

for (var i=0; i<sparkles; i++) {

var rats=createDiv(3, 3);

rats.style.visibility="hidden";

document.body.appendChild(tiny[i]=rats);

starv[i]=0;

tinyv[i]=0;

var rats=createDiv(5, 5);

rats.style.backgroundColor="transparent";

rats.style.visibility="hidden";

var rlef=createDiv(1, 5);

var rdow=createDiv(5, 1);

rats.appendChild(rlef);

rats.appendChild(rdow);

rlef.style.top="2px";

rlef.style.left="0px";

rdow.style.top="0px";

rdow.style.left="2px";

document.body.appendChild(star[i]=rats);

}

set_width();

sparkle();

}}

var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")

var r=1

var g=1

var b=1

var seq=1

var sparkles = 35;

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var tiny=new Array();

var star=new Array();

var starv=new Array();

var starx=new Array();

var stary=new Array();

var tinyx=new Array();

var tinyy=new Array();

var tinyv=new Array();

function sparkle() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<sparkles; c++) if (!starv[c]) {

star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";

star[c].style.clip="rect(0px, 5px, 5px, 0px)";

star[c].style.visibility="visible";

starv[c]=50;

break;

}

}

for (c=0; c<sparkles; c++) {

if (starv[c]) update_star(c);

if (tinyv[c]) update_tiny(c);

}

setTimeout("sparkle()", 40);

}

function update_star(i) {

if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";

if (starv[i]) {

stary[i]+=1+Math.random()*3;

if (stary[i]<shigh+sdown) {

star[i].style.top=stary[i]+"px";

starx[i]+=(i%5-2)/5;

star[i].style.left=starx[i]+"px";

}

else {

star[i].style.visibility="hidden";

starv[i]=0;

return;

}

}

else {

tinyv[i]=50;

tiny[i].style.top=(tinyy[i]=stary[i])+"px";

tiny[i].style.left=(tinyx[i]=starx[i])+"px";

tiny[i].style.width="2px";

tiny[i].style.height="2px";

star[i].style.visibility="hidden";

tiny[i].style.visibility="visible"

}

}

function update_tiny(i) {

if (--tinyv[i]==25) {

tiny[i].style.width="1px";

tiny[i].style.height="1px";

}

if (tinyv[i]) {

tinyy[i]+=1+Math.random()*3;

if (tinyy[i]<shigh+sdown) {

tiny[i].style.top=tinyy[i]+"px";

tinyx[i]+=(i%5-2)/5;

tiny[i].style.left=tinyx[i]+"px";

}

else {

tiny[i].style.visibility="hidden";

tinyv[i]=0;

return;

}

}

else tiny[i].style.visibility="hidden";

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sdown;

x=(e)?e.pageX:event.x+sleft;

}

function set_scroll() {

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;

}

}

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;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

rainbow="#"+hex[r]+hex[g]+hex[b]

if (seq==6){

b--

if (b==0)

seq=1

}

if (seq==5){

r++

if (r==12)

seq=6

}

if (seq==4){

g--

if (g==0)

seq=5

}

if (seq==3){

b++

if (b==12)

seq=4

}

if (seq==2){

r--

if (r==0)

seq=3

}

if (seq==1){

g++

if (g==12)

seq=2

}

div.style.position="absolute";

div.style.height=height+"px";

div.style.width=width+"px";

div.style.overflow="hidden";

div.style.zIndex="10";

div.style.backgroundColor=rainbow;

return (div);

}

window.onload=function()

{

initCursor()

initImage()

startTime()

}

function initImage() {

imageId = 'menu'

image = document.getElementById(imageId);

setOpacity(image, 0);

image.style.visibility = "visible";

fadeIn(imageId,0);

}

function fadeIn(objId,opacity) {

if (document.getElementById) {

obj = document.getElementById(objId);

if (opacity <= 100) {

setOpacity(obj, opacity);

opacity += 10;

window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);

}

}

}

function setOpacity(obj, opacity) {

opacity = (opacity == 100)?99.999:opacity;

// IE/Win

obj.style.filter = "alpha(opacity:"+opacity+")";

// Safari<1.2, Konqueror

obj.style.KHTMLOpacity = opacity/100;

// Older Mozilla and Firefox

obj.style.MozOpacity = opacity/100;

// Safari 1.2, newer Firefox and Mozilla, CSS3

obj.style.opacity = opacity/100;

}

function changeNav(id) {

document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;

document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;

document.getElementById('rabbit').style.top="275px"

document.getElementById('penguin').style.top="532px"

}

function hidestatus(){

window.status=""

return true

}

// ]]>

</script>

<script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener("load",

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent('onload', function(){ object[attribute] = val; });

}

}

function showRelatedContent(args) {

var el = document.getElementById('related-iframe');

if (el.parentNode.style.display != 'none') {

el.parentNode.style.display = 'none';

document.onclick = showRelatedContent.prevOnClick;

return;

}

var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);

if (match !== null) {

document.getElementById('related-loading').style.left = match[1] + 'px';

el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';

}

el.src = "http://www.blogger.com"

+ '/related-content.g?q='

+ window.location.href

+ '&id=' + "7792698363959436653";

el.parentNode.style.display = 'block';

showRelatedContent.prevOnClick = document.onclick;

// Hide related-content dropdown when clicking anywhere but on it.

document.onclick = function() {

var el = document.getElementById('related-iframe');

if (el.parentNode.style.display != 'none') {

el.parentNode.style.display = 'none';

}

document.onclick = showRelatedContent.prevOnClick;

};

}

</script></div></div>

2- Vá em Design- Adicionar um gadget- HTML/JavaScript Cole o código(não coloque titulo)

Como colocar barra de rolagem no blog.

Olá gente ! Vou ensinar á vcs como colocar barras de rolagens lindas em seus blogs de 2 maneiras: redonda (rosa) e quadrada (lilás)
 

Bom, primeiro eu vou ensinar a redonda:


Vá em Design> Editar HTML E procure por:
]]></b:skin>Acima dele cole este código:

::-webkit-scrollbar-thumb:vertical {
background: #e7b3c2;height:50px;
border: 2px solid #fff;box-shadow: 2px 2px 4px #bebdbd;
-moz-box-shadow: 2px 2px 4px #bebdbd;
-webkit-box-shadow: 2px 2px 4px #bebdbd;
-khtml-box-shadow: 2px 2px 4px #bebdbd;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#f26d92; height:10px;
border: 1px dashed #fff;
-webkit-box-shadow:0 0 1em #eee; }:
::-webkit-scrollbar {height:10px; width:20px; background: url(fundo da barra de rolagem) repeat;box-shadow: -3px -2px 10px #bebdbd;
-moz-box-shadow: -3px -2px 10px #bebdbd;
-webkit-box-shadow: -3px -2px 10px #bebdbd;
-khtml-box-shadow: -3px -2px 10px #bebdbd;}

Vamos entender o código agora:
1: O cdigo destacado de ROXO  é a cor da barra de rolagem.
2: o código destacado de VERMELHO é a borda da barra de rolagem.
3: O código destacado de AZUL é o plano de fundo da barra de rolagem.