Web Elements 2012.Web elemento muito irado...vai ser util para algo muito evoluido e vcs que baixarem possa caprixar mais utilizando estes web elemente.DOWNLOAD Eu nao entendi o nome do template por isso nao coloquei o titulo .-.Clika Aki Para Download O Site Webdesigner Depot oferece gratuitamente um conjunto de 50 icones Twitter para voce usar em seu blog/site.O Pacote traz os icones em formato Ai e PNG (transparente), no tamanho 256 256 px.Abaixo voce tem uma visualizacao completa de todos os icones incluidos no pacote. Download 4sahredDireto do site: Webdesigner Depot Aew' povoVou ensinar aqui hoje um truque muito simples,para colocar Smiles ou Emoticons, como queiram chamar nos comentarios e, apesar de chamadas de firulas infantis por muitos, pra mim sao carinhos ou expressoes que economizam muitas palavras (e digitacao kkk) quando queremos compartilhar nossas emocoes. So isso! Vou ensinar como eu coloquei aqui no meu,vamos la:...Pode parecer muito comprido, mas e muito simples. So copiar e colar.Faca login Clique na opcao Design depois em Editar HTMLVamos instalar o CSS. Procure pela tal ]]></b:skin> e cole o seguinte codigo ANTES/ACIMA dela./* * jQuery CSSEmoticons plugin 0.2.8 * * Copyright (c) 2010 Steve Schwartz (JangoSteve) * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Date: Sun Sep 20 10:00:00 2010 -0500 */ /* Basic styles for emoticons */ span.css-emoticon { font-family: "Trebuchet MS"; /* seems to give the best and most consistent emoticon appearance */ font-size: 0.65em; font-weight: bold; color: #000000; display: inline-block; overflow: hidden; vertical-align: middle; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); width: 1.54em; /* note that this is a multiple of this span's font-size, not containing text font-size */ height: 1.54em; /* so, relative to containing text, width and height are 0.9 x 1.6 = 1.44em */ text-align: center; padding: 0; line-height: 1.34em; -moz-border-radius: 1.54em; -webkit-border-radius: 1.54em; border-radius: 1.54em; -moz-box-shadow: 1px -1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,0.5); box-shadow: 1px -1px 2px rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.25); background-color: #ffcc00; background-image: -webkit-gradient( linear, right top, left top, color-stop(0.41, rgb(255,204,0)), color-stop(0.56, rgb(255,221,85)), color-stop(1, rgb(255,238,170)) ); background-image: -moz-linear-gradient( center right, rgb(255,204,0) 41%, rgb(255,221,85) 56%, rgb(255,238,170) 100% ); -webkit-transition-property:color, background, transform; -webkit-transition-duration: 1s, 1s; -webkit-transition-timing-function: linear, ease-in; } /* Styles for two-character emoticons that need more letter-spacing for proportionality */ span.css-emoticon.spaced-emoticon { padding-left: 0.2em; width: 1.34em; letter-spacing: 0.2em; } /* This is a dirty dirty hack, because webkit doesn't properly do the padding+width=total-width as it should I think the width of the border may be throwing things off, because it's more noticable for small icons */ @media screen and (-webkit-min-device-pixel-ratio:0) { span.css-emoticon.spaced-emoticon { width: 1.4em; } } /* Styles for emoticons that need to have smaller characters to fit inside the circle */ span.css-emoticon.small-emoticon { font-size: 0.55em; width: 1.82em; height: 1.82em; line-height: 1.72em; -moz-border-radius: 1.82em; -webkit-border-radius: 1.82em; border-radius: 1.82em; } span.css-emoticon.small-emoticon.spaced-emoticon { padding-left: 0; width: 1.82em; letter-spacing: 0.1em; } /* Styles for additional colors */ span.css-emoticon.red-emoticon { background-color: #eb0542; background-image: -webkit-gradient( linear, right top, left top, color-stop(0.41, rgb(235,5,66)), color-stop(0.56, rgb(235,38,90)), color-stop(1, rgb(250,55,110)) ); background-image: -moz-linear-gradient( center right, rgb(235,5,66) 41%, rgb(235,38,90) 56%, rgb(250,55,110) 100% ); }