-Цитатник

Сочетание цвета в нашей жизни.. - (4)

Сочетание цвета в нашей жизни... Цвет в нашей жизни играет огромную рол...

Corel PhotoMirage - программа для анимации картинок - (1)

Corel PhotoMirage - программа для анимации картинок Всем Здравствуйте... Вчера я выст...

Музыкальные альбомы для скачивания - (2)

Музыкальные альбомы для скачивания Для тех пользователей, кто делает музыкальные посты...

Про плеер, прямые ссылки и другое - (1)

Про плеер, прямые ссылки и другое Всем Здравствуйте... Я не зря сегодня выставила Небольш...

Урок. Как сделать простую рамочку для текста. - (6)

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

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии роза
роза
13:38 27.12.2016
Фотографий: 1
Посмотреть все фотографии серии лилия
лилия
12:38 27.12.2016
Фотографий: 1
Посмотреть все фотографии серии
12:27 27.12.2016
Фотографий: 1

 -Стена

вера_шубина вера_шубина написал 21.05.2017 18:00:45:
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
<a href="http://calendar.yuretz.ru" title="Календари на любой год - Календарь.Юрец.Ру"><img border="0" src="http://i.calendar.yuretz.ru/informer/red.png" title="Календари на любой год - Календарь.Юрец.Ру" alt="Календари на любой год - Календарь.Юрец.Ру"></a>
вера_шубина вера_шубина написал 21.03.2017 08:51:27:
https://yadi.sk/a/vcDH44iA3GC8Wc
вера_шубина вера_шубина написал 13.03.2017 13:19:07:
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
<a target=_blank href="http://www.liveinternet.ru/users/4841424/"><img src="//img-fotki.yandex.ru/get/9812/181892198.c0/0
вера_шубина вера_шубина написал 06.03.2017 17:50:25:
<iframe id="airpano_frame" width="700" height="450" src="http://www.airpano.ru/files/Kamchatka-Geyser-Valley/1-3-2" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" framespacing="0"> </iframe> <br><div style="float:right">Источник: <a href="http://www.airpano.ru/" target="_blank">www.AirPano.ru</a></div>
вера_шубина вера_шубина написал 06.03.2017 14:19:23:
http://www.liveinternet.ru/users/6017752/profile/

 -Поиск по дневнику

Поиск сообщений в вера_шубина

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 21.03.2016
Записей: 12519
Комментариев: 5089
Написано: 30273


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

Четверг, 30 Июня 2033 г. 13:59 + в цитатник
Цитата сообщения EFACHKA Урок. Как сделать простую рамочку для текста

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

Такую же рамочку Вы видите в этом посте. 

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

А теперь рассмотрим этот код более детально. Все коды состоят из тегов. Для наглядности каждый тег выделен разным цветом.

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

Вот их обозначения:


1. < center > - этот тег выравнивает рамку по центру. Если его убрать, то рамка сместится влево.


2. < table border ="2" - Число 2 это толщина обводки рамки (тонюсенький серый контур). Здесь можно поэкспериментировать. Если вместо 2 поставим 0, то контур виден не будет. Больше 2-х, обычно не ставят.

3.
background = "URL АДРЕС ФОНА ОБОДКА " - На место URL АДРЕС ФОНА ОБОДКА вписываем ссылку на фон (без пробелов и не заденьте ковычки), ссылка начинается всегда с http:// 

Где взять ссылку? Да очень просто. Находите в интернете понравившийся Вам фон, кликаете по нему правой кнопкой мыши и выбираете "Копировать адрес изображения". Этот адрес и будет нашим "URL АДРЕС ФОНА ОБОДКА". Скопируйте и вставьте в формулу рамки. В качестве фона ободка больше всего подходят яркие, блестящие анимированные фоны или бесшовные картинки (как сделать картинку бесшовной читайте здесь).

4.
cellpadding = "5" и cellpadding = "5" - Ширина слоёв ФОНА ОБОДКА в пикселях (ободок поделен на два слоя). Здесь можете менять как в большую сторону, так и в меньшую.

5.
width = "100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.

6.
background = "URL АДРЕС ОСНОВНОГО ФОНА" - на место URL АДРЕС ОСНОВНОГО ФОНА вставляем ссылку на понравившийся фон. В качестве основного фона лучше брать однотонные бесшовные картинки или картинки с неброским рисунком, чтобы была хорошая видимость текста.

7.
< font size="4" > - это размер шрифта текста в рамочке. Его можно менять.

8.
< font color="#000000" > - Цвет вашего текста в рамке. Цвет можно изменить. (Для этого можно воспользоваться программой для подбора цвета он-лайн)

9. < tr > - этот тег поддерживает высоту рамки, чтобы она не свернулась.

10. < td > - этот тег поддерживает ширину рамки и также не даёт ей свернуться. 

Все теги в конце закрываются знаком "/" - < /font >< /font >< /font >< /td >< /tr >< /table >< /td >< /tr >< /table >< /center > 

3424885_button (163x37, 7Kb)

 

Серия сообщений "Рамочки для текста":
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - Мои рамочки для текста
Часть 3 - Мои рамочки для текста - Девушки
...
Часть 6 - Урок. Обводка поста рамочкой
Часть 7 - Рамочки для текста
Часть 8 - Летние рамочки для текста с кодом
Рубрики:  СООБЩЕНИЕ/уроки для всего
уроки для всего
Метки:  
Понравилось: 17 пользователям

Luba_G   обратиться по имени Среда, 05 Декабря 2018 г. 15:41 (ссылка)

dayname_ru_1561 (495x700, 89Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 05 Декабря 2018 г. 19:44ссылка
Спасибо, Любочка.)))
Лара_Кремова   обратиться по имени Среда, 24 Июля 2019 г. 21:02 (ссылка)
Хорошая шпаргалка.
Картинка
Ответить С цитатой В цитатник
Valya6827   обратиться по имени Суббота, 05 Декабря 2020 г. 14:28 (ссылка)
Поздравляю с днем рождения! Пусть жизнь дарит тебе побольше ярких моментов и сбудутся все твои самые смелые и заветные желания! Желаю, чтобы в твоем доме всегда царили счастье и понимание. И пусть тебя окружают только искренние, верные, надежные друзья и добрые люди!
Картинка
Ответить С цитатой В цитатник
Алла_Студентова   обратиться по имени Понедельник, 20 Марта 2023 г. 22:14 (ссылка)
21.03.2023
Поздравляю с Днем Рождения дневничка!Желаю ему процветания и долголетия,много хороших и верных друзей,а хозяйке чтобы в жизни было как можно больше хороших эмоций,новых идей, здоровья,счастья и всего самого прекрасного!
днев (400x300, 133Kb)
Ответить С цитатой В цитатник
Алла_Студентова   обратиться по имени Среда, 20 Марта 2024 г. 19:07 (ссылка)
21.03.2024
Поздравляю замечательный дневничок с Днём Рождения!!!
Желаю дневничку дальнейшего процветания на просторах интернета, интересных постов и благодарных читателей!!!
А хозяйке дневничка, удачи во всём, успехов и всего самого доброго!!!
д.р.ДНЕВНИКА. (448x273, 116Kb)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку