Ð“Ð»Ð°Ð²Ð½Ð°Ñ ÐžÐ± авторе О блоге Карта Ñайта Контакты ВерÑтаю

Ð­Ð»ÐµÐ³Ð°Ð½Ñ‚Ð½Ð°Ñ Ñ„Ð¾Ñ€Ð¼Ð° авторизации Ñ Ð¸Ñпользованием CSS3

23 ÑÐ½Ð²Ð°Ñ€Ñ 2012 г.

Ð­Ð»ÐµÐ³Ð°Ð½Ñ‚Ð½Ð°Ñ Ñ„Ð¾Ñ€Ð¼Ð° авторизации Ñ Ð¸Ñпользованием CSS3

Продолжаю делитьÑÑ Ð²ÐµÑ€Ñткой Ñлементов интерфейÑа Ð´Ð»Ñ Ñайтов. Как и в Ñвоей предыдущей Ñтатье, Ñ Ð²Ð·Ñл интереÑный пример Ñ Ñайта PremiumPixels.com и ÑверÑтал его, иÑÐ¿Ð¾Ð»ÑŒÐ·ÑƒÑ CSS3. Ðа Ñтот раз Ñто форма авторизации.

Ð’ дизайне Ñтой формы иÑпользуютÑÑ Ð¿Ñ€Ð¸Ñтные нежные цвета, поÑтому выглÑдит она дейÑтвительно Ñлегантно. ГлÑÐ´Ñ Ð½Ð° подобную краÑоту, у Ð¼ÐµÐ½Ñ Ð²Ñегда возникает мыÑль о том, как же здорово быть дизайнером и уметь вытворÑÑ‚ÑŒ такие вещи.

Я Ð´Ð»Ñ ÑÐµÐ±Ñ ÑƒÐ¶Ðµ нашел применение Ñтой формы. ЕÑли и вам она тоже понравилаÑÑŒ, то вы также можете иÑпользовать ее на Ñвоих Ñайтах. Далее в Ñтатье, Ð¿Ñ€Ð¾Ð¹Ð´Ñ Ð¿Ð¾ ÑоответÑтвующим ÑÑылкам, вы найдете необходимый иÑходный код.

Читать полноÑтью »

Теги: CSS, CSS3, форма авторизации рубрика CSS-верÑтка | комментариев: 25

КраÑивые 3D-кнопки Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ CSS3

2 ÑÐ½Ð²Ð°Ñ€Ñ 2012 г.
КраÑивые 3D-кнопки Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ CSS3

Ð—Ð°Ð¼ÐµÑ‡Ð°Ñ‚ÐµÐ»ÑŒÐ½Ð°Ñ Ñ‚ÐµÑ…Ð½Ð¾Ð»Ð¾Ð³Ð¸Ñ CSS3 позволÑет в Ñ€Ñде Ñлучаев при оформлении Ñайта отказатьÑÑ Ð¾Ñ‚ иÑÐ¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ð¹, которые заменÑет чиÑтый CSS-код. К примеру, подобным образом можно поÑтупить Ñ ÐºÐ°ÐºÐ¸Ð¼Ð¸-либо кнопками, иÑпользуемыми на Ñайте. ЕÑÑ‚ÑŒ один замечательный дизайнерÑкий англоÑзычный блог PremiumPixels.com, автор которого беÑплатно делитÑÑ ÐºÑ€Ð°Ñивыми Ñлементами интерфейÑа Ð´Ð»Ñ Ñайтов. Мне очень нравитÑÑ Ñтиль Ñтого дизайнера, он риÑует обалденно. Я ... читать полноÑтью »

рубрика CSS-верÑтка | комментариев: 40

УÑтранение проблемы ÑƒÐ²ÐµÐ»Ð¸Ñ‡ÐµÐ½Ð¸Ñ Ð¼ÐµÐ¶Ñтрочного интервала в текÑте при иÑпользовании графичеÑких Ñмайлов

10 ноÑÐ±Ñ€Ñ 2011 г.
УÑтранение проблемы ÑƒÐ²ÐµÐ»Ð¸Ñ‡ÐµÐ½Ð¸Ñ Ð¼ÐµÐ¶Ñтрочного интервала в текÑте при иÑпользовании графичеÑких Ñмайлов

