Разделители для текста.

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

Что нужно для вставки:
Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код в нужное Вам место - ещё раз нажимаете кнопку - ИСТОЧНИК
Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код в нужное Вам место.

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

<a href="http://myelements.ru/" target="_blank"><img src="//s40.radikal.ru/i088/1006/13/00b246653b59.gif" /></a>

<a href="http://myelements.ru/" target="_blank"><img src="//s08.radikal.ru/i181/1006/e3/47f6585f776d.gif" /></a>

Далее ...

для коментария

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

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

 

Урок 59. Сделать свой логотип

сейчас я расскажу как не броско подписать свою работу


или поставить свой логотип на всей работе


продолжение>>>>>>>>>>>>>>>>>>>>>

Девушки. Клип Арт.

Смотреть дальше!

Как запомнить пароли?

 Для каждого отдельного сервиса вам нужен свой сложный пароль. Как же запомнить все эти пароли?

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

Полезность для оформления постов

 

Строим таблицу первая клетка в первой строке вторая клетка в первой строке первая клетка во второй строке вторая клетка во второй строке	Код простой сетки <TABLE border=4> <TR> <TD>первая клетка в первой строке</td> <TD>вторая клетка в первой строке</td> </tr> <TR> <TD> первая клетка во второй строке</td> <TD>вторая клетка во второй строке</td> </tr> </table>
Сетка с фоном <TABLE background="URL адрес ФОНА" border=8> Вместо URL адрес ФОНА поставляем адрес фонового рисунка. первая клетка в первой строке вторая клетка в первой строке первая клетка во второй строке вторая клетка во второй строке	Код сетки с фоном <TABLE background="URL Адрес фона"border=4> <TR> <TD>первая клетка в первой строке</td> <TD>вторая клетка в первой строке</td> </tr> <TR> <TD> первая клетка во второй строке</td> <TD>вторая клетка во второй строке</td> </tr> </table>
Рамки с разрывом рисунка: рамка растягивается на всю ширину записи	Рамки с разрывом рисунка: <fieldset><legend><img src="адрес картинки"></legend>рамка растягивается на всю ширину записи</fieldset>
Рамка с разрывом текста: Все для вас Основная запись, растягивается на весь пост	Рамка с разрывом текста: <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Фон записи поста Вместо этих слов пишите свой текст	Код фона записи поста <Table background= вместо этих слов пишите URl фдрес картинки или ссылку№1 Радикала border="0"> <TBODY> <TR> <TD width=650 > Вместо этих слов пишите свой текст </TD> </TR> </TBODY> </TABLE>

Милые ромашки...Бесшовные фоны...часть 4...

За этими дверцами-безшовные фоны,часть 1 и 2 и 3






!!!




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

С Днем рождения! = рамочка

ТЕКСТ

<center><table border="2" background="//s54.radikal.ru/i143/1006/24/18d9b6f81e69.gif" cellpadding="3" cellspacing="2" width="550"><tr><td><center><table border="3" background="//s15.radikal.ru/i188/1006/d2/220b7c285df7.gif" cellpadding="3" cellspacing="2" width="500"><tr><td><center><table border="2" background="//s54.radikal.ru/i143/1006/24/18d9b6f81e69.gif" cellpadding="3" cellspacing="2" width="500"><tr><td><table border="3" background="//s15.radikal.ru/i188/1006/d2/220b7c285df7.gif" cellpadding="6" cellspacing="3" width="500"><tr><td><table border="2" background="//s54.radikal.ru/i143/1006/24/18d9b6f81e69.gif" cellpadding="6" cellspacing="2" width="500"><tr><td><table border="2" background="//s42.radikal.ru/i097/1006/0f/3e645e2c1c85.gif" cellpadding="3" cellspacing="10" width="100%"><tr><td><center><img src="//s004.radikal.ru/i207/1006/dc/4acb1df70e47.gif" width="500" /></center><center><font size="4"><b><font color="#FFFAF0"><font face="georgia">ТЕКСТ</font></font></b></font></center><center><img src="//s003.radikal.ru/i203/1006/46/d69ce2d2cbb5.gif" width="40" height="32" /></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"></marquee></td></tr></table></center></td></tr></table></center>

Если ваш блог забанен Гуглем

Такое иногда случается с заспамленными блогами, в которых больше рекламных ссылок, чем остального текста. Но и вполне нормальный блог может попасть под раздачу. Например, если вы однажды дали ссылку на ресурс, уже забаненный Гуглем. Основной признак того, что блог попал под раздачу, - это прекращение роста количества страниц, проиндексированных Гуглом, и обнуление Google PR.

Гугл особенно не любит блоги на Я.ру, потому что у него вообще взаимная нелюбовь с Яндексом. Но бан случается и с блогами с других блогсервисов, а также со stand-alone блогами.

Кто виноват и что делать? Виноват, конечно, владелец блога, невнимательно подошедший к содержимому блога. Что делать - исправлять ситуацию. Процесс может оказаться для кого-то нелегким, но другого выхода нет.

далее сам процесс разбанивания...

Рамка-Нарцис

Вот такая интересная рамочка.Нарцис. Для не большого текста. Кому понравилась код под рамкой. Милолика Покровская

КОД РАМКИ. <center><table background="//img0.liveinternet.ru/images/attach/c/1//61/120/61120961_58ed80358847.png"><tr><td width="660" height="690"><center><font size="3"><font color="FFFFFF"><br /><br /><br /><br /> ВАШ ТЕКСТ</font></font></center><center><br /><br /><br /><br /><br /> <center><center><a href="//www.liveinternet.ru/users/3687440/profile"><font size="2"><b><font color="#cdbe70">Милолика Покровская</font></b></font></a></center></center></center></td></tr></table></center>

Маки. Клип Арт.

Смотреть дальше!

Фоны, картинки и много всего для оформления сайта

http://mycountry13.siteedit.ru/page1

.

ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.

ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.

Ох и швыряет меня по темам:-) Ну не успеваю я сразу обо всем писать:-) Теперь вот про плееры. Как помните, просто вставлять музыку на лиру мы уже учились тут: Грузим музыку в дневник ( два стандартных способа), теперь же речь пойдет о вставки именно работающего плеера в пост. А то меня часто спрашивают,- первый признак, что пора написать пост по теме:-)

Сразу предупрежу,- дождитесь полной загрузки поста:-) все есть, все видно, но не сразу:-))

Все что нам надо для того, чтобы вставить плеер в пост это:
Прямая ссылка на mp3 файл ( куда загрузить музыку,- можно почитать ТуТ ),
Ссылка на плеер,
И сам код вставки плеера.

Вот что у нас получится в результате:



Теперь о самом коде. Я его максимально сократил, убрал все лишнее. Но об этом "лишнем" еще поговорим;-)
Итак сам код:

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

Делаем схемы!

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

Сохраняем себе понравившуюся схему:
http://www.liveinternet.ru/users/2670115/post125612070/

Как удалить схему из каталога схем:
http://www.liveinternet.ru/users/2670115/post115159528

ДЕЛАЕМ СХЕМУ САМОСТОЯТЕЛЬНО:
http://www.liveinternet.ru/users/2670115/post117543311

Что такое фон и что такое схема:
http://www.liveinternet.ru/users/2670115/post122220717

Меняем элементы дизайна уже готовой схемы:
http://www.liveinternet.ru/users/2670115/post117626255.

Рамка по просьбе моих ПЧ

Рамка по просьбе моих читателей

Загружаем картинку, которая будет фоном рамки


Смотрите Адрес картинки
<img src="//img0.liveinternet.ru/images/attach/c/1//54/417/54417432_opazduyvayu1.jpg" width="642" height="562" alt=" (642x562, 36Kb)" />

Вам понадобится только эта часть Адреса
//img0.liveinternet.ru/images/attach/c/1//54/417/54417432_opazduyvayu1.jpg

