011k - Tumblr blog

011k · 7 years ago

Text

Moderadores #5

Coloque esse código acima de </style>:

/*Estilo de moderadores #5 por @chilings. Código protegido por Copyright | Notificado quando há uso do Ctrl+C. Estilo de moderador é original | Proibido qualquer cópia e inspiração. *******************************************************************/ #ch-mod-five{display:block; width:52px; height:52px; border-radius:4px; box-shadow:inset 1px 1px rgba(0,0,0,.1), inset -1px -1px rgba(255,255,255,.5), 1px 1px 1px rgba(0,0,0,.2); overflow:hidden; border:5px solid #F9ECE6; background:url('http://static.tumblr.com/qszodba/tUUoyhpcx/classic-wallpaper-seamless-vintage-flower-pattern.jpg');} /*Imagem do moderador*/ #ch-mod-five .ch-icon img{position:fixed; width:42px; height:42px; margin-top:3px; margin-left:3px; border:2px solid #BAC7AD; box-shadow:1px 1px rgba(0,0,0,.2); transition:1s;} #ch-mod-five:hover .ch-icon img{transition:.6s; transform:scale(.0);} /*Hover: Fundo branco*/ #ch-mod-five .ch-fundo{position:fixed; z-index:1; width:52px; height:0px; background:rgba(255,255,255,.5); transition:.3s;} #ch-mod-five:hover .ch-fundo{height:52px; transition:.6s; transition-delay:.3s;} /*Hover: Nome, Idade*/ #ch-mod-five .ch-nome{position:fixed; margin-top:-90px; width:52px; height:10px; text-align:center; font-family:'Lobster'; font-size:10.4px; color:#C36C75; text-shadow:1px 1px rgba(255,255,255,.5); opacity:0; transition:.3s;} #ch-mod-five:hover .ch-nome{opacity:1; transition:.6s; transition-delay:.8s;} /*Hover: Sobre o moderador*/ #ch-mod-five .ch-about{position:fixed; margin-top:16px; width:52px; height:20px; padding-top:2px; line-height:10px; background:rgba(178,168,133,.5); text-align:center; font-family:'Ubuntu Condensed'; font-size:8px; text-transform:uppercase; color:rgba(0,0,0,.5); text-shadow:1px 1px rgba(255,255,255,.4); opacity:0; transition:.3s;} #ch-mod-five:hover .ch-about{opacity:1; transition:.6s; transition-delay:1.1s;} /*Hover: Url do moderador*/ #ch-mod-five .ch-url a{position:fixed; margin-top:-55px; width:52px; text-align:center; font-family:'Oswald'; font-size:8px; color:#878962; opacity:0; height:10px; transition:.3s;} #ch-mod-five:hover .ch-url a{opacity:1; transition:.6s; transition-delay:1.4s;}

Coloque esse código abaixo de </style>:

Coloque esse código onde quer que apareça o moderador:

<div class="ch-about"> São Paulo-SP <br> Séries e café. </div>

<div class="ch-url"> <a href="" target="_blank">CHILINGS</a> </div> </div> </div>

#moderadores

0 notes

011k · 7 years ago

Text

Moderadores #4

Coloque esse código acima de </style>:

/*Estilo de moderadores #4 por @chilings. Código protegido por Copyright | Notificado quando há uso do Ctrl+C. *******************************************************************/ #ch-mod-four{display:inline-block; width:43px; height:43px; padding:6px; border-radius:43px; background:#D8B1D7; box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.2); overflow:hidden;} #ch-mod-four img{position:fixed; display:inline-block; width:43px; height:43px; border-radius:43px; box-shadow:1px 1px rgba(0,0,0,.2);} #ch-mod-four .ch_hover-one{position:fixed; margin-top:10px; margin-left:0px; width:0px; height:0px; border-radius:43px; background:rgba(255,255,255,.3); z-index:1; transition:.3s;} #ch-mod-four:hover .ch_hover-one{margin-top:0px; width:43px; height:43px; transform:rotate(180deg); transition:.3s;} #ch-mod-four .ch_hover-two{position:fixed; margin-top:10px; margin-left:43px; width:0px; height:0px; border-radius:43px; background:rgba(255,255,255,.4); z-index:2; transition:.5s;} #ch-mod-four:hover .ch_hover-two{margin-top:0px; width:43px; height:43px; margin-left:0px; transform:rotate(1800deg); transition:.5s; transition-delay: .3s;} #ch-mod-four .ch-nome{position:fixed; z-index:3; margin-top:-3px; width:43px; height:10px; line-height:10px; text-align:center; font-family:'Playball'; font-size:14px; color:#7A6B9C; text-shadow:1px 1px rgba(255,255,255,.3); opacity:0; transition:.5s;} #ch-mod-four:hover .ch-nome{margin-top:8px; opacity:1; transition:.5s; transition-delay:1s;} #ch-mod-four .ch-url{position:fixed; z-index:3; margin-top:18px; width:43px; height:10px; line-height:10px; text-align:center; font-family:'Ubuntu Condensed'; font-size:8px; text-transform:uppercase; opacity:0; transition:.6s;} .ch-url a{color:#808080; text-shadow:1px 1px rgba(255,255,255,.3);} #ch-mod-four:hover .ch-url{opacity:1; transition:.6s; transition-delay:.7s;}