Я предпочитаю при напиÑании текÑта иÑпользовать текÑтовые Ñмайлы, а некоторые блоггеры любÑÑ‚ графичеÑкие (у WordPress, например, еÑÑ‚ÑŒ ÑÐ¿ÐµÑ†Ð¸Ð°Ð»ÑŒÐ½Ð°Ñ Ð¾Ð¿Ñ†Ð¸Ñ, ÐºÐ¾Ñ‚Ð¾Ñ€Ð°Ñ Ð°Ð²Ñ‚Ð¾Ð¼Ð°Ñ‚Ð¸Ñ‡ÐµÑки преобразует текÑтовые Ñмайлы в картинки). Иногда (Ñто завиÑит от размера картинки) в результате вÑтавки картинок-Ñмайлов в текÑÑ‚ проиÑходит неприÑÑ‚Ð½Ð°Ñ Ð³Ð»Ð°Ð·Ñƒ вещь - Ñмайлы увеличивают межÑтрочный интервалы Ñтрок, в которых они ÑтоÑÑ‚, и портÑÑ‚ общую “картину”. Ð”Ð»Ñ ... читать полноÑтью »

рубрика CSS-верÑтка | комментариев: 22

Загрузка чаÑти контента на WordPress Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ AJAX

14 октÑÐ±Ñ€Ñ 2011 г.
Загрузка чаÑти контента на WordPress Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ AJAX

Сергей СоÑновÑкий в Ñвоем блоге раÑÑказывал, что Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ технологии AJAX в целÑÑ… поиÑковой оптимизации Ñкрыл чаÑÑ‚ÑŒ Ñодержимого Ñайта от поиÑковых ÑиÑтем (что, кÑтати не ÑвлÑетÑÑ ÐºÐ»Ð¾Ð°ÐºÐ¸Ð½Ð³Ð¾Ð¼). ТехничеÑки реализовал Ñто Ñ. ПоÑкольку нашлоÑÑŒ много желающих повторить то же Ñамое на Ñвоих блогах, попытаюÑÑŒ донеÑти информацию о том, как Ñто Ñделать. AJAX по Ñути - Ñто динамичеÑÐºÐ°Ñ ... читать полноÑтью »

рубрика WordPress | комментариев: 92

ЭмулÑÑ†Ð¸Ñ Ð¿Ñевдо-Ñелектора :nth-child() в IE7 и IE8

10 октÑÐ±Ñ€Ñ 2011 г.
ЭмулÑÑ†Ð¸Ñ Ð¿Ñевдо-Ñелектора :nth-child() в IE7 и IE8

Ðеоднократно при верÑтке Ñайтов мне приходилоÑÑŒ ÑталкиватьÑÑ Ñ Ñитуацией, когда Ñтроки в таблице или пункты вертикального ÑпиÑка необходимо было оформить зеброй. Т.е. одна Ñтрока, к примеру, Ñ Ð±ÐµÐ»Ñ‹Ð¼ фоном, Ð²Ñ‚Ð¾Ñ€Ð°Ñ Ñ Ñерым, Ñ‚Ñ€ÐµÑ‚ÑŒÑ Ð¾Ð¿ÑÑ‚ÑŒ Ñ Ð±ÐµÐ»Ñ‹Ð¼ и так далее. При Ñтом чаÑто нет возможноÑти изменить html-код (например, при иÑпользовании виджетов WordPress), чтобы каждому четному или ... читать полноÑтью »

рубрика CSS-верÑтка | комментариев: 8

КраÑивый Ñчетчик FeedBurner-подпиÑчиков и Twitter-фолловеров на CSS3

12 ÑентÑÐ±Ñ€Ñ 2011 г.
КраÑивый Ñчетчик FeedBurner-подпиÑчиков и Twitter-фолловеров на CSS3

Ранее Ñ Ð¿Ñ€ÐµÐ´Ð»Ð°Ð³Ð°Ð» вашему вниманию Ñтатьи о том, как Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ небольших функций, не Ð¿Ñ€Ð¸Ð±ÐµÐ³Ð°Ñ Ðº плагинам, вывеÑти на WordPress-Ñайте текÑтом количеÑтво RSS-подпиÑчиков по данным ÑервиÑа FeedBurner и количеÑтво Twitter-фолловеров. Ð’ ÑегоднÑшнем поÑте Ñ Ð´Ð¾Ð¿Ð¾Ð»Ð½ÑŽ данные Ñтатьи информацией о том, как краÑиво оформить Ñти Ñчетчики Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ технологии CSS. Примеры Живой пример Ñчетчиков вы можете наблюдать прÑмо на ... читать полноÑтью »

рубрика CSS-верÑтка | комментариев: 47

