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

Как разделить текст на 2 части.

Четверг, 06 Ноября 2014 г. 09:58 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Как разделить текст на 2 части.

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

Друзей не выбирают – их встречают,
Их берегут – им жизни отдают.
И с ними время интересней пролетает,
И с ними – радость, счастье и уют.

Когда грущу – они мне помогают,
Уеду далеко – приходят письма мне.
Они страдают за меня, переживают –
И нет друзей вернее на Земле!
Ни беды, горести, ни расстояния
Ни разлучат ни на секунду нас.
И лишь одно мне грезится желанье –
Хотя бы на мгновенье видеть вас...

Почти уж год не видел я друзей,
Лишь с фотографий светятся их блики.
Хмелём я заглушу тоски душевной крики –
И тает пелена тумана будних дней...

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о тексте
ЦИАТНИК

сайты для оформления блога и днева

Понедельник, 01 Сентября 2014 г. 09:22 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

сайты для оформления блога и днева

... САЙТЫ для оформления блога...

...ВСЕМИ САЙТАМИ ПОЛЬЗУЮСЬ САМА...
проверены Norton
*******

1.

2.

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ШТУЧКИ ДЛЯ ДНЕВНИКА/- все для оформления
ЛиРу ПУТЕВОДИТЕЛЬ/- в помощь блоггеру
ЦИАТНИК
ИНТЕРЕСНЫЕ САЙТЫ И БЛОГИ

Метки: уроки лиру html шпаргалка интересные сайты цитатник все для дизайна в помощь блоггеру

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

Продолжение знакомства с HTML

Суббота, 23 Августа 2014 г. 10:39 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Продолжение знакомства с HTML

ИЗУЧАЕМ И ИСПОЛЬЗУЕМ
БЛОГГЕРСКИЙ ЯЗЫК HTML Основной текст

Совсем недавно я выставил пост со ссылками на шпаргалки по HTML. В дневнике есть немало постов с формулами и кодами HTML.

Продолжаем знакомство с сайтами, где доступно объясняется применение языка HTML. Не забывайте смотреть записи с метками по этой теме и у ваших друзей, подсказок много.

Формула кнопки "выпадающего" меню

Написать текст прямо на картинке в записи

©Surge Blavat®

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

Промотка текста в записи и Путешественник во времени Д.Тайтор

Пятница, 01 Августа 2014 г. 16:52 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Промотка текста в записи и Путешественник во времени Д.Тайтор

Я уже приводил пример Прокрутки текста с картинкой. Бывает, что мы помещаем объёмный текст, а под "катом" не все читают, помещать весь текст, не скрывая, тоже неудобно для лент чтения. Хочу напомнить формулу "промотки" текста. Просто скопируйте формулу, которая представлена ниже, удалите знак * и вставляйте в Редактор записи, потом помещайте текст

<*div style="height:300px;overflow:auto;padding:8px;">текст</div>

Высоту рамки прокрутки можно изменить - вместо 300 вставить нужный размер. Можно воспользоваться онлайн-генератором промотки текста⇊

Удачи, друзья, и творческого настроения!

Смотрите ещё формулы и коды здесь

Гость из будущего - Джон Тайтор

(пример с интересным материалом)

Джон Тайтор – человек, который провозгласил сам себя гостем из будущего, путешественником во времени, пришельцем из 2036 года. Он изрядно всколыхнул Интернет-форумы в самом начале 2000-х, вызывая своими предсказаниями обсуждения и споры. Говорят, что некоторые его предсказания сбылись, а личность Джона Тайтора так и осталась тайной. Имя Джона Тайтора (John Titor) впервые появилось на форуме Time Travel Institute в ноябре 2000 года, впрочем именно тогда он подписывался еще TimeTravel_0, а вскоре он дал и свое 'имя' - Джон Тайтор. О себе он рассказал, что он солдат из будущего, из 2036 года, и в его времени наш мир уже уничтожен неким компьютерным вирусом. Так, миссия путешественника во времени – вернуться в далекий 1975 год и уничтожить компьютер IBM 5100, чтобы исправить плачевное будущее планеты. Участники форума с энтузиазмом расспрашивали путешественника во времени, задавали ему вопросы про ближайшее будущее, а Тайтор охотно отвечал, не забывая напоминать, что реальность не одна на всех, и его реальность необязательно совпадает с другими. Как бы ни было, он вызвал просто огромный интерес к своей персоне, а его предсказания на близкое будущее пользовались огромным интересом и обсуждались самым широким образом. Так, он в частности предсказал войну в Ираке, хотя и весьма расплывчато. Впрочем, некоторые из прогнозов не сбылись совсем. Так, Джон Тайтор рассказал, что в будущем США будут разбиты на несколько регионов, а в итоге подвергнутся ядерной атаке. О себе он рассказывал, что попал в 2000 год попутно, решив заехать в это время по причинам лично характера – увидеть свою семью, собрать кое-какие фотографии. На самом же деле его конечная цель - 1975 год. Итак, среди предсказаний Джона Тайтора была гражданская война в США, ядерная атака, война в Ираке, перенос столицы США в штат Небраска, и даже расплывчатый намек на Третью мировую войну. Несколько раз Тайтор весьма подробно описывал машину времени, активно оперируя техническими характеристиками аппарата, и даже, говорят, представил ее весьма нечеткую фотографию. В марте 2001 года Джон Тайтор написал свой последний пост в Интернете и бесследно и навсегда исчез. Позднее было предпринято несколько частных расследований, в ходе которых никаких сведений о человеке по имени Джон Тайтор выяснено не было. Не нашлось свидетельств и о его семье, и лишь один человек, адвокат Ларри Хабер (Larry Haber) подтвердил его возможное существование. Сегодня все, что касается Джона Тайтора, путешественника во времени и солдата из будущего, принято упоминать с долей скептицизма. Зато более десяти лет назад многие, увлеченные темой будущего, внеземных цивилизаций и прочего, отнеслись к нему с самым живым интересом. Джон Тайтор остался как легенда в Интернете, так и оставшись неразгаданным. Многие называют его мистификатором и даже шарлатаном, другие с уважением относятся к блестящей задумке этого, безусловно, интересного человека с незаурядной фантазией и широкими познаниями в истории, технике, астрологии и космических науках. История Джона Тайтора в свое время широко обсуждалась и стала сюжетом нескольких телевизионных шоу и на радио, а также упоминалась во множестве статей и даже книг. Итак, кем бы ни был Джон Тайтор, или TimeTravel_0, путешественник во времени и солдат из далекого 2036 года, он сумел изрядно всколыхнуть общественность и заставить людей задуматься об истории своей страны и мира, о космосе, о параллельной жизни и другой реальности. link

©Surge Blavat®

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК
ИНТЕРЕСНЫЕ САЙТЫ И БЛОГИ
ИНТЕРНЕТ-ПОЛЕЗНОСТИ

Метки: генераторы цитатник он-лайн сервисы интересные сайты интернет-полезности уроки лиру все о рамках html шпаргалка

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

ПОЛЕЗНАЯ ШПАРГАЛКА

Пятница, 27 Июня 2014 г. 17:08 + в цитатник
Это цитата сообщения MANGIANA [Прочитать целиком + В свой цитатник или сообщество!]

ПОЛЕЗНАЯ ШПАРГАЛКА

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Основные стандартные шрифты

Четверг, 19 Июня 2014 г. 15:21 + в цитатник
Это цитата сообщения anohina-63 [Прочитать целиком + В свой цитатник или сообщество!]

Основные стандартные шрифты

Иногда для того,чтобы украсить Вашу запись нужно совсем немного,
например использовать какой- необычный ШРИФТ.
Скопируйте из окошка понравившийся Вам шрифт,
при необходимости поменяйте цвет и размер шрифта.
Вот и все!!!

Palatino Linotype

Мне бы домик около Парижа

<font face="Palatino Linotype" size="5"><font color="#0E3E5D"><i><b>шрифт Palatino Linotype</b></i></font></font>

Monotype Corsiva

Мне бы домик около Парижа

<font color="#196C1B" face="Monotype Corsiva" style="font-size:24px"><i><b>шрифт Monotype Corsiva</b></i></font>

шрифт Arial

Мне бы домик около Парижа

<font color="#B61119" face="Arial" style="font-size:20px"><i><b>шрифт Arial</b></i></font>

Comic Sans MS

Мне бы домик около Парижа

<font face= "Comic Sans MS" color="#20147B" style="font-size:20px"><i><b>шрифт Comic Sans MS</b></i></font>

шрифт Georgia

Мне бы домик около Парижа

<font color="#3D5F11" face="Georgia" style="font-size:20px"><i><b>шрифт Georgia</b></i></font>

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- шрифты
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник все о шрифтах штучки для дневника шрифты

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

КАК СДЕЛАТЬ ЦВЕТНУЮ ССЫЛКУ

Пятница, 13 Июня 2014 г. 20:47 + в цитатник
Это цитата сообщения MANGIANA [Прочитать целиком + В свой цитатник или сообщество!]

КАК СДЕЛАТЬ ЦВЕТНУЮ ССЫЛКУ

КАК СДЕЛАТЬ ЦВЕТНУЮ ССЫЛКУ
(урок от MANGIANA)

<a href="Адрес сайта, или страницы" style="color:#Цвет шрифта">Название сайта</a>

Например: <a href="http://mangiana.ya.ru/" style="color:#F74902">MANGIANA</a>

Получится: MANGIANA

Второй вариант

<a style="text-decoration: none; color: #Цвет шрифта;" href="Адрес сайта или страницы" target="_blank">Название сайта</a>

Например: <a style="text-decoration: none; color: #5BBF21;" href="http://mangiana.ya.ru/" target="_blank">MANGIANA</a>

Получится: MANGIANA

Серия сообщений "HTML":

Часть 1 - Коды для оформления блога
Часть 2 - ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!
...
Часть 14 - ПАЛИТРА ЦВЕТОВ HTML (буквенные коды цвета)
Часть 15 - Урок для новичков от MANGIANA (конвертация кликабельных картинок в простые, некликабельные)
Часть 16 - КАК СДЕЛАТЬ ЦВЕТНУЮ ССЫЛКУ

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

уроки для новичков на ЛИРУ. с первого дня .

Вторник, 10 Июня 2014 г. 09:57 + в цитатник
Это цитата сообщения ФАНИНА [Прочитать целиком + В свой цитатник или сообщество!]

уроки для новичков на ЛИРУ. с первого дня .

меня часто новички просят о помощи. я всегда помогаю. но ведем переписку с уроками в ЛИЧКЕ. но так как вопросы чаще всего повторяются. я решила опубликовать уроки для самых новеньких. своими словами с учетом их конкретных и часто задаваемых вопросов

1.как поставить схему на свой дневник
2.СОЗДАЕМ РУБРИКИ
3.УСТАНАВЛИВАЕМ ЭПИГРАФ
4.КАК ЦИТИРОВАТЬ ПОСТЫ
5.КАК ПОСТАВИТЬ КАРТИНКУ В КОММЕНТАРИИ.
6. КАК НАПИСАТЬ СВОЙ ПОСТ
7.РАМОЧКИ, как ими пользоваться
8.КАК ЗАГРУЗИТЬ КАРТИНКУ ИЗ СВОЕГО КОМПЬЮТЕРА
9. ДЕЛАЕМ ССЫЛКИ НА СВОЙ ДНЕВНИК

здесь читать ДАЛЕЕ...

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Как правильно вставить музыку в код плеера

Суббота, 24 Мая 2014 г. 13:35 + в цитатник
Это цитата сообщения Cadmii [Прочитать целиком + В свой цитатник или сообщество!]

Как правильно вставить музыку в код плеера

Как правильно вставить музыку в код плеера

Допустим Вы увидели плеер примерно такой:

Плеер черный с красным/4264148_ (453x75, 4Kb)
и захотели использовать его для своих целей.

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

вид кода 1/4264148_vid_koda_1 (680x159, 54Kb)

Что же вам надо делать, чтобы плеер воспроизвел Вашу музыку?

Cмотрим на картинку.

В ней я расписала всё, что Вам надо проделать.

А надо Вам найти в том коде, который Вы скопировали и вставили в сообщение, вот это слово- way -и вставить адрес музыкального файла до вот этих букв &swf

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

Все одной цепочкой связано как одно целое.

2 вариант.

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

Например,как правило, так:

аудио плеер1/4264148_aydio_pleer_1 (677x49, 18Kb)

Что надо делать в этом случае.

В этом случае все намного проще, чем в первом)))

Смотрим внимательно картинку и, если у вас есть адрес аудио плеера, вставляете его в нужное место. Адрес музыки тоже вставляете туда, куда показано.

аудио плеер/4264148_aydio_pleer (618x239, 53Kb)

Я думаю, что теперь у Вас проблем с вставкой музыки в любой плеер не будет.

Удачи Вам в творчестве.

Надеюсь Вам понравилось!

Серия сообщений "Сайтостроение":
Полезные советы. Ссылки. Заработок. Домен. Хостинг.Как выбрать.Коды.
Часть 1 - Как сделать кликабельную кнопку.
Часть 2 - Перевод текста целыми страницами
...
Часть 11 - Как удалить спам из комментариев от социальной сети facebook.Урок.
Часть 12 - модерировать на страничках своего дневника комментарии из социальной сети ВКонтакте
Часть 13 - Как правильно вставить музыку в код плеера

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о плеерах
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник все о плеерах

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

ПРОСТЫЕ РАМОЧКИ и ШРИФТ

Четверг, 22 Мая 2014 г. 22:05 + в цитатник
Это цитата сообщения О_себе_-_Молчу [Прочитать целиком + В свой цитатник или сообщество!]

ПРОСТЫЕ РАМОЧКИ и ШРИФТ

Увидала в цитате примеры простых рамочек с каким-то диким, совершенно неудобоваримым кодом, да ещё и внизу рамочки ссылка на "дизайнера" (?!! )
Не будем называть имён )
А между тем, всё намного проще и рамочку можно склепать за одну минуту, пользуясь очень простым кодом!

ВАШ ТЕКСТ
Рамочка раздвигается сама по ширине текста

РАМОЧКА С ЗАДАННОЙ ШИРИНОЙ
(по вертикали она сама раздвинется)

В эти же рамочки можете вставлять картинки, плеер, видео.

_для тех, кто хочет научиться_
_коды, о шрифтах_

Ещё "Простые рамочки" ТУТ

geniavegas

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- рамки
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: все о рамках уроки лиру html шпаргалка цитатник

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

Дополнение к уроку " Рамка с разрывом."

Понедельник, 12 Мая 2014 г. 00:31 + в цитатник
Это цитата сообщения mimozochka [Прочитать целиком + В свой цитатник или сообщество!]

Дополнение к уроку " Рамка с разрывом."

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ

источник
mimozochka

....................................
С„РѕРЅ РѕР±РІРѕРґРєР° (600x503, 198Kb)

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

.......................................
Это код рамочки с разрывом той,что выше

<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br />
<center>ТЕКСТ<br />
<a href="https://www.liveinternet.ru/users/riaarei/post324347479/"><b><img src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br />
<a href="http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</font></font></a><br />
 <center><a target="_blank" href="//www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table></center>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Часть 19 - Перевод урока"Tag Mysystere de janvier"

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник все о рамках

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

Урок"Фон под запись с обводкой и картинкой в разрыве.

Понедельник, 12 Мая 2014 г. 00:29 + в цитатник
Это цитата сообщения mimozochka [Прочитать целиком + В свой цитатник или сообщество!]

Урок"Фон под запись с обводкой и картинкой в разрыве.

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст

источник
mimozochka

Вот скрин,где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Часть 19 - Перевод урока"Tag Mysystere de janvier"

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник все о рамках

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

Меняем рамки

Вторник, 29 Апреля 2014 г. 15:28 + в цитатник
Это цитата сообщения Иннушка [Прочитать целиком + В свой цитатник или сообщество!]

Меняем рамки

Вокруг любого из элементов вашего сайтика вы можете нарисовать рамочку, выбрав ее цвет, ширину и внешний вид. Предположим, вы хотите получит рамку толщиной три пиксела голубого цвета вокруг картинки. Для этого вам понадобится в теге картинки img добавить следующий код:

Сплошная рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed solid;" />	Точечная рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed dotted;" />	Двойная рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed double;" />
Пунктирная рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed dashed;" />	Внутренняя рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed inset;" />	Внешняя рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed outset;" />
Вогнутая рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed groove;" />		Выпуклая рамочка <img src="<a href="http://путь_к_картинке"" target="_blank">http://путь_к_картинке"</a> style="border: 3px #6495ed ridge;" />

border-width - задает толщину всех границ элемента.
Толщина может быть задана числовым значением (в пикселях). Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно. Значение по умолчанию medium.

border-style задает тип границ элемента.

border-color задает цвет границ элемента страницы. Может принимать значение transparent для задания невидимой, но имеющей ширину границы.
Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится в верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.

Для установки рамки только на определенных сторонах элемента воспользуйтесь параметрами border-top, border-bottom, border-left, border-right:

border-style: none; - запрещает рисование границы (значение по умолчанию);

border-style: dotted; - рисует точечную линию;
border-style: dashed; - рисует штриховую линию;
border-style: solid; - рисует сплошную линию;
border-style: double; - рисует двойную сплошную линию;
border-style: groove; - рисует трехмерную вдавленную границу;
border-style: ridge; - рисует трехмерную выпуклую границу;
border-style: inset; - рисует трехмерную "ступеньку вверх";
border-style: outset; - рисует трехмерную "ступеньку вниз".

border задает все свойства границ элемента страницы в один прием. Заменяет атрибуты border-color, border-style и border-width. Значения этих атрибутов могут располагаться в любом порядке.

Синтаксис: <... style="border: border-width || border-style || color">
Вместо многоточия может быть table, blockquote, fieldset, img, p, div, textarea...

style="border: dotted red thin;"

style="border: dashed #c0c0c0 5px;"

style="border: solid green 3px;"

style="border: double #000000 5px;"

style="border: groove red medium;"

style="border: ridge #FF8000 thick;"

style="border: inset #8080FF 3px;"

style="border: outset #8080FF 3px;"

style="border-style: solid; border-width: thick; border-top-color: #00FF00; border-right-color: #00FFFF; border-bottom-color: #FFFF00; border-left-color: #8080FF;"

Серия сообщений "Черновик":
Часть 1 - КОД РАМКИ + урок
Часть 2 - Бордюры-черные.
...
Часть 34 - Флеш-открытка-шаблон
Часть 35 - Сонник
Часть 36 - Меняем рамки
Часть 37 - Манипуляции с курсором
Часть 38 - Летающая строка
Часть 39 - Меняем курсор на один из стандартных
Часть 40 - Урок"Фон под запись с обводкой и картинкой в разрыве.

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник все о рамках

Простая цветная рамка с закруглёнными краями за 5 минут

Пятница, 04 Апреля 2014 г. 09:10 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Простая цветная рамка с закруглёнными краями за 5 минут

Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки
<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>

А ниже немного инфы о тегах в коде рамочки

кому интересно, прошу под кат

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка все о рамках цитатник

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

По просьбе "скелетик" кода такой рамки.

Понедельник, 24 Марта 2014 г. 20:04 + в цитатник
Это цитата сообщения nataliya_bezushko [Прочитать целиком + В свой цитатник или сообщество!]

По просьбе "скелетик" кода такой рамки.

Код "скелетик" такой рамки.

Здесь будет Ваш текст.

Код "скелетика" рамки
<center><table background="ОБВОДКА" cellpadding="3" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:3px"><table border="0" background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" width="700px"><tr><td style="padding:11px"><center><fieldset><legend align="left">РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br /><strong><center>Здесь будет Ваш текст.</center></strong><br /><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></span></span></span></fieldset></center></td></tr></table></td></tr></tbody></table></center>
Значения в кавычках можно менять.
Например, размер букв span style="font-size:20px;. Если цифру 20 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше.
Цвет букв span style="color:#00000". Если вместо, 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания span style="font-family:Palatino Linotype". Если вместо названия шрифта Palatino Linotype написать Arial или Monotype Corsiva, то написание букв изменится.
Теги center - картинка или текст распологаются по центру рамки.

Эта рамка подходит для Я.РУ

Здесь будет Ваш текст

Код "скелетика" рамки
<center><table background="ОБВОДКА" cellpadding="4" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:4px"><table background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" style="border:0px groove #996600" width="700"><tbody><tr><td align="center" style="padding:11px"><fieldset style="border:3px #000000 double ; padding: 10px; margin:0px 0px 0px 0px;"><legend>РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><center><em><strong><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br />Здесь будет Ваш текст<br /></span></span></span></strong></em></center><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></fieldset></td></tr></tbody></table></td></tr></tbody></table></center>
Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ.

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!
Nataliya_Bezyshko

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка все о рамках цитатник

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

Подписываем свои работы

Пятница, 21 Марта 2014 г. 15:18 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Подписываем свои работы

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ
Подписываем свои работы

Так можно подписывать свои работы в дневниках, в рамочках и т.д.

Лорик

для вас Лариса Гурьянова

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Делаем разноцветные рамки

Пятница, 21 Марта 2014 г. 15:16 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Делаем разноцветные рамки

Делаем разноцветные рамки

Здесь будет ваш текст.
Надеюсь, рамка вам нравится...))

Код рамки:

padding - отступ текста от рамки внутри.

Цвет сторон рамки можно менять:

Для этого воспользуемся таким генератором. Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета.
Быстро и удобно!!!

Здесь будет ваш текст.
Надеюсь, рамка вам нравится...))

Код рамки

для вас Лариса Гурьянова

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- рамки
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру цитатник html шпаргалка все о рамках штучки для дневника рамки

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

Рамка с круглыми углами. Без фотошопа!

Понедельник, 17 Марта 2014 г. 01:07 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Рамка с круглыми углами. Без фотошопа!

РАМКИ С КРУГЛЫМИ УГЛАМИ

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)
Здесь урок для Яру

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.

Удачи!

Егорова Татьяна

Код готовой рамки

<table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br />
Здесь будет Ваш текст<br /><br /><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру цитатник html шпаргалка все о рамках

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

Как быстро найти нужное в коде

Понедельник, 17 Марта 2014 г. 01:03 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Как быстро найти нужное в коде

КАК БЫСТРО В БОЛЬШОМ КОДЕ
НАЙТИ НУЖНОЕ СЛОВО ИЛИ ЗНАКИ
Те, кто делает рамки, особенно новички, частенько теряют много времени, отыскивая в большом коде нужные участки, чтобы внести свои изменения. Иногда даже "Здесь будет Ваш текст" трудновато обнаружить с первого раза.

Читать далее
Код урока для Mail.ru здесь
еще разные уроки
Что можно скачать бесплатно

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Объемные рамки разной конфигурации. Без фотошопа!

Суббота, 15 Марта 2014 г. 17:23 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А

Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо! Он же дал ссылку на генератор, в котором можно сделать простенькие рамочки с однотонными фонами. Этот генератор здесь. Вроде ничего сложного при работе в нем нет, хоть он и на английском языке. Может кому то пригодится.
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Здесь урок для Яру
Читать далее

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

Егорова Татьяна

Код готовой рамки

<table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius:  20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style="  width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="  width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/h-18805.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><br />Здесь будет Ваш текст<br />
<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Код "скелетика" рамки

<table style=" width:10px;-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;-webkit-box-shadow: #000000 6px 6px 6px;-moz-box-shadow: #000000 6px 6px 6px; box-shadow: #000000 6px 6px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="600" style="width:630px;-webkit-border-radius:  20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px;border-radius: 20px 20px 20px 20px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a><table style="  width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;-webkit-box-shadow: #000000 44px 44px 44px;-moz-box-shadow: #000000 14px 14px 14px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" width:630px;-webkit-border-radius: 2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="  width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" width:630px;-webkit-border-radius:2px 180px 2px 180px;-moz-border-radius:  2px 180px 2px 180px;border-radius:  2px 180px 2px 180px;" background="ФОН 1" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 180px 2px 180px 2px;border-radius: 180px 2px 180px 2px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:600px;-webkit-border-radius: 180px 2px 180px 2px;-moz-border-radius: 80px 80px 2px 2px;border-radius: 180px 2px 180px 2px;" background="ФОН 2" cellspacing="0" cellpadding="0"><tr><td style="padding:2px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><table width="450" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b><br />Здесь будет Ваш текст<br /></b></span></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank">ВАША ПОДПИСЬ</a><a target="_blank" href="http://www.egorovatatiana.ru/"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"></a><a target="_blank" href="http://urls.by/1uzy"><img src="http://urls.by/1uzx" border="0" /></a></b></span></td></tr></table></td></tr></table>

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру все о рамках цитатник html шпаргалка

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

Формулы и способы эксцентричного ввода текста в пост

Четверг, 27 Февраля 2014 г. 00:42 + в цитатник
Это цитата сообщения Surge_Blavat [Прочитать целиком + В свой цитатник или сообщество!]

Формулы и способы эксцентричного ввода текста в пост

Примеры эксцентричного ввода текста в пост

Написать текст справа налево

Текст напечатан слева направо, но отображен справа налево.

Перевернуть текст "вверх ногами"

¡ɯǝʚиdu ¡ɯǝʚиdu ¡ɯǝʚиdu

перейти по ссылке

иwɐɹон хdǝʚʚ ɯɔʞǝɯ qɯʎнdǝʚǝdǝu

Формулы линий разного цвета и толщины.

В формуле изменить код цвета после *color="код"*, размер *"size="цифра"*, ширину *width="цифра"* и центровку *center (центр), left(левый край), right(правый край)* Формулы в окошках ниже.

Пример вертикальной линии красного цвета слева.

Линия будет увеличиваться в длину вместе с вводом текста

Ещё посты в дневнике с формулами

Возможности программы Paint, встроенной в Windows

paint (663x307, 25Kb)

Фантазируйте, друзья! Удачи и интересных идей в творчестве!

©Surge Blavat®

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Простые рамки с заголовком

Среда, 19 Февраля 2014 г. 16:49 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамки с заголовком

Многие не любят тяжелых рамок. Но такие, по-моему, понравятся всем.

ТЕКСТ ЗАГОЛОВКАЗдесь будет ваш текст

В этих рамках можно менять цвет и рамки, и заголовка.

Достаточно воспользоваться этим генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки

ФОРМУЛА РАМКИ

Еще простые рамки можно посмотреть ЗДЕСЬ
для вас Лариса Гурьянова

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- рамки
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: штучки для дневника рамки цитатник уроки лиру html шпаргалка все о рамках

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

Простые рамки с фоном

Среда, 19 Февраля 2014 г. 16:46 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамки с фоном

Здесь будет ваш текст. Рамка растягивается и в ширину и в длину. Вот максимальная ширина рамки.

Здесь будет ваш текст.
Рамка растягивается и в ширину и в длину.

Здесь будет ваш текст.

Что меняем в формуле?

Для кода цвета, как всегда, пользуемся генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки

ФОРМУЛА РАМКИ

Еще простые рамки можно посмотреть ЗДЕСЬ и ЗДЕСЬ
для вас Лариса Гурьянова

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- рамки
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: штучки для дневника рамки цитатник уроки лиру html шпаргалка все о рамках

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

Как сделать таблицу на ЛиРу

Среда, 19 Февраля 2014 г. 16:32 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать таблицу на ЛиРу

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
Как сделать таблицу на ЛиРу

Специально для

vadimka69, который заинтересовался, как сделать такую
Бродилку по урокам

Формула кликабельной картинки

Чтобы картинки были небольшого размера выставим им ширину 250 пкс
Т.е. в конце формулы вставим width="250"
Этот размер можно изменять.
АДРЕС КАРТИНКИ берем на Яндекс.Фотках или на другом хостинге, т.е. там, где вы храните свои картинки.

	КАРТИНКА	КАРТИНКА
КАРТИНКА	КАРТИНКА	КАРТИНКА

Я не буду дальше заполнять таблицу. Надеюсь, что сам принцип вам понятен.
Удачи!

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- всео таблицах
ЦИАТНИК

Метки: уроки лиру html шпаргалка все о таблицах цитатник

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

Текст с прокруткой

Среда, 19 Февраля 2014 г. 16:25 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Текст с прокруткой

Хотите, чтобы ваш текст имел такой вид? Т.е. был с прокруткой. Тогда вам надо просто воспользоваться следующей формулой

Копируйте код из окошка и вместо слов ВАШ ТЕКСТ пишите то, что вам надо.

