Here is a "Sign Up" widget to go with the incoming call widget and the sign in widget I previously made. It includes a Photoshop PSD like always and everything is vector, so this can be scaled to any size if needed (even the background). REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this design. You may NOT host this design elsewhere, you also may NOT sell this or release this elsewhere. plano de fundo botão limpar Sign Up Widget
<p>Here is a "Sign Up" widget to go with the incoming call widget and the sign in widget I previously made. It includes a Photoshop PSD like always and everything is vector, so this can be scaled to any size if needed (even the background).</p> <p>REMEMBER: Since this is such a big freebie, you will need to link back to this site or post any time you decide to use this design.</p> <p>You may NOT host this design elsewhere, you also may NOT sell this or release this elsewhere.</p> plano de fundo botão limpar Cadastre-se Widget
Simples botão 3 fase, graças a Craig Reville para a textura de fundo. azul ui elements brilho Botão brilho azul
<p>Aqui é um widget "Sign Up" para ir com o widget de chamada entrante e o sinal no widget que fiz anteriormente. Ele inclui um PSD do Photoshop como sempre e tudo é vetor, então este pode ser escalado para qualquer tamanho, se necessário (até o fundo).</p> <p>Lembre-se: uma vez que este é um brinde tão grande, você precisará de um link para este site ou postar qualquer hora que você decidir usar este projeto.</p> <p>Você não pode hospedar este projeto em outro lugar, você também pode não vender isso ou liberar isso em outro lugar.</p> plano de fundo botão limpar Cadastre-se Widget
Um simples botão desenhei o que permite a sua cor de fundo a passar, para que você nunca tem que mudar todos os valores com as cores do botão. branco ui elements botão Botão redondo semi-transparente
<p>These are the newest set of Wikidot Editor Buttons. Everything was carefully hand crafted pixel by pixel. I included a CSS stylesheet for the coding of the "sprite" images, all you need to do is just upload the sprite images to your site and place the CSS at the bottom of your Stylesheet. I also included a fully layered well organized PSD file for everyone so you can customize these buttons how ever you'd like.</p> <p>I will also be using these buttons in the new Wikidot CSS theme I am creating. Please refer to the Wikidot Community for more detailed info about this new theme and the release date. So for now, please enjoy these buttons as a preview of the new theme.</p> <h3><span>The CSS:</span></h3> <div class="code"> <div class="hl-main"> <pre> <span class="hl-code">/</span><span class="hl-identifier">*</span><span class="hl-code"> - - </span><span class="hl-identifier">Start</span><span class="hl-code"> </span><span class="hl-identifier">New</span><span class="hl-code"> </span><span class="hl-identifier">Wikidot</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> + </span><span class="hl-identifier">Site</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> </span><span class="hl-identifier">Buttons</span><span class="hl-code"> </span><span class="hl-identifier">The</span><span class="hl-code"> </span><span class="hl-identifier">Design</span><span class="hl-code"> </span><span class="hl-identifier">was</span><span class="hl-code"> </span><span class="hl-identifier">created</span><span class="hl-code"> </span><span class="hl-identifier">by</span><span class="hl-code"> </span><span class="hl-identifier">Matt</span><span class="hl-code"> </span><span class="hl-identifier">Gentile</span><span class="hl-code"> - </span><span class="hl-identifier">CEO</span><span class="hl-code"> </span><span class="hl-identifier">of</span><span class="hl-code"> </span><span class="hl-identifier">Icondeposit.com</span><span class="hl-code"> </span><span class="hl-identifier">Re-sale</span><span class="hl-code"> </span><span class="hl-identifier">and</span><span class="hl-code"> </span><span class="hl-identifier">or</span><span class="hl-code"> </span><span class="hl-identifier">Re-distribution</span><span class="hl-code"> </span><span class="hl-identifier">is</span><span class="hl-code"> </span><span class="hl-identifier">strictly</span><span class="hl-code"> </span><span class="hl-identifier">prohibited</span><span class="hl-code">. </span><span class="hl-identifier">If</span><span class="hl-code"> </span><span class="hl-identifier">used</span><span class="hl-code"> </span><span class="hl-identifier">elsewhere</span><span class="hl-code">, </span><span class="hl-identifier">remember</span><span class="hl-code"> </span><span class="hl-identifier">to</span><span class="hl-code"> </span><span class="hl-identifier">link</span><span class="hl-code"> </span><span class="hl-identifier">back</span><span class="hl-code"> </span><span class="hl-identifier">to</span><span class="hl-code"> </span><span class="hl-identifier">Icondeposit.com</span><span class="hl-code"> - </span><span class="hl-identifier">Enjoy</span><span class="hl-code"> - - </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">margin:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">0.1</span><span class="hl-string">em</span><span class="hl-code"> </span><span class="hl-number">0.2</span><span class="hl-string">em</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">border:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-reserved">float:</span><span class="hl-code"> </span><span class="hl-string">left</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-string">transparent</span><span class="hl-code"> !important</span><span class="hl-code">; </span><span class="hl-reserved">border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">moz-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; -</span><span class="hl-reserved">o-border-radius:</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">box-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">moz-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; -</span><span class="hl-reserved">o-shadow:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">3</span><span class="hl-string">px</span><span class="hl-code"> rgba(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0.18</span><span class="hl-code">)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-brackets">{</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-string">transparent</span><span class="hl-code">;</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-reserved">border:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">box-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">webkit-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">moz-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; -</span><span class="hl-reserved">o-shadow:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdb.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdbhover.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">.wd-editor-toolbar-panel</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-image:</span><span class="hl-code"> url(http://www.icondeposit.com/local-files/design:</span><span class="hl-number">4</span><span class="hl-code">/wdbactive.png)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bold</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">132</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-italic</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">154</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-underline</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">176</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-strikethrough</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">198</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-teletype</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">220</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-quote</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">242</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-superscript</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">264</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-subscript</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">286</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-raw</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">308</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-hr</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">330</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-div</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">352</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloat</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">374</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloatleft</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">396</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-clearfloatright</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">418</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-divwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">440</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-table</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">440</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-toc</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">462</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-uri</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">484</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-uriwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">506</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-pagelink</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">528</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-pagelinkwiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">550</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-image</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">572</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-imagewiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">594</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-video</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">616</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-audio</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">638</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-code</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">660</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-codewiz</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">682</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-numlist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">704</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bullist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">726</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-incindent</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">748</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-decindent</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">770</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-deflist</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">792</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-footnote</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">814</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-math</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">836</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-mathinline</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">858</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-eqref</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">880</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bib</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">902</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-bibcite</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">924</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h1</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h2</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">22</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h3</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">44</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h4</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">66</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h5</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">88</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-h6</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">110</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a.weditor-html</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-position:</span><span class="hl-code"> -</span><span class="hl-number">946</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-code"> - - </span><span class="hl-identifier">End</span><span class="hl-code"> </span><span class="hl-identifier">New</span><span class="hl-code"> </span><span class="hl-identifier">Wikidot</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> + </span><span class="hl-identifier">Site</span><span class="hl-code"> </span><span class="hl-identifier">Editor</span><span class="hl-code"> </span><span class="hl-identifier">Buttons</span><span class="hl-code"> - - </span><span class="hl-identifier">*</span><span class="hl-code">/</span> </pre> <p>The Stylesheet attatched is for Wikidot stylesheets only. If you would like to upload these buttons and use them elsewhere such as on Wordpress and on any other content management systems, you will have to customize the CSS yourself to fit the CMS you are using.</p> <p>Re-sale and or redistribution is forbidden.</p> <p>If used elsewhere, remember to always link back to Icondeposit.com or this post.</p> <p>- Enjoy :)</p> botão botões css Wikidot Editor de botões
Camada de base para a forma e efeitos, 2 camadas com linhas de 1px, a camada de texto, o plano de fundo e uma camada de ajuste. Não sei por que fiz isso. gráficos botão forma Comprar mais botão