LiveInternet <a class="gl_Topv2-logo-lnk" href="//www.liveinternet.ru/" title="LiveInternet.ru">LiveInternet

Жмём и читаем урок полностью

Как расположить несколько элементов на страничке рядом друг с другом. Урок для начинающих!

Среда, 21 Декабря 2011 г. 18:53 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Как расположить несколько элементов на страничке рядом друг с другом. Урок для начинающих!

3801119_86479_28 (700x529, 135Kb) (180x140, 35Kb)

Когда я только начинал изучать как и многие из вас все детали,что такое коды,как ставить,где ставить-возникало много вопросов и ведь каждый раз требовались ответы на них.Я сам столкнулся и ещё столкнусь уверен, что бывает нужно спросить и не у кого...Как неохотно отвечают на вопросы новичков уже "повзрослевшие" пользователи,как будто и сами не были чайниками.Нет времени и это понятно.Ведь нужно всё разжевать и понятным языком объяснить,куда,как и для чего... Многие не знают

Как расположить несколько элементов на страничке рядом друг с другом.

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

ИТАК ПОЕХАЛИ: Пока я знаю только два способа,которые подходят для картинок, флешек, часиков, линеечек и так далее

Первый способ:

МЕЖДУ КОДАМИ ДВУХ КАРТИНОК ВСТАВЬТЕ НЕРАЗРЫВНЫЙ ПРОБЕЛ

ПРИМЕР:<код первой кнопки> <код второй кнопки> <код третьей кнопки>

Но учтите: этот способ не работает, если вы хотите поставить что-то рядом с табличкой.Например,под картинкой поставить код.

Серия сообщений "компьютер":
Часть 1 - Секреты поиска в Google: команды особого назначения
Часть 2 - Вся правда о букве С в скобках
...
Часть 39 - БЕСПЛАТНЫЕ ПРОГРАММЫ "Windows"
Часть 40 - Как установить программу, если нет файла Setup.exe
Часть 41 - Как расположить несколько элементов на страничке рядом друг с другом. Урок для начинающих!
Часть 42 - Всем, кто пересылает разные сообщения друг другу, не свои личные - а по просьбе других!!!
Часть 43 - Уникальное путешествие по миру всего за 5 минут
Часть 44 - Поисковик в моём дневнике
Часть 45 - Aleo Flash Intro Banner Maker 3.8 + Rus

Рубрики:

Урок № 6 Учимся делать рамочки

Среда, 21 Декабря 2011 г. 18:48 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Урок № 6 Учимся делать рамочки

А сейчас поучимся делать рамку с прокруткой,это довольно сложно,поэтому начнем с самой простой рамки в этом случае. Вот с такой:

ВАШ ТЕКСТ

За основу взял самую постую рамочку с картинкой:

Рубрики:

Метки: урок учимся делать рамочки

Урок №5 Учимся делать рамочки

Среда, 21 Декабря 2011 г. 18:45 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Урок №5 Учимся делать рамочки

В принципе игру со слоями можно самому проделать как нам больше нравиться

Давайте в этом уроке поиграем с текстом. Ну что же начнем.

Для начала сделаем рамку с плывущем текстом.

Опять таки ничего сложного нет, просто надо вставлять определенный тег перед текстом.

За основу я возьму рамку с предыдущего нашего урока.

Ваш текст

Здесь я показал куда надо вставить наш тег

Рубрики:

Метки: урок учимся делать рамочки

Учимся делать простую рамочку

Среда, 21 Декабря 2011 г. 18:42 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать простую рамочку

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

ФОРМУЛА ДЛЯ ИЗГОТОВЛЕНИЯ РАМКИ.

<center><table border="2" background="АДРЕС ФОНА" cellpadding="13" cellspacing="0" width="900"> <tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="5"><font color="000000">Ваш текст </font></font></td></tr></table></td></tr></table></center>

Формула состоит из тегов.

Рассмотрим, что обозначают основные теги:

1. <center> - Этим тегом мы выравниваем рамку по центру.

2. <table border="2" - число 2 – это толщина обводки рамки.

3. background="АДРЕС ФОНА" - На место надписи АДРЕС ФОНА вставляем ссылку на фон. Фон заносим через ФОТОРАДИКАЛ www.radikal.ru

Из предложенных ФОТОРАДИКАЛОМ ссылок, берем ссылку номер 1. Совет – не увлекайтесь сложными и тяжелыми для открытия (имеющих большой размер) фонами, в этом случает Ваш блог будет сложно открывать.

4. cellpadding="13" cellspacing="0" Ширина слоев рамки в пикселах.

5. font color="000000" - цвет текста в рамке, цвет текста меняем – изменяя цифры….. Код цвета исчисляется в 16-ричной системе (мы обычно пользуемся 10-ричной).

6. Тег <tr> - этот тег поддерживает высоту рамки

