ГЕНЕРАТОР РАМОК: сделать рамки для текста или фото.
28-04-2012 23:30
к комментариям - к полной версии
- понравилось!
Это цитата сообщения LGV Оригинальное сообщение
ГЕНЕРАТОР РАМОК: сделать рамки для текста или фото.
http://4maf.ru/ramochnik.php#.T2iGcqrLd4A.custom
1.
2.ФОРМУЛА ПРОСТОЙ РАМОЧКИ
По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона.
Такую же рамочку Вы видите в этом посте.
Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник".
А теперь рассмотрим этот код более детально. Все коды состоят из тегов. Для наглядности каждый тег выделен разным цветом.
Вот их обозначения:
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)
3..КАК СДЕЛАТЬ САМОМУ ПРОСТУЮ РАМОЧКУСкопируйте код и развлекайтесь :))
[698x244]
Вместо Х1, Х2, Х3 - надо ставить шестизначный код цвета.
Код цвета можно ТУТ взять. Для меня - это самый удобный вариант.
Но можно просто пользоваться таблицей - ТУТ
НАПРИМЕР:
border="5"
Х1 = 330000
Х2 = F8F1AA
Х3 = F8F1AA
Получите такую рамку
________________________________________________
Вместо #Х3 можно поставить адрес картинки и будет рамочка с фоном.
ПРИМЕР
ВОТ КОД ПРИМЕРА:)
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения LGV Оригинальное сообщение
ГЕНЕРАТОР РАМОК: сделать рамки для текста или фото.
http://4maf.ru/ramochnik.php#.T2iGcqrLd4A.custom
1.
Быстрый и удобный сервис создания рамок для текста, фото и картинок. Выдает HTML-код изготовленной рамки для вставки в блоги и интернет-дневники.
2.
|
По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона.
Такую же рамочку Вы видите в этом посте.
Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник".
|
А теперь рассмотрим этот код более детально. Все коды состоят из тегов. Для наглядности каждый тег выделен разным цветом.
|
Вот их обозначения:
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)
3..КАК СДЕЛАТЬ САМОМУ ПРОСТУЮ РАМОЧКУСкопируйте код и развлекайтесь :))
[698x244]Вместо Х1, Х2, Х3 - надо ставить шестизначный код цвета.
Код цвета можно ТУТ взять. Для меня - это самый удобный вариант.
Но можно просто пользоваться таблицей - ТУТ
НАПРИМЕР:
border="5"
Х1 = 330000
Х2 = F8F1AA
Х3 = F8F1AA
Получите такую рамку
Пишите, что хотите, можете даже картинку вставить :)  [240x320] |
________________________________________________
Вместо #Х3 можно поставить адрес картинки и будет рамочка с фоном.
ПРИМЕР
ПРИВЕТ ЛЮБИТЕЛЯМ ДОЖДЕЙ !  [640x347] |
ВОТ КОД ПРИМЕРА:)
ДЕРЗАЙТЕ ! У Д А Ч И ! ! !  |
Вы сейчас не можете прокомментировать это сообщение.
Дневник ГЕНЕРАТОР РАМОК: сделать рамки для текста или фото. | МИ_РА - Дневник Мариша |
Лента друзей МИ_РА
/ Полная версия
Добавить в друзья
Страницы:
раньше»