ПоÑÑ‚Ñ€Ð°Ð½Ð¸Ñ‡Ð½Ð°Ñ Ð½Ð°Ð²Ð¸Ð³Ð°Ñ†Ð¸Ñ Ð² комментариÑÑ… WordPress без плагина

8 авгуÑта 2011 г.
ПоÑÑ‚Ñ€Ð°Ð½Ð¸Ñ‡Ð½Ð°Ñ Ð½Ð°Ð²Ð¸Ð³Ð°Ñ†Ð¸Ñ Ð² комментариÑÑ… WordPress без плагина

Так же, как и при Ñоздании поÑтраничной навигации в архивах Ñайта, работающего на движке WordPress, можно Ñделать поÑтраничную навигацию в комментариÑÑ… без иÑÐ¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÐºÐ°ÐºÐ¸Ñ…-либо плагинов. Ð”Ð»Ñ Ñтого иÑпользуетÑÑ ÑÐ¿ÐµÑ†Ð¸Ð°Ð»ÑŒÐ½Ð°Ñ Ñ„ÑƒÐ½ÐºÑ†Ð¸Ñ paginate_comments_links(), ÐºÐ¾Ñ‚Ð¾Ñ€Ð°Ñ Ð¿Ð¾ÑвилаÑÑŒ в WordPress верÑии 2.7. Работает она на оÑнове функции вывода поÑтраничной навигации в архивах, а потому очень на нее похожа. ... читать полноÑтью »

рубрика WordPress | комментариев: 30
1 2 3 4 5 6 7 ... 38
МеÑто ÑдаетÑÑ
CoolVDS.com
RSS-подпиÑка Twitter
RSS
← RSS блога Читать блог через Google Читать блог через ЯндекÑ
2286 подпиÑчиков
Twitter
ПоÑледние ПопулÑрные ÐовоÑтные
Ð­Ð»ÐµÐ³Ð°Ð½Ñ‚Ð½Ð°Ñ Ñ„Ð¾Ñ€Ð¼Ð° авторизации Ñ Ð¸Ñпользованием CSS3 23 ÑÐ½Ð²Ð°Ñ€Ñ 2012 г. (комментов: 25) КраÑивые 3D-кнопки Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ CSS3 2 ÑÐ½Ð²Ð°Ñ€Ñ 2012 г. (комментов: 40) УÑтранение проблемы ÑƒÐ²ÐµÐ»Ð¸Ñ‡ÐµÐ½Ð¸Ñ Ð¼ÐµÐ¶Ñтрочного интервала в текÑте при иÑпользовании графичеÑких Ñмайлов 10 ноÑÐ±Ñ€Ñ 2011 г. (комментов: 22) Загрузка чаÑти контента на WordPress Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ AJAX 14 октÑÐ±Ñ€Ñ 2011 г. (комментов: 92) ЭмулÑÑ†Ð¸Ñ Ð¿Ñевдо-Ñелектора :nth-child() в IE7 и IE8 10 октÑÐ±Ñ€Ñ 2011 г. (комментов: 8) КраÑивый Ñчетчик FeedBurner-подпиÑчиков и Twitter-фолловеров на CSS3 12 ÑентÑÐ±Ñ€Ñ 2011 г. (комментов: 47) ПоÑÑ‚Ñ€Ð°Ð½Ð¸Ñ‡Ð½Ð°Ñ Ð½Ð°Ð²Ð¸Ð³Ð°Ñ†Ð¸Ñ Ð² комментариÑÑ… WordPress без плагина 8 авгуÑта 2011 г. (комментов: 30) Выводим на WordPress FeedBurner-Ñчетчик текÑтом и без плагинов 3 авгуÑта 2011 г. (комментов: 26) ДобавлÑем кнопку “Google +1″ в панель от Share42.com 21 Ð¸ÑŽÐ»Ñ 2011 г. (комментов: 61) КраÑивые вÑплывающие подÑказки Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ jQuery 20 Ð¸ÑŽÐ»Ñ 2011 г. (комментов: 57)
ПерÑональные CSS-хаки Ð´Ð»Ñ Internet Explorer, Opera, FireFox, Safari, Google Chrome 8 авгуÑта 2007 г. (комментов: 99) УниверÑальный jQuery-Ñкрипт Ð´Ð»Ñ Ð±Ð»Ð¾ÐºÐ¾Ð² Ñ Ð²ÐºÐ»Ð°Ð´ÐºÐ°Ð¼Ð¸ (табами) 2 марта 2010 г. (комментов: 480) Переходим Ñ TABLE’ичной верÑтки на DIV’овую 24 ÑÐ½Ð²Ð°Ñ€Ñ 2007 г. (комментов: 90) Как Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ CSS прижать footer к низу окна браузера 4 авгуÑта 2007 г. (комментов: 90) ÐŸÐ»Ð°Ð²Ð°ÑŽÑ‰Ð°Ñ Ð¿Ð°Ð½ÐµÐ»ÑŒ «Добавить в Ñоциальные ÑервиÑы» 4 Ð¸ÑŽÐ»Ñ 2010 г. (комментов: 600) Сглаженные закругленные углы без иÑÐ¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸Ð·Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ð¹ 29 авгуÑта 2007 г. (комментов: 75) 10 фикÑов, решающих проблемы Internet Explorer 6 7 марта 2009 г. (комментов: 58) Создаем динамичеÑкие кнопочки-ÑÑылки Ñ Ð¿Ð¾Ð¼Ð¾Ñ‰ÑŒÑŽ CSS 3 Ð¸ÑŽÐ½Ñ 2007 г. (комментов: 148) Share42.com - Скрипт кнопок Ñоциальных закладок и Ñетей 8 ноÑÐ±Ñ€Ñ 2010 г. (комментов: 237) Рецепт быÑтрой индекÑации нового Ñайта ЯндекÑом и Гуглом 23 октÑÐ±Ñ€Ñ 2007 г. (комментов: 83)
«ПроÑмотреть как Googlebot» - новый герой видео от ÐœÑтта КаттÑа 16 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. Прогнозы по поводу Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ SEO в 2012 году 16 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. «В Контакте» - улучшение ÑервиÑа опроÑов 15 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. Что нового в деле Google - Motorola 15 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. Доверие пользователей к компании Google ÑнизилоÑÑŒ 15 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. ЗаÑекреченное мероприÑтие Ðшманова 14 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. Контент-маркетинг - оÑновной ÑпоÑоб работы 90% маркетологов 14 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. Пользователи имеют влиÑние на «обуÑтройÑтво» Ñети «В Контакте» 14 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. Догадливый Chrome 17 от Google 13 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г. ÐœÐµÐ´Ð¸Ð¹Ð½Ð°Ñ Ñ€ÐµÐºÐ»Ð°Ð¼Ð° в Facebook - 1,3 триллиона показов 13 Ñ„ÐµÐ²Ñ€Ð°Ð»Ñ 2012 г.
Облако рубрик Облако тегов
CSS-верÑтка jQuery SEO WordPress Браузеры Веб-маÑтеринг ЖитейÑкое Интернет Манимейкинг ÐовоÑти Познавательно Программы
Заработок Ð´Ð»Ñ Ð²ÐµÐ±-маÑтера Ðрхивы

