Мобильный LiveInternet

Авторизация

Дневник Лента друзей / Полная версия Добавить в друзья Страницы: «позже раньше»

ЕЩЁ О HTML-кодах.Урок 06-03-2012 23:41

Это цитата сообщения Arnusha Оригинальное сообщение

ЕЩЁ О HTML-кодах.Урок.

Интересные HTLM-коды
1. Ваш текст в объемной 3D-рамке

Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; - ширина блока 200 пикселей,
height:70px; - высота блока 70 пикселей,

border-color:#8800dd; - цвет рамочки (его можно изменить, поставив после знака # другое значение).
Получим:

Ваш
текст в объемной 3D-рамке - размеры рамки здесь фиксированые

Код:

2. Если не задавать вышеуказанные параметры - получается так:

Ваш текст в объемной 3D-рамке - на всю ширину поста

Код:

Цвет можно подбрать здесь

3. Всплывающее окошко с пояснением при наведении на текст курсора:

Код:

Подведите курсор к этому тексту

4. Правильное (и уважительное) указание автора под скопированным текстом
(цитатой) с всплывающей дополнительной информацией при наведении курсора.
Пример:

©Arnusha

Код:

Arnusha

комментарии: 0 понравилось! вверх^ к полной версии

Еще раз о движущемся тексте и изображении.. 06-03-2012 23:40

Это цитата сообщения Arnusha Оригинальное сообщение

Еще раз о движущемся тексте и изображении..

Все коды работают только в html-режиме
КОД

Справа налево +ссылка
Здесь расшифровка кода
<теги scrollamount = "2" scrolldelay = "50" onmouseover = "this.stop ();" onmouseout = "this.start ();" высота = "20" BGCOLOR = "# CCFFCC" ширина = "550 "стиль =" границы: 2px # 0000FF; выравнивания текста: центр; семейство шрифтов: Arial; цвет: # 0000FF; Размер шрифта: 12pt; шрифта: жирный; стиль шрифта: курсив "Направление =" справа ">Справа налево +ссылка

КОД

Слева направо
расшифровка
< scrollamount = "2" scrolldelay = "50" onmouseover = "this.stop ();" onmouseout = "this.start ();" высота = "20" BGCOLOR = "# FFFFCC" ширина = "550 "стиль =" границы: 2px пунктирной # 008000; выравнивания текста: центр; семейство шрифтов: Arial; цвет: # FF0000; Размер шрифта: 10pt; "Направление =" слева "> Слева направо

КОД

Чередование вправо,влево+если мышку подвести,ссылка будет кликабельна
Расшифровка кода.
< scrollamount = "2" scrolldelay = "50" onmouseover = "this.stop ();" onmouseout = "this.start ();" высота = "20" BGCOLOR = "# F0D4A0" ширина = "550 "стиль =" границы: 12px хребта # 00FFFF; выравнивания текста: центр; семейство шрифтов: Arial; цвет: # 000000, размер шрифта: 8pt; шрифта: жирный; стиль шрифта: курсив "поведения =" альтернативный ">Чередование вправо,влево+если мышку подвести,ссылка будет кликабельна

<<<<<>>>>>

комментарии: 0 понравилось! вверх^ к полной версии

Делаем Окошко для кодов. 06-03-2012 23:39

Это цитата сообщения SvetlanaT Оригинальное сообщение

Делаем Окошко для кодов.

Этот урок как делать окошко для кодов.
Очень полезная штука и удобная.Можно быстро скопировать код
и занимает мало места.Очень хорошо подходит для рамочек.
Если у вас получилась красивая рамка и хочется поделиться с другими её кодом.
Выглядеть окошко без кода будет так.
ВАШ КОД
[показать]
SvetlanaT

3http://img-fotki.yandex.ru/get/4312/fot462.b3/0_392fa_4cb24695_XS.jpgtext/font

комментарии: 0 понравилось! вверх^ к полной версии

КАРТИНКА В УГЛУ ЗАПИСИ.УРОК. 06-03-2012 23:39

Это цитата сообщения Arnusha Оригинальное сообщение

КАРТИНКА В УГЛУ ЗАПИСИ.УРОК.

Хочу вам показать один урок.
Когда нужно в рамочках или просто в записи поставить
картинку или уголок так,чтобы они стояли не просто слева
или справа,а находились именно в углу вашей записи.
Ниже вы видите пример,как это будет выглядеть,а под
примером Вы видите коды.Все просто,но в тоже время и
нужно!Думаю,что разберетесь.Но это будет выглядеть намного
лучше,чем картинка "справа" и "слева".
[показать]

[показать]Смысл жизни нашей - это путь тернистый,
И в нем означен доблестный завет:
Жить надо так,чтобы еще при жизни
В сердцах людей оставить добрый след.

Ну а когда исчезну я с планеты
И млечной пылью растворюсь во мгле -
В цветенье трав иль в полыханье лета
Хочу остаться с вами на Земле.

[показать]В чем жизни смысл?
В любой ее минуте.
А может,в том,что вертится Земля...
Но на переднем плане почему-то
Я ставлю счастье на повестку дня.

"О счастье мы всегда лишь вспоминаем,
А счастье всюду.Может быть,оно
Вот этот сад осенний за сараем
И чистый воздух,льющийся в окно".

[показать]

[300x6]
Arnusha

комментарии: 0 понравилось! вверх^ к полной версии

Делаем красивый текст для оформления дневника. 06-03-2012 23:37

Это цитата сообщения SvetlanaT Оригинальное сообщение

Делаем красивый текст для оформления дневника.

Существую разные стили текста, для оформления вашего блога.
Придуманы не мной.Долго собирала разные необычные варианты.
И в этом уроке хочу вам их предложить.
Благодаря им ваш дневник будет выглядеть не ординарно,и красиво.
Такими текстами можно украшать
ЗАГОЛОВКИ и РАМОЧКИ.
Написание цвета и коды цвета.
Смотрим и выбираем понравившийся...

Текст с переливающейся тенью.

Ещё варианты...

SvetlanaT

margin:0px auto;width:100%;filter:shadow(strength=12);color:Chartreuse;font-size:30pt;line-height:100%;font-family:Monotype Corsiva;

комментарии: 0 понравилось! вверх^ к полной версии

ШРИФТЫ С КОДАМИ 06-03-2012 23:36

Это цитата сообщения Novichok56 Оригинальное сообщение

ШРИФТЫ С КОДАМИ

ШРИФТЫ С КОДАМИ
Собирала шрифты для себя, но решила поделиться со своими друзьями, может кому пригодятся. Все составляющие можно менять: название шрифта, номер или название цвета, высоту текста на ваше усмотрение.

Белая береза
<font face="Monotype Corsiva" size="+4" color="fuchsia"> Белая береза</font>

Под моим окном
<font face="Georgia" size="+4" color="Blue">Под моим окном</font>

Принакрылась снегом
<font face="MS Mincho" size="+4" color="Red">Принакрылась снегом</font>

Точно серебром
<a><font face="Impact" size="+4" color="Lime">Точно серебром</font></a>

ПОЗДРАВЛЯЮ!
<font face="Goudy Stout" size="7"><font color="#9933FF">П</font><font color="#CC00FF">О</font><font color="#FF99FF">З</font><font color="#FFCCFF">Д</font><font color="#CC0099">Р</font><font color="#FFCCFF">А</font><font color="#CC0099">В</font><font color="#9900FF">Л</font><font color="#9933FF">Я</font><font color="#0099D9">Ю</font><font color="#CC00FF">!</font></font>

СпАсИбО!
<font face="Emmett" size="7"><font color="#CCFFFF">С</font><font color="#00FF99">п</font><font color="#00FF00">А</font><font color="#99FF00">с</font><font color="#CCFF33">И</font></font><font color="#CCFFFF">б</font><font color="#00FF99">О</font><font color="#00FF00">!</font>

Приятного вечера!
<font face="Comic Sans MS" size="+4" color="fuchsia"> С Приятного вечера!</font>

С Добрым утром!
<font face="Courier New" size="+4" color="Navy"> С Добрым утром!</font>

Спокойной ночи.
<font face="Garamond" size="+4" color="Purple"> С Спокойной ночи.</font>

ПОЗДРАВЛЯЮ!
<font face="System" size="+6" color="Red"> С ПОЗДРАВЛЯЮ!</font>

Благодарю!
<font face="Wingding" size="+4" color="Violet">Благодарю!</font>

Спокойной ночи.
<font face="Tahoma" size="+3" color="Blue">Спокойной ночи.</font>

Спокойной ночи.
<font face="Verdana" size="+3" color="Green">Спокойной ночи.</font>

Спокойной ночи.
<font face="Arial" size="+3" color="Fuchsia">Спокойной ночи.</font>

Спокойной ночи.
<font face="Trebuchet MS" size="+3" color="Aqua">Спокойной ночи.</font>

Спокойной ночи.
<font face="Times" size="+4" color="Navy">Спокойной ночи.</font>

Привет подружка!
<font face="Garamond" color="Green" style="font-size:40px"><i><b>Привет подружка!</b></i></font>

Прекрасного утра!
<a><font face="Comic Sans MS" color="#C71585" style="font-size:40px"><i><b>Прекрасного утра!</b></i></font></a>

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Для "чайников".Основные HTML теги. 06-03-2012 23:35

Это цитата сообщения SvetlanaT Оригинальное сообщение

Для "чайников".Основные HTML теги.

Из чего состоит текст? Как его можно отформатировать?
Как вставить картинку в текст?
Какие HTML теги для этого нужны?
И ещё очень много всего для тех,
кто хочет хоть немного разбираться в HTML тегах,
а не считать их непонятными
каракулями и значками.
Основные HTML теги.

[показать]

комментарии: 0 понравилось! вверх^ к полной версии

Потрясающий ролик для Дня рождения. 06-03-2012 23:34

Это цитата сообщения Arnusha Оригинальное сообщение

Потрясающий ролик для Дня рождения..

Ролик можно дарить и мужчине и женщине.Мне очень понравился!!!Делюсь с вами!!!

[показать]<¢er>¢

комментарии: 0 понравилось! вверх^ к полной версии

Много полезного!!! 06-03-2012 23:31

Это цитата сообщения Ольга-Алекса Оригинальное сообщение

Много полезного!!!

[650x]

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Как вставить код любого изображения в аккуратную рамку (урок) 06-03-2012 23:30

Это цитата сообщения Arnusha Оригинальное сообщение

Как вставить код любого изображения в аккуратную рамку (урок)

Большинство из вас выставляют посты с картинками, анимацией и т.д. А под ними коды. Коды бывают разные... Мне например, не нравятся некоторые из них - широкие, некрасивые и не аккуратные. Хочу вам предложить коды, которые я использую постоянно. А нужно это вам или нет, решайте сами.
Вот код окошка, в которое вставляется код:

<input type='text' size='35' value='<ВАШ КОД>'>

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

УРОКИ -окошки для текста и кнопки 06-03-2012 23:29

Это цитата сообщения Liudmila_Sceglova Оригинальное сообщение

УРОКИ -окошки для текста и кнопки

Постаралась для нас Элен Дарси

[600x117]

≈всякая мелкая мелочь ≈шпаргалка
Как правило, то, что должно быть под рукой, чаще всего заваливается в самый дальний угол самого последнего ящика. В поисках этого "очень-нужного-именно-сейчас" можно провести бесконечно много времени, поэтому выкладываю все в одном месте. Если потеряете, то все вместе, а уж если все это найдете, то сразу. Радости вашей не будет конца. Да и искать большую кучку проще, чем маленькую.
*маленькое окошечко для кода*
	<input type='text' size='15' value='Ваш код'>
чтобы изменить размер окна, достаточно поменять циферьку на любую другую
*окошечко с прокруткой для кода*
сюда можно писать все, что вашей душе угодно	<textarea name="textpole" rows="4" cols="16">сюда можно писать все, что вашей душе угодно</textarea>
меняете значение цифр и получаете другой размер окна
*кнопка*
	<form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Т_е_К_с_Т"></form>
*кнопка с картинкой и текстом*
	<form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle>

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

сё о HTML...начинающим и не только... 06-03-2012 23:28

Это цитата сообщения Arnusha Оригинальное сообщение

Всё о HTML...начинающим и не только...

А вот еще одна маленькая хитрость.
Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают
и даже, если Вы применили теги
<center></center>.
Не буду заморачивать долго голову; почему так происходит,
А просто скопируйте вот этот код
<div align="center">
и вставьте его в самом начале кода своей рамочки или картинки
Вот они и в центре!Все так просто!!
Если надо поставить картинку слева или справа,
то в коде вместо center поставьте теги left и right
И еще раз о NTML-кодах
буквально для новичков и не только...

[показать]

Код краткой шпаргалки для Вашего блога

Принципы HTML

Как вставлять готовые коды

Разделительные линии

Способы выделения текста

Списки HTML

Бегущая строка

Шрифты HTML

Как изменить размер, цвет и шрифт текста

Красивый текст

Убрать под кат

Цвета HTML

Flash-программы по подбору цвета

Таблица цвета HTML, буквенное

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Анимированные картинки - *Поздравляю* и другие + Код 06-03-2012 23:21

Это цитата сообщения kru4inka Оригинальное сообщение

Анимированные картинки - *Поздравляю* и другие + Код

[350x282]

комментарии: 0 понравилось! вверх^ к полной версии

Добавляем текст на картинку(без фотошопа) 06-03-2012 22:24

Это цитата сообщения Semenova_Irina Оригинальное сообщение

Добавляем текст на картинку(без фотошопа)

[показать]

Очень
рада вас
видеть!
<<Ирина>>

[показать]

[показать]
[показать]
ИСПОЛЬЗУЕМ ЛЮБУЮ ПОНРАВИВШУЮСЯ КАРТИНКУ
КАК ФОН ДЛЯ ЗАПИСИ :-)

Что нам нужно...
1.Это сама картинка.
2.Код, при помощи которого
мы будем размещать текст.

НАШИ ДЕЙСТВИЯ :

1.ОТКРЫВАЕМ В БЛОГЕ ТЕКСТОВОЕ ПОЛЕ
(формат HTML) ВАШЕЙ НОВОЙ ЗАПИСИ
И ВСТАВЛЯЕМ В НЕГО
СКОПИРОВАННЫЙ КОД.
ЗДЕСЬ КОПИРУЕМ КОД
[показать]

Читать далее
[показать]

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка от $VETL@N@ 06-03-2012 22:07

Это цитата сообщения fatima62 Оригинальное сообщение

Рамочка от $VETL@N@

Рамочка от $VETL@N@

ВАШ ТЕКСТ

<center><table border="0" background="http://img-fotki.yandex.ru/get/5110/lanas7007.37/0_6557c_b5844327_L.jpg " cellpadding="0" cellspacing="0" height="127" width="500"> <tr><td></td></tr></table><table border="0" background="http://img-fotki.yandex.ru/get/5603/lanas7007.37/0_6557e_39a56f3f_L.jpg" cellpadding="0" cellspacing="0" height="70" width="500"><tr><td><center><span style="font-family:Monotype Corsiva ;color:SaddleBrown ;font-size:20px"><center><div style="text-align: center; padding:00px 00px 0px 30px;"><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Flanas7007.narod2.ru%2FOtkritki%2F8_marta%2F99.swf&flash_width=400&flash_height=300&style=" width=400 height=300 style="width:400;height:300; border:0px outset;" scrolling="no" frameborder="0"></iframe></div></center>   ВАШ ТЕКСТ </span></center></td></tr></table><table border="0" background="http://img-fotki.yandex.ru/get/5209/lanas7007.37/0_6557d_78b5373_L.jpg " cellpadding="0" cellspacing="0" height="193" width="500"><tr><td><center><span style="color: #000000; font-size: 20px;"><div><a title=" $vetL@n@" href="http://lanas7007.ya.ru"><img src="http://img-fotki.yandex.ru/get/6005/lanas7007.e/0_56e25_b7ffee86_XS.jpg " border="0" alt="" width="20" height="30" /></a></div></span></center></td></tr></table></center>

комментарии: 0 понравилось! вверх^ к полной версии

Элементы коллажей "Для милых дам" 06-03-2012 22:05

Это цитата сообщения Mademoiselle_Viv Оригинальное сообщение

Элементы коллажей "Для милых дам"

[показать]

комментарии: 0 понравилось! вверх^ к полной версии

амочка простая для текста с золотыми разделителями 06-03-2012 21:59

Это цитата сообщения undina77 Оригинальное сообщение

Рамочка простая для текста с золотыми разделителями


	[показать] ВАШ ТЕКСТ [показать]

undina77

Забирая код из окошечка,пожалуйста,цитируйте!

<table style="border:0px none #000000" background="http://s005.radikal.ru/i211/1203/06/96e819b2ad2d.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://s018.radikal.ru/i501/1203/1e/23075fce4c7d.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="http://s005.radikal.ru/i211/1203/06/96e819b2ad2d.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://www.lenagold.ru/fon/rast/chzol/rast83.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:35px"><table style="border:0px none #000000" background="http://s005.radikal.ru/i211/1203/06/96e819b2ad2d.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" height="500" style="border:0px none #000000" background="http://s018.radikal.ru/i501/1203/1e/23075fce4c7d.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="х"><tbody><tr><td></td><td width="100%"> </td><td> </td></tr><tr><td> </td><td><br /><center><a target="_blank" href="http://www.radikal.ru"><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://s017.radikal.ru/i426/1203/33/a1fa07bac9b2.gif" target=_blank border="0">[показать]</a></a> <br /> <font color="FFCC99"><font size="4"><font face="Ruritania"><br /> ВАШ ТЕКСТ </font></font></font></center><br /><center><a target="_blank" href="http://www.radikal.ru"><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://s017.radikal.ru/i426/1203/33/a1fa07bac9b2.gif" target=_blank border="0">[показать]</a></a> </center></td><td> </td></tr><tr><td> </td><td> </td><td><br /> </td></tr></tbody></table></td></tr></tbody></td></tr></table></td></tr></table></td></tr></table></td></tr></table><center><a href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="2"><b><font color="#FFCC99">undina77</font></b></font></a></center></td></tr></table></td></tr></table>

комментарии: 0 понравилось! вверх^ к полной версии

Flash АНИМАЦИЯ ♥♥♥ ВОЛШЕБНЫЙ МИР КРАСОТЫ *** 06-03-2012 21:48

Это цитата сообщения Flash_Magic Оригинальное сообщение

*** Flash АНИМАЦИЯ ♥♥♥ ВОЛШЕБНЫЙ МИР КРАСОТЫ ***

ВОЛШЕБНЫЙ МИР КРАСОТЫ ЗАВОРАЖИВАЕТ

Далее музыкальная

комментарии: 0 понравилось! вверх^ к полной версии

КЛИПАРТ"ЖЕНЩИНЫ В ШЛЯПАХ" 05-03-2012 23:46

Это цитата сообщения margaret60 Оригинальное сообщение

КЛИПАРТ"ЖЕНЩИНЫ В ШЛЯПАХ"

[показать]
" border="0" />

[показать] " border="0" alt="http://li-web.ru/" />

<img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=" target=_blank border="0">[показать]</a> " border="0" />

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Установка плагина Knoll Light Factory 3.1 05-03-2012 23:44

Это цитата сообщения Cadmii Оригинальное сообщение

Установка плагина Knoll Light Factory 3.1

[показать]ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ
Установка плагина Knoll Light Factory 3.1 Урок написала Diza . Устанавливаем плагин Knoll Light Factory 3.1 [показать] [показать] [показать] [показать] [показать] [показать] [показать] [показать]Теперь активируем его! [показать] [показать] [показать]Копируем файл и ставим его в папку Knoll Software ( диск С-Program files - Adobe - -Adobe Photoshop CS5(указываете какой у вас) -Plug-Ins -Knoll Software) и соглашаетесь его заменить! [показать]Можно открывать фотошоп и радоваться! [показать] [показать]

комментарии: 0 понравилось! вверх^ к полной версии

Дневник Лента друзей / Полная версия Добавить в друзья Страницы: «позже раньше»