[Tutorial] Modelos para gadget de ask


Olá cupcakes!!

Num tutorial já postado, ensinei a personalizar o gadget do ask.
Mas podes não estar com disposição de o personalizar e veres as cores e tal, por isso, hoje já trago 2 modelos prontinhos.

Aconselho a ir ver 1º o tutorial a explicar como personalizar.



Então, o 1º modelinho, rosa
body {
margin: 0;
padding: 0;
background: transparent;
overflow: hidden;
font-family: Trebuchet MS;
}
.askAnywhere-link {
color: #ffc1ce;
}
.askAnywhere-username {
padding: 1px 0px 2px 1px;
border: solid 1px #fde5ef;
word-wrap: break-word;
box-shadow: inset 0px 0px 3px #fff, inset 1px 1px 0px #fcf7f8;
background: #ffedf0;
border-radius: 3px;
text-align: center;
}
.askAnywhere-username-link {
display: block;
color: #ffc1ce;
font-size: 10px;
text-shadow: 1px 1px 0px #fff;
text-decoration: none;
}
.askAnywhere-slogan {
padding-top: 3px;
font-weight: normal;
color: #ffc1ce;
font-size: 10px;
text-align: center;
word-wrap: break-word;
}
.askAnywhere-box {
padding: 3px;
font-size: 11px;
}
.askAnywhere-input {
display: block;
width: 100%;
max-width: 100%;
height: 30px;
max-height: 160px;
padding: 0px;
border: solid 1px #fde5ef;
font-size: 11px;
text-align: justify;
overflow: auto;
}
.askAnywhere-button {
display: block;
padding: 3px 3px;
margin-top: 3px;
border: solid 1px #fde5ef;
box-shadow: inset 0px 0px 3px #fff, inset 1px 1px 0px #fcf7f8;
background: #ffedf0;
border-radius: 3px;
text-align: center;
color: #ffc1ce;
font-size: 10px;
text-shadow: 1px 1px 0px #fff;
float: right;
margin-right: -2px;
}
#askAnywhere_question_form {
margin: 0;
padding: 0;
}
#askAnywhere_input_layer,
#askAnywhere_captcha_layer {
padding-top: 3px;
color: #000000;
}
#captcha {
display: block;
width: 90px;
padding: 8px 4px;
margin-top: 5px;
border: solid 1px #000000;
font-size: 10px;
}
div.fieldWithErrors input,
div.fieldWithErrors textarea {
background: #FA8072;
}

O 2º modelinho, em tons de roxo, mas tambem com um leve rosinha:
 body {
margin: 0;
padding: 0;
background: transparent;
overflow: hidden;
font-family: Trebuchet MS;
}
.askAnywhere-link {
color: #ffc1ce;
}
.askAnywhere-username {
padding: 1px 0px 2px 1px;
border: solid 1px #e6c1ff;
word-wrap: break-word;
box-shadow: inset 0px 0px 3px #fff, inset 1px 1px 0px #fcf7f8;
background: #f6e1ff;
border-radius: 3px;
text-align: center;
}
.askAnywhere-username-link {
display: block;
color: #fde5ef;
font-size: 10px;
text-shadow: 1px 1px 0px #fff;
text-decoration: none;
}
.askAnywhere-slogan {
padding-top: 3px;
font-weight: normal;
color: #c9e4ff;
font-size: 10px;
text-align: center;
word-wrap: break-word;
}
.askAnywhere-box {
padding: 3px;
font-size: 11px;
}
.askAnywhere-input {
display: block;
width: 100%;
max-width: 100%;
height: 30px;
max-height: 160px;
padding: 0px;
border: solid 1px #fde5ef;
font-size: 11px;
text-align: justify;
overflow: auto;
}
.askAnywhere-button {
display: block;
padding: 3px 3px;
margin-top: 3px;
border: solid 1px #fde5ef;
box-shadow: inset 0px 0px 3px #fff, inset 1px 1px 0px #fcf7f8;
background: #f6e1ff;
border-radius: 3px;
text-align: center;
color: #ffc1ce;
font-size: 10px;
text-shadow: 1px 1px 0px #fff;
float: right;
margin-right: -2px;
}
#askAnywhere_question_form {
margin: 0;
padding: 0;
}
#askAnywhere_input_layer,
#askAnywhere_captcha_layer {
padding-top: 3px;
color: #000000;
}
#captcha {
display: block;
width: 90px;
padding: 8px 4px;
margin-top: 5px;
border: solid 1px #000000;
font-size: 10px;
}
div.fieldWithErrors input,
div.fieldWithErrors textarea {
background: #fde5ef;
}

Por favor, tive de gastar tempinho a fazer estes modelinhos. Personalizei o 2º nos tons do meu lay atual.
Por favor, creditem se usarem~

Kissus^^

Sem comentários:

Enviar um comentário

Hey, arigato por vires comentar.
Respondo a todos os comentários assim que possível.
Por favor, não uses palavras impróprias nem nada disso.
Não uses o comentários só para divulgar o teu blog, no entanto, se falares sobre o post, podes deixar o url.

Aviso: os comentários maldosos e com insinuações serão publicados, mas eliminarei o seu conteúdo e darei uma breve respostinha.

Sayonara^^


=((•̪●))= ๑(•ิ.•ั)๑ ٩(●̮̮̃•̃)۶ ε(●̮̮̃•̃)з ٩(×̯×)۶̿ ┌∩┐(◣_◢)┌∩┐ ⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙▽⊙ ⊙﹏⊙ ⊙△⊙ ◑▽◐ ◑ω◐ ◑﹏◐ ●︿● ●ω● ●﹏● ≧▂≦ ≧︿≦ ≧ω≦ ≧﹏≦ ≧▽≦ >︿< >ω< >﹏< >▽< ≡(▔﹏▔)≡ (¯▽¯;) <(“”"O”"”)> (-__-)b (;°○° ) \( ̄︶ ̄)> <( ̄︶ ̄)/ (/≧▽≦/) \(≧3≦)/ \(≧ω≦)/ o(≧ω≦)o o(≧o≦)o ㄟ(≧◇≦)ㄏ ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭ (~o ̄▽ ̄)~o ~ 。。。(~ ̄▽ ̄)~[] (╯-╰)/ (*^3^) 'U_U ♪ ♥ ஐ ▲☼゚ ♣ (๏̯͡๏) †