Код рамки возьмите в цитатник
<center><table width="700" height="540" border="0" align="center" cellpadding="0" cellspacing="0" background="" id="table3"><tr><br /> <td width="600" height="540" colspan="2" align="center" background="А" style="font-family: Tahoma; font-size: 20pt; font-color: #FFFFFF"><table width="500" height="150" border="0" align="right"> <br /><br /> <br /><br /><br /> <br /> <br /><br /> <th width="600" align="right" valign="top" scope="col"><div style="scrollbar-face-color: #909CD0; scrollbar-highlight-color: #909CD0; overflow: auto; width: 680px; scrollbar-shadow-color: #909CD0; scrollbar-3dlight-color: #606A8D; scrollbar-arrow-color: #606A8D; scrollbar-darkshadow-color: #606A8D; height: 180px;><br /> <!---1---> <p align=" justify="justify"> <br /> <div align="right"><font size="+3"><font color="FFFFFF">ТЕКСТ<br /> </font></font></div></div></th><tr></tr></table></td></tr></table><a href="//www.liveinternet.ru/users/lvn/" target="_blank"><font color="white"><font size="1"><b><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="550" px="px"><font style="CURSOR: hand" face="Georgia" size="3"><font color="Blue">LVN</font></font></marquee></b></font></font></a><br /> <br /><br /> </center>
=============================
Вместо буквы "А" вставьте
часть Адреса картинки
Вместо слова ТЕКСТ вставьте
свои слова

Не забудьте убрать лишнии теги.<br />
Эта Тега служит для переноса текста,
картинки или рамки ниже на строчку.

Вот что у нас получилось

Этой женщине вслед хихикали : "Тоже ЦАЦА!!!А ты не жди! Не ищи короля великого, А за встречного выходи, А за встречного-поперечного, С сигаретиною в зубах, За любого сверчка запечного, Лишь бы только он был в штанах... За какого-нибудь завалящего, А полюбится опосля..." Только ждет она настоящего Нецелованного короля! Ей работается-хохочется (не смотри, что глаза грустны), Ей совсем выходить не хочется За какие-то там ШТАНЫ... И стихают подружки шалые, Удивленно глаза кося, Вместне с нею поверив в алые, В свои АЛЫЕ ПАРУСА...

LVN

Делаем открытку со стихами

Сделаем открытку со стихами. Ввиду того что я ленивый и мне лень искать для примера фоны и текст стихов, я позаимствовал все это у inmira с её поста http://www.liveinternet.ru/users/inmira/post99542587/.

- Фон для рамки

- Фон для текста и картинки

- Картинка.

Коды картинок ( видны при редактировании черновика или поста )

<img alt="Фон таблицы" src="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" /> <img alt="Фон ячеек таблицы" src="//i029.radikal.ru/0904/25/910ce6bcf443.jpg" /> <img alt="Рисунок 1" src="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" />

Размеры картинок уменьшены что бы они не занимали много места в посте

Сделаем рамку для открытки. Для этого построим таблицу 1х1 - одна строка, один столбец. Для таблицы пропишем background.
В background укажем ссылку на фоновую картинку для рамки

<table width="800" height="100" background="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif"> <tbody> <tr> <td> </td> </tr> </tbody> </table>

Что бы получилась рамка нужно "лишнее" пространство залить фоном для текста и рисунка.
Что бы это сделать нужно указать background для ячейки тяблицы

<table width="800" height="100" background="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif"> <tbody> <tr> <td background="//i029.radikal.ru/0904/25/910ce6bcf443.jpg"> </td> </tr> </tbody> </table>

Получилось не совсем то что мы хотели. Это потому что мы "забыли" указать отступ от границы таблицы до ячейки таблицы.
Исправим это дописав в тег <table> параметр cellspacing

<table width="800" height="100" background="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" cellspacing="8"> <tbody> <tr> <td background="//i029.radikal.ru/0904/25/910ce6bcf443.jpg"> </td> </tr> </tbody> </table>

И все равно ничего не получилось. Все это потому что в дневнике, для таблицы в глобальных стилях указано border-collapse: collape и из-за этого cellspacing игнорируется
Что бы это исправить нужно к <table> добавить стиль style="border-collapse: separate;"

<table width="800" height="100" background="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" cellspacing="8" style="border-collapse: separate;"> <tbody> <tr> <td background="//i029.radikal.ru/0904/25/910ce6bcf443.jpg"> </td> </tr> </tbody> </table>

Ура! У нас есть рамка :). Все что нам осталось это вставить в ячейку таблицы рисунок и текст стихов

