Рамка с круглыми углами

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

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

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

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

Как попасть, если не пускают...

Как спрятать часть записи

ПРЯЧЕМ ЧАСТЬ ЗАПИСИ ПОД КАТ


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

Вставляем или пишем часть текста,которая должна быть видна. Затем вставляем вот это [more]. По умолчанию в тексте ссылка будет выглядеть как-Читать далее.
Если вместо -Читать далее-. вы хотите написать свое-Смотри тут, Читать дальше, и т.д. и т.п., то вставляем вот это [more=ВАШИ СЛОВА] и вместо слов ВАШИ СЛОВА пишем свои.

Пишем продолжение текста. Если надо, то вставляем видео, аудио, фото. Дописали текст. Теперь ставим вот это [/more]. Вот и всё!

Удачи!


еще разные уроки
Что можно скачать бесплатно

Делаем самую простую кликабельную кнопочку с надписью.

Очень часто нам требуются кнопочки, что сделать ссылку на какой то сайт, или сделать бродилочку по блогу, или чьим то урокам и т.д. Как сделать вот такую, самую простую кликабельную кнопку с надписью!

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 14 - Этот пост для тех, кто имел СВОЙ БЛОГ на майле
Часть 15 - Как и где найти ВСЕ свои метки в блогах, сохраненных на майле
Часть 16 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 17 - Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg
Часть 18 - Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.
Часть 19 - Сервисы, которые в считанные секунды сожмут любые картинки или фото без потери качества
Часть 20 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями

XTMLка - в помощь блогеру. Мега коллекция эффектов для оформления ваших блогов.

Серия сообщений "XTMLка":

Часть 1 - Бегущий текст
Часть 2 - Сделать слайд-шоу
Часть 3 - XTMLка - в помощь блогеру. Мега коллекция эффектов для оформления ваших блогов.

CssRound.com-генератор рамочек.

ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ
БЕЗ ФОТОШОПА.

Baroma

Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок

Этот урок для новых моих читателей, начинающих, только что пришедших. Они сразу сталкиваются с самой главной проблемой - не знают как вставить в комментарий под постом картинку-благодарность. Мучаются, переживают из-за этого. По крайней мере, ко мне за последнюю неделю обратилось очень много читателей. У меня в рубрике есть пост по этому вопросу, но он уже устарел. И поэтому я вам сейчас еще раз объясню, как это легко делается. ВСТАВЛЯЕТСЯ КАРТИНКА - БЫСТРО И ПРОСТО! Возьмем для примера вот этот cуперский смайлик, который кто-то захочет вставить мне в комментарий.

смотрим и читаем внимательно

МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ

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

Уроки по Оформлению дневника для Лирушников

Это более полный вариант УРОКОВ с новыми добавлениями. Для оформления вашего ДНЕВНИКА. Здесь всё самое необходимое,что может вам понадобиться. Для того,чтобы сделать его красивым и интересным. Если у вас старый вариант перестал работать, то вместо старого можно добавить к себе в дневник эту новую версию.Успехов всем в оформлении. 1.Как сделать ПОСТ С КАРТИНКОЙ. 2.Как вставить КАРТИНКУ в пост 3.Как вставить ВИДЕО в дневник. 4.Как загрузить МУЗЫКУ к себе в дневник 5.Как ЦИТИРОВАТЬ ЧУЖОЙ ПОСТ 6.Как делать РУБРИКИ и ПОДРУБРИКИ 7.Как делать СХЕМЫ для дневника 8.Как поставить в пост или УДАЛИТЬ СХЕМУ 9.Как ЗАКРЫТЬ функцию Симпашек и Антипашек 10.Как УБРАТЬ часть текста ПОД КАТ(спрятать) ЗДЕСЬ далее... SvetlanaT

Создай аватар

Медиаплеер RealPlayer

Медиаплеер RealPlayer

Мы часто сталкиваемся с проблемой КАК перенести видео или аудио из нета к себе на комп.Существует специальный сайт для такого случая,но и он иногда не справляется с данной задачей.Например,взять ролик с Mail.ru и YouTube нельзя,так как там стоит запрет на скачивание.В этом случае нам поможет Медиаплеер RealPlayer.
Медиаплеер RealPlayer воспроизводит видео и аудио файлы различных, даже редко встречающихся форматов. RealPlayer поддерживает воспроизведение потокового видео и аудио. Работать с RealPlayer очень легко: у него интуитивно понятный интерфейс,с которым разберется даже новичок-пользователь ПК.При помощи RealPlayer можно загружать несколько видеофайлов одновременно, то есть, в программе есть возможности менеджера загрузки.
RealPlayer поддерживает Internet Explorer,Google Сhrome,Firefox.В Opera не работает(((.Будет ли работать плеер в других браузерах не знаю,не проверяла.

Один недостаток в плеере-очень много рекламы, не тыркайте в нее, чтобы не произошел переход на ненужную страницу в нете.
Если такой плеер Вам может пригодиться,скачиваем его здесь или последняя версия (16.06.2013) здесь

Как обновить плеер смотрите здесь
Кто не знает,как скачивать с файлообменников бесплатно смотрите здесь

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