Делаем фоны. |
Метки: оформление блога схемы для оформления |
Коды оформления блога. |
Метки: оформление блога |
Написание ссылок в постах. |
Метки: оформление блога |
Коды для постов. Текст. |
ВАШ ТЕКСТ
Я
Пишу
как хочу!!!
Метки: оформление блога |
Оформляем текст и картинки |
Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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> |
Метки: оформление блога |
Как вставить музыку в своё сообщение. |
Как вставить музыку в свое сообщение.
У меня часто спрашивают, как вставить мелодию в свой пост. Знаю по себе, что это очень кажется непонятным сначала. Я также мучалась, пока научилась всем этим примудростям.Поэтому хочу облегчить вам вашу жизнь.
Постараюсь объяснить.
1. После того, как вы добавите текст в свое сообщение.Надо загрузить мелодию. Это делается при помощи кнопки
2.После загрузки мелодия в вашем сообщении появляется в виде вот такого проигрывателя.
Можно и так слушать мелодию, но хочется, чтобы было удобно и красиво. Тогда следующий этап.
3.Нажимаем на Редактировать. Появляется вот такой код.
Но нам нужно выделить код самой мелодии, чтобы потом вставить в плеер.Он выглядит вот так.
Копируете его.
Да, а этот не забудьте удалить.Он нам уже не нужен...
4.Коды плееров можно взять
5.Вставляете код песни в URL Аудио-файла
Да, еще можно менять цвет вашего плеера.
6.Получаете код плеера и вставляете его в любое место вашего поста.
7.Желаю удачи. Если что-то не понятно, обращайтесь, помогу.
Вот что у меня получилось, буквально за 5-7 минут.
Метки: оформление блога |
Всё для красоты вашего дневника |
Метки: оформление блога |
Делаем моргающие глазки! |
Метки: открытки оформление блога |
ФОНЫ ДЛЯ РАМОК, уроки по созданию рамок |
Метки: рамочки |
Цветочные линии - разделители |
Метки: разделители |
Учимся делать рамки. |
Уроки от Джулии
Учимся делать рамки. Для рамки нам нужны фоны и их адреса. Адрес фона всегда начинается с http://
Я лично пользуюсь Радикалом для получения такого адреса. Берётся ссылка под №1. Итак, начнём. Ставим первый фон в рамке <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="ФОН"><tr><td>СОДЕРЖИМОЕ РАМКИ</td></tr></table> ФОН - это код //s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg" из Радикала, ссылка №1 Подставляем этот код вместо слова ФОН <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td>СОДЕРЖИМОЕ РАМКИ</td></tr></table> И вот, что у нас получилось
Теперь после <tr><td> ставим второй фон <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"1"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/134/0906/62/493ae9eead5a.jpg"><tr><td> СОДЕРЖИМОЕ РАМКИ</td></tr></table></td></tr></table> Обратите внимание на концовку: здесь уже прописано дважды </td></tr></table> Это потому, что у нас уже 2 фона. И так будем дописывать таких элементов столько, сколько у нас будет фонов. Смотрим, что же у нас получилось.
А теперь добавим ещё парочку фончиков <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td> СОДЕРЖИМОЕ РАМКИ</td></tr></table></td></tr></table></td></tr></table></td></tr></table>
Можно добавлять фонов сколько хотите. Теперь вставим картинку вместо слов СОДЕРЖИМОЕ РАМКИ <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td><img src="//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"> </td></tr></table></td></tr></table></td></tr></table></td></tr></table> Код картинки берётся из Радикала, ссылка №6. Начинается с <img src= У нас это <img src="//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"> И что же у нас получилось?
Добавим к картинке текст.
Как-то он у нас встал не правильно. Будем исправлять. Нам ведь надо, чтобы он был под картинкой и по центру. Используем элемент center, т.е. заключим весь текст в тэги <center></center> <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s51.radikal.ru/i134/0906/62/493ae9eead5a.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//i062.radikal.ru/0906/3e/8838502f3f73.jpg"><tr><td><table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" background="//s56.radikal.ru/i151/0904/a5/55765256a2a9.jpg"><tr><td><img src="//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg"><center>Учимся делать рамки</center></td></tr></table></td></tr></table></td></tr></table></td></tr></table>
Вы, конечно, заметили, что текст у меня поменял цвет и размер. Это я добавила некоторые атрибуты текста. Об этом я уже, по-моему, писала. А если нет, то напишу. Теперь посмотрите на эту же рамку, но с некоторыми изменениями.
В ней я поменяла значения cellspacing и cellpadding cellspacing="10" - расстояние между ячейками cellpadding="0" - отступ текста или следующей рамки от предыдущей (если создаем рамку из нескольких фонов). 10 и 0 меняйте как вам нравится. Теперь ещё вот, что надо знать width - это ширина рамки. Если нужна определенная ширина, то вместо 100% ставим нужный размер в пикселях или изменяем количество процентов. border="0" - толщина рамки в сером цвете. Чтобы не портить красоту, ставьте ноль. При вставке ссылок будьте внимательны, между ссылкой и кавычками не должно быть пробелов. Рамку создаем в формате HTML. Ну вот, пожалуй, и всё для начала. Что не понятно, спрашивайте.
Желаю удачи! Все уроки Из блога Джулии для Вас |
Метки: рамочки |
Бесшовные фоны(45)- Цветы |
Метки: цветы фоны оформление блога |
Коричневые Разделители |
Метки: разделители оформление блога |
Учимся делать разделители. (Paint.NET) |
|
Серия сообщений "Уроки":учимсяЧасть 1 - Как оформить дневник
Часть 2 - Восстановление стертых фото
...
Часть 25 - ManyEyes – инструмент для построения инфографиков
Часть 26 - уроки от Арины
Часть 27 - Учимся делать разделители. (Paint.NET)
Часть 28 - Интернет с нуля!
Часть 29 - ГЕНЕРАТОР БЛЕСТЯЩЕГО, МЕРЦАЮЩЕГО ТЕКСТА.
...
Часть 38 - ОЧЕНЬ ПОЛЕЗНАЯ В БЫТУ ФЛЭШКА
Часть 39 - Урок по удалению баннера вымогателя
Часть 40 - УРОК: как скачать в свой компьютер сразу целый альбом с Я.фоток.
Метки: разделители оформление блога |
Простые рамочки для текста |
Метки: рамочки оформление блога |
Оформление постов |
Оформление постов
Оформление постов. Шаблоны.
Выглядит:
Пишется:
Метки: рамочки оформление блога |
Делаем рамку! |
Мечтайте, люди добрые, мечтайте, О самом милом, светлом и родном, И в жизни никогда не забывайте Прощать, и за добро платить добром. Любите рано утром просыпаться, Цените все, что жизнью вам дано, И людям не ленитесь улыбаться, Учитесь отдавать свое тепло. Не будьте лживы, мелочны, сварливы, Не покидайте в суете друзей. Поверьте, все вернется с большей силой, Все то, что вы отдали для людей. Это не просьба, зов или пророчество, Но тот, кто отвернулся от людей, Давно обрек себя на одиночество, Не понимая участи своей. Есть истины, которых не отвергнешь, Они верны, бессмертны и сильны. О, Человек, когда же ты поверишь, Что создаешь СВОЙ мир лишь только ТЫ! автор рамки - Н@тк@ |
Важно! Не забываем убирать галочку с "Сохранять переводы строк в тексте." в редакторе поста
Метки: рамочки оформление блога |
Как вставить код любого изображения в аккуратную рамку (урок) |
|
Метки: интернет картинки оформление блога |
Учимся сами делать свои рамочки. |
Меня часто девочки просят
объяснить, как я делаю рамочки.
Чтобы вам было проще,я решила
сделать отдельный пост.
Здесь я собрала все уроки,
как научится самому делать
рамочки.Вам останется только
выбрать,что вам нтересно и
нажать на нужную кнопочку.
Уроки ещё будут пополняться.
Метки: рамочки оформление блога |
Новогодние заготовки для баннеров,часиков,мини картиночки. |
Метки: новый год клипарт оформление блога |