Всплывающие картинки и курсор из своего фото

ВСПЛЫВАЮЩИЕ КАРТИНКИ И
КУРСОР ИЗ СВОЕГО ИЗОБРАЖЕНИЯ

Недавно посетитель блога Андрей (наведите сюда курсор,увидите его аватарку) подсказал мне формулу, по которой можно без труда ставить в запись свой курсор и делать всплывающие картинки.

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

Кнопка "Поделиться"

КНОПКА "ПОДЕЛИТЬСЯ" ВМЕСТО КНОПКИ "НРАВИТСЯ" НА MAIL.RU

Сегодня из блогов в МИРе куда-то исчезла кнопка "Нравится". Вернут ее или нет не знаю. Предлагаю временно заменить ее новой кнопочкой "Поделиться". Вставить ее очень просто. Копируете код понравившейся кнопки из окошечка и вставляете этот код ПОСЛЕ кода своей записи. При нажатии на нее, вы попадете на страницу, где можно написать комментарий к своей ссылке и, нажав еще раз на слово Поделиться, добавите ссылку в МИР.



<text size="1"><cut text="."><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://connect.mail.ru/share?share_url="><img src="http://content.foto.mail.ru/mail/tiotia-tania/_blogs/s-17659.jpg" border="0" /></a></cut></text>



<text size="1"><cut text="."><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://connect.mail.ru/share?share_url="><img src="http://content.foto.mail.ru/mail/tiotia-tania/_blogs/s-17660.jpg" border="0" /></a></cut></text>

P/S: Код кнопки копируете из окошка и просто вставляете в свой пост.Больше ничего делать не надо! Ссылка на ВАШ пост встанет автоматически.

Кнопка скрыта под кат. Ее можно увидеть только когда открываешь комментарии. Так и раньше было. Если кнопка будет не скрыта, то ссылка с нее пойдет на ВСЮ страницу, где расположен пост.

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

Завитушки, уголки, виньетки. Клипарт в Png и PSD. (Часть 3)



Третий архив с завитушками. В самом архиве все файлы в PSD, от 8 до 97 слоев. Все картинки я перевела в Png. На основной странице картинки тоже в png, просто вынесла их на фон, - иначе многие не видно.Если будете скачивать картинки с Яндекс фоток, то там тоже некоторых не видно((( Они там есть))). Надо вынести на фон, чтобы увидеть. Все картинки увеличиваются (кликом по превью), размер 1024-1024 пкс.

Дальше > > >

Вставляем только свои адреса фонов КОД-СХЕМА РАМКИ В ОКОШКЕ <center> <table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН 1.из Радикала код №1"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="ФОН 2."><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН 3."><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="30" cellpadding="30" background="ФОН 4."><tr valign="top"><td width="100%"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/inbox/medium-72/"><text color="#92278f">!</text></a><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН 5."><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="ФОН 6."><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="ФОН 7."><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="ФОН 8.ЦЕНТРАЛЬНЫЙ"><tr valign="top"> <tr> <td><img src="//s61.radikal.ru/i174/0906/ee/a06f1644e0a2.gif" /></td> <td width="100%"></td> <td><img src="//s45.radikal.ru/i110/0906/3a/9f9993dbb2cc.gif" /></td> </tr> <tr> <td></td> <td> <center><font face="Monotype Corsiva" size="5"><font color="#FAFAD2"> <br /> ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ!!! <br /> <br /></font></font></center></td><td></td> </tr> <tr> <td><img src="//i029.radikal.ru/0906/18/c7016c7d0caf.gif" /></td> <td></td><td><img src="//i081.radikal.ru/0906/06/19cfecc12600.gif" /></td></tr> </tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

Web цвета.
 

     aqua    #00ffff
    grey    #808080
    navy   #000080
   silver   #c0c0c0
    black   #000000
  green   #008000
   olive   #808000
   teal   #008080
    blue   #0000ff
    lime  #00ff00
   purple   #800080
    white   #ffffff
   fuchsia  #ff00ff
   maroon   #800000
   red   #ff0000
    yellow ;  #ffff00

Полная таблица есть (например) здесь - http://www.webcorp.ru/page/webcolor.html

А самое простое - зайти в настройки, если Вы обитаете в LiveInternet'е)))

И еще мне очень нравится здесь - http://scriptic.narod.ru/html/color1.htm.

Можно подобрать цвет фона (он меняется на глазах, при подведении мышки)

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

Выделяется любую букву с облюбованным цветом (как для копирования),

потом правой кнопкой "Исходный код выделенного фрагмента"

и в открывшемся окне видим код (например font color="#ff3366", т.е. цвет шрифта #ff3366). 

Сверху надпись "RGB палитра 216 цветов, код:" там в окошке код цвета фона.

И Немного СSS:

background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.

(Поддерживается IE начиная с 4.0)

Всё для оформления и ведения дневников

По лиру ходит очень много подобных постов. Здесь всё необходимое объединено в одном сабже, чтобы не скакать, если возникнет нужда.
1.Специальные коды редактирования - теги, проигрывание MP3, flash, видео файлов, уборка под кат и т.д.
2. HTML - шпаргалка - рамки, бегущая строка, буквицы, кнопки и другие прибамбасы.
3. ColorBlender - создание цветовых палитр. Очень удобно для подбора цветовой гаммы дневника.
4. Style Archive - шаблоны дизайнов.
5. Stripe Generator - генератор полос. Сгенерировал, скачал, повернул на нужный угол - вот тебе полосатый фон для дневника.
6. Dollzmania - генератор блестящих надписей.
7. HTML LIVE - гора разных генераторов (баннеры, блестящие тексты, картинки с различными эффектами и т.д.)
8. Glass Giant - ещё один генератор, на этот раз "неоновых надписей".
9. Генераторы баннеров (на - английском языке, но при, наличии графического редактора, исправить несложно.
Famous Faces - "говорящие" знаменитости.
Comic Strip - говорящие мультяки и т.д.
Banner Generator - стандартные баннеры, очень большой выбор.
10. Смайлы и анимашки - самая большая коллекция из найденных.
11. Picsearch - служба поиска картинок и фотографий.
12. Шпаргалка по RSS-лентам
Бегущая строка
<marquee direction="right"> ТЕКСТ</marquee>

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

Бегущая вправо/влево строка>
<marquee behavior="alternate"> ТЕКСТ</marquee>

ТУДЫ - СЮДЫ

Эпиграф
<div align=right> ТЕКСТ</div>

Автоскроллинг
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ТЕКСТ</marquee>

>Исхода нет.
Умрешь - начнешь опять сначала
И повторится всё, как встарь
Ночь, ледяная рябь канала,
Аптека, улица, фонарь.

Создание кликабельной картинки (баннера)

<a href="ССЫЛКА, КУДА НАПРАВЛЯЕТ БАННЕР" _fcksavedurl="ССЫЛКА, КУДА НАПРАВЛЯЕТ БАННЕР" target="_blank"> <img src="ССЫЛКА НА ИЗОБРАЖЕНИЕ БАННЕРА" _fcksavedurl="ССЫЛКА НА ИЗОБРАЖЕНИЕ БАННЕРА" border="0" alt="ВСПЛЫВАЮЩАЯ ПОДСКАЗКА ПРИ НАВЕДЕНИИ КУРСОРА НА БАННЕР" /></a>
Вот, к примеру, баннер со ссылкой на дневник ValeZ

Это цитата этого сообщения в Макс_Оливер

Генератор баннера
 

Добрый вечер, дорогие мои! Нашла для вас интересную информацию на сайте Мой мир@Маil.Ru, как сделать быстро баннер,немного добавила еще от себя,думаю многим пригодится. Для начала выбираете баннер,можете заглянуть на мою страничку http://www.liveinternet.ru/showjournal.php?journalid=2872037&keywordid=1132673 , а можете воспользоваться своей картинкой,еще есть такой сайт с забавными девчачьими баннерами по этому адресу http://vcechtonado1.narod.ru/coolstuff.html Сделать надпись на баннере вы можете, перейдя на сайт http://gifr.ru/ Итак, ваш баннер (картинка) готов,теперь получаем его адрес (адрес картинки), для этого нажимаем на баннер(на картинку) правой кнопкой мыши и выбираем "свойства", в открывшемся окне вы получите искомый адрес. Адрес сайта,на который вы хотите попасть при нажатии на баннер заранее скопируйте. А вот теперь главное - переходим на этот сайт http://reginochka-design.narod.ru/delaembanner.html заполняем все поля и получаем код,вставляем его в дневнике в простом редакторе. Вот и все,ваш баннер готов! Если возникнут вопросы, пишите! Дорогие мои, желаю всем успехов! Ваша Татьяна Галерея_Дефне

Комментарий забываешь-в черный список попадаешь.

1) сделать кнопку
<form action="АДРЕС САЙТА" target="lime" method="get"><input type="submit" value="НАЗВАНИЕ" /></form>

2) Удачи - раздваивающийся текст
<br /> <font color="#ff0000"><marquee scrollamount="2" scrolldelay="1" direction="up" height="300" style="filter: wave(add=50, phase=1, freq=1, strength=140); width: 500px; height: 300px; text-align: justify"><br /><br /><br /> <center><font size="+2">Удачи!</font></center></marquee></font><br /> <br />

