Секреты верстки

Подписаться на эту рубрику по RSS

HTML, CSS и все что с ними связано!

3 способа подключения стилей.

Среда, 16 мая 2012 года в 18:17      Просмотров: 2822

Как можно подключить стили к своему сайту?

Только что записал новое видео. В котором рассказываю про три способа подключения стилей на своем сайте.

Даже не так, не рассказываю, а показываю, как применять эти способы на практике, и не просто на одном свойстве, а на целом вагоне стилей. Видео получилось довольно таки долгим – целых 17 минут. Но оно сугубо практическое. Т.е. необходимо будет повторять все за мной на практике.

В итоге вы узнаете ответы на следующие вопросы:

  • Что такое связанные стили?
  • Что такое глобальные стили?
  • Что такое внутренние стили?
  • Как их подключать к своей страничке?
  • Как их использовать?
  • Как они работают?

Далее...

Как из обычной ссылки сделать красивую кнопку с эффектом нажатия?

Суббота, 12 мая 2012 года в 15:36      Просмотров: 3387

Делаем из обычной ссылки красивую кнопку.

Всем привет! smile

Сегодня я записал для вас видеоурок, в котором показываю, как из обычной ссылки (тег A) сделать полноценную "кнопищу" при помощи CSS3.

Урок получился интересный, сугубо практический – воды 0%. Поэтому, он только для тех, кто любит что-то делать своими руками. Готового кода кнопки я не дам, а все покажу, как надо делать, в видео.

В нем мы будем разбирать:

  • Как обычную ссылку сделать кнопкой, реагирующей на нажатие.
  • Как присобачить градиент через CSS.
  • Скругление углов.
  • Создание тени.
  • И буду объяснять кучу других правил CSS по ходу урока.

Вот то, что у ВАС получится после урока:

Далее...

Автозамена текста в input.

Суббота, 28 января 2012 года в 17:11      Просмотров: 3299

Автоудаление текста в input

Если внимательно посмотреть на мой попап (на момент написания статьи он плавно появляется в верхнем правом углу), конечно, если ты не успел его еще закрыть, то увидишь, что при фокусе полей ввода почты и имени, надписи, написанные там, автоматически исчезают.

Тоже самое могу сказать и про форму поиска на моем сайте (находится в шапке) – по умолчанию там написано "Введите поисковую фразу…", и если ты сейчас попробуешь нажать на ней кнопкой мыши – надпись автоматически пропадет.

Все потому, что у меня настроено автозамена текста в input.

Далее...

Редактируем фон, шапку, меню и подвал сайта.

Вторник, 11 октября 2011 года в 20:00      Просмотров: 6633

Шаблон своими руками

Мы продолжаем линейку уроков: Шаблон своими руками!

Сегодня я расскажу всем вам кучу новой, интересной и полезной информации.power

Получилось очень много стоящей инфы, так что вторая часть линейки была разделена на 2 занятия, потому как 40 минутный видеоролик, хоть и практический – не каждый смог бы осилить.

Первая часть находится здесь.

Сразу хочу заметить, что в видео уроках ниже нет воды – только ПРАКТИКА! cool smile Поэтому подготовьтесь к повторению действий на экране и получению отличного результата...Далее...

Как создать меню для сайта?

Понедельник, 08 августа 2011 года в 16:31      Просмотров: 14251

Как создать меню для сайта

Добрый день мои друзья! На связи как обычно Серега, кто ж еще то? В этой статье мы разберем следующую тему:

Как создать меню для сайта?

Но для начала – давай немного предыстории.

Дело было вечером, делать было нечего – сидел я и маялся от скуки. Резко меня посетила одна светлая мысль:


– С хули ж ты сидишь без дела? Возьми и сделай, что-нибудь красивое, а заодно и людям добрым покажи, как сотворить оную фигню!


И тут меня проперло создать на своем сайте красивое меню. Кто еще не знает – эта хрень называется МУЗА! rolleyes

В общем, под действием сие волшебного пендаля, я на скорую руку открыл фотошоп и начал там воплощать моё горячее желание – забацать красивое и простое меню для сайта.

Далее...

Создание клавиш клавиатуры в CSS (без графики)

Четверг, 23 декабря 2010 года в 22:49      Просмотров: 4400

Создание клавиш клавиатуры в CSS (без графики)Первый вопрос, который, возможно, перед вами всплыл – Нафига? grin

Нафига мне эти клавиши на сайте?

А знаете что? Я полностью с Вами соглашусь. Но вот меня однажды приперло…

И я могу вам назвать по крайне мере две железные причины – по которым вы должны просмотреть это  видео.

Причина 1. Самообразование.

Ну разве вам помешает лишний урок по HTML и CSS? Скажу даже больше – в моем курсе по CSS – этого нету, так что покупателям тоже советую просмотреть. Далее...

Что такое CSS шаблон?

Вторник, 31 августа 2010 года в 19:27      Просмотров: 3926

Что такое CSS шаблон?

Добрый день мои дорогие друзья.

Написать меня эту заметку вынудило письмо, которое пришло от одного покупателя моего курса “CSS-мастер”.

Вот что мне пришло:

«Сергей, это Дмитрий!

Здравствуйте.

Изучил ваш курс, осталось только с приложениями закончить. Есть вопрос и, надеюсь, вы поможете. В курсе я не нашел на него ответ: как сделать так, что бы можно было перемещаться по страницам сайта, к примеру, в меню и что бы ссылки работали.»

Действительно, прямого ответа на этот вопрос я в курсе не давал. Вроде где-то упоминалось в одном из уроков заключительной части.Далее...

О CSS!

Понедельник, 17 мая 2010 года в 18:24      Просмотров: 4235

Приветствую вас в уроке о CSS. hello

Где вы узнаете – что такое CSS и, собственно, нафига его вам так необходимо знать.

Ну что, начинаем покорять мое авторское чтиво? smile

Вы когда-нибудь слышали про каскадный таблицы стилей? А про блочную верстку?

Так вот, это все одно и тоже – это CSS. surprised

Когда для создания сайтов использовался только HTML, структуру сайта создавали при помощи таблиц. То есть, создавалась таблица, в ней создавались поля и столбцы. Точнее ячейки. И каждая ячейка отвечала за определенную область сайта.

Одна за шапку, другая за контент, третья за боковой сайдбар, за подвал сайта и так далее.

Отсюда и название – табличная верстка.

Но с приходом CSS все значительно поменялось, стало проще и удобнее.

Сейчас СSS используется на 99% сайтов в интернете.

Давайте так. Рассказывать про CSS  и переубеждать в его выгодности я вас не буду.

Я назову вам всего лишь 7 причин, таких, знаете, незначительных.

Естественно они будут взяты не с потолка, а из моей практики.

А  вы уж сами думайте – нужны вам эти знания или да. grin

Ну что, погнали что ли?

Далее...

О HTML!

Понедельник, 17 мая 2010 года в 18:14      Просмотров: 4083

HTML

Ну что же, надеюсь, вы уже разобрались с тематикой для вашего сайта, а еще я больше надеюсь, что мой лексикон и моя писанина вас не задолбали.

Но, делать нечего, учиться надо, так что придется вам, мой дорогой друг, немножечко потерпеть такого гадкого и симпатичного – меня. rolleyes

Сегодня мы разберем вопросик – зачем вам понадобиться HTML.

Ведь если так подумать, HTML  - это самая первая фигня, на которой начали делать сайты.

Конечно язык прост, усваивать его легко, но зачем?

Далее...