ФОНЫ ДЛЯ ТВОРЧЕСТВА

Пока искала фоны для своих новых работ, наткнулась на замечательный сайт:

www.argusfon.com/2010/07/png.html

Может еще кому-нибудь пригодиться!

Фоны для творчества. (PNG, JPEG)

PNG :

смотрим дальше, очень интересные для творчества...

Учебник Лиру

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст <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

3. Как разместить текст (картинку) на странице и делать отступы?

<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид: <img src="http:…" align="left" hspace="20" />
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align="left" hspace="20" vspace="15" />

Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br /><br /><br /> - три пустые строки.

Вставить две и более картинки горизонтально:
<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
<font face="Monotype Corsiva" size="+1">Ваш текст</font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>

5. Как сделать бегущую строку?

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

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

6. Как сделать бегущую картинку?


 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

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

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

8. Как сделать списки и сноски?

Список c жирная точка спереди <ul><br /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

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

9. Как сохранить текст таким, как вы написали?

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

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

10. Как сделать всплывающую подсказку?

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

11. Как дать ссылку на свой дневник или любой адрес?

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

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

12. Как скрыть часть текста (убрать под кат) ?

Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать Читать далее...

Новогодние поздравления

 

 

      

Быстро времечко идет
Прямо, прямо... в Новый год.
Верным курсом, полным ходом,-
Ну так что же: С новым годом!
Не желать того нельзя:
Будьте счастливы, друзья!
 Читать далее

Море анимаций!

лариka Кладезь сайтов для любителей анимашек 1) Анимированные флаги стран мира 2) Еще одна коллекция анимированных флагов 3) Gigi et cram — анимашки, блестяшки, смайлики. Сайт французский. 4) Chevaliers — коллекция анимрованных картинок. Сайт французский. 5) Tritroichki — анимашки, смайлики, курсоры, часики 6) Котята — анимашки 7) Котята — анимашки 2 8) Анимашки — животные 9) Denise — различные анимашки, смайлики, надписи 10) Chez Maya — анимированные картинки, смайлы. Иностранный сайт. 11) Desiderenzia — анимированные картинки, смайлики, надписи. Иностранный сайт. 12) Малюсенькие анимашки 13) Минианимашки, смайлики 14) Creation Mimi — анимированные картинки с надписями 15) Le Monde Merveilleux — анимашки с героями диснеевских мультфильмов 16) Анимашки на различные темы 17) Les Gifs — анимированные животные, герои мультиков 18) Огромная коллекция разных анимашек 19) Анимашки на любой вкус и цвет 20) Diamantdolls — анимированные и блестящие куколки 21) Анимашки, иконки, фоны 22) Planet Mychel — анимашки, блестяшки, смайлики 23) Мир диснеевских героев 24) Josya — анимированные и блестящие картинки. Французский сайт. 25) Анимированные дельфины. Французский сайт. 26) Juanna — анимашки животных, людей,минианимашки 27) Анимашки на разные темы 28) Коллекция анимашек 29) Анимашки животных, героев мультиков 30) Коллекция анимашек 31) Еще одна коллекция анимашек 32) Анимашки животных, людей, смайлики 33) Анимашки различной тематики 34) Анимированные и блестящие картины 35) Блестяшки, анимашки, зверушки 36) Анимашки 37) Reveries — анимированные и блестящие картинки 38) Glitter World — галерея блестяшек на разные темы 39) Rainbow World —  мультяшки, блестяшки, куколки 40) Анимашки, блестящие открытки 41) Волшебные картинки феи 42) Огромная коллекция анимашек и смайликов

Пост от Elen Berg

А надписи я делаю по этому постику. Взяла у Татьяны Вайман

Скажи СПАСИБО - красиво) - 4

Всем привет! Удачного дня Вам и хорошего настроения!

Новые спасибо в продолжение к постам )
1.Скажи СПАСИБО - красиво)
2.Скажи СПАСИБО - красиво) - 2
3.Скажи СПАСИБО - красиво) - 3
Как бы не были красивы картинки всё же не стоит забывать, что если Вы их используете в комментариях, то будет уместно добавить хотя бы пару слов от себя.

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//s003.radikal.ru/i202/1005/8f/c185b68c71a7.gif" /></a>

Далее ...

Скажи СПАСИБО - красиво) - 4

Всем привет! Удачного дня Вам и хорошего настроения!

Новые спасибо в продолжение к постам )
1.Скажи СПАСИБО - красиво)
2.Скажи СПАСИБО - красиво) - 2
3.Скажи СПАСИБО - красиво) - 3
Как бы не были красивы картинки всё же не стоит забывать, что если Вы их используете в комментариях, то будет уместно добавить хотя бы пару слов от себя.

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//s003.radikal.ru/i202/1005/8f/c185b68c71a7.gif" /></a>

Далее ...

Скажи СПАСИБО - красиво) - 2

Всем привет! Удачного Вам дня и хорошего настроения!

Новые СПАСИБО собрала из Ваших комментов к первой теме.

Хочу сказать ВСЕМ кто оставлял свои картинки огромное спасибо!!!

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/273/38273309_38004369_spasibo1.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/190/38190318_35655528_28397342_25693518_77.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/210/38210792_36442703_32859694_21848706_20676648_016dae2bc53e.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/161/38161442_37936179_27c69b36c65a.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/229/38229562_37789872_spasibo_ogromnoe.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/270/38270699_04ffaaa5ad64.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/273/38273348_38061944_zvet1.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/226/38226056_0310a47021be.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/270/38270087_2596941.GIF" /></a>