Coloque esse código abaixo de </style>:

Coloque esse código onde quer que apareça o moderador:

<div id="ch-mod-four"> <img src="http://api.tumblr.com/v2/blog/URL AQUI.tumblr.com/avatar/96/"> <div class="ch_hover-one"></div> <div class="ch_hover-two"></div> <div class="ch-nome">clau</div> <div class="ch-url"><a href="" title="Visite nosso moderador!" target="_blank">chilings</a></div> </div>

#moderadores

0 notes

011k · 7 years ago

Text

Notes família: #5

Coloque esse código acima de </style>

/* Estilo de notes #5 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-five{margin-top:6px; padding:3px 5px 9px 5px; margin-bottom:-10px; width:209px; height:20px; margin-left:-9px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; transition:.5s;} #ch-note-five a{text-decoration:none;} #ch-note-five .ch-note-barra{display:block; position:absolute; margin-top:2px; margin-left:6px; width:78px; height:1px; border-radius:5px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.3);} #ch-note-five .ch-note-heart{position:absolute; margin-top:0; margin-left:86px;font-size:7px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} #ch-note-five .box01{display:inline-block; position:absolute; margin-top:3px; text-indent:6px; padding:0; font-family:'Oswald'; font-size:12px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3); text-align:center; border-radius:10px; letter-spacing:.3px;} #ch-note-five .box01 i{font-size:7px; margin-top:-6px; margin-right:1px;} #ch-note-five .box02{display:inline-block; position:absolute; margin-top:3px; margin-left:157px; width:30px; height:17px; line-height:17px; padding:0 5px 0 5px; font-size:9px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.3); text-align:center; border-radius:3px;} #ch-note-five .box02 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.2);} #ch-note-five .box02:hover{background:#C2727A;} #ch-note-five .box02 i{font-size:7px; margin-left:1px;} #ch-note-five .box03{display:inline-block; position:absolute; margin-top:3px; width:17px; height:17px; line-height:17px; margin-left:206px; font-size:11px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.2), 1px 1px rgba(255,255,255,.3); text-align:center; border-radius:3px;} #ch-note-five .box03 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.2);} #ch-note-five .box03:hover{background:#71C49A;} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style>

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Notes família: #4

Coloque esse código acima de </style>

/* Estilo de notes #4 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-four{margin-top:0px; padding:0px 5px 0px 5px; margin-left:-10px; width:230px; height:20px; text-transform:uppercase;} #ch-note-four a{text-decoration:none;} #ch-note-four .box01{display:inline-block; position:absolute; float:left; margin-left:2px; margin-top:-8px; font-family:'oswald'; font-size:11px; color:#fff; text-shadow:1px 1px rgba(0,0,0,.3); text-transform:uppercase;} #ch-note-four .box01:first-letter{font-size:30px; color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3); margin-right:-9px; font-family:'Rochester';} #ch-note-four .box02{display:inline-block; position:absolute; float:right; margin-top:4px; margin-left:217px; text-align:center; font-size:15px; padding:3px 8px 3px 4px; background:#DEAB9A; border-radius:3px 0 3px 3px; box-shadow:1px 1px 1px rgba(0,0,0,.2); height:15px;} #ch-note-four .box02 a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.3);} #ch-note-four .box02:before{position:absolute; margin-top:-9px; margin-left:15px; border:6px solid transparent; border-top:6px solid transparent; border-bottom:0px solid transparent; border-left:5px solid #DEAB9A; content:' ';} #ch-note-four .ch-note-span{position:absolute; display:block; text-align:left; margin-top:-2px; margin-left:26px;} #ch-note-four .ch-note-span span{display:inline-block; padding:0px; width:3px; height:3px; border-radius:10px; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.3); margin:1px;} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style>

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Notes família: #3

Coloque esse código acima de </style>

/* Estilo de notes #3 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-three{margin-top:0px; padding:3px 5px 6px 5px; height:12px; line-height:12px; margin-left:90px; margin-bottom:-10px; border-top:2px solid #E8E8E0; border-left:2px solid #E8E8E0; background:#DBC4D6; width:130px; border-radius:8px 0 0 0; box-shadow:-1px -1px 1px rgba(0,0,0,.1);} #ch-note-three a{text-decoration:none;} #ch-note-three .box01{display:inline-block; position:absolute; float:left; margin-left:-102px; margin-top:2px; font-family:'Grand Hotel'; font-size:17px; color:#fff; text-shadow:1px 1px rgba(0,0,0,.3);} #ch-note-three .box02{display:inline-block; margin-left:0px; letter-spacing:.3px; font-family:'Oswald'; font-size:12px; margin-top:2px;} #ch-note-three .box02 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} #ch-note-three .box03{display:inline-block; float:right; letter-spacing:.3px; font-family:'Oswald'; font-size:16px; padding-right:3px;} #ch-note-three .box03 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style>

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Notes família: #2

Coloque esse código acima de </style>

/* Estilo de notes #2 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-two{margin-top:0px; padding:5px; height:15px; line-height:15px; margin-left:-10px; margin-bottom:-10px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; border-top:2px solid #EADFDB; background:#ADAEB0; width:230px;} #ch-note-two a{text-decoration:none;} #ch-note-two .box01{display:inline-block; float:left; width:auto; height:16px; line-height:16px; padding:0 5px 0 5px; background:#D8C2B5; box-shadow:1px 1px 1px rgba(0,0,0,.3); border-radius:3px; text-align:center; color:rgba(0,0,0,.7); text-shadow:1px 1px 1px rgba(255,255,255,.8);} #ch-note-two .box02{display:inline-block; margin-left:5px; font-size:11px;} #ch-note-two .box02 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} #ch-note-two .box03{display:inline-block; float:right; font-size:12px; letter-spacing:.3px;} #ch-note-two .box03 a{color:rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.3);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style> (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Notes família: #1

Coloque esse código acima de </style>

/* Estilo de notes #1 por @Chilings Design original, recuse imitações. Não retire os créditos! */ #ch-note-one{margin-top:0px; padding:0px 5px 0 5px; height:15px; line-height:15px; margin-left:-10px; margin-bottom:-10px; font-family:'Oswald'; font-size:10px; text-transform:uppercase; width:230px;} #ch-note-one a{text-decoration:none;} #ch-note-one .ch-note-span{display:block; text-align:center; margin-bottom:3px; width:230px;} #ch-note-one .ch-note-span span{display:inline-block; padding:0px; width:3px; height:3px; border-radius:10px; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.1); margin:1px;} #ch-note-one .box01{display:inline-block; float:left; width:40px; height:16px; line-height:16px; padding:0 3px 0 0; background:rgba(0,0,0,.4); box-shadow:1px 1px rgba(255,255,255,.1); border-radius:3px; text-align:center; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.7);} #ch-note-one .box02{display:inline-block; margin-left:-4px; font-size:9px;} #ch-note-one .box02 a{color:#ffd7d7; text-shadow:1px 1px 1px rgba(0,0,0,.7);} #ch-note-one .box03{display:inline-block; float:right; font-size:12px; letter-spacing:.3px;} #ch-note-one .box03 a{color:rgba(0,0,0,.6); text-shadow:1px 1px rgba(255,255,255,.1);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