<table width="800" height="100" background="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" cellspacing="8" style="border-collapse: separate;"> <tbody> <tr> <td background="//i029.radikal.ru/0904/25/910ce6bcf443.jpg"> <img style="width: 266px; height: 203px;" alt="Рисунок 1" src="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" /> Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля! </td> </tr> </tbody> </table>

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Не все так просто :). Во первых текст расположен не справа от рисуна, а под ним. Во вторых текст нечитаемый из-за того что цвет текста черный и размер шрифта маленький.
Что бы текст располагался справа от рисунка добавим в код рисунка align="left" в этом случае рисунок будет располагаться слевой стороны ячейки, а текст будет "обтекать" его справа.
Что бы изменить цвет текста и размер шрифта добавим к <td> стиль style="color: #fffcfc; font-size: 18px;". Цвет текста #fffcfc, размер шрифта 18px.

<table width="800" height="100" background="//s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" cellspacing="8" style="border-collapse: separate;"> <tbody> <tr> <td background="//i029.radikal.ru/0904/25/910ce6bcf443.jpg" style="color: #fffcfc; font-size: 18px;"> <img style="width: 266px; height: 203px;" alt="Рисунок 1" src="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" align="left" /> Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля! </td> </tr> </tbody> </table>

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Уже лучше :) Но есть недоработка. Текст заползает под рисунок. Что бы этого не было поместим рисунок текст стихов в тег <div>. со стилем style="float: left" для рисунка и style="float: right" для текста.
Я приведу пример сокрашенного кода что бы было понятнее

<table> ....... ....... <td> <div style="float: left: width: 300px;"> <img style="width: 266px; height: 203px;" alt="Рисунок 1" src="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" align="left" /> </div> <div style="float: right; width: 450px;"> Текст стихов </div> </td> ....... ........ </table>

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Получили практически то что хотели. Осталось привести текст стихов в "божеский" вид. Можно установить галочку "Сохранять переводы строк в тексте.", но я лучше уберу это галочку и добавлю еще один тег <pre>. Все что находится внутри этого тега будет выводится со всеми пробелами и переносами строк.

<table> ....... ....... <td> <div style="float: left; width: 300px;"> <img style="width: 266px; height: 203px;" alt="Рисунок 1" src="//s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" align="left" /> </div> <div style="float: right; width: 450px;"> <pre> Текст стихов </pre> </div> </td> ....... ........ </table>

Вот мы и получили то что хотели.

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Сделать слайд-шоу

http://www.slide.com/arrange?amode=music&song=238783&fx=0&tt=16&bc=0&sk=0&cy=ms&th=32&sc=0



Генератор слайд-шоу>>>>http://slideshow.com.ua/ru/index.php


И ещё
Программа для помощи в создании слайд-шоу(От М_э_р_и)>>>http://www.liveinternet.ru/users/2824635/post125630385/

Дополнение к выше стоящей ссылке:http://www.liveinternet.ru/users/3440922/post125682275/

Завитушки для оформления

http://www.liveinternet.ru/users/defne/post117029041/



http://jaguara.ru/showjournal.php?journalid=3105276&tagid=57>>>Ф О Н Ы


http://distantdreams.narod.ru/webgrafik/fony/1.htm Ф О Н Ы

http://styleindisign.narod.ru/main.html? Ф О Н Ы

Коллекция фонов - http://www.lenagold.ru/fon/main.html

http://jaguara.ru/showjournal.php?journalid=3105276&tagid=432190>>>оформление блога


http://jaguara.ru/showjournal.php?journalid=3105276&tagid=139484>>>оформление дневника


http://blog.kp.ru/users/3293023/post119432226/?upd>>>Волнистоблестящие фоны


http://www.liveinternet.ru/users/tatjana_weiman/post119243982/ >>>полезные ссылки:Фоны,картинки и много разного!!!


Для украшения дневника Впишите свой текст...>>>>http://www.liveinternet.ru/users/russlana/post120476098/


http://jaguara.ru/post121480550/?upd>>>ФОНЫ

Работа в Радикал фото

http://www.liveinternet.ru/users/nataly_nataliya/post117807478/



МУЗЫКА!!! http://music.privet.ru


Адреса картинок>>>http://www.liveinternet.ru/users/maruam/post66619105/


Интересный сайт:Фоны,Картинки,Шрифты>>>>http://www.bigoo.ws/Backgrounds/animal


Картинки>>>http://www.imagehousing.com/


Бесплатный онлайн сервис редактирования фото и создания забавных эффектов>>>http://bravedefender.ru/post120186379/?upd

Уроки новичку для быстрого освоения компьютера.



http://www.chaynikam.net/lessons.php

Веселые картиночки!!!








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