3) Теги всплывающей подсказки.
<acronym title="всплывающая подсказка">ТЕКСТ поста</acronym>

4) Ссылки на др.посты
<br /> <a data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a><br /> <a data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a><br /> <a data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a>

5) Текст с тенью (синий)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="width:100%;filter:shadow(color:white:10);font-weight:bold;font-size:18pt;font-family:verdana;color:483d8b;">ВАШ ТЕКСТ</div><br /> </font>

6) Движение текста с тенью. (зеленый)
<div style="FILTER: Shadow(color=Gray48, direction=140, strength=8); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="008000" size="7"><i>Спасибо </i></font></marquee></div>

7) Движение текста с тенью. (красный)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="FILTER: Shadow(color=Gray48, direction=80, strength=3); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="ff0000" size="6"><i>Спасибо за ваш комментарий.</i></font></marquee><br /></div><br /> </font>

8) Рамка с движ. текстом (для дня рождения)
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="700px" height="390" style="background="><center><table cellspacing="8" cellpadding="3" width="700px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00size=" font="http АДРЕС"><marquee style="HEIGHT: 535px" scrollamount="2" direction="up"><center><br /> <font style="cursor:url('http://www.myspacecursor.net/love/36.ani');"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <font size="+3"><font color="lime"><br /> ТЕКСТ<br /> <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /> <br /> </font></font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

9) Рамка для картинки
<center><table border="20" bgcolor="brown"><caption align="bottom">Слова под рамкой</caption><tr><td><table border="12" bgcolor="brown"><tr><td><br /> <img data-cke-saved-src="http АДРЕС" src="http АДРЕС" /></td></tr></table></td></tr></table><p></p></center><br />

10) Разделить пост на две части
<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td> 1 часть текста</td><td width="1" bgcolor="#000000"></td><td> 2 часть текста… </td></tr></table>

11) текст на картинку без графических редакторов
<center><table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><font color="red"><font size="+3">Ваши слова</font></font> </th></tr></table><p></p></center>

12) подписать картинку сбоку
<table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 700px; HEIGHT: 525px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+5"><font color="red">Ваши слова</font></font></font></div> </th></tr></table><p></p>

13) Текст на фоне
<table cellpadding="60"><tr><td background="http АДРЕС"><font color="white"><font size="+2">ВАШ ТЕКСТ</font>…</font></td></tr></table>


14) размытый фон (добавляем теги)
border="0" style="filter: alpha(opacity=100,style=2);" />

15) Ваш фон, по которому двигается текст
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="500px" height="150" style="background="><center><table cellspacing="8" cellpadding="3" width="500px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00 size=" font="http АДРЕС"><marquee style="HEIGHT: 150px" scrollamount="2" direction="up"><center><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <font size="+3"><font color="lime">ТЕКСТ</font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

16) фон, по которому двигается текст
(Можно менять только цвет фона)
<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount="2" scrolldelay="60" direction="up" width="550" height="150"><font size="+3"><font color="ffffff">ВАШ ТЕКСТ</font></font></marquee>

17) Слова БОКОМ
<br /> <font color="ff0000"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+3">ВАШ ТЕКСТ БОКОМ</font></font></div></font><br />

ГАЛИНА_симонова, Дарина423, биа46, Бриз999, Осень-я, songmeili, Matilda63, Kleooa, Elena_1, La_belle_Helene, LuPetra, Елена_Донец, Гори_моя_душа, Женщина-Пантера, aleks_c, Kisska67, romanika, Russlana,

Пояснения для всех.
Смотрите здесь.
Щелкните по названию

Рамка без редактора.

Разделить пост на две части

Текст на картинке без редактора.

Текст на фоне.

размытый фон

Рамка с прокруткой


Ваш фон, по которому двигается текст

фон, по которому двигается текст
(Можно менять только цвет фона)


Слова БОКОМ

Теги

Цветовая палитра

Полезности для Дневника