Coloque esse código acima de </div> que está antes de {/block:Posts}

Clique para pegar o código

Coloque esse código abaixo de </style> (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Notes hover: #2 (fotos)

Coloque esse código acima de </style>:

/* Estilo de notes hover #2 por @Chilings Design original, recuse imitações. Não retire os créditos! */ .ch-fnotes-two{position:absolute; display:block; height:60px; transition:.3s; opacity:0; overflow:hidden; transition:1s; /***PRESTEM ATENÇÃO AQUI*** NO LUGAR DE >> 190 << TROQUE PELO VALOR DE WIDTH DA CAIXA DE POSTS DO SEU THEME*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/width:190px; background:-webkit-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0)); background:-o-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0))); background:-moz-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0))); background:linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0)));} .DIV DA SUA CAIXA DE POST:hover .ch-fnotes-two{opacity:1; transition:.3s;} .ch-fnotes-two .ch-date{display:block; margin-top:5px; margin-left:-300px; text-align:left; text-indent:5px; font-size:10px; text-shadow:1px 1px 2px rgba(0,0,0,.8); font-family:'Ubuntu Condensed'; transition:1s;} .ch-date a{color:#fff; text-transform:uppercase;} .DIV DA SUA CAIXA DE POST:hover .ch-date{margin-left:0px; transition:1s;} .ch-fnotes-two .ch-info{display:block; margin-top:1px; margin-left:-500px; text-align:left; font-size:10px; text-shadow:1px 1px 2px rgba(0,0,0,.8); font-family:'Ubuntu Condensed'; text-transform:uppercase; transition:1s;} .ch-fnotes-two .ch-info a{color:PINK; text-transform:uppercase;} .DIV DA SUA CAIXA DE POST:hover .ch-info{margin-left:5px; transition:1s;}

Coloque esse código abaixo de </style>:

Coloque esse código abaixo de {block:Photo} e {block:Photoset}

Clique para pegar o código

***Não se esqueça de trocar todos os “DIV DA SUA CAIXA DE POST” pela palavra que está entre aspas da div abaixo de {block:Posts}

0 notes

011k · 7 years ago

Text

Notes hover: #1 (fotos)

Coloque esse código acima de </style>:

/* Estilo de notes hover #1 por @Chilings Design original, recuse imitações. Não retire os créditos! */ .ch-fnotes-one{position:absolute; display:block; height:50px; transition:.3s; opacity:0; overflow:hidden; /***PRESTEM ATENÇÃO AQUI*** NO LUGAR DE >> 200 << TROQUE PELO VALOR DE WIDTH DA CAIXA DE POSTS DO SEU THEME*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/width:200px; background:-webkit-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0)); background:-o-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0))); background:-moz-linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0))); background:linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0)));} .DIV DA SUA CAIXA DE POST:hover .ch-fnotes-one{opacity:1; transition:.3s;} .ch-fnotes-one .ch-date{display:block; margin-top:-20px; text-align:center; text-indent:5px; color:#D9BDA7; font-size:15px; text-shadow:1px 1px 2px rgba(0,0,0,.5); font-family:'Rochester'; letter-spacing:.5px; transition:.8s;} .ch-date a{color:#D9BDA7;} .DIV DA SUA CAIXA DE POST:hover .ch-date{margin-top:5px; transition:.8s;} .ch-fnotes-one .ch-info{display:block; margin-top:-50px; text-align:center; text-indent:5px; color:#D9BDA7; font-size:11px; text-shadow:1px 1px 2px rgba(0,0,0,.5); font-family:'Oswald'; text-transform:uppercase; transition:1s; letter-spacing:.5px;} .ch-fnotes-one .ch-info a{color:#eee; text-transform:uppercase;} .DIV DA SUA CAIXA DE POST:hover .ch-info{margin-top:1px; transition:1s;}

Coloque esse código abaixo de </style>:

Coloque esse código abaixo de {block:Photos} e {block:Photoset}:

<div class="ch-fnotes-one"> <div class="ch-date"> <a href="{Permalink}"> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} </a> </div> <div class="ch-info"> {NoteCount} <a href="{ReblogURL}">Reblog!</a> </div> </div>

****Não esqueça de substituir o “DIV DA SUA CAIXA DE POST” pelo nome da div que está ABAIXO de {block:Posts} (o nome da div é a palavra que está entre aspas)

0 notes

011k · 7 years ago

Text

Moderadores: #3.1, #3.2 e #3.3

Coloque esse código (de acordo com o modelo escolhido) acima de </style>:

Estilo 3.1

/* Estilo de moderadores #3.1 por @chilings Design original, recuse imitações! Não retire os créditos */ #ch-mod-three-1{display:inline-block; width:43px; height:43px; padding:7px; background:#A8B9CC; box-shadow:inset 1px 1px 1px rgba(0,0,0,.3), 1px 1px 1px rgba(255,255,255,.3); overflow:hidden;} #ch-mod-three-1 img{position:fixed; display:inline-block; width:43px; height:43px; box-shadow:1px 1px 1px rgba(0,0,0,.5);} #ch-mod-three-1 .ch-mod1-hover{position:fixed; margin-top:0px; margin-left:0px; width:43px; height:0px; background:rgba(0,0,0,.5); text-align:center; font-family:calibri; text-shadow:-1px -1px rgba(0,0,0,.5); font-size:11px; letter-spacing:.5px; font-weight:bold; font-style:italic; overflow:hidden; transition:1s;} .ch-mod1-hover a{color:#fff;} #ch-mod-three-1:hover .ch-mod1-hover{height:43px; transition:.3s;} .ch-mod1-hover .ch-mod1-nome{display:block; margin-top:-20px; margin-left:0px; width:43px; text-align:center; font-family:'Calibri'; text-shadow:-1px -1px rgba(0,0,0,.5); font-size:11px; letter-spacing:.5px; font-weight:bold; font-style:italic; overflow:hidden; transition:1s;} .ch-mod-nome a{color:#fff;} #ch-mod-three-1:hover .ch-mod1-nome{margin-top:25px; transition:1s;}

Estilo 3.2

/* Estilo de moderadores #3.2 por @chilings Design original, recuse imitações! Não retire os créditos */ #ch-mod-three-2{display:inline-block; width:43px; height:43px; padding:7px; background:#A8B9CC; box-shadow:inset 1px 1px 1px rgba(0,0,0,.3), 1px 1px 1px rgba(255,255,255,.3); overflow:hidden;} #ch-mod-three-2 img{position:fixed; display:inline-block; width:43px; height:43px; box-shadow:1px 1px 1px rgba(0,0,0,.5);} #ch-mod-three-2 .ch-mod2-hover{position:fixed; margin-top:0px; margin-left:0px; width:0px; height:43px; background:rgba(0,0,0,.5); overflow:hidden; transition:1s;} #ch-mod-three-2:hover .ch-mod2-hover{width:43px; transition:.3s;} .ch-mod2-hover .nome2{display:block; margin-top:29px; margin-left:-60px; width:40px; text-align:right; font-family:calibri; text-shadow:-1px -1px rgba(0,0,0,.5); font-size:11px; letter-spacing:.5px; font-weight:bold; font-style:italic; overflow:hidden; text-transform:capitalize; transition:1.2s; opacity:1;} .nome2 a{color:#fff;} #ch-mod-three-2:hover .nome2{margin-left:0px; opacity:1; transition:1s;}

Estilo 3.3

/* Estilo de moderadores #3.3 por @chilings Design original, recuse imitações! Não retire os créditos */ #ch-mod-three-3{display:inline-block; width:43px; height:43px; padding:7px; background:#A8B9CC; box-shadow:inset 1px 1px 1px rgba(0,0,0,.3), 1px 1px 1px rgba(255,255,255,.3); overflow:hidden;} #ch-mod-three-3 img{position:fixed; display:inline-block; width:43px; height:43px; box-shadow:1px 1px 1px rgba(0,0,0,.5);} #ch-mod-three-3 .ch-mod-hover{position:fixed; margin-top:0; margin-left:0; width:43px; height:43px; overflow:hidden; transition:1s;} #ch-mod-three-3:hover .ch-mod-hover{background:rgba(0,0,0,.5); transition:.3s;} .ch-mod-hover .nome{display:block; margin-top:18px; margin-left:-60px; width:41px; text-align:left; font-family:'Oswald'; text-shadow:1px 1px rgba(0,0,0,.5); font-size:12px; letter-spacing:.5px; transition:1.2s; text-transform:uppercase; opacity:1; color:#A8B9CC;} #ch-mod-three-3:hover .nome{margin-left:2px; opacity:1; transition:1s;} .ch-mod-hover .url{display:block; margin-top:-2px; margin-left:-100px; width:41px; text-align:left; font-family:'Ubuntu Mono'; text-shadow:1px 1px rgba(0,0,0,.5); font-size:8px; letter-spacing:.5px; transition:1.2s; opacity:1;} .url a{text-transform:uppercase;color:#fff;} #ch-mod-three-3:hover .url{margin-left:2px; opacity:1; transition:1s;}

Coloque esse código onde quer que apareça os moderadores:

3.1: Clique para pegar o código

3.2: Clique para pegar o código

3.3: Clique para pegar o código

MODELO 3.3 CÓDIGO EXTRA: Coloque esse código abaixo de </style>: (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Moderadores #2

1. Coloque esse código acima de </style>:

/* Estilo de moderadores #2 por @chilings Design original, recuse imitações! Não retire os créditos */ #ch-mod-two{display:inline-block; width:43px; height:43px; padding:7px; background:#1a1a1a; box-shadow:inset 1px 1px 2px rgba(0,0,0,.5), 1px 1px 2px rgba(255,255,255,.2); overflow:hidden; margin:6px;} #ch-mod-two img{position:fixed; display:inline-block; width:43px; height:43px; box-shadow:1px 1px 1px rgba(0,0,0,.7); margin-bottom:8px;} #ch-mod-two .ch-mod-hover{position:fixed; width:55px; height:1px; background:#1a1a1a; margin-top:48px; margin-left:-5px; transition:1s;} #ch-mod-two:hover .ch-mod-hover{margin-top:-5px; height:55px; transition:1s;} .ch-mod-about{position:fixed; width:55px; height:55px; margin-top:-5px; margin-left:-5px; opacity:0; transition:1s;} .ch-mod-about a{color:#eee; text-shadow:1px 1px rgba(0,0,0,.2); font-weight:bold;} .ch-mod-about clau-nome{display:block; margin-top:1px; width:55px; text-align:center; font-family:'Calibri'; font-weight:bold; color:#E3B3B5; font-size:10px; background:rgba(0,0,0,.2); color:#E3B3B5; text-shadow:1px 1px rgba(0,0,0,.4); line-height:10px; padding:2px 0 2px 0;} #ch-mod-two:hover .ch-mod-about{margin-top:18px; opacity:1; transition:1s;}

2. Coloque esse código onde quer que apareça os moderadores:

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Moderadores #1

1. Coloque esse código acima de </style>:

/* Estilo de moderadores #1 por @chilings Design original, recuse imitações! Não retire os créditos */ #ch-mod-one{display:inline-block; width:55px; height:55px; border:5px solid #EBBABD; background:#EEE; overflow:hidden; margin:5px; box-shadow:2px 2px rgba(0,0,0,.1); transition:1s;} #ch-mod-one img{position:fixed; display:inline-block; margin-left:0px; margin-top:0px; width:55px; height:55px; outline:5px solid rgba(0,0,0,.2); outline-offset:-5px;} #ch-mod-one .ch-mod-hover{position:fixed; width:45px; height:0px; background:rgba(255,255,255,.3); margin-top:5px; margin-left:5px; transition:1s;} #ch-mod-one:hover .ch-mod-hover{height:45px; transition:.2s;} #ch-mod-one .ch-mod-about{position:fixed; margin-top:0px; margin-left:7px; width:46px; text-align:left; font-family:'Ubuntu Mono'; color:#927345; font-size:9px; color:#fff; text-shadow:1px 1px rgba(0,0,0,.1); line-height:12px; transition:1s; opacity:0; text-transform:uppercase; text-indent:0px;} #ch-mod-one .ch-mod-about a{color:#fff; text-shadow:1px 1px rgba(0,0,0,.1);} #ch-mod-one:hover .ch-mod-about{margin-top:27px; opacity:1; height:24px; transition:1s;}

2. Coloque esse código abaixo de </style>: (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

3. Coloque esse código onde quer que apareça os moderadores:

Clique para pegar o código

0 notes

011k · 7 years ago

Text

Código: Ask #4

1. Coloque esse código acima de </style>:

/* Estilo de ask #4 por @Chilings Design original, recuse imitações. Não retire os créditos! */ /*Detalhes*/ .ch-ask-four-span{display:block; margin-top:2px; float:right; text-align:right;} .ch-ask-four-span span{display:inline-block; float:right; margin-right:4px; width:3px; height:3px; border-radius:3px; background:rgba(0,0,0,.1); box-shadow:inset 1px 1px rgba(0,0,0,.3), 1px 1px rgba(255,255,255,.1);}/*Pergunta*/ .ch-ask-four-pergunta{display:block; margin-top:9px; background:#1a1a1a; padding:10px 10px 15px 10px; border-radius:5px; letter-spacing:.6px; text-shadow:1px 1px rgba(0,0,0,.8); box-shadow:inset 1px 1px rgba(0,0,0,.3), 1px 1px rgba(255,255,255,.1); text-indent:23px; text-transform:uppercase; font-size:9px; font-family:'Calibri'; letter-spacing:.6px;}.ch-ask-four-perguntou{display:block; margin-left:0px; margin-top:0px;} /*Icon da pegunta*/.ch-ask-four-perguntou .pimg{position:absolute; margin-top:0; z-index:1;} .ch-ask-four-perguntou .pimg img{width:20px; height:20px; border-radius:4px; border:3px solid #C59498; box-shadow:2px 2px #333, 3px 3px 1px rgba(0,0,0,.4);} /*Url de quem perguntou*/.ch-ask-four-perguntou .purl{position:absolute; margin-top:0px; margin-left:12px; text-indent:16px; padding:3px 5px 3px 3px; text-transform:uppercase; font-size:8px; font-family:'Calibri'; letter-spacing:.6px; background:#C59498; border-radius:0 8px 4px 4px; box-shadow:1px 1px 1px rgba(0,0,0,.8); color:#fff; text-shadow:1px 1px rgba(0,0,0,.6);} .purl a{text-transform:uppercase; color:#fff; text-shadow:1px 1px rgba(0,0,0,.6);}/*Seta da resposta*/ .ch-ask-four-name{display:block; margin-top:5px; font-family:'Grand Hotel'; font-size:15px; color:#C59498; text-shadow:1px 1px rgba(0,0,0,.7); margin-right:14px; text-align:right;}/*Resposta*/ .ch-ask-four-resposta{display:block; margin-top:-2px; padding:10px; letter-spacing:.6px; border-radius:5px; background:#333; box-shadow:1px 1px 1px rgba(0,0,0,.8); text-shadow:1px 1px rgba(0,0,0,.7); text-transform:uppercase; font-size:9px; font-family:'Calibri'; letter-spacing:.6px;} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

2. Coloque esse código dentro de {block:Answer} e {block:Answer} (se tiver outro código além da ask, não apague, apague somente o da ask)

Clique para apegar o código

3. Coloque esse código abaixo de </style>: (Clique na barra preta que está na parte inferior do site, onde está escrito 1 Family Selected e copie o código na caixa do STANDARD)

Clique para pegar o código

*Qualquer dúvida ou erro, mande uma ask.

0 notes

011k · 7 years ago

Text

Código: Ask #3

1. Coloque esse código acima de </style>:

/* Estilo de ask #3 por @Chilings Design original, recuse imitações. Não retire os créditos! */ /*Pergunta*/ .ch-ask-three-pergunta{display:block; margin-left:6px; background:#1a1a1a; padding:10px 10px 15px 10px; border-radius:5px; letter-spacing:.6px; text-shadow:1px 1px 2px rgba(0,0,0,.8); box-shadow:inset 1px 1px rgba(0,0,0,.3), 1px 1px rgba(255,255,255,.1);} .ch-ask-three-perguntou{display:block; margin-left:0px; margin-top:-13px;} /*Icon da pegunta*/ .ch-ask-three-perguntou .pimg{position:absolute; margin-top:0; z-index:1;} .ch-ask-three-perguntou .pimg img{width:20px; height:20px; border-radius:30px; border:2px solid #000; box-shadow:2px 2px #C59498, 3px 3px 1px rgba(0,0,0,.4);} /*Url de quem perguntou*/.ch-ask-three-perguntou .purl{position:absolute; margin-top:8px; margin-left:10px; text-indent:16px; padding:3px 5px 3px 3px; text-transform:uppercase; font-size:8px; font-family:'Calibri'; letter-spacing:.6px; background:#C59498; border-radius:0 4px 4px 4px; box-shadow:1px 1px 1px rgba(0,0,0,.8); color:#fff; text-shadow:1px 1px rgba(0,0,0,.6);} .purl a{text-transform:uppercase; color:#fff; text-shadow:1px 1px rgba(0,0,0,.6);} /*Seta da resposta*/ .ch-ask-three-seta{display:block; margin-top:13px; margin-left:170px; width:0; height:0; border:10px solid transparent; border-bottom:10px solid #333; content:' ';} /*Resposta*/ .ch-ask-three-resposta{display:block; margin-top:0px; padding:10px; letter-spacing:.6px; font-family:'Calibri'; border-radius:5px; background:#333; box-shadow:1px 1px 1px rgba(0,0,0,.8); text-shadow:1px 1px 2px rgba(0,0,0,.6);} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

2. Coloque esse código dentro de {block:Answer} e {block:Answer} (se tiver outro código além da ask, não apague, apague somente o da ask)

Clique para apegar o código

*Qualquer dúvida ou erro, mande uma ask.

0 notes

011k · 7 years ago

Text

Código: Ask #2

1. Coloque esse código acima de </style>:

/* Estilo de ask #2 por @Chilings Design original, recuse imitações. Não retire os créditos! */ /*Pergunta*/ .ch-ask-two-pergunta{display:block; background:#f6f6f6; padding:10px; font-size:10px; border-radius:5px; font-family:'Calibri'; letter-spacing:1px; text-transform:uppercase;} .ch-ask-two-pergunta a{text-transform:uppercase; color:#C7A7A5; font-weight:bold;} /*Seta da pergunta*/ .ch-ask-two-seta{display:block; margin-top:0px; margin-left:30px; width:0; height:0; border:5px solid transparent; border-right:9px solid transparent; border-top:15px solid #f6f6f6; content:' '; border-left:0px solid transparent;} /*Icon da pegunta*/ .ch-ask-two-perguntou{display:block; margin-left:40px; margin-top:-16px;} .ch-ask-two-perguntou .pimg{display:inline-block;} .ch-ask-two-perguntou .pimg img{display:inline-block; width:20px; height:20px; border-radius:30px;} .ch-ask-two-perguntou .purl{display:inline-block; position:absolute; padding:0; margin-top:4px; margin-left:4px; text-transform:uppercase; font-size:10px; font-family:'Calibri'; letter-spacing:.6px;} .purl a{text-transform:uppercase;} /*Resposta*/ .ch-ask-two-resposta{display:block; padding:2px; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-family:'Calibri';} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

2. Coloque esse código dentro de {block:Answer} e {block:Answer} (se tiver outro código além da ask, não apague, apague somente o da ask)

Clique para apegar o código

*Qualquer dúvida ou erro, mande uma ask.

0 notes

011k · 7 years ago

Text

Código: Ask #1

1. Coloque esse código acima de </style>:

/* Estilo de ask #1 Tumblr Dash - Adaptado por @Chilings Design original, recuse imitações. Não retire os créditos! */ /*Pergunta*/ .ch-ask-one-pergunta{display:inline-block; width:150px; background:#f6f6f6; padding:10px; font-size:10px; border-radius:5px; font-family:'Calibri'; letter-spacing:1px; text-transform:uppercase;} .ch-ask-one-pergunta a{text-transform:uppercase; color:#C7A7A5; font-weight:bold;} /*Seta da pergunta*/ .ch-ask-one-pergunta:before{position:absolute; margin-top:5px; margin-left:160px; border:10px solid transparent; border-left:10px solid #f6f6f6; content:' ';} /*Icon da pegunta*/ .ch-ask-one-perguntou{float:right; display:inline-block; margin-top:8px; font-size:8px; text-transform:uppercase;} .ch-ask-one-perguntou img{width:25px; height:25px; border-radius:30px; border:3px solid #C7A7A5;} /*Resposta*/ .ch-ask-one-resposta{display:block; padding:2px; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-family:'Calibri';} /*Chilings - Chilings - Chilings - Chilings - Chilings - Chilings - Chilings*/

2. Coloque esse código dentro de {block:Answer} e {block:Answer} (se tiver outro código além da ask, não apague, apague somente o da ask)

Clique para apegar o código

*Dependendo da codificação do seu theme, será necessário alterar o valor de "WIDTH". **Qualquer dúvida ou erro, mande uma ask.

0 notes