Комментарии (1)

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

Вторник, 24 Марта 2009 г. 10:56 + в цитатник
Это цитата сообщения Linda53 [Прочитать целиком + В свой цитатник или сообщество!]

Учимся делать рамочки c картинкой

Учимся делать рамочки
ФОРМУЛА
<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><img src=''адрес картинки''><font size="5"><font color="000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

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

<center>-этим тегом мы выравниваем рамочку по цент

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

background="АДРЕС ФОНА"-на место адрес фона вписываем ссылку на фон

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

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

cellpadding="13" cellspacing="0"-этот тег задает на сколько будет вид ен наш слой

width=''900''- размер рамочки , то есть ее ширина

Ну вот и все, удачи!

Рубрики:

Рамки
Разные уроки

Метки: уроки рамочки

Комментарии (1)

Готовим рамочки

Четверг, 19 Марта 2009 г. 09:36 + в цитатник
Это цитата сообщения Sabine_Astana [Прочитать целиком + В свой цитатник или сообщество!]

Урок изготовления рамочки для текста

Урок изготовления рамочки для текста.

ВАШ ТЕКСТ

Учимся?

1. Нажимаем "Записать мысль".

2. Копируем этот код и вставляем его в свой пост в режиме "просто текст":

<center><table border="4" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/2710/ternosvit.58/0_267c2_979e7078_M.jpg"" target="_blank">//img-fotki.yandex.ru/get/2710/ternosvit.58/0_267c2_979e7078_M.jpg"</a> cellpadding="12" cellspacing="12" width="100%"><tr><td><table border="2" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/2712/ternosvit.58/0_267cf_1dfcff4_M.jpg"" target="_blank">//img-fotki.yandex.ru/get/2712/ternosvit.58/0_267cf_1dfcff4_M.jpg"</a> cellpadding="10" cellspacing="10" width="100%"><tr><td><br /><center><br /><img src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/2714/ternosvit.58/0_267bb_dbc02628_M.jpg"" target="_blank">//img-fotki.yandex.ru/get/2714/ternosvit.58/0_267bb_dbc02628_M.jpg"</a> width="150" height="166" title="0a749a599697[1].gif" alt="0a749a599697[1].gif" border="0"/><br /><br />ВАШ ТЕКСТ<br /></center><br /></td></tr></table></td></tr></table></center>

3. Изучаем HTML-код рамочки:
Все, что обозначено на рисунке черным цветом (текст кода) оставляем без изменений.

рамочка.bmp

4. Задаем нужную вам толщину внешнего бордюра рамочки (смотрите на рисунке - цифра "4", розового цвета).

5. Выбираем внешнюю текстуру рамочки (смотрите на рисунке - код внешней текстуры рамочки, красного цвета):
Например, внешняя текстура такая:

Нажимаем "Код для вставки на сайт или в блог" для выбранной текстуры и копируем код, который находится в окошке "Ссылка на фотографию".
Вставляем его вместо кода, обозначенного на рисунке красным цветом.

6. Задаем нужную вам толщину внешней текстуры рамочки (смотрите на рисунке - две цифры "12", сиреневого цвета).

7. Площадь заливки внешней текстуры рамочки оставляем без изменений (смотрите на рисунке - "100%", оливкового цвета).

8. Задаем нужную вам толщину внутреннего бордюра рамочки (смотрите на рисунке - цифра "2", бирюзового цвета).

9. Выбираем внутреннюю текстуру рамочки (смотрите на рисунке - код внутренней текстуры рамочки, синего цвета):
Например, внутренняя текстура такая: 26671806_16707913_fondrose[1].jpg

Нажимаем "Код для вставки на сайт или в блог" для выбранной текстуры и копируем код, который находится в окошке "Ссылка на фотографию".
Вставляем его вместо кода, обозначенного на рисунке синим цветом.

10. Задаем нужную вам толщину рельефа внутренней текстуры рамочки (смотрите на рисунке - две цифры "10", оранжевого цвета).

11. Площадь заливки внутренней текстуры рамочки оставляем без изменений (смотрите на рисунке - "100%", коричневого цвета).

12. Выбираем картинку для вставки внутри рамочки (смотрите на рисунке - код картинки внутри рамочки, зеленого цвета):
Например, картинка такая: 0a749a599697[1].gif

