БЕГУЩИЙ ТЕКСТ

Попросили сделать урок с таким вот бегущим текстом как в рамочке ниже

рамочка от Егоровой Татьяны..................................................коллаж от Sabine Astana Здесь будет Ваш текст

Код этой готовой рамочки <table style="border:8px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><center><b><a target="_blank" href="http://www.egorovatatiana.ru/"><font color="#f5989d"><font size="1">рамочка от Егоровой Татьяны</font></font></a><font color="#9d0039"><font size="1">..................................................</font></font><a target="_blank" href="//www.liveinternet.ru/users/3111237/"><font color="#f5989d"><font size="1">коллаж от Sabine Astana</font></font></a></b><table style="border:3px ridge #cc9900" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936421_c42e0dfbbed9.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:15px"><table style="border:3px ridge #990000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936420_3c274277008c.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table width="570" height="398" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/126/936/126936490_2571c09b69bf.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" align="center"><table width="230" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#000000;font-size:20px"><b></b></span></td></tr></table></td><td style="padding:1px" align="center"><table width="305" height="360" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/126/936/126936515_cd50c0bd81c7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#000000;font-size:12px"><b><marquee width="245" height="290" scrolldelay="0" direction="up" scrollamount="1" style="background: ; padding: 0px; border: 0px aeca7d;"><center><font color="#000000"><font size="2"><b><br /> Здесь будет Ваш текст</b></font></font></center></marquee></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center></td></tr></table>

Читать далее
еще разные уроки здесь

РАМОЧКА С РАЗРЫВОМ

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.

Простая рамочка Выпуклая рамочка Рамочка с круглыми углами Рамочка с тенью Рамочка с заданной шириной

урок провела Егорова Таня

Читать далее

Огненный текст
без фотошопа

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

ТЕКСТ 1 <div style="font-size: 20px;color:#000000;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -1px 2px, rgb(255, 204, 0) -1px -3px 3px, rgb(255, 153, 0) -1px -5px 4px, rgb(255, 102, 0) -1px -7px 5px, rgb(255, 51, 0) 0px -9px 6px, rgb(255, 0, 0) 4px -11px 7px; ">Здесь будет Ваш текст</div> ТЕКСТ 3 <div style="font-size: 20px;color: #fff799; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 10px rgb(254, 252, 201), 5px -5px 15px rgb(255, 255, 0), -10px -10px 20px rgb(255, 174, 52), 10px -20px 25px rgb(236, 118, 12), -10px -30px 30px rgb(205, 70, 6), 0pt -40px 35px rgb(151, 55, 22), 5px -45px 40px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div> ТЕКСТ 2 <div style="font-size: 20px;color:#3f2305;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -2px 4px, rgb(255, 204, 0) -2px -6px 6px, rgb(255, 153, 0) -2px -10px 8px, rgb(255, 102, 0) -2px -14px 10px, rgb(255, 51, 0) 0px -18px 12px, rgb(255, 0, 0) 2px -22px 14px; ">Здесь будет Ваш текст</div> ТЕКСТ 4 <div style="font-size: 20px;color: #ffcc66; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 20px rgb(254, 252, 201), 10px -10px 30px rgb(254, 236, 133), -20px -20px 40px rgb(255, 174, 52), 20px -40px 50px rgb(236, 118, 12), -20px -60px 60px rgb(205, 70, 6), 0pt -80px 70px rgb(151, 55, 22), 10px -90px 80px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div>

Из блога Егоровой Татьяны

На фото ниже выделены параметры, которые можно менять в коде.



Удачи!

еще разные уроки

ОБВОДКА ДЛЯ ТЕКСТА
БЕЗ ФОТОШОПА

Кто-то в комментариях попросил меня рассказать как на пестром фоне сделать более видимым текст. Решила дать урок. Может кому-то пригодится.

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

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

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

Если надо вставить текст в рамку.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото А)



Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой. Вместо цифр 000000 вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст, всё копируете и вставляете в рамочку.

Если надо вставить текст без рамки.
Копируем в окошечке код.

<span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span>

Код будет выглядеть вот так (см. фото Б)



В код добавился параметр размера (синяя рамочка) и цвета (зеленая рамочка) шрифта. Их нужно заменить на свои.

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

