Комментарии (0)

Бродилка по моим рамочкам!Нажимай на название!

Воскресенье, 07 Июля 2013 г. 23:23 + в цитатник
Это цитата сообщения Галерея_Дефне [Прочитать целиком + В свой цитатник или сообщество!]

Бродилка по моим рамочкам!Нажимай на название!

pennelli_bianchi©alidimare_ani (133x93, 3Kb)

Метки: рамки оформление

Комментарии (0)

Живой текст

Понедельник, 13 Декабря 2010 г. 21:07 + в цитатник
Это цитата сообщения Lyusi_serebro [Прочитать целиком + В свой цитатник или сообщество!]

Живой текст...

ОЖИВЛЯЕМ ТЕКСТ

Читая любой текст, мы видим лишь его последний, финальный вариант. Но часто бывают случаи, когда интересен и сам процесс написания:
как текст менялся, какие слова убирались, какие заменялись или переставлялись.
LiveTyping сохранит все!
оживление дальше...)))

Комментарии (0)

Как сделать кликабельную ссылку

Пятница, 20 Августа 2010 г. 21:45 + в цитатник
Это цитата сообщения Елена_Ориас [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:
(306x126, 8Kb)адресная строка

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

Ну ладно, мы сделаем ссылку красиво, чтобы человек заранее знал куда идет и что его там ожидает.

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:

После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.

Получается вот так:

Теперь между спинками квадратных скобок пишем анкор (слово, нажав на которое человек попадет на нужную страницу).

Анкор у нас будет, например: Сады

Итого получилось так:

Так это выглядит в черновике.
Если нажать на кнопку «Опубликовать», то вся вспомогательная латинская писанина исчезает, и остается только слово Сады. Но оно теперь кликабельно! Наведи мышку на него и увидишь, что мышка превратилась в лапку. Значит, слово Сады стало ссылкой.

Сады

В анкоре можно писать сколько угодно слов и даже предложений. Лишь бы анкор был написан между "спинками" квадратных скобок.

Когда читаешь инструкцию и не выполняешь, все кажется страшно.
А если выполнять, ну хоть прямо сейчас, то все получится легко!
Ты аж удивишься. Попробуй!

А по ссылке Сады
можешь сходить, если тебя интересует статья «Сады вверх ногами».

Серия сообщений на тему «Возня с компьютером»:
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Метки: полезное оформление

Комментарии (0)

Полезные ссылочки для оформления блога.

Пятница, 13 Августа 2010 г. 22:40 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Полезные ссылочки для оформления блога.

Предлагаю ссылочки,нужные и
полезные для оформления блога
и не только.Этими ссылочками я постоянно
пользуюсь.
Генераторы картинок с кодами.

Картинки с готовыми кодами.
Читаем далее...

дневник Милолика Покровская

Метки: полезное оформление

Комментарии (0)

Как вставить ПРОКРУТКУ в пост.

Пятница, 13 Августа 2010 г. 21:32 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить ПРОКРУТКУ в пост.

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.

А теперь посмотрим из чего состоит прокрутка.
1.scrollbar-face-color - это цвет передней стороны панели прокрутки
2.scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
3.scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
4.scrollbar-3dlight-color - это цвет отсвета.
5.scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
6.scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
7.#FFFFFF - это коды цвета, которые можно менять.
Не обязательно использовать все теги.
Я использую только те при помощи которых можно поменять цвет прокрутки.

Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480" height="280"
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.

Дальше! Там где написано РАЗМЕР ПРОКРУТКИ.
Меняем эту надпись на цифры размера КАРТИНКИ.
В моём случае height=280 .
Тоесть вместо слов РАЗМЕР ПРОКРУТКИ я ставлю 280
Без кавычек иначе код сбивается.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки или не была меньше её.Хотя размер прокрутки можете делать любой.Так просто красивее.

Идём дальше.Где написано ФОН ДЛЯ ТЕКСТА.
можно поставить фон.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
В моём случае я не стала добавлять Фон для текста.

И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.

 <img src="КОД КАРТИНКИ" width="480" height="280" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height: РАЗМЕР ПРОКРУТКИpx;background-image:url(' ФОН ДЛЯ ТЕКСТА ');top:5px;text-align:left;text-indent:5pt"> ВАШ ТЕКСТ </div>

Милолика Покровская.

Метки: оформление

Комментарии (0)

Разделители-вертикальные...и много-много чего.

Дневник

Пятница, 06 Августа 2010 г. 00:31 + в цитатник

Читать далее

Метки: оформление разделители

Комментарии (0)

Плееры для дневников

Суббота, 24 Июля 2010 г. 23:34 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

Плееры для дневников

Очень много плееров для Ваших страничек здесь:

Скачать музыку или получить код можно здесь:

©Sweets Cherry

Метки: полезное оформление

Комментарии (0)

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

Суббота, 24 Июля 2010 г. 23:09 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

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

Строим таблицу

первая клетка в первой строке	вторая клетка в первой строке
первая клетка во второй строке	вторая клетка во второй строке

Код простой сетки
<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>

Блог Лиры

Метки: полезное оформление

Комментарии (0)

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

Суббота, 24 Июля 2010 г. 22:50 + в цитатник
Это цитата сообщения Sweets_Cherry [Прочитать целиком + В свой цитатник или сообщество!]

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

Картинка обтекаемая текстом

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

Блог Лиры

Метки: полезное оформление

Комментарии (0)

Коды оформления блога.

Четверг, 22 Июля 2010 г. 19:48 + в цитатник
Это цитата сообщения Ксюшичек [Прочитать целиком + В свой цитатник или сообщество!]

/s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg" target="_blank">//s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg);padding:5px">/s001.radikal.ru/i196/1006/30/025d8dd3e1d2.jpg" target="_blank">//s001.radikal.ru/i196/1006/30/025d8dd3e1d2.jpg);padding:5px">/s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg" target="_blank">//s004.radikal.ru/i206/1001/d8/5bf67ce7f6a0.jpg)">
Коды для оформления блога
Окошко для кода -
Рамочка вокруг текста -
Рамочка вокруг текста (разрыв слева) -
Рамочка вокруг текста (разрыв справа) -
Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста - Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок -
Кнопки в записи
Текст на кнопке -
Картинка на кнопке -
Текст и картинка на кнопке -
Кнопка на фоне -
Номера страниц в блоге -
Рамка с картинками по углам -
Таблица -
из блога IRINI

Метки: полезное оформление

Комментарии (0)

Красивый текст для оформления блога.

Пятница, 07 Мая 2010 г. 19:53 + в цитатник
Это цитата сообщения Милолика_Покровская [Прочитать целиком + В свой цитатник или сообщество!]

Существую разные стили текста, для оформления вашего блога.
Придуманы не мной.Долго собирала разные необычные варианты.
И в этом уроке хочу вам их предложить.
Благодаря им ваш дневник будет выглядеть не ординарно,и красиво.
Такими текстами можно украшать
ЗАГОЛОВКИ и РАМОЧКИ.
Написание цвета и коды цвета.
Смотрим и выбираем понравившийся...

Текст с переливающейся тенью.

Ещё варианты...

Милолика Покровская

Метки: оформление

Комментарии (0)

Забавные разделители.

Дневник

Среда, 05 Мая 2010 г. 18:35 + в цитатник

Спасибо,Дефне!

Метки: оформление

Комментарии (0)

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

Суббота, 24 Апреля 2010 г. 00:01 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

120 разделителей для текстов с цветами

Метки: оформление

Комментарии (0)

Очень полезные коды для текстов.

Дневник

Суббота, 03 Апреля 2010 г. 22:32 + в цитатник

про тэги

<b>ВАШ ТЕКСТ</b> Полужирный текст
<i>ВАШ ТЕКСТ</i> Выделение текста курсивом
<u>ВАШ ТЕКСТ</u> Подчёркнутый текст
<s>ВАШ ТЕКСТ</s> ~~Зачёркнутый текст~~

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3
Увеличить текст+4: <font size="+4">текст</font> текст + 4
КРАСНЫЙ: <font color="red">текст</font> красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст
КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст
ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

далее

Метки: оформление

Как вставить в рамочку свою картинку

Дневник

Суббота, 03 Апреля 2010 г. 22:26 + в цитатник

Спасибо , Дефне !

К примеру возьмем эту рамочку:

Ваша картинка

Ваш текст

Галерея_Дефне

Вот ее код:
<div class="p_blogtext"><br /><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" align="center" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="1" cellpadding="50" cellspacing="5"><tbody><tr><td><div align="center"><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" width="580" align="center" border="1" cellpadding="3" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="1" cellpadding="12" cellspacing="1"><tbody><tr><td><table background="//s58.radikal.ru/i162/0904/c7/e60b02de137f.jpg" width="580" align="center" border="1" cellpadding="1" cellspacing="1"><tbody><tr><td><table background="//s57.radikal.ru/i155/0904/ee/1e7fdd8f22b6.jpg" width="580" border="2" cellpadding="7" cellspacing="2"><tbody><tr><td><i><font size="4" color="#ee1122" face="times"><p align="center"><font face="Georgia"><br />Ваша картинкa <br /><img src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" width="416" height="17" alt=" (416x17, 19Kb)" /><br />Ваш текст <br /><img src="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//53/572/53572141_4a3c6e045a83daffe2c2a5d2e9720474.gif" width="416" height="17" alt=" (416x17, 19Kb)" /><br /></font></p></font></i></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><center><a href="http://www.liveinternet.ru/users/2872037/profile" _fcksavedurl="http://www.liveinternet.ru/users/2872037/profile"><font color="#ee1122"><font size="1">Галерея_Дефне</font></font></a></center></td></tr></tbody></table></td></tr></tbody></table></div>

У вас в документах есть например подходящая картинка,я выбрала для примера такую:
(500x600, 115Kb)

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

Метки: оформление

LiveInternetLiveInternet

-Помощь новичкам

-Метки

-Цитатник

-Рубрики

-Приложения

-Видео

-Музыка

-Кнопки рейтинга «Яндекс.блоги»

-

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Записи с меткой оформление

Бродилка по моим рамочкам!Нажимай на название!

Живой текст

Как сделать кликабельную ссылку

Полезные ссылочки для оформления блога.

Как вставить ПРОКРУТКУ в пост.

Разделители-вертикальные...и много-много чего.

Дневник

Плееры для дневников

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

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

Коды оформления блога.

Красивый текст для оформления блога.

Забавные разделители.

Дневник

Спасибо,Дефне!

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

Очень полезные коды для текстов.

Дневник

Как вставить в рамочку свою картинку

Дневник

Спасибо , Дефне !

К примеру возьмем эту рамочку: