Серия сообщений "Рамочки":Выбрана рубрика Рамочки.
Часть 1 - Урок № 1 Учимся делать рамочки
Часть 2 - Урок №2 Учимся делать рамочки
Часть 3 - Урок №3 Учимся делать рамочки
Часть 4 - Урок №4 Учимся делать рамочки
Часть 5 - Урок №5 Учимся делать рамочки
Часть 6 - Урок № 6 Учимся делать рамочки
Часть 7 - Урок № 7 Учимся делать рамочки
Часть 8 - Урок № 8 Учимся делать рамочки
Часть 9 - Урок № 9 Учимся делать рамочки
Часть 10 - Урок №10 Учимся делать рамочки
Часть 11 - Урок №11 Учимся делать рамочки
Часть 12 - Урок №12 Учимся делать рамочки
Часть 13 - Урок №13 Учимся делать рамочки
Часть 14 - Урок №14 Учимся делать рамочки
Часть 15 - Урок №15 Учимся делать рамочки
Часть 16 - Урок №16 Учимся делать рамочки
Часть 17 - Урок №17 Учимся делать рамочки
Часть 18 - Небольшой урок-консультация
Часть 19 - Дополнение к Уроку №17 Учимся делать рамочки
Часть 20 - Учимся делать рамку.
Часть 21 - Все рамочки в одном месте
Урок № 1 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Для начала возмем однослойную рамочку и разберем ее что к чему и для чего.
| Ваш текст |
|
|
Урок №2 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
В этом уроке берем 2-слойную рамочку,начать же урок хочу с того о чем забыла упоминуть в предыдущем уроке.
|
|
Метки: уроки рамочки |
Урок №3 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Теперь будем учиться делать такую рамочку.
И не надо пугаться все гораздо проще чем может показаться.
|
|
Метки: урок рамочки |
Урок №4 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
|
|
Метки: урок рамочки |
Урок №5 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
В принципе игру со слоями можно самому проделать как нам больше нравиться,все зависит от вашего вкуса,добавлять слои мы уже умеем.
Давайте в этом уроке поиграем с текстом.
Ну что же начнем.
Для начала сделаем рамку с плывущем текстом.
Опять таки ничего сложного нет,
просто надо вставлять определенный тег перед текстом.
За основу я возьму рамку с предыдущего нашего урока.
|
|
Метки: урок рамочки |
Урок № 6 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
А сейчас поучимся делать рамку с прокруткой,это довольно сложно,поэтому начнем с самой простой рамки в этом случае.
Вот с такой:
|
|
Метки: урок рамочки |
Урок № 7 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Теперь на примере простой рамочки разберем кое какие ньюансы,
о которых не было упомянуто в прошлых уроках.
| Ваш текст |
|
Метки: уроки рамочник |
Урок № 8 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Начнем с того,что введем заголовок в нашу рамку и заставим его двигаться.
Вот так:
|
|
Метки: уроки рамочки |
Урок № 9 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Сегодня опять поговорим о ручном вводе тег рамочек.
Затронем только два вида рамочек,они сильно не отличаются друг от друга.но пару тонкостей все же есть.
Вот первый тип рамочки:
|
Метки: урок рамочки |
Урок №10 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Продолжаем делать рамочки.
Первый этап мы закончили,если возникнут вопросы по нему я думаю мы все дороботаем по ходу.
Теперь приступим к рамочкам,где картинка стоит не над текстом,а сбоку от него.
Первый вариант самый простой:
это когда загружаем картинку надо просто поставить галочку,там где хотим видеть картинку справа или слева,здесь все просто все делается на автомате,хотя этот тег можно вводить в ручную ничего сложного здесь нет,но думаю мы его все равно пропишем так на всякий случай.
и так берем рамочку в которую будем вставлять нашу картинку,я взяла самую простую:
|
Метки: урок рамочки |
Урок №11 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Теперь продолжим наш предыдущий урок и вставим нашу картинку сбоку,но уже в сложную рамочку.За основу возьму рамочку с 4-мя слоями:
|
Метки: урок рамочки |
Урок №12 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Теперь будем учиться делать боковую рамочку с прокруткой.
За основу возьму рамочку с прошлого урока,вот эту:
|
|
Метки: урок рамочки |
Урок №13 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Ну что же мои читатели наши уроки подходят к концу.
Надеюсь всем было интересно,остальное по большому счету зависить от вашего воображения и вкуса.Фантазируйте и ваши посты будут неподражаемы.
Удачи вам!!!
Если у вас остались воросы задавайте и мы еще раз все пропишем.
...............................Ваша Наталия
|
Метки: уроки рамочки |
Урок №14 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Ну что же я думаю,что все разобрались с этими рамками,раз вопросы не возникают.
Тогда приступим к другому типу рамок.Их код довольно отличается от кода предыдущих рамок.Но я думаю,что с ними тоже следует разобраться,так как они дают очень интересный вид.Все дело в том,что картинка в этих рамках не завязана жестко в границы рамки,ее можно ставить произвольно.
Вот пример этой рамки(текст поставила для наглядности):
|
Метки: уроки рамочки |
Урок №15 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Теперь в URL-рамку поставим текст с прокруткой и сделаем ее немного сложнее.
Для этого за основу возмем на простую URL-рамку.
Вот такую:
|
Метки: уроки рамочки |
Урок №16 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Теперь поговорим о том как в URL-рамку поставить текст с прокруткой.
Так как многое нам известно из предыдущих уроков,этот урок будет коротким и не замысловатым.
|
Метки: уроки рамочки |
Урок №17 Учимся делать рамочки |
_П_Р_И_Р_О_Д_Н_А_Я_
Создаем вот такую картинку:
|
Метки: уроки рамочки |
Небольшой урок-консультация |
http://www.liveinternet.ru/community/2608104/post91550174/
|
Метки: уроки рамочки |
Дополнение к Уроку №17 Учимся делать рамочки |
|
Метки: уроки рамочки |
Учимся делать рамку. |
|
|
|
Метки: уроки рамочки |
| Страницы: | [2] 1 |
