Архив за ‘web-design’ Рубрик
Тень у резинового блока средствами CSS, HTML
Пятница, Апрель 10, 2009 7:33 10 комментариев
Недавно задался вопросом, как сделать тень у резинового блока. Думаете все просто? Нарисовал картиноки все? Нет. Блок резиновый, значит тень тоже резиновая.
Все что мне пригодилось, это photoshop, редактор, браузер, руки и голова. Надеюсь у вас это все есть...
Так как я верстальщик, а не дизайнер, я не рисовал тень. Мне пришлось ее нарезать. Стал еще [...]
Плавное изменение высоты у объекта
Вторник, Январь 27, 2009 21:19 28 комментариев Речь пойдет о том, как сделать плавное видвижение объекта по средствам изменения высоты.
Посмотреть пример: size-chooser.html.
Посмотреть пример с картинкой: size-img.html.
Делается это посредством jQuery и пару строк JavaScript'a.
Иконки для веб-дизайнеров и разработчиков
Воскресенье, Январь 18, 2009 15:50 Комментариев нетДавно на блог никто не писал. Времени совсем нету... Даже нету нормальной возможности пообщаться с другими авторами ; ). И поэтому хочу обратится в этом посте к другим авторам и соавторам. Свяжитесь со мной, пожалуйста.
Ну ладно, сечайс разговор пойдет не об этом. А о замечательном архиве иконок. Пусть не новый, зато в него добавлено [...]
Непрозрачный текст в прозрачном блоке
Вторник, Январь 6, 2009 20:39 4 комментария
(Нажмите, чтобы увеличить)
Блуждая по форумам и блогам, частенько натыкаюсь на проблему: люди ищут решение проблемы, как сделатть непрозрачный текст в прозрачном блоке с закругленными краями на CSS?
Программисты предлогают использовать JavaScript, верстальщики предлагаю безумные решения. *Я не говорю о всех*. Я решил написать для вас всего пару строчек, который работает, и без лишних наворотов, которые [...]
Title ссылки вместе с курсором или скрипт tooltip
Понедельник, Декабрь 29, 2008 15:14 Комментариев нет
Может из темы не понятно о чем речь (я долго думал как назвать пост), то я сразу приведу пример: tooltip.html
Все делается просто. Предварительно, чтобы разобраться, создадим изображение:
Предпросмотр комментариев с помощью jQuery
Четверг, Декабрь 18, 2008 20:40 4 комментария
В данной статье, я бы хотел рассказать вам о одном замечательном скрипте, реализованном на jQuery.
Самая главная особенность этого скрипта в том, что просмотр происходит без перезагрузки страницы.
И так, о всем с самого начала:
Создание горизонтального меню с пояснениями
Суббота, Декабрь 13, 2008 22:45 5 комментариев
Возможно я утомил вас записями о WordPress. Поэтому сегодня я решил дать роазгрузку (wordpress еще будет).
А покажу я вам сегодня пример создания горизонатальног меню с пояснением.
Все просто:
Имеется ссылка, при наводе на которую выдвигается полоска с дополнительным текстом.
Простой онлайн калькулятор на JavaScript
Четверг, Ноябрь 13, 2008 10:25 11 комментариевОт делать нечего(хотя вру, делать было что) решил сделать простенький калькулятор на JavaScript. Только сложение(+). Вот кстати он сам:
function calculator(form) {
a = eval(form.a.value);
b = eval(form.b.value);
c = a+b;
form.total.value = c;
}
Введите число 1
Введите число 2
Результат
Теперь, пошагово я постараюсь объяснить как это сделать.