Надписи для комментариев ( Спасибо ) + код







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

Вау, как красиво......



Как приятно, когда твою работу оценивают, а когда это еще сказано не простым Спасибо, мне понравилось или еще что-то в этом роде, то приятней вдвойне.
Вот и я решила, помочь сделать наши комментарии еще приятней, а главное с юмором и красиво. Благодаря вот этой волшебнице zomka.Она автор всей этой красоты, а я просто добавила коды.


<img src="//s003.radikal.ru/i202/1008/13/98064d47295e.jpg" />


<img src="//s52.radikal.ru/i136/1008/f1/792bc6309741.jpg" />
жмите, жмите, там еще интересней)))))

Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:
Читать далее

97 Видеоуроков по Adobe Photoshop от Игоря Ульмана

 

 

97 Видеоуроков по Adobe Photoshop от Игоря Ульмана

1. Простейшая рамка для фотографии
2. Простейший приём осветления
3. Коллаж из фотографий сюжетной макросъёмки
4. Добавление возраста цветной фотографии
5. Заснеженный текст
6. Читать далее

Помошник...

 

Помощь блоггеру   УРОКИ ОТ ДЖУЛИИ

Качаем с депозита и рапиды

 

я тоже всё время мучилась с депозитом, а потом умный людь подсказал,
когда он(депозит)говорит, что вы чего-то там исчерпали, смело открываете вот эту ссылку
http://en.savefrom.net/
там всё на инглишь, но надо в пустую строку *Web-page URL* скопировать адрес *депозита*-жмём на стрелку- появляется *Download*-смело ТЫЦК на него-готово! пошло качаться . Удачи!

Дополнение-рапиду тоже мона туда же запихивать.И теперь есть еще русский тот же самый

http://ru.savefrom.net/

множественная загрузка изображений-2. Более удобный вариант-всё тот же радикал

 

Уже был пост с похожим названием,
но вот только что познакомилась с ещё более удобным способом... (благодарность BraveDefender)
Опять спасибо http://www.radikal.ru/.
Читать далее

ЛиРу - как вставить в пост большое количество картинок (4 способа)

ЛиРу - как вставить в пост большое количество картинок.

Способов бесчисленное множество, разберем несколько из них:

Способ № 1 :

Самый простой, но и самый неудобный, наверно:

Идем в простой редактор сообщения ( если что, инструкция о нем ТуТ )

Внизу справа видим окошко для загрузки картинки :



Жмем кнопку "обзор", после чего,- вылезет окошко с папками, находящимися на Вашем компьтере:

Смотрим дальше > > >

ЛиРу - грузим музыку, флешки, картинки и т.д.,- все в одном

ЛиРу - грузим музыку, флешки, картинки и т.д.,- все в одном

Не так давно появилась, а точнее,- расширилась, эта функция. Раньше с помощью ее можно было загружать только картинки, а теперь... практически всё:-)

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

Теперь подробнее. Идем в "новая запись", чтобы попасть в редактор поста:




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


Читать дальше > > >

ЧТО ТАКОЕ "КАТ"... САМОЕ ПРОСТОЕ

 

Про КАТ:)

Вы наверное видели в некоторых постах подчёркнутую надпись "Читать далее", ведущую к более полному содержанию поста. Это очень удобно если ваш пост состоит из длинного текста или нескольких  фотографий.

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

1)Просто пишем  [more] после первой фотографии поста или части текста. 
В тексте поста или после фото появляется ссылка на продолжение  "Читать далее".

2)Просто пишем [more=Ваш текст]
В тексте поста или после фото появляется ссылка на продолжение  "Ваш текст". Здесь "Ваш текст" можно заменить на любое другое слово, которое вы хотите увидеть в дальнейшем в виде ссылки на продолжение, например: "Описание модели", или "Рецепт" или "Остальные фото" или........................ 

В принципе это всё, что нужно для того, чтобы пользоваться катом, но для более пытливых пользователей есть ещё кое что: более полное применение тега [more] описано тут: www.aliveinternet.ru/post122430815/

Как удобно выложить фотографии в свой блог

 

Цитируйте, если понравилось:)

Итак, как быстро и удобно выложить фотографии в свой блог.
Расскажу о способе, которым сам пользуюсь и пока считаю наиболее удобным.

1. Создаем, если такового еще нет, аккаунт на http://www.google.ru/
2. Загружаем программу Picasa http://picasa.google.com/intl/ru/ (порядка 5,6 мб)
3. Запускаем Picasa, она автоматически находит все фотографии на жестком диске.
4. Через нее загружаем нужные нам фотографии в публичный альбом, указывая логин и пароль с гугла

 

5. Далее идем на http://picasa2html.com/ где указываем свой логин гугла, выбираем альбом, нужные фотографии, размер фото в публикации, способ вывода и получаем в итоге изящный код, который и вставляем в блог.

 

Намного быстрее и удобнее, чем стандартная загрузка. Особенно, если фотографий не 5, а 50. А то и больше.
Да к тому же заметил, что качество остается очень хорошим.

Пользуйтесь на здоровье. Инструкцию написал isart

Оформляем текст и картинки

 

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>