Пятница, 2024-04-19, 2:42 PM
Самопознание - Путь Домой
Главная Форум Тесты Книги Астрологический прогноз Видео Онлайн игры Аудио О сайте
Авторские статьи Карта сайта Скрижали мудрых Регистрация Вход Приветствую Вас, Гость  RSS
[ Новые сообщения форума · Участники · Хроники: скрижали мудрых · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Арина  
Форум » О сайте » Оформление для сайтов, блогов, личных страничек своими руками » Делаем рамочки вокруг текста. Часть 2. (Учимся оформлению самостоятельно)
Делаем рамочки вокруг текста. Часть 2.
АринаДата: Понедельник, 2009-12-07, 1:46 PM | Сообщение # 1
Муза
Группа: Администраторы
Сообщений: 496
Награды: 130
Репутация: 120
Статус: Offline
6. Для того, чтобы картинка располагалась по левому полю рамочки, а текст обтекал ее справа, используем код

< FIELDSET>< IMG src=”адрес картинки” ALIGN=”LEFT">текст< /FIELDSET>

(не забываем удалять пробелы).
Вот что у нас получается:

На кухне, за чашкой чая

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

< FIELDSET>< IMG src=”адрес картинки” ALIGN=”RIGHT">текст< /FIELDSET>

(не забываем удалять пробелы).
Вот что у нас получается:

На кухне, за чашкой чая

Но, рамочки можно делать не только сплошными. Можно сделать так называемую разорванную рамочку, в разрыв которой можно вставить все, что угодно: слово, картинку, таблицу, кнопку, еще одну рамочку и даже не одну. Все зависит от вашей фантазии и навыков. И сегодня мы будем учиться вставлять в разрыв рамочки текст, на примере названия нашего сайта "Самопознание - Путь домой". Чтобы вставить в разрыв рамочки текст, используем тег

< LEGEND>
,
а наш HTML - код такой рамочки будет выглядеть следующим образом

< FIELDSET>< LEGEND>…СЛОВО…< /LEGEND>

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

< /FIELDSET>

Еше раз хочу обратить внимание тех, кто будет копировать коды с этой темы. Не забывайте про открывающие и закрывающие теги!

В открывающем теге < FIELDSET> пробел следует убрать между < и FIELDSET
В открывающем теге < LEGEND> пробел убираем между < и LEGEND
В закрывающем теге < /LEGEND> пробел убираем между < и /
В закрывающем теге < /FIELDSET> пробел убираем между < и /

Если мы все правильно сделали, то в конечном итоге у нас получается вот такой результат:

Самопознание - Путь домой
Добро пожаловать на наш сайт!

Чтобы вставить в место разрыва рамочки картинку, вместо текста в наш код вставляем тег с адресом картинки

< FIELDSET>< LEGEND>< IMG SRC=”адрес картинки”>< /LEGEND>

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

< /FIELDSET>


Удачных экспериментов!



"Выходя из себя, не хлопай громко словами".
Арина
 
Форум » О сайте » Оформление для сайтов, блогов, личных страничек своими руками » Делаем рамочки вокруг текста. Часть 2. (Учимся оформлению самостоятельно)
  • Страница 1 из 1
  • 1
Поиск:



Авторские тесты    Стена    Помощь    Обратная связь    Наша кнопка. Обмен ссылками    Друзья сайта    Каталог сайтов

Копирование или перепечатка любых материалов с сайта разрешена только при ссылки на сайт и авторов!

Статистика

Информер тиц и PR Рейтинг@Mail.ru Каталог-Молдова - Ranker, Statistics Numen.ru Этот сайт защищен «Site Guard» Rambler's Top100 Самопознание – Путь Домой S2M Психология 100 Практический психолог Дефуа Наталья Яндекс цитирования
Используются технологии uCoz