Discover Top Posts Tagged with #modelo de ask

Popular Recent

A pergunta fica aqui :)

Esse theme tem algumas opções.

Ter 2 ou 3 colunas

Se quer com rolagem infinita ou não

Ter paginação

Entre outras como fade na imagem, cursor personalizado e o menu para redes sociais.

Faça bom uso, enjoy.

CODE - AVISE - MEUS - MORE THEMES

#modelo de ask

Estilo de Ask :3

Olhem como vai ficar (online)

Bem, para começar, colem o código abaixo em seu css:

.boxicon1 {position:relative; border-radius:50px; left:-63px; top:-5px; -moz-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; -webkit-transition:0.2s; z-index:10;} .boxicon2 {position:relative; border-radius:50px; -webkit-filter: grayscale(100%); -moz-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; -webkit-transition:0.2s; z-index:10;} .box1:hover .boxicon1{opacity:0} .box1:hover .boxicon2{-webkit-filter: grayscale(0%);} #perg1{position:relative; top:-60px; background:#fff; padding:10px; z-index:1; text-indent: 50px; color:#333} #pergg{background:#ececec; padding:10px; border-radius:10px; margin-left:80px; margin-top:-64px; min-height:40px; color:#444; margin-bottom:40px; font-family: tahoma; } #pergg a{background:#ddd; padding:5px; margin-right:2px; color:#555; text-transform:uppercase; font-size:8px; border-radius:5px; } #pergg a:hover{color:#fff} #arrow{background:url('http://static.tumblr.com/wj18jyf/igMmmnp3v/arrow1.png'); width:22px; height:26px; margin-left:65px; margin-bottom:-50px; position:relative} #respp{text-indent: 10px; margin-top:-30px; color:#888;}

Agora, procurem por {block:Answer} em seu html, e apague tudo que está entre {block:Answer} e {/block:Answer}. Cole o código abaixo no lugar.

{block:Answer} <div class="box1"> <div id="arrow"></div> <img src="{AskerPortraitURL-64}" class="boxicon2" /> <img src="{AskerPortraitURL-64}" width="56px" class="boxicon1" /> <div id="pergg"><ch>{Asker}:</ch> {Question} </div> <div id="respp">{Answer}</div> </div> {/block:Answer}

Bem, é só isso :) eu testei comigo e deu certinho, mas qualquer coisa é só me consultar. Espero que gostem, beijos da mands <3

#estiloask #eask #estilo de ask #modelo de ask #ask #estilos de ask #mands #tutomands #tutoriais #tuto #tutos #tutorial

Estilo de ask 1

É bem simples.

Primeiro cole esse código entre <style> e </style>