А если вы хотите, чтобы ваше сообщение было на белом фоне, то используйте следующую формулу из окошка

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о тексте
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник все о тексте

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

Разная прокрутка для текста

Среда, 19 Февраля 2014 г. 15:28 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Разная прокрутка для текста

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ.

ПРОКРУТКА ТЕКСТА

Каждую строчку надо заключать в теги

ПРИМЕР:

Давайте напишем стихотворение в прокрутке

Каждую строчку стихотворения тоже надо заключать в теги

Размеры size="10" - соответствует количеству строк в высоту. Если изменим размер на 2, получим следующую прокрутку:

Есть еще одна формула, для другой прокрутки:

В этой формуле не надо ставить теги option, текст надо писать подряд, без обзацев.

ПРИМЕР:

  Дело происходило в маршрутке, бороздящей просторы одного из спальных районов нашей столицы. Водители этой «капсулы смерти» придумали себе очень забавное развлечение, которое по достоинству оценили все пассажиры. Суть в следующем:"…стою на остановке, как всегда, жду эту Газель. Подъезжает. Ну так как я первый, следовательно лезу в перед. Получилось так, что после меня в эту маршрутку ,в ближайшие 2-3 минуты, никто не залезал. Ну, я сел, дал водиле 15 рублей за проезд и тупо уставился в окно. Он молча взял деньги, завел двигатель, вышел из машины, обошел ее и открыл мою дверь, сказал «подвинься» и уселся рядом со мной. Мой вопросительный вид он проигнорировал, лишь улыбнулся. Мне стало несколько не по себе. В это время с прибывшей электрички повалил ,уставший после трудового дня, народ. Ну, кто куда, разумеется, маршрутка начала стремительно заполняться. Я опять вопросительно посмоторел на водилу. Ноль внимания. Тем временем Газель окончательно заполнилась. Народ уже передает деньги за проезд, а водила, как сидел так и сидит. Так продолжается минут 5. Слышится реплика следующего характера: «Ну и где этот мудак?!?!!», к инициативному человеку средних лет, который и стал автором выше указанной фразы, незамедлительно стал подключатся недовольный долгим отсутствием водителя народ. «И в правду сколько его можно ждать, у меня дома собака голодная…». Все обитатели транспортного средства погрузились в обсуждение недостатков горе-водителя. Выбрав паузу между недовольством пассажиром, водила поворачивается к основной массе народа и с диким лицом, громко говорит «Бля, какого ... мы ждем этого ..., я и сам прекрасно знаю дорогу!». Шустро открывает дверь, бежит к водительской, садится за руль и с буксой рвет с места. В маршрутке воцарилось зловещее молчание. А я к тому моменту понял умысел водилы, сижу и с нетерпением жду реакции пассажиров. Минут через 5 какой-то молодой человек сказал « Мужик тормози, поймают посадят, накрутят по полной программе!!!» Ответ: « Да мне пофиг, я в следующем доме живу, сейчас вылезу и хер меня кто найдет!!!».Опять молчание. Я сижу и с огромным трудом сдерживаю распирающий меня смех. Водила понял, что настал критический момент и сказал: « Ладно, я и есть водитель, а это все шутка была, за проезд передаем». Неудивительно, что кроме меня никто не засмеялся. Большая часть народа доехала до конечной остановки, причем молча, видно от легкого шока позабывали, где им нужно было  попросить остановиться."

для вас Лариса Гурьянова

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Как сделать картинку круглой без ФШ

Среда, 19 Февраля 2014 г. 14:59 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать картинку круглой без ФШ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как сделать картинку круглой без ФШ

Было

 <img src="//img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" />

Стало

 <img src="//img-fotki.yandex.ru/get/9355/136160416.11f/0_e37b8_401d5aa7_L.jpg" width="300" title="" alt="" border="0" style="border-radius: 100%;" />

Достаточно всего-навсего в HTML-формулу картинки в конце вставить тег

style="border-radius: 100%;"

как любая картинка становится круглой. Правда, здорово?

А если изменить проценты в этом теге, то можно закруглять края у картинки.
Вот, например, я поставила 16%
style="border-radius: 16%;"
И получили картинку с закругленными краями

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Картинки в одну линеечку

Среда, 19 Февраля 2014 г. 14:57 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Картинки в одну линеечку

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Картинки в одну линеечку

Чтобы несколько картинок встали в ряд, воспользуемся следующей формулой (на три картинки):

Адрес картинки берем через Яндекс.Фотки

Чтобы продолжить ряд картинок, перед тегами
надо поставить столько раз, сколько потребуется

для вас Лариса Гурьянова

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Тег FIELDSET

Четверг, 13 Февраля 2014 г. 23:15 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

Тег FIELDSET

Рамки с помощью тега FIELDSET

Чтобы сделать такую рамку, нужно воспользоваться следующим кодом:
<fieldset><legend>Заголовок рамки</legend>

Содержимое рамки (здесь может быть текст, код плеера с музыкой, фото, видео)

</fieldset>

В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".

Fieldset с цветной рамкой
Используя следующие теги можно задать цвет рамки Fieldset:
<fieldset style="border:1px #00BFFF solid;">
<legend> Содержимое рамки

</fieldset>

Fieldset с цветной выпуклой рамкой

Здесь измене стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.
Код такой рамки:
<fieldset style="border: #1874CD ridge thick;">
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span>

</fieldset>

Границы рамок border можете менять на свое усмотрение. Изменить размер, цвет и шрифт текста можете, пользуясь моей инструкцией. Пригодится Вам и таблица цвета HTML

Для того, чтобы сделать границу без заголовка, достаточно использовать следующий код:
<fieldset>содержимое рамки</fieldset>

Взято ЗДЕСЬ

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка все о рамках цитатник

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

Как создать плейлист на Привет.ру Урок от MissKcu

