Метка "Дизайн"
Создание вертикального меню для сайта
В прошлом посте я уже показывал, как с помощью изменения фона можно создавать красивые кнопки. Изменение фона отлично подходит для простых кнопок, для более сложных лучше измененить фоновое изображение. Особенно, если кнопки будут расположены в меню.
Основная проблема заключается в задержке вывода кнопки, когда браузер загружает изображение кнопки. Из-за этого создается мерцание. Есть несколько способов [...]
Создание красивых кнопок с помощью css
Наконец-то удалось выбраться в интернет. Давно не писал в блоге, на это были свои причины. Но теперь я вернулся. В этом посте я покажу, как можно сделать красивые кнопки с помощью css. Эти кнопки можно использовать в меню или в формах.
Вот так наши кнопки выглядят до изменения:
ПУСК
Не слишком красиво. Попробуем сейчас это исправить. Для этого [...]
Верстаем дизайн для блога. Часть 2
В прошлом уроке мы сверстали макет нашей страницы, сделали фон и добавили тени отбрасываемые контент областью. Сегодня мы займемся шапкой нашего шаблона.
Первое чем мы займемся – это разметим шапку под основные элементы:
1) Логотип сайта
2) Поиск
3) Горизонтальное меню.
Для этого в файл index.html в теге:
Верстаем дизайн для блога. Часть 1
В прошлых статьях мы нарисовали дизайн нашего блога. Сегодня мы займемся версткой. Это первая статья из серии. В ней мы сделаем разметку нашей будущей страницы.
В чем верстать выбор лично ваш, я предпочитаю NetBeans.
Для начала создадим 2 файла «index.html» и «style.css», а также папку «images» в ней мы будем хранить картинки для шаблона.
В [...]
Создание дизайна сайта от А до Я. Часть 4
Это последняя статья по рисованию дизайна, в следующих мы будем заниматься версткой.
С прошлого урока дизайн немного изменился. Все правки вы найдете в прилагающихся файлах проекта.
На данный момент мой вариант дизайна выглядит следующим образом:
Создание дизайна сайта от А до Я. Часть 3
На данный момент у нас готов фон и шапка будущего шаблона. Дабы не терять время зря сразу приступим к дизайну сайдбара.
Ширина сайдбара примерно 320px при ширине шаблона 1010px. Виджеты разделяются между собой с помощью заголовков:
Создание дизайна сайта от А до Я. Часть 2
В первой статье мы создали макет нашего дизайна и нарисовали фон. Сегодня мы продолжим работу на шаблоном и займемся шапкой сайта, нарисуем лого нашего будущего сайта кнопку для подписки на rss ленту и форму для поиска.
Приступим.
Я не хочу рисовать громоздкую шапку, по этому она будет состоять из логотипа, горизонтального меню, оно же разделитель шапки от [...]
Создание дизайна сайта от А до Я. Часть 1
Это первая часть из серии статей по созданию дизайна сайта, которые охватывает все от создания макета до верстки.
Программы:
Photoshop и любой редактор кода, для верстки.
В первой статье, мы рассмотрим создание макета дизайна, и фона нашего будущего дизайна блога. Первое чем мы займемся – это составим список требований:
Дизайн будет в светлых тонах.
Формат: шапка, контент, 1 [...]