еще разные уроки

КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМКУ ДЛЯ MAIL.RU, КАК УСТРАНИТЬ "РАЗРЫВ" РАМКИ, КАК ИСПРАВИТЬ РАМКУ ФШ.
Коды только для новых групп-блогов в МИРе!

Многие наверно читали урок Ириски "Как сделать фотошоповскую рамку без разрывов" для групп на Mail.ru. А теперь ее можно сделать намного проще и быстрее!
Спасибо большое за кодик Ирине Утицких! Она пыталась восстановить одну испорченную рамку и случайно сделала то, что теперь намного облегчит работу тех, кто делает разрезные рамки. И даже сама сначала не поняла ЧТО она сделала)). Теперь и Рамочник не нужен!
ИТАК!
Ширина рамки здесь, в группах Mail.ru должна быть не очень большой(650-670 пикселей), иначе она зайдет за пределы блога. Не надо выставлять рамки по центру! Это "съедает" полезную площадь блога и так же может "увести" рамку вправо за пределы блога. У кого рамки "уходят", удалите в начале кода теги со словом center.

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

Код "скелетика" рамки с подписью в нижней части<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href="ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>

Код "скелетика" рамки с подписью под текстом<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст<br /><br /><a target="_blank" href="ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a></b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href="сс"><text size="1"></text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>

Код "скелетика" рамки с подписью под рамкой<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href=""><text size="1"></text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table><br /><a target="_blank" href="ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a>

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

КУРСОРЫ

Вставить курсор в свою запись очень просто. Копируете нужный код из окошечка и ВМЕСТО слов "ТЕКСТ ИЛИ КОД" вставляете ... свой текст или код поста.

Чтобы увидеть как выглядит сам курсор, наведите свой курсор на название.
Внимание!!! Курсоры видны не во всех браузерах!

Бабочка <font style="cursor:URL('http://www.patmax.eu/C2/130609050319.cur'),auto;">ТЕКСТ ИЛИ КОД</font>

Бабочка <font style="cursor:URL('http://www.patmax.eu/C2/130609051008.cur'),auto;">ТЕКСТ ИЛИ КОД</font>

Бабочка <font style="cursor:URL('http://www.patmax.eu/C2/130609051043.cur'),auto;">ТЕКСТ ИЛИ КОД</font>

смотреть еще курсоры
Курсоры (другие коды) для mail.ru здесь

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

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



<text size="1"><cut text="."><a target="_blank" href="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="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 тут
еще разные уроки
Что можно скачать бесплатно

еще схемы здесь

Такие же схемы для Mail.ru здесь

ГДЕ СОХРАНИТЬ ИЗОБРАЖЕНИЯ ДЛЯ РАМОК ПОМИМО РАДИКАЛА
Уже множество уроков создано блоггерами о том КАК и ГДЕ сохранять всякие картинки для блога и рамок, помимо Радикала, с которого они исчезают достаточно часто. Этот вопрос задают последнее время всё чаще. Вот и решила сделать этот урок.
Расскажу как сохранять фоны для рамок и любые картинки на Mail.ru. Сколько они простоят неизвестно,но явно дольше, чем на Радикале.

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

КАК ВСТАВИТЬ В БЛОГ MAIL.RU ВИДЕО С ЮТУБА
Еще одна неприятная новость. На Youtube сейчас невозможно взять код для вставки ролика в блоги Mail.ru.
Поэтому снова будем выкручиваться и учиться ДЕЛАТЬ ЭТО по новому.

Читать далее
Код урока для Mail.ru тут

КАК ВСТАВИТЬ В БЛОГ СЛАЙДШОУ
Сейчас несколько изменилось оформление на сайте Mail.ru, поэтому многие не знают как вставить в блог слайдшоу из своих фотоальбомов.
Для начала создаем альбом, который хотим показать в виде слайдшоу. Загружаем туда нужные фото.

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

Предлагаю несколько десятков бесшовных фонов(более 50 штук) для создания рамочек или оформления блогов. Данная рамочка именно из вязанных фонов. Кому фоны понравились,можете скачать их одним архивом здесь Кто не знает,как скачивать с файлообменников бесплатно смотрите здесь Читать далее Рамочка от Егоровой Татьяны

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