Воскресенье, 09 Февраля 2014 г. 00:13 + в цитатник
Это цитата сообщения MissKcu [Прочитать целиком + В свой цитатник или сообщество!]

Как создать плейлист на Привет.ру Урок от MissKcu

адрес сайта http://music.privet.ru/

1.

читать дальше...

12.

Девоньки и мальчики...

Этот плеер можно на Ли.ру устанавливать в посты...

И цвет подбирать под цвет рамочки или коллажа.

Вот как тут...например....

http://www.liveinternet.ru/users/misskcu/post200933904/

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 7 - Кнопка Источник в расширенном редакторе. Урок от MissKcu
Часть 8 - Урок для Ли.ру от MissKcu. Как удалить цитируемый пост.
Часть 9 - Как создать плейлист на Привет.ру Урок от MissKcu
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
...
Часть 18 - Вы убрали Корону? ушли Рубрики и все остальное?
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о плеерах
ЦИАТНИК

Метки: уроки лиру html шпаргалка все о плеерах цитатник

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

Альтернатива Постовому

Пятница, 07 Февраля 2014 г. 00:11 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Альтернатива Постовому

Альтернатива Постовому.

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

Вот формула такого плеера без квадратных скобок

flash=ШИРИНА ПЛЕЕРА,20,http://music.privet.ru/swf/mp3player.swf?autostart=false&bufferlength=3&showeq=true&file=ПРЯМАЯ ССЫЛКА НА МУЗЫКУ В МР3&id=299660142&callback=http://music.privet.ru/callback.php&backcolor=0xЦВЕТ ПЛЕЕРА&frontcolor=0xЦВЕТ ВНУТРЕННОСТЕЙ ПЛЕЕРА&lightcolor=0xCC3D1C

Как узнать прямую ссылку на МР3 файл смотрим ЗДЕСЬ
А цвет плеера я получаю с помощью генератора цвета.
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета.
Быстро и удобно!!!

для вас Лариса Гурьянова

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- плееры
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о плеерах
ЦИАТНИК
ИНТЕРЕСНЫЕ САЙТЫ И БЛОГИ

Метки: интересные сайты уроки лиру все о плеерах html шпаргалка цитатник штучки для дневника плееры

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

Коды для плееров

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

Коды для плееров

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

http://jokeroro.narod.ru/CHKOLA-6/index_0_1_5_5.html

http://htmlka.com/vstavka-media-fajlov/

http://www.vseoblog.com/2012/12/blogger-blog-muzyka-pleer.html

http://www.bloxpot.net/2010/04/mp3.html

http://megalyrics.ru

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- плееры
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о плеерах
ЦИАТНИК
ИНТЕРЕСНЫЕ САЙТЫ И БЛОГИ

Метки: интересные сайты цитатник уроки лиру все о плеерах html шпаргалка штучки для дневника плееры

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

Плееры для музыки. Код. Вставить музыку.

Четверг, 06 Февраля 2014 г. 01:48 + в цитатник
Это цитата сообщения Cadmii [Прочитать целиком + В свой цитатник или сообщество!]

Плееры для музыки. Код. Вставить музыку.

Плееры для вставки музыки

Обратите внимание на картинку сверху.
Полный код плеера выглядит так, как на картинке.

Его можно написать и вручную, если есть желание)))

Адрес плеера оканчивается .swf (точка swf) .

Адрес музыки оканчиваться .mp3 (точка mp3).

Все пишется без пробелов.

Иначе код и плеер не будут работать.

1.

Рубрики:

ШТУЧКИ ДЛЯ ДНЕВНИКА/- плееры
ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о плеерах
ЦИАТНИК

Метки: уроки лиру все о плеерах штучки для дневника плееры цитатник html шпаргалка

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

Картинки в одну линеечку

Четверг, 06 Февраля 2014 г. 00:23 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Картинки в одну линеечку

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Картинки в одну линеечку

Чтобы несколько картинок встали в ряд, воспользуемся следующей формулой (на три картинки):

Адрес картинки берем через Яндекс.Фотки

Чтобы продолжить ряд картинок, перед тегами
надо поставить столько раз, сколько потребуется

для вас Лариса Гурьянова

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Кладезь для всех начинающих...

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

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК...

Полужирный текст

Выделение текста курсивом

Подчёркнутый текст

~~Зачёркнутый текст~~

маленький текст маленький текст

Уменьшить тексттекст - 2

Увеличить текст+1:текст + 1

Увеличить текст+2:текст + 2

Увеличить текст+3:текст + 3

Увеличить текст+4:текст + 4

КРАСНЫЙ:красный текст

ЖЕЛТЫЙ:желтый текст

ФИОЛЕТОВЫЙ:фиолетовый текст

ЗЕЛЕНЫЙ:зеленый текст

КОРИЧНЕВЫЙ:коричневый текст

ГОЛУБОЙ:голубой текст

СИНИЙ:синий текст

ФУКСИЯ:фуксия текст

текст по центру

текст (картинка) будет по центру
бегущая влево строка

бегущая влево
бегущая вправо строка

бегущая вправобегущая от края к краю строка

бегущая от края к краю

текст с правого краю
в две строчки с выравниванием справа

текст с правого краю
в две строчки с выравниванием слева

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

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

список. /жирная точка спереди/

Я пишу как хочу!!!

текст со всплывающей подсказкой

Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

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

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

предложение с отступом в абзаце

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

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

скролящийся вверх текст с полезной информацией
или ещё какой-то ерундой

скользящий вних текст с такой же ерундой )))

или ещё какой-то ерундой информацией текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите

получается:
МОЙ ДНЕВНИК НА ЛИРУ
непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите

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