Нажимаем "Код для вставки на сайт или в блог" для выбранной картинки и копируем код, который находится в самом верхнем окошке.
Вставляем его вместо кода, обозначенного на рисунке зеленым цветом.

13. Делаем текстовое сообщение.
Вместо слов "ВАШ ТЕКСТ" (смотрите на рисунке слова "ВАШ ТЕКСТ", сливового цвета) напишите то, что желаете поведать своим читателям.

14. Нажимаем "посмотреть, что получится". Если все нравится...

15. Жмем "Отправить".

При помощи этого способа можно оформить и приветствие к гостям)).

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

Рубрики:

помощь на сайте
Рамки
Разные уроки

Метки: рамочки уроки

Комментарии (1)

Рисуем рамочки

Вторник, 17 Марта 2009 г. 14:30 + в цитатник
Это цитата сообщения -Moss-Arina- [Прочитать целиком + В свой цитатник или сообщество!]

Учимся рисовать рамочки

Много уроков есть на тему содания рамочек , но всё же захотелось написать ещё один .
Надеюсь многим он пригодится для творчества в своих дневничках . Удачи Вам друзья !
И так приступим ....

Сразу пищу переменные для того чтоб было понятно за что они отвечают .
Переменные:
border:3px #ff0000 толщина рамки в пикселях и её цвет
background-color: #ffff00 цвет фона рамки
dashed -пунктир
solid- непрерывная
margin отступ от текста снаружи (если рамка находится внутри текста)
padding -отступ текста от рамки внутри

1.

Ваш текст

2

текст в рамке с цветным фоном

3

Ваш текст

4

Ваш текст

5

Ваш текст

Текст можно расположить в любой части рамки
Пользуясь таблицами цветов можно менять переменные цвета рамки
например #000000 заменить на #33CC66
толщину бордюра тоже можно менять например с 3px на 10px
(от 0 до 10 ) Но при переменной" 0 "рамка не видна .
Надеюсь что всё понятно , удачи !
Возникнут вопросы задавайте .

ссылка на таблицу цветов http://www.artlebedev.ru/tools/colors/ (их в интернете очень большое количество )

Рубрики:

Рамки
Разные Теги
Разные уроки

Метки: рамочки

Комментарии (5)

Как делать рамочки

Среда, 11 Февраля 2009 г. 17:10 + в цитатник
Это цитата сообщения LVN [Прочитать целиком + В свой цитатник или сообщество!]

Советы ЧАЙНИКА.

Как я делаю РАМОЧКИ.

Я должна признать, что я -"Чайник" в компьютерах.
Ещё совсем недавно, я не знала,
с какой стороны держать мышку.
Как сказано в одном мультике:
"Птица - Говорун наделена Умом и Сообразительностью."
Так и я методом "ТЫКА" - осваиваю шаг
за шагом эту науку.
Это объяснение не профессионала,
который, прочитав мой бред,
будет долго и громко смеяться над моими ОБЪЯСНЕНИЯМИ.
Это даже хорошо!!!
Может кто то, после моего странного объяснения,
напишет умный и профессиональный совет по этому вопросу.

Я учусь и приглашаю всех желающих!
Получилось у меня,
значит и вы сможете научиться делать РАМОЧКИ!!!

Благодарю от всего сердца
NEZNAKOMKA-HHHH,
Адрес её дневника:
http://www.liveinternet.ru/users/neznakomka-hhhh/profile/

Она дала мне первые представления о том,
что такое Адрес картинки и я узнала,
что его, оказывается можно менять,
делая из чужой - свою РАМОЧКУ.
Советы ЧАЙНИКА.
Начало.

Смысл всего:
- Поменять Адрес Рамки-образца
- на Адрес вашей Открытки-фона

1. Копируем себе в ЦИТАТНИК-в ЧЕРНОВИК
любую рамочку. Например эту:

ВАШ ТЕКСТ

2. Затем делаем - Редактирование.
Подписываем наверху: Рамочка.

2. Добавляем открытку-фон,
из которой мы будем делать рамочку.
Подписываем: Моя открытка.

3. Опять редактирование.
4. Копируем полученный шифр
Рамочки и Открытки
и отправляем себе письмо на mail.ru
(тот адрес , какой есть у вас).

Пояснение: когда вы откроете письмо,
то, Адрес этой Рамки и Открытки-фона
будут выделены синим цветом.
Так его легче узнать средь всех закорючек.

В данной Рамке-образце этот адрес выглядит так:
http://mitglied.lycos.de/flysbackgrounds/H-Natur/H-Blumen/fly-blume04.jpg
(Нам нужно всё, кроме этого адреса)

Этот Адрес мы и будем менять
на адрес Открытки-фона,
из которой вы хотите сделать РАМОЧКУ.

4. Например, я взяла эту Открытку-фон:
(300x300, 27Kb)

Адрес открытки-фона выглядит так:
- в письме будет СИНИМ.)
//img0.liveinternet.ru/images/attach/b/3/11/67/11067680_l5.jpg
Этот адрес нам и нужен!!!
Мы должны его вставить в Рамку-образец
(вместо того, что там есть)

Как это происходит:

7. Копируем из вашего письма "РАМКА-образец"
Сверху и только - До АДРЕСА
(только до синего адреса - все крючки и закорючки.
Будьте внимательны!)- в Черновик

8. Теперь копируем адрес вашей Открытки.
Копируем ТОЛЬКО синий АДРЕС!!!

9. Этот Адрес добавляем к пункту № 7 в ЧЕРНОВИК
(после верхних кавычек.)

10. Снова смотрим на шифр РАМКИ-образца

11. Копируем начиная с верхних кавычек
только - ПОСЛЕ АДРЕСА (после адреса)

12. Эту часть присоединяем к тому,
что у нас есть в пункте№ 9
(соединяем всё вместе в Черновике.)

13. Этот шифр копируем и заносим к себе в Черновик.
Должна получиться вот такая рамка

ВАШ ТЕКСТ

===

Вы можете менять цвет шрифта в полученной Рамке.

Это можно легко сделать поменяв
ЦИФРЫ И БУКВЫ поле слова: color

На образце это выглядит так:
color="000000"
Изменив (используйте рамку цветов.
Адрес стр. моего Дневника, где находится эта таблица:
http://www.liveinternet.ru/showjournal.php?journalid=1482893&keywordid=683368&page=2

Я, хочу, например,
сделать текст бордового цвета,
для этого я меняю при редактировании в черновике
"000000" на "990000"

Смотрите, что получилось

ВАШ ТЕКСТ

Так вы легко можете менять цвет шрифта в вашей РАМКЕ.

Удачного творчества,
от любящего вас "Чайника"

РАМКА ЦВЕТОВ.
23491043_Bezuymyannuyy (504x584, 34Kb)

Рубрики:

помощь на сайте

Метки: помощь рамочки

Комментарии (1)

Рамочки для текстов

Вторник, 10 Февраля 2009 г. 11:55 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки для текстов (Сердечки)

До дня влюблённых осталось 4 дня.

Посмотрите в этих постах возможно Вам что-то пригодиться для поздравления своих любимых:

1.Сердечки (анимашки)

2.Малыш Купидон (картинки)

3.Рамочки для текстов 12 ( Он и Она )

4. Рамочки для текстов (Любовь)

И в дополнение рекомендую Вам заглянуть вот в этот пост - Сделай видео слайд-шоу с помощью представленной там программы Вы уже сможете сделать не виртуальный, а реальный подарок своему любимому человеку. К примеру, скомпоновать Ваши личные фотографии - наложить музыку или свой голос и записать это всё на диск. По-моему получится очень оригинально и второго такого подарка больше уже точно не будет.

Желаю Вам всем любви и счастья!:give_rose

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

Рубрики:

помощь на сайте
Рамки
Анимашки
Праздники

Метки: помощь рамочки

Комментарии (1)

Рамочки и прочее

Четверг, 05 Февраля 2009 г. 13:28 + в цитатник
Это цитата сообщения С_Улыбкой_Елена [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки и прочее (ссылки)

Рамочки и прочее

http://www.1000designs.ru/fotoframes/

Создай своё лицо

http://vsyako-razno.ru/2008/04/14/mozhno-budet-vstavit-svoe-lico.html

Рамочки

http://psd.at.ua/load/1

http://dmtrk.io.ua/album6840

Рамочки и урок по оформлению

http://saechka.ru/nutz/creativ/vinetka.php

Рамочки для фоток

http://foto.rc-svit.com/fotoalbum906362.html

Романтичні рамочки для закоханих

http://andriana.at.ua/news/1-0-1

Рамочки, коллажи и т.д.

http://album.foto.ru/photos/12321/

Рубрики:

помощь на сайте
Галерея
Рамки

Метки: помощь рамочки

Комментарии (0)

Рамочки

Среда, 04 Февраля 2009 г. 23:00 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки для текстов

Всем привет!

Утром смотрела один из блогов, так там хозяйка всё пишет в разных рамочках, получается очень оригинально. Решила научиться так же делать))) зачем пока не знаю, но очень хотелось. После всех экспериментов с кодами вот что получилось. Если нравится пользуйтесь, ну а нет так я тоже не обижусь. Если кому-то нужны другие цветовые гаммы пишите - сделаю.

Что нужно для вставки:

1.Копируете код из флейма
2.Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3.Нажимаете опубликовать и получаете Ваш пост в рамочке.

Да и не забудьте что цвет и размер шрифта будет такой как у Вас в блоге и если к примеру он у Вас белый, то не стоит выбирать светлый фон, а то трудно будет читать.

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

ВАШ

Т Е К С Т

Рубрики:

помощь на сайте
Галерея
Рамки

Метки: текст помощь рамочки

Комментарии (0)

Рамочки для текстов

Вторник, 20 Января 2009 г. 18:22 + в цитатник
Это цитата сообщения alexjdanov [Прочитать целиком + В свой цитатник или сообщество!]

теги, авики, фон, коды для фона -эксклюзив от ЖДАНОВА

Рамки для сообщений. БЕРЁМ ОТПИСЫВАЕМСЯ)))

1)

Ваш текст

код:<br /><br /><center><br /><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/0/14442/14442542_13685107_763.jpg"" target="_blank">//img0.liveinternet.ru/images/attach/b/0/14442/14442542_13685107_763.jpg"</a> border="3"><br /> <tbody><br /> <tr><br /> <td><font face="Courier new" color="#000000" size="3" font="font"><b><br /> <p align="center"><br /><br /><br /><font color="#ffffff">Ваш текст</font><br /><br /><br /></p><br /> </b></font></td><br /> </tr><br /> </tbody><br /></table><br /></center>

2)

Ваш текст

код:<br /><br /><center><br /><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//static.diary.ru/userdir/3/6/9/2/369245/15503163.gif"" target="_blank">//static.diary.ru/userdir/3/6/9/2/369245/15503163.gif"</a> border="3"><br /> <tbody><br /> <tr><br /> <td><font face="Courier new" color="#000000" size="3" font="font"><b><br /> <p align="center"><br /><br /><br /><font color="#ffffff">Ваш текст</font><br /><br /><br /></p><br /> </b></font></td><br /> </tr><br /> </tbody><br /></table><br /></center>
3)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//static.diary.ru/userdir/3/6/9/2/369245/15822062.gif"><tbody><tr><td><font" target="_blank">//static.diary.ru/userdir/3/6/9/2/369245/1582...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
4)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//static.diary.ru/userdir/3/6/9/2/369245/15815694.gif"><tbody><tr><td><font" target="_blank">//static.diary.ru/userdir/3/6/9/2/369245/1581...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
5)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/1/18809/18809795_10980657_Mutedfleurs.jpg"><tbody><tr><td><font" target="_blank">//img1.liveinternet.ru/images/attach/b/1/1880...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
6)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/1/18808/18808317_10970961_FOND_BLEU_TITRE.jpg"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/1/1880...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
7)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/1/18805/18805858_17346164_703096.jpg"><tbody><tr><td><font" target="_blank">//img1.liveinternet.ru/images/attach/b/1/1880...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
8)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/1/18808/18808086_10970851_fond14.jpg"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/1/1880...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
9)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/1/18808/18808729_10971657_fondtag66.jpg"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/1/1880...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
10)

Ваш текст

код:<br /><br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/1/18808/18808756_10971910_fondtalon.jpg"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/1/1880...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br />Ваш текст<br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>

теги, авики, фон, коды для фона

Рубрики:

помощь на сайте
Рамки

Метки: рамочки

LiveInternetLiveInternet

-Музыка

-Метки

-Рубрики

-Приложения

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

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

-

-

-Стена

-Интересы

-Постоянные читатели

-Сообщества

-Статистика

Записи с меткой рамочки

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

Готовим рамочки

Рисуем рамочки

Как делать рамочки

Рамочки для текстов

Рамочки и прочее

Рамочки

Рамочки для текстов