ГоÑтевые Ñтатьи

Думаете открыть Ñвой интернет магазин Ñувениров Ñ‚Ñжело? Ðет! Это очень проÑто... Чем отличаютÑÑ Ð°Ð²Ñ‚Ð¾Ð¼Ð°Ñ‚Ñ‹ в интернете от оÑтальных? Ð¡ÐµÐ³Ð¾Ð´Ð½Ñ ICQ одна из Ñамых раÑпроÑтраненных в мире программ, которые иÑпользуютÑÑ Ð´Ð»Ñ Ð²Ð¸Ñ€Ñ‚ÑƒÐ°Ð»ÑŒÐ½Ð¾Ð³Ð¾ Ð¾Ð±Ñ‰ÐµÐ½Ð¸Ñ Ð² глобальной Ñети интернет. Процедура Ñмены вида разрешенного иÑÐ¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð·ÐµÐ¼ÐµÐ»ÑŒÐ½Ð¾Ð³Ð¾ учаÑтка Важный момент при разработке нового дизайна веб-Ñайта ÑвлÑетÑÑ Ñохранение показателей популÑрноÑти реÑурÑа Ñреди поиÑковых ÑиÑтем. Ðадоело добавлÑÑ‚ÑŒ новоÑти вручную или пользуетеÑÑŒ кучей программ чтоб добавить новоÑти на разные движки? Тогда Ñта программа Ð´Ð»Ñ Ð’Ð°Ñ ÐšÐ°Ðº мы Ñ Ð±Ñ€Ð°Ñ‚Ð¾Ð¼ открывали Ñвою фирму
© 2006 - 2012 Dimox, dimox.name. Ð’Ñе права защищены. Перепечатка запрещена. 0.33MB/0.00023 sec

You are viewing a mobilized version of this site...
View original page here

Mobilized by Mowser Mowser