Как сделать рисунок ссылкой?

Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки):
<*img src="адрес картинки">
где "адрес картинки" - полный адрес (http:// и т.д.)

2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов (или ) и можно использовать натуральные HTML теги...; - полный адрес ([url]http:// и т.д.)

3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2:
<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>
P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу
Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:
1.Загрузите нужное количество картинок на сервер

2.Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх

Движение сверху вниз

Движение справа налево

Движение слева направо

Другой такой пункт

Во-вторых - как вам нравится это во-первых?

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

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- в помощь блоггеру
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник в помощь блоггеру

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

Коды HTML для оформления постов, блогов

Четверг, 31 Декабря 2020 г. 14:57 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Коды HTML для оформления постов, блогов

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

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

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- в помощь блоггеру
ЦИАТНИК

Метки: уроки лиру html шпаргалка цитатник

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

Делаем кнопки

Суббота, 01 Февраля 2014 г. 01:14 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Делаем кнопки

Кнопки есть разные.
Например, есть кнопки - флешки (шуточные). Развлекаться тут: http://www.liveinternet.ru/users/ka82/post275377421
Есть кнопки "далее" (убрать текст под кат). Это можно делать с помощью картинок-гифок и просто картинок. [more=<img src="АДРЕС КАРТИНКИ" />]. Подробнее тут: http://www.liveinternet.ru/users/ka82/post171857399/
Примеры:
Берем картинку, например

Вставляем ее адрес в тег
[more=<img src="//img0.liveinternet.ru/images/attach/c/2//70/855/70855532_blu_1.gif" />]
Про то как убирать под кат полробнее тут: http://www.liveinternet.ru/users/ka82/post171857399/
А здесь я хочу остановиться на таких кнопках:

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о кнопочках
ЦИАТНИК

Метки: уроки лиру цитатник html шпаргалка все о кнопочках

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

Расположение музыки на картинке

Воскресенье, 26 Января 2014 г. 23:23 + в цитатник
Это цитата сообщения Lyudmila_Lyu [Прочитать целиком + В свой цитатник или сообщество!]

Расположение музыки на картинке

Формулы общеизвестные. На авторство не претендую.

Вверху слева

Вверху центра

Вверху справа

Внизу слева

Внизу центра

Внизу справа

Серия сообщений "=ЛиРу/ формулы":

Часть 1 - Расположение музыки на картинке
Часть 2 - Урок по таблицам. Формулы
Часть 3 - Коды оформления блога
...
Часть 40 - Красивые рамки с уголками
Часть 41 - Двигаем текст или картинку в дневнике
Часть 42 - Урок. Вставляем вертикальные разделители

Серия сообщений "=уроки по музыке":

Часть 1 - Расположение музыки на картинке
Часть 2 - Как загрузить музыку в раздел "Музыка" на ЛиРу?
Часть 3 - Музыку загружаем в дневник ( 2 способа)
...
Часть 25 - Как сделать музыкальную открытку
Часть 26 - Учимся делать музыкальную картинку
Часть 27 - Делаем музыкальную открытку

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру html шпаргалка все о рамках цитатник

ЕСЛИ ТЕКСТ ВЫХОДИТ ЗА ПРЕДЕЛЫ РАМКИ (УРОК ТАТЬЯНЫ ЕГОРОВОЙ)

Воскресенье, 26 Января 2014 г. 23:06 + в цитатник
Это цитата сообщения Novichok56 [Прочитать целиком + В свой цитатник или сообщество!]

ЕСЛИ ТЕКСТ ВЫХОДИТ ЗА ПРЕДЕЛЫ РАМКИ (УРОК ТАТЬЯНЫ ЕГОРОВОЙ)

ИСТОЧНИК

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

Для прозы(текст выровнен по левой стороне)

Копируем код из окошечка ниже.

Для рамок на Лиру

Для рамок на Mail.ru

Для стихов(текст по центру)

Копируем код из окошечка ниже.

Для рамок на Лиру

Для рамок на Mail.ru

Скопированный код вставляем на то место в рамке,где должен быть текст,вместо слов "Здесь будет Ваш текст"(см. скрин,1).Теперь в скопированном коде надо выставить свой цвет(3),стиль(2),размер(4) шрифта.Лучше всего перенести все это из кода авторской рамки и вставить вместо моих слов ЦВЕТ,СТИЛЬ,РАЗМЕР.На скрине ниже показано куда вставить,данный мной код, и откуда копировать теги для текста.

Вносим свой текст.Смотрим,не выступает ли он за пределы рамки или не растянулась ли простая рамочка.Выступает,растянулась?Дальше,вместо моих слов ШИРИНА РАМКИ,надо поставить значение,которое подойдет именно для ВАШЕЙ рамочки.Делаем это опытным путем.Выставляем для начала цифру 450,смотрим что получилось.Если текст не сузился до пределов рамки,то цифру уменьшаем,если сузился очень сильно,то цифру увеличиваем.И так до тех пор,пока текст не встанет на нужное место.

Вот и всё! Удачи!

Здесь еще уроки
Что можно скачать бесплатно
Из блога Егоровой Татьяны

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру все о рамках цитатник html шпаргалка

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

Код разрезной рамочки для Лиру

Суббота, 24 Августа 2013 г. 20:51 + в цитатник
Это цитата сообщения Наталья_Петрова11 [Прочитать целиком + В свой цитатник или сообщество!]

Код разрезной рамочки для Лиру

Рубрики:

ЛиРу ПУТЕВОДИТЕЛЬ/- HTML шпаргалка
ЛиРу ПУТЕВОДИТЕЛЬ/- все о рамках
ЦИАТНИК

Метки: уроки лиру все о рамках html шпаргалка цитатник

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

LiveInternetLiveInternet

-Цитатник

-Музыка

-Рубрики

-Ссылки

-Метки

-ТоррНАДО - торрент-трекер для блогов

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

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

-Друзья

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

-Сообщества

-Статистика

Записи с меткой html шпаргалка

Как правильно вставить музыку в код плеера

Плееры для вставки музыки