Imagens relacionadas do iStock | OFERTA LIMITADA: 15% de desconto com o cupom SAVE20 arrow-right

27 modelos PSD gratuitos de editor e maquetes de stock isentas de royalties

Arquivos do Photoshop de editor para uso pessoal e comercial

Criador de cartões de aniversário
Crie uma mensagem única de feliz aniversário com este design editável. Este design oferece um criador de pôsteres que permite que você troque e selecione facilmente entre uma variedade de planos de fundo, elementos e molduras realistas. Além disso, você pode adicionar saudações com giz em vários idiomas ou personalizar sua própria mensagem. Deixe sua criatividade brilhar e crie o pôster de feliz aniversário perfeito com este criador versátil.
aniversário happy-birthday criador

Criador de cartões de aniversário

Editor de fotos gratuito (PSD)
<p>Life is like a panorama of moving images - cheerful, sad, bright, dark, natural, pretentious. You name a category and the life will show you a countless images for that category.</p> <p>Capturing the pictures of life require an attention to fine detail. Photography seems to be a growing passion for a number of people these days. And you’d find an even bigger number of enthusiasts who can boast of their skills to edit or modify these pictures. After all we humans are imaginative creatures and will make all possible efforts to , u"’": uimprove the natural’.</p> <p>Editing images cannot be considered an area of interest for photographers and designers. Many professionals who don’t fall in these categories or even ordinary people like to use photo editing softwares for different reasons.</p> <p>I’ll spare you the details about what a good application or <a title="GUI" href="http://www.freebiesgallery.com/category/gui/">GUI</a> should look like. But I assure you I had that in mind while designing this photo editor.</p> <p>This is a simple photo editor PSD. A few <a title="Buttons" href="http://www.freebiesgallery.com/category/buttons/">buttons</a>/<a title="Icons" href="http://www.freebiesgallery.com/category/icons/">icons</a> at the top along the horizontal axis, and a few down the vertical axis along the left margin. A couple of icons are in selected or active state. One of them along the left margin also shows its submenu. There is a canvas mode button and a status bar at the bottom of the PSD.</p> <p>You can download this free photo editor and make your own GUI using the same style and elements. Happy Editing!</p>
conceito de design design de interface do usuário ux

Editor de fotos gratuito (PSD)

Editor de Rich Text
<p>Hello designers! Today we’ll be talking about an online rich text editor and sharing with you a great resource that will be valuable to you all. Whether you want the <a href="http://www.freebiesgallery.com/text-editor/">text editor</a> for a web application, a blog or a site, they will enhance the user experience and take it top-notch. Online text editors are basically web components that allow users to edit and enter text within a web browser. They are also called web-based WYSIWYG (, u"’": uwhat you see is what you get’) editors.</p> <p>With this resource, users can choose a variety of different ways to input and edit their text, in terms of font, size, colour, style, alignment, and with the one we are sharing with you, you’ll also be able to tag in a location, add an external link, attach a picture and then send it!</p> <p>With all these features, we think today. Since this is a simple rich text editor, it won’t confuse or muddle the users when they want to share their input, as most online text editors now come with a lot of <a href="http://www.freebiesgallery.com/buttons/">buttons</a> and features, when in fact, you only need a few. Format your text online with this great freebie today!</p>
barra de ferramentas design de interface do usuário tecnologia

Editor de Rich Text

Rich Text Editor
Hello designers! Today we’ll be talking about an online rich text editor and sharing with you a great resource that will be valuable to you all. Whether you want the text editor for a web application, a blog or a site, they will enhance the user experience and take it top-notch. Online text editors are basically web components that allow users to edit and enter text within a web browser. They are also called web-based WYSIWYG (, u"’": uwhat you see is what you get’) editors. With this resource, users can choose a variety of different ways to input and edit their text, in terms of font, size, colour, style, alignment, and with the one we are sharing with you, you’ll also be able to tag in a location, add an external link, attach a picture and then send it! With all these features, we think today. Since this is a simple rich text editor, it won’t confuse or muddle the users when they want to share their input, as most online text editors now come with a lot of buttons and features, when in fact, you only need a few. Format your text online with this great freebie today!
barra de ferramentas design de interface do usuário ui kits

Rich Text Editor

Free Photo Editor (PSD)
Life is like a panorama of moving images - cheerful, sad, bright, dark, natural, pretentious. You name a category and the life will show you a countless images for that category. Capturing the pictures of life require an attention to fine detail. Photography seems to be a growing passion for a number of people these days. And you’d find an even bigger number of enthusiasts who can boast of their skills to edit or modify these pictures. After all we humans are imaginative creatures and will make all possible efforts to , u"’": uimprove the natural’. Editing images cannot be considered an area of interest for photographers and designers. Many professionals who don’t fall in these categories or even ordinary people like to use photo editing softwares for different reasons. I’ll spare you the details about what a good application or GUI should look like. But I assure you I had that in mind while designing this photo editor. This is a simple photo editor PSD. A few buttons/icons at the top along the horizontal axis, and a few down the vertical axis along the left margin. A couple of icons are in selected or active state. One of them along the left margin also shows its submenu. There is a canvas mode button and a status bar at the bottom of the PSD. You can download this free photo editor and make your own GUI using the same style and elements. Happy Editing!
conceito de design design de interface do usuário ux

Free Photo Editor (PSD)

Wikidot Editor Buttons
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. 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. The CSS: /* - - Start New Wikidot Editor + Site Editor Buttons The Design was created by Matt Gentile - CEO of Icondeposit.com Re-sale and or Re-distribution is strictly prohibited. If used elsewhere, remember to link back to Icondeposit.com - Enjoy - - */ .wd-editor-toolbar-panel a{ margin: 0; /*padding: 0.1em 0.2em;*/ border: none; /*float: left;*/ background-color: transparent !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.18); -webkit-shadow: 0px 1px 3px rgba(0,0,0,0.18); -moz-shadow: 0px 1px 3px rgba(0,0,0,0.18); -o-shadow: 0px 1px 3px rgba(0,0,0,0.18); } .wd-editor-toolbar-panel a:hover{ /*background-color: transparent;*/ border: none; } .wd-editor-toolbar-panel a:active { box-shadow: none; -webkit-shadow: none; -moz-shadow: none; -o-shadow: none; } .wd-editor-toolbar-panel a { background-image: url(http://www.icondeposit.com/local-files/design:4/wdb.png); } .wd-editor-toolbar-panel a:hover { background-image: url(http://www.icondeposit.com/local-files/design:4/wdbhover.png); } .wd-editor-toolbar-panel a:active { background-image: url(http://www.icondeposit.com/local-files/design:4/wdbactive.png); } a.weditor-bold{ background-position: -132px 0; } a.weditor-italic{ background-position: -154px 0; } a.weditor-underline{ background-position: -176px 0; } a.weditor-strikethrough{ background-position: -198px 0; } a.weditor-teletype{ background-position: -220px 0; } a.weditor-quote{ background-position: -242px 0; } a.weditor-superscript{ background-position: -264px 0; } a.weditor-subscript{ background-position: -286px 0; } a.weditor-raw{ background-position: -308px 0; } a.weditor-hr{ background-position: -330px 0; } a.weditor-div{ background-position: -352px 0; } a.weditor-clearfloat{ background-position: -374px 0; } a.weditor-clearfloatleft{ background-position: -396px 0; } a.weditor-clearfloatright{ background-position: -418px 0; } a.weditor-divwiz{ background-position: -440px 0; } a.weditor-table{ background-position: -440px 0; } a.weditor-toc{ background-position: -462px 0; } a.weditor-uri{ background-position: -484px 0; } a.weditor-uriwiz{ background-position: -506px 0; } a.weditor-pagelink{ background-position: -528px 0; } a.weditor-pagelinkwiz{ background-position: -550px 0; } a.weditor-image{ background-position: -572px 0; } a.weditor-imagewiz{ background-position: -594px 0; } a.weditor-video{ background-position: -616px 0; } a.weditor-audio{ background-position: -638px 0; } a.weditor-code{ background-position: -660px 0; } a.weditor-codewiz{ background-position: -682px 0; } a.weditor-numlist{ background-position: -704px 0; } a.weditor-bullist{ background-position: -726px 0; } a.weditor-incindent{ background-position: -748px 0; } a.weditor-decindent{ background-position: -770px 0; } a.weditor-deflist{ background-position: -792px 0; } a.weditor-footnote{ background-position: -814px 0; } a.weditor-math{ background-position: -836px 0; } a.weditor-mathinline{ background-position: -858px 0; } a.weditor-eqref{ background-position: -880px 0; } a.weditor-bib{ background-position: -902px 0; } a.weditor-bibcite{ background-position: -924px 0; } a.weditor-h1{ background-position: 0px 0; } a.weditor-h2{ background-position: -22px 0; } a.weditor-h3{ background-position: -44px 0; } a.weditor-h4{ background-position: -66px 0; } a.weditor-h5{ background-position: -88px 0; } a.weditor-h6{ background-position: -110px 0; } a.weditor-html{ background-position: -946px 0; } /* - - End New Wikidot Editor + Site Editor Buttons - - */ 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. Re-sale and or redistribution is forbidden. If used elsewhere, remember to always link back to Icondeposit.com or this post. - Enjoy :)
botão botões css

Wikidot Editor Buttons

Editor de fotos gratuito (PSD)
<p>a vida é como um panorama de imagens - alegres, tristes, brilhantes, escuras, naturais, pretensiosas em movimento. Você nomear uma categoria e a vida lhe mostrará uma inúmeras imagens para essa categoria.</p> <p>Captura as imagens da vida exigem uma atenção ao detalhe de multa. Fotografia parece ser uma paixão crescente para um número de pessoas nos dias de hoje. E você encontraria um número ainda maior de entusiastas que pode se orgulhar de suas habilidades para editar ou modificar essas fotos. Afinal, nós, seres humanos são criaturas imaginativas e fará todos os esforços possíveis para, u"'": uimprove o natural'.</p> <p>Imagens de edição não podem ser consideradas uma área de interesse para fotógrafos e designers. Muitos profissionais que não caem nestas categorias ou mesmo normais pessoas como usar softwares de edição por razões diferentes.</p> <p>Vou poupá-los dos detalhes sobre o que uma boa aplicação ou <a title="GUI" href="http://www.freebiesgallery.com/category/gui/"> GUI</a> deveria parecer. Mas garanto-lhe que tinha em mente ao projetar este editor de foto.</p> <p>é um editor de fotos simples PSD. Alguns <a title="Buttons" href="http://www.freebiesgallery.com/category/buttons/"> botões</a> / <a title="Icons" href="http://www.freebiesgallery.com/category/icons/"> ícones</a> na parte superior ao longo do eixo horizontal e um pouco para baixo do eixo vertical ao longo da margem esquerda. Alguns ícones estão em estado selecionado ou ativo. Um ao longo da margem esquerda também mostra seu submenu. Há um botão de modo de tela e uma barra de status na parte inferior do PSD.</p> <p>Você pode baixar este free editor de fotos e fazer seu próprio GUI usando o mesmo estilo e elementos. Boas contribuições!</p>
conceito de design design de interface do usuário ux

Editor de fotos gratuito (PSD)

Wikidot Editor de botões
<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

Editor de Rich Text
Designers de hello <p>! Hoje estaremos falando sobre um editor de texto rico on-line e compartilhar com vocês um grande recurso que lhes poderá ser útil a todos. Se você quiser o <a href="http://www.freebiesgallery.com/text-editor/"> editor de texto</a> para um aplicativo da web, um blog ou um site, eles aprimoram a experiência do usuário e levá-lo a top-notch. Editores de texto on-line são basicamente componentes web que permitem aos usuários editar e digite o texto dentro de um navegador da web. Eles também são chamados de Web WYSIWYG (, u "'": uwhat que você vê é o que acontece ') editores.</p> <p>Com este recurso, os usuários podem escolher uma variedade de maneiras diferentes para inserir e editar o texto, em termos de fonte, tamanho, cor, estilo, alinhamento, e com o que estamos compartilhando com você, você também será capaz de marcar em um local, adicionar um link externo, anexar uma foto e enviá-lo!</p> <p>Com todas estas características, pensamos hoje. Já que este é um editor simples de texto rico, não vai confundir ou confusão aos usuários quando eles querem partilhar a sua entrada, como editores de texto mais on-line agora vêm com um monte de <a href="http://www.freebiesgallery.com/buttons/"> botões</a> e recursos, quando na verdade, você só precisa de algumas. Formatar seu texto on-line com este freebie grande hoje!</p>
barra de ferramentas design de interface do usuário interface do usuário

Editor de Rich Text

Imagens relacionadas do iStock | OFERTA LIMITADA: 15% de desconto com o cupom SAVE20 arrow-right