7. Тег <td> - этот тег поддерживает ширину рамки.

Желаю успехов!

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Рамочки для Блогов
Часть 2 - Урок № 1 Учимся делать рамочки
...
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
Часть 6 - Учимся делать простую рамочку
Часть 7 - Урок №5 Учимся делать рамочки
Часть 8 - Урок № 6 Учимся делать рамочки
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

Рубрики:

Метки: урок учимся делать рамочки

Урок №4 Учимся делать рамочки

Среда, 21 Декабря 2011 г. 18:38 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Урок №4 Учимся делать рамочки

Уважаемые читатели,первый урок самый важный ,там расписаны слои,они вам показаны наглядно,надо усвоить чем начинается слой и где он заканчивается ,иначе вашим ошибкам не будет конца!!!!

Мы уже умеем добавлять слои,умеем вставлять картинку и умеем делать рамочку в рамочке. Теперь я покажу как сделать в рамочке две рамочки. За основу опять возмем 2-хслойную рамочку.

Ваш текст

С начало добавим два слоя как в предыдущем уроке чтобы получить рамку с 4-мя слоями

Ваш текст

Теперь для наглядности сделаем пробел между отменами слоев,так чтобы отделить два слоя,вот так:

1.Здесь показано где надо делать пробел

2.Здесь показано что должно получиться в коде

Далее делаем пробел при назначении(написании) слоев вверху также нужно отделить два слоя(все это надо проделать без публикации):

1.здесь показано где надо сделать пробел

2.здесь показано как это выглядет в коде

Теперь копируем то что у нас получилось между пробелами и вставляем в пробел между отменами,а пробел в написании слоев убираем,либо ставим туда картинку. Вот что должно получиться:

Ваш текст

В принципе этот урок можно закончить,если вы хорошо усвоили предыдущие уроки,то здесь сложностей возникнуть не должно.

УДАЧИ ВСЕМ!!!

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Рамочки для Блогов
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
Часть 6 - Учимся делать простую рамочку
Часть 7 - Урок №5 Учимся делать рамочки
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

Рубрики:

Метки: урок учимся делать рамочки

Урок №3 Учимся делать рамочки

Среда, 21 Декабря 2011 г. 18:37 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Урок №3 Учимся делать рамочки

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

Ваш текст

Мы уже знаем из предыдущих уроков:
как менять фон рамки
как менять размеры рамки и какие размеры мы можем поменять. Начнем!
Берем 2-хслойную рамочку

Ваш текст

и добавляем еще два таких же слоя(можно просто скопировать)вот так это делается:
1.здесь выделено ,то что вы должны скопировать:

2.здесь показано куда надо вставить скопированные вами теги:

3.теперь копируем отмены наших тег:

4.и вставляем сюда:

Получаем такую рамку(у которой теперь 4 слоя):
размеры меняем по своему вкусу,как кому больше нравиться,я сделала так:

Ваш текст

Теперь будем добавлять нашу картинку,
между слоев,так чтобы у нас получилась внутренняя 2-хслойная рамка(так как рамка уже большая и не помещается вся в окне кода,я выбрала ту часть которая нам нужна)
здесь выделены первые два слоя,после которых нам необходимо поставить код нашей картинки(ее полный адрес),два других слоя остануться внизу относительно картинки

здесь выделина картинка уже стоящая в рамке:

здесь выделина 2 слоя,которые остались под картинкой:

Размеры рамки наружной выставляем по рамзмерам картинки,как в прошлом уроке,
размеры внутренней рамки,которая остается под картинкой,ставим чуть меньше размеров нашей картинки,чтобы общий вид рамки,был гармоничным.
УДАЧИ ВСЕМ!!!

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Рамочки для Блогов
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
Часть 5 - Урок №4 Учимся делать рамочки
Часть 6 - Учимся делать простую рамочку
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео

Рубрики:

Метки: урок учимся делать рамочки

Урок №2 Учимся делать рамочки

Среда, 21 Декабря 2011 г. 18:32 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Урок №2 Учимся делать рамочки

В этом уроке ,будем делать 2-слойную рамочку,

Ваш текст

Команда <center> отвечает за размещение нашей рамочке на листе нашего дневника,то есть ставит рамочку по центру,

Рубрики:

Метки: урок учимся делать рамочки

Урок № 1 Учимся делать рамочки

Среда, 21 Декабря 2011 г. 18:30 + в цитатник
Это цитата сообщения Православная_жизнь [Прочитать целиком + В свой цитатник или сообщество!]

Урок № 1 Учимся делать рамочки

Прежде, чем начать делать рамочки, необходимо позаботиться о закачке фонов, необходимых для создания рамочки. Хранить картинки для фонов можно на http://www.radikal.ru Там создаем альбомы и помещаем туда свои фоны.

Для начала возьмем однослойную рамочку и разберем ее что к чему и для чего.

Ваш текст

Рубрики: