Варианты плееров для установки на Ваш сайт, блог. Код плеера.

УРОКИ -Делаем окошко для кода

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА. Часто мы видим, как под рамкой или под картинкой стоит окошко с кодом рамки или картинки и не задумываемся над тем, что это такое и как это сделать. Сделать самим такое окошко совсем не сложно. ВАША КАРТИНКА КОД ОКОШКА: ВАША КАРТИНКА РАССМОТРИМ, ЧТО В ЭТОМ КОДЕ: " readonly="readonly" cols=";Ширина" rows="Высота">ВАША КАРТИНКА Пояснения: textarea - область с текстом. rows - количество строк, cols - кол-во столбцов (символов в строке) readonly - чтобы случайно пользователь не изменил код и не перезагружал страничку. также есть параметр disabled, запрещающий выделять и копировать код из textarea. text-align: center; - расположение текста внутри формы, так же можно написать: сenter, left, right Мы берем рисунок: КОПИРУЕМ ЭТОТ КОД: ВАША КАРТИНКА А на место слов: ВАША КАРТИНКА ставим код Вашей картинки: В результате у нас получается: КОНЕЧНЫЙ РЕЗУЛЬТАТ: Для тех, кому лень вникать во все эти премудрости (можете просто скопировать код), надо воспользоваться одной из этих формул: Код рамки или картинки КОПИЯ КАРТИНКИ Код рамки или картинки Код рамки или картинки......

Лёник

Автор  Лёник

Как сделать окошко для кодов?

Всем привет. Часто получаю в личку один и тот же вопрос - Как вставить код или текст в окошечко. Вот решила об этом и в блоге написать - вдруг кому ещё интересно будет.

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

<textarea rows="5" cols="40">Ваш текст или код Вашей картинки.

Теперь чуть подробнее о коде и как его применять

rows="5" - Цифра 5 это ВЫСОТА окошка
cols="40" - Цифра 40 это ШИРИНА окошка
При необходимости поменяйте эти значения на нужные Вам.

Пример на картинке:
1. Загрузите нужную картинку,
2. Скопируете код окошка написанный выше и поставьте его после загруженной картинки,
3. Скопируете код картинки полностью и вставьте его после кода окошка.

КАРТИНКА --->>> КОД ОКОШКА --->>>КОПИЯ КОДА КАРТИНКИ

<img width="300" height="200" src="//img1.liveinternet.ru/images/attach/c/2//68/714/68714354_1294071282_59012937_1a04f142cfe2.gif" alt="" />

Плюсом, то что Вас ещё может заинтересовать :
1.Сделай слайд-шоу
2.Коды цвета для текстов
3.Сделай для блога кнопку.
4.Как сделать баннер-картинку для блога.
5.Как сделать рамочку для текста самому.
Всё остальное для оформления - рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Коды оформления блога

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Как создать простую галерею из фотографий

Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.

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


Далее >>>

*Теги работающие на ЛиРу

Теги работающие на ЛиРу

<b>ВАШ ТЕКСТ</b> Полужирный текст
<i>ВАШ ТЕКСТ</i> Выделение текста курсивом
<u>ВАШ ТЕКСТ</u> Подчёркнутый текст
<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3
Увеличить текст+4: <font size="+4">текст</font> текст + 4
КРАСНЫЙ: <font color="red">текст</font> красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст
КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст
ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

текст по центру
<center>ВАШ ТЕКСТ</center>
текст (картинка) будет по центру

текст будет для цитат.
отделен пустой строкой и отступ слева в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

текст

бегущая влево строка
<marquee>ВАШ ТЕКСТ</marquee>
бегущая влево

бегущая вправо строка
<marquee direction="right">ВАШ ТЕКСТ</marquee>
бегущая вправо

бегущая от края к краю строка
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
бегущая от края к краю

текст с правого края
в две строчки с выравниванием справа
<div align=right>ВАШ ТЕКСТ</div>


текст с правого краю
в две строчки с выравниванием слева
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />



Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска

сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

список. /жирная точка спереди/
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

• Во-первых - все козлы, один я иван-царевич!
  
• Во-вторых - как вам нравится это во-первых?
  

список сформируется автоматически, если добавить

<ol><br /> <li> первый пункт ВАШЕГО ТЕКСТА<br /> <li> второй пункт ВАШЕГО ТЕКСТА<br /> </ol>

1. Один из пунктов несортированого списка
   
2. Другой такой пункт
   

"закрепитель" текст остается таковым, каким вы его пишете
<pre>ВАШ ТЕКСТ</pre>

Я

  Пишу

       как хочу!!!

текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.
<blockquote>ВАШ ТЕКСТ</blockquote>

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.

предложение с отступом в абзаце
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой

скользящий вних текст с такой же ерундой )))
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на поздравление с 8-м марта/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру</a></b>
получается:
Мой блог

непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите
[more=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком


Пользуемся и забираем себе в цитатник!

Новогодний декор и серпантин с кодами.

<img src="http://radikal.ua/data/upload/04012/fb1a9/b74ce9d61f.png" border="0" />
Читать далее...

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

Всем привет!

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

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

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

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

ВАШ Т Е К С Т

<center><table border="2" background="//s45.radikal.ru/i108/0812/c5/1f27d1dffdd5.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//s40.radikal.ru/i089/0812/77/b81baf69923c.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img0.liveinternet.ru/images/attach/b/2/26/445/26445509_6745663_e0b98c945f21.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://rd.foto.radikal.ru/0708/5e/8ece76f3bc60.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/571/26571734_10729388_bgwatercolorstrip.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/373/26373379_24729924_3493515_00001116.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/510/26510287_102cexg7_77.gif" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img0.liveinternet.ru/images/attach/b/2/26/571/26571916_10730264_silverribbon.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/509/26509867_25339172_57.gif" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img0.liveinternet.ru/images/attach/b/2/26/672/26672149_16712457_fondgouttex1.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img0.liveinternet.ru/images/attach/b/2/26/671/26671224_16708983_fondquisuisje.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/671/26671806_16707913_fondrose.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/672/26672034_16710961_fondmuguet.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/671/26671979_16710139_fondpaquerette.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img0.liveinternet.ru/images/attach/b/2/26/764/26764877_16910107_gpback1.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/26/765/26765122_16462380_1t.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/0/38/38838_1469335_Kletochki.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/b/2/0/5/5007_6765685_Fonnnnnn.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

ВАШ Т Е К С Т

<center><table border="2" background="//img0.liveinternet.ru/images/attach/b/2/0/38/38197_6831054_0520.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://re.foto.radikal.ru/0708/e4/0ab1b68897f1.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Уголки тройные с цветами + код.

Уголки тройные с цветами + код.

Nataliya_Bezyshko

Дорогие друзья и гости! Кому некогда или лень писать комментарии... если не трудно, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Благодарю за цитирование!

КРАСИВЫЕ ПЕЙЗАЖИ PNG.

КРАСИВЫЕ ПЕЙЗАЖИ PNG. Картинки выложены в превью, чтобы уменьшить трафик, если хотите какую-то посмотреть полностью - просто нажмите на нее. ПРОДОЛЖЕНИЕ ТУТ...

Nataliya_Bezushko

Дорогие друзья и гости! Кому некогда или лень писать комментарии... если не трудно, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Картинки в формате PNG.Рамочки.

Кликабельно.

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

Флеш-анимация .

 

1 http://www.xcwhw.cn/fla/cs/510.swf ДАЛЕЕ

 

Рамка для текста


Код:
<div style="border:5px dotted#C67171;padding:0px 0px 0px 0px;"><table border="0" background="//i041.radikal.ru/0904/1f/6d685b063bf7.jpg" width="730" cellpadding="45"><tr><td style="padding:45px"><div style="border:5px dotted#C67171;padding:0px 0px 0px 0px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/1//55/936/55936504_139126cecdff.png" width="730" cellpadding="45"><tr><td style="padding:45px"><center><img src="//img1.liveinternet.ru/images/attach/c/3/75/64/75064207_67474415_023644169.png" /></center><font face="Georgia" size="4"><font color="#000000"><b><i>Здесь располагаете свой текст или картинки </i></b></font></font><center><img src="//img0.liveinternet.ru/images/attach/c/3/75/64/75064222_234623.png" /></center></td></tr></table></div><center><a href="//www.liveinternet.ru/users/3092960/profile/" width="50"><i><font face="georgia" size="1" color="#C67171">Славница</font></i></a></center></td></tr></table></div>

Рамка - Закат

Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст Здесь размещаете свой текст

Код:
<table align="center" height="699" border="0" background="//img0.liveinternet.ru/images/attach/c/1//62/691/62691312_341f44ee844c.jpg"><tr><td width="470" align="center"><br /> <br /><br /> <br /><br /> <div><marquee direction="up" scrollamount="1" scrolldelay="0" height="350"><font face="tahoma" color="#ffffff" size="4"><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /><br /> Здесь размещаете свой текст<br /></font></marquee></div></td></tr></table>