/*** Estilo de ask por Ju (a-vendedora-de-sonhos) **/ .pergunta {background:#998173; padding:6px;text-align:center;font-size: 12px; font-family: tahoma; color:#000} .fotinha {width:24px;padding:2px; background: #6e5647; border: #fff} .divisao {background:#6e5647; padding:1px;} .resposta {background:#efeedd; padding:3px; font-size: 12px; font-family: tahoma; color:#000 } .baixo {background:#D0CDAF; padding:3px; font-size:8px; font-family:'PF Tempesta Seven Condensed';text-transform: uppercase; text-align:right;} .baixo a {color:#6e5647;} .baixo g {color:#6e5647;} .permalink {margin-left:1px; margin-top:-18px; padding:2px; background: #B3AF83; border: #fff; font-size:8px; font-family:'PF Tempesta Seven Condensed';text-transform: uppercase; float:right; position: absolute;} .permalink a {color:#6e5647;} .permalink g {color:#6e5647;} @font-face {font-family: "PF Tempesta Seven Condensed"; src: url('http://static.tumblr.com/8yo5xxv/b5cm22t2y/pf_tempesta_seven_condensed.ttf'); format("truetype");}

Depois procure por {block:Answer} e substitua o código por esse:

{block:Answer} <div class="caixa"> <img src="{AskerPortraitURL-30}" align="left" class="fotinha"><div class="pergunta"> </a> {Question} </div> <div class="divisao"></div> <div class="resposta"> {Answer}</div> <div class="baixo">asked by {Asker} - {TimeAgo}</div> <div class="permalink"><a href="{Permalink}">♥</div></div> </a> </div> {/block:Answer}

Prontinho ><

Tutorial e código por Juliana se usar de like e credite

#tutorial #modelo #modelo de ask

Olá galera, hoje vou ensinar para vocês como fazer esse estilo de ask

Primeiro, cole isso no seu css

/*** Ask Por Simone (cerejadosundae)***/ .ask {margin: 0px 2px 1px 30px; width:356px;background:#eee; font-weight:normal; padding: 8px; color:#aaa; font-size: 11px;} .asker{font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-style: italic; font-size: 10pt; color: #fff; text-align: left;padding:2px;} asker {background: #000;padding:2px;margin-bottom:6px;} .asker a{background:#; color:#fff;padding:2px; border-bottom: dotted 1px #fff;} .askborder {width:30px;float: left; display: inline; margin-bottom: 2px;margin-top:0px;} .resposta {font-weight:normal; padding:10px; margin-bottom: 1px; font-size: 11px; }

Personalize as cores como desejar, mas só mexa no necessário certo?

Depois cole esse código entre {block:Answer} e {/block:Answer}, lembrando que a width da div .ask, deve ser relativa ao tamanho da sua caixa de posts. Espero que entendam. Se for útil dê like e não esqueça de CREDITAR (SIMONE)

#modelos de ask #modelo de ask #estilos de ask #estilo de ask #tutoriais #simone

Estilo de ask

Hoje vou ensinar para vocês como fazer este estilinho de ask

Eu quis fazer alguma coisa que remetesse a polaroid, mas não ficou bem como eu queria. Primeiro você irá colar esse código no seu css.

/*** Estilo de Ask Por Simone (cerejadosundae)***/ .ask {width: 87%; font-weight:normal; padding:4px; margin-bottom: 10px; color:#777; font-size: 11px;margin-left:45px; } .asker {width: 97%;height:15px;background-color: #ADB4D1; font-weight:normal; padding:3px; margin-bottom: 1px; color:#8288A2;text-align:center;line-height:15px;font-family: 'ronda'; font-size: 8px;margin-top:10px;border-right: 5px solid #8288A2;} .asker a{ color:#fff;border-right: 0px solid #777;} .askborder {background:#000;padding:1px;width:38px;float: left; display: inline; margin-bottom: 8px;margin-left:-1px;border-top:3px solid #d6d6d6; border-left: 3px solid #d6d6d6;border-right: 3px solid #d6d6d6;border-bottom: 9px solid #d6d6d6; margin-top:-10px;border-radius: 2px;} .resposta {background: #eee; font-weight:normal; padding:4px; margin-bottom: 1px; text-shadow:0 0px 0px #fff; font-size: 11px; }@font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }

Feito isso, personalize apenas as cores desejadas e não mude nenhuma cor da class askborder ou o “efeitinho” polaroid não será o mesmo, não altere valores para não desconfigurar o modelo, se for mexer em algo tome cuidado.

Depois disso cole esse código entre o {block:answer} e o {/block:answer} , pronto, cuidado com as divs também, se usar dê like e CREDITE! (Simone)

#modelos de ask #modelo de ask #estilos de ask #estilo de ask #estilodeask #tutos #tutoriais #simone

Estilo de ask

Oi pessoal, hoje vou ensinar para vocês o estilo de ask do meu tumblr pessoal.

Primeiro cole isso no seu <head>

Em seguida cole isso no seu css

/*** Ask Por Simone (cerejadosundae)***/ .ask {width: 99%; background:#eee; font-weight:normal; padding:3px; margin-bottom: 1px; color:#777; font-size: 11px;border-radius:4px; } .asker {width: 407px;height:18px; background: #000; font-weight:normal; padding:3px; margin-bottom: 1px; color:#d6d6d6;font-family: 'Play', sans-serif; font-size: 11px; text-align:left;line-height:20px;text-transform:uppercase;margin-left:-8px;} .asker a{background:#; color:#fff;margin-left:auto;} .askborder {width:30px;float: left; display: inline; margin-bottom: 2px;margin-left:10px;margin-top:-3px;border: 2px solid #000;} .askborder:hover{-webkit-filter: grayscale(100%);} .resposta {background:#ffff; font-weight:normal; padding:10px; margin-bottom: 1px; text-shadow:0 0px 0px #fff;color:#aaa; font-size: 11px; } #ask{border-right: 10px solid transparent;border-top: 10px solid transparent;border-bottom: 10px solid #eee;border-left: 10px solid transparent;width: 0px;height: 0px;}

Lembre-se, no asker o valor esta 407, porque o tramanho da minha caixa de posts é 405, para ficar com a bordinha do lado de fora, coloquei esse valor, então se o valor da sua caixa de posts for 500, coloque 502 para ficar com as bordinhas de fora.

Logo após, arrume, as cores do seu jeito e do seu gosto, não mude nada desnecessário, além das cores e do tamanho da class “asker”.

Depois de personalizar cole este código entre {block: answer} e {/block:answer}.

Não se esqueça de creditar, se usar dê like e CREDITE. Obrigada (Simone)

#modelos de ask #estilos de ask #modelo de ask #estilo de ask

Estilo de ask

Bom gente hoje vou ensinar vocês a fazerem esse modelo de ask, okay?

Primeiro colem isso no css de vocês

/*** Ask Por Simone (cerejadosundae)***/ .ask {width: 99%; background:#eee; font-weight:normal; padding:3px; margin-bottom: 1px; color:#333; font-size: 11px; } .asker {width: 99%;height:18px; background: #9296AB; font-weight:normal; padding:3px; margin-bottom: 1px; color:#fff; font-size: 10px;text-align:left;line-height:20px;text-transform:uppercase;font-family: calibri;}

.asker a{background:#; color:#fff;} .askborder {width:38px;float: left; display: inline; margin-bottom: 2px;margin-left:-3px;border: 3px solid #9296ab;margin-top:-3px;} .resposta {background:#ffff; font-weight:normal; padding:10px; margin-bottom: 1px; text-shadow:0 0px 0px #fff;color:{color:letras}; font-size: 11px; }

Okay, podem configurar as cores, mas se não souberem no que estão mexendo, nem mexam okay?

Agora entre as tags da ask, ou seja {block:answer} e {/bloc:answer}, você põe esse código aqui. Espero que tenham gostado e tomem cuidado com as tags para não desconfigurar, qualquer dúvida venham na ask e se usarem CREDITEM. (Simone)

#estilo de ask #modelo de ask #estilos de ask

Modelo de ask

Bom gente hoje vou ensinar vocês a fazerem esse modelo de ask, okay?