使用此可定制的設計創建自己獨特的足球徽章或標籤。從一系列的時髦標誌和裝飾元素中進行選擇,並直接在編輯器上輕鬆添加和編輯自己的文本。您甚至可以選擇個性化的背景圖像。這是非常用戶友好的! 足球 足球 體育 足球冠軍徽標製作
這種設計展示了一位以紐約市為主題的女性頭像,提供可編輯和可定制的體驗。它融合了人物,建築物和風景的雙重曝光圖像,營造出迷人的視覺效果。借助輕鬆交換背景和個性化文本的功能,您可以自由地將其製作為自己的文本。 人民 藝術 poster-maker NY 女人照片插畫藝術
使用此可編輯設計創建獨一無二的生日快樂消息。這種設計提供了一個海報製作工具,使您可以輕鬆地從各種逼真的背景,元素和框架中進行切換和選擇。此外,您可以添加多種語言的粉筆問候語或自定義自己的消息。使用這款多功能製造商, 讓您的創造力發光並設計出完美的生日快樂海報。 生日 happy-birthday 製造商 生日卡的創造者
使用此可自定義的模板創建您自己的聖派翠克節設計。在各種圖案背景、標籤、飾品等之間輕鬆切換。只需添加或修改文本,然後下載最終版本即可。這就像這樣簡單! st-patricks 派翠克斯 徽章 聖派翠克派對製作者
Free PSD mockup of Brackets, a text editor UI for coders. Restyled version designed by Huseyin Emanet 應用程式 模型 使用者介面 Brackets - Text editor UI for coding 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> 概念設計 使用者介面設計 ux 免費照片編輯器 (PSD)
<p>Today’s freebie is a text editor PSD template. It has a beautiful <a href="http://www.freebiesgallery.com/toolbar-and-menu-template/">Toolbar</a> with basic controls of a text editor. You will find it useful for your website or any software <a href="http://www.freebiesgallery.com/gui/">GUI</a>. I hope you’d like it and share your comments.</p> 工具列 使用者介面設計 技術 文字編輯器
Rebound for the master @Alfred Xing :) - Pixel Perfect - Fully Editable .psd files - 100% Vector Shapes - Organized Layers - Layer Easy to Change Color - Fully Customizable Enj0y :) * CHECK THE @2X SZE * Follow Me 0n : BeHance | Fb | Twitter | Linkedin | Viadeo photoshop 平 共用 Sublime Text @Rebound #Freebies
<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> 工具列 使用者介面設計 技術 富文字編輯器
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! 工具列 使用者介面設計 ui kits Rich Text Editor
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! 概念設計 使用者介面設計 ux Free Photo Editor (PSD)
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 :) 按鈕 按鈕 css Wikidot Editor Buttons
<p>人生就像一個全景的運動圖像-開朗、 悲傷、 光明、 黑暗、 自然、 自命不凡。你的類別命名和生活將顯示您為該類別的無數圖像。</p><p>捕捉生活的圖片需要精細的細節的關注。這些天攝影似乎越來越熱衷於一大批人。然後你會發現甚至更多的愛好者可以誇耀他們的技能來編輯或修改這些圖片。畢竟,我們人類是富有想像力的生物,將盡一切努力向 u"'": uimprove 自然 '。</p><p>編輯圖像不能視為感興趣的領域,為攝影師和設計師。不少專業人士不會在這些類別或甚至普通人像中使用照片編輯軟體,出於不同的原因。</p><p>會不遺餘力你很好的應用或者 <a title="GUI"href="HTTP://www.freebiesgallery.com/category/gui/"> GUI</a> 應該看起來有關的詳細資訊。但我可以向你保證,我在設計這個照片編輯器時已經銘記。</p><p>這是一個簡單的照片編輯 PSD。幾個 <a title="Buttons"href="HTTP://www.freebiesgallery.com/category/buttons/"> 按鈕</a> / 頂部沿水準軸和垂直軸沿左邊距下的幾個 <a title="Icons"href="HTTP://www.freebiesgallery.com/category/icons/"> 圖示</a>。幾個圖示處於選定或活動狀態。其中沿左邊距之一還顯示其功能表。還有一個畫布模式按鈕和狀態列底部的 PSD。</p><p>你可以下載此免費照片編輯器,使 GUI 使用相同的風格和元素。快樂編輯 !</p> 概念設計 使用者介面設計 ux 免費照片編輯器 (PSD)
<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> 按鈕 按鈕 css Wikidot 編輯器按鈕
Today’s freebie is a text editor PSD template. It has a beautiful Toolbar with basic controls of a text editor. You will find it useful for your website or any software GUI. I hope you’d like it and share your comments. 工具列 使用者介面設計 ui kits Text Editor
<p>今天的贈品是一個文字編輯器 PSD 範本。它有一個美麗的 <a href="HTTP://www.freebiesgallery.com/toolbar-and-menu-template/"> 工具列</a> 與基本的文字編輯器的控制項。你會發現它有用你的網站或任何軟體 <a href="HTTP://www.freebiesgallery.com/gui/"> 圖形化使用者介面</a>。我希望你會喜歡它,並分享您的意見。</p> 工具列 使用者介面設計 使用者介面 文字編輯器
Today’s freebie is a sweet and simple code editor design inspired by the in-built code editor at Beanstalk. Check out the full view to see it in full glory. Enjoy 應用程式 代碼 編輯器 代碼編輯器應用程式 (PSD)
Hello Dribbblers! I worked on this text editor UI for fun and thought of sharing the final .psd file with you. If you'd like, check out the 2x/full-size preview or download the psd. I hope you guys will like it, let me know what do you think about it in the comments below. :D C. 現代 清潔 使用者介面 Free PSD: Text Editor UI
Today’s freebie is a sweet and simple code editor design inspired by the in-built code editor at Beanstalk. Check out the full view to see it in full glory. Enjoy 應用程式 代碼 編輯器 Code Editor App (PSD)
<p>你好設計師 !今天我們將談論線上的富文字編輯器並與你分享一個巨大的資源,將是寶貴的你所有。是否要為 web 應用程式、 一個博客或網站的 <a href="HTTP://www.freebiesgallery.com/text-editor/"> 文字編輯器</a>,他們會增強使用者體驗,並將它頂尖。線上文字編輯器基本上是允許使用者編輯和輸入文本在 web 瀏覽器中的 web 元件。他們也被稱為基於 web 的所見即所得 (,u"'": uwhat 你看到是你得到什麼 ') 編輯。</p><p>與此資源,使用者可以選擇各種不同的方式輸入並編輯其文本的字體、 大小、 顏色、 樣式、 對齊方式和與一個我們與你分享,你也將能夠標記在一個位置、 添加外部連結,附上一張照片,然後發送它 !</p><p>通過所有這些功能,我們認為今天。由於這是一個簡單的富文字編輯器,它不會混淆或搗碎的使用者,當他們想要分享他們的意見,作為最線上文字編輯器現在跟大量的 <a href="HTTP://www.freebiesgallery.com/buttons/"> 按鈕</a> 和功能,當事實上,你只需要幾個。今天格式化您的文字,與這個偉大的免費線上 !</p> 工具列 使用者介面設計 使用者介面 富文字編輯器