LiveInternet <a class="gl_Topv2-logo-lnk" href="//www.liveinternet.ru/" title="LiveInternet.ru">LiveInternet

Полезные HTML теги для новичков.

Вторник, 17 Декабря 2013 г. 18:45 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Полезные HTML теги для новичков.

По вашим просьбам делаю этот урок.
Я не програмист, поэтому как сама знаю ,так вам по
простому и постараюсь объяснить .
Для форматирования текста существует много тегов.
Одни их них используются часто, другие - редко.
Здесь я выложу всё, чем каждый день пользуюсь я ,
чтобы делать свои посты.
ЗДЕСЬ далее...

(94x60, 5Kb)

SvetlanaT

Рубрики:

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

Делаем простую Рамку с двигающимся текстом.

Вторник, 17 Декабря 2013 г. 18:44 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем простую Рамку с двигающимся текстом.

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.
рамка светланат (300x73, 12Kb)

Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
1.Находим в рамке тег: ...style="background:#FFCCFF;...—Это ФОН рамки.
А цифры—его ЦВЕТ. Названия цвета можно выбрать ЗДЕСЬ.
2.Теперь будем задавать
ЦВЕТ,ШИРИНУ И СТИЛЬ БОРДЮРА РАМКИ.
Находим теги,отвечающие за это:
...border-right:#CC00CC 20px solid;....
...border-right:...—Бордюр справа.
...border-top:...—Бордюр вверху.
...border-left:...—Бордюр слева.
...border-bottom:...—Бордюр внизу.
...#CC00CC...—Цвет бордюра—Цифры меняем на нужный вам цвет.
...20px...—Ширина бордюра—Цифры меняем на нужные вам.
...solid...—Стиль бордюра.Так же можно поменять по желанию.
Найти нужный стиль вам можно ЗДЕСЬ.
3.Идём дальше.Находим в коде тег:
...scrollamount="1" ...—По простому это СКОРОСТЬ с которой будет двигаться ваш текст.Чем ЦИФРА БОЛЬШЕ тем скорость быстрее.
4.Находим тег:
...scrolldelay="180"...—Этот атрибут задаёт временной интервал между шагами бегущей строки.
Чем ЦИФРА БОЛЬШЕ тем медленней будет двигаться ваш текст.
5.Теперь главное.
Размеры всей рамки. У меня она...width="600" height="300"...
...width="600"...—Ширина рамки.
...height="300"...—Высота рамки.
Решаете по вашему желания,какую захотите,можно сделать как у меня большую,
а можно и совсем маленькую.

ДОБРО ПОЖАЛОВАТЬ В ГОСТИ!

SvetlanaT
6.Идём дальше.
...font color="000000"...—ЦВЕТ ТЕКСТА.
Меняете цифры нанужный вам цвет.Взять цифровой код (смотим выше).
7.Теперь с какой стороны вы хотите чтобы стоял текст.
Тег:...div align="center"...—Текст по центру.
...left...—Текст слева.
...right...—Текст справа.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Успехов вам в оформлении.

SvetlanaT
КОД РАМКИ.

<marquee style="background:#FFCCFF; padding:10px; border-right: #CC00CC 20px solid; border-top:#CC00CC 20px solid; border-left: #CC00CC 20px solid; border-bottom:#CC00CC 20px solid;" scrollamount="1" scrolldelay="180" direction="up" width="180" height="20"><font color="000000"><div align="center">ВАШ ТЕКСТ ПИШЕМ СЮДА</div><br /><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></marquee>

Рубрики:

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

Винтажные фоны для записей.

Вторник, 17 Декабря 2013 г. 18:43 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Винтажные фоны для записей.

На этих фонах можно писать всё что вам захочется:
стихи,тексты или просто использовать для коллажей.
Фотографии в альбоме Милолики 2 на Яндекс.Фотках.
Это несколько, из тех что я собираю по всему инету.
При клике фон увеличивается в размере.
А кого тема фонов заинтерисовала просто нажмите «для записей винтаж.»

SvetlanaT

Рубрики:

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

Учимся вставлять Картинки с кодами в таблицу.

Вторник, 17 Декабря 2013 г. 18:42 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Учимся вставлять Картинки с кодами в таблицу.

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

<img src="//img-fotki.yandex.ru/get/4311/fot462.f5/0_3c774_e37dee3b_M.jpg" width="180" height="238" />	<img src="//img-fotki.yandex.ru/get/4314/fot462.f4/0_3c772_abd2d45f_M.jpg" width="134" height="242" />	<img src="//img-fotki.yandex.ru/get/4310/fot462.f5/0_3c792_1b41cf04_M.jpg" width="185" height="240" />
<img src="//img-fotki.yandex.ru/get/4209/fot462.f5/0_3c793_34d3baa3_M.jpg" width="115" height="253" />	<img src="//img-fotki.yandex.ru/get/4311/fot462.f6/0_3c7ba_b1f1334d_M.jpg" width="138" height="249" alt="36216699 (501x400, 22Kb)" />	<img src="//img-fotki.yandex.ru/get/4312/fot462.f6/0_3c7ae_81dc8fa7_M.jpg" width="114" height="244" />

Жмём и смотрим как научится делать такое оформление.

SvetlanaT

Рубрики:

Метки: уроки коды картинки оформление дневника

Учимся сами делать свои рамочки.

Вторник, 17 Декабря 2013 г. 18:38 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Учимся сами делать свои рамочки.

Меня часто девочки просят
объяснить, как я делаю рамочки.
Чтобы вам было проще,я решила
сделать отдельный пост.
Здесь я собрала все уроки,
как научится самому делать
рамочки.Вам останется только
выбрать,что вам нтересно и
нажать на нужную кнопочку.
Уроки ещё будут пополняться.

SvetlanaT

Рубрики:

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

Убираем стрелки-расширения с картинок на Лиру.

Вторник, 17 Декабря 2013 г. 18:32 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Убираем стрелки-расширения с картинок на Лиру.

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

ЗДЕСЬ далее...
SvetlanaT

Рубрики:

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

Делаем Таблицу с Картинками(ссылками).

Вторник, 17 Декабря 2013 г. 18:31 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Таблицу с Картинками(ссылками).

Девчата, меня попросили сделать урок,
как можно,на небольшом пространстве разместить много картинок.
В этом вам помогут Таблицы,
в них очень удобно компактно загружать картинки.

Таблица с 6 картинками будет выглядить вот так.
Картинки лучше подбирать одного размера.

ЗДЕСЬ далее...

SvetlanaT

Рубрики:

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

Делаем простую кнопку для дневника.

Вторник, 17 Декабря 2013 г. 18:27 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем простую кнопку для дневника.

Иногда при оформлении поста нужно загрузить много
Ссылочек на разные сайты или Одна тема и много подпунктов к ней.
Тогда вас выручит простая кнопка.
Как она вообще выглядит?А вот так .

Что бы ее сделать нужно вставить вот этот код к себе в блог

Там где написано "URL АДРЕС ССЫЛКИ" -нужно вставить адрес ссылки на страницу куда эта кнопка будет вести.
А где написано "НАЗВАНИЕ КНОПКИ" -пишите то что нужно вам.
Но это если нужна одна кнопка.А если несколько?
Чуть ниже я даю коды разных вариантов кнопок.Выбирайте какой нужен вам.Копируйте код и вставляйте к себе в блог.
Читаем ещё варианты далее...

SvetlanaT

Рубрики:

Метки: оформление дневника уроки кнопки

Оформление ТЕКСТА в дневнике.

Вторник, 17 Декабря 2013 г. 18:24 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Оформление ТЕКСТА в дневнике.

Предлагаю вот такое оформление Текста для ваших постов.
Этим текстом можно оформить ЭПИГРАФ дневника.
Копируйте нужный вам код и вставляйте к себе в дневник.
Только в коде вместо слов ВАШ ТЕКСТ пишите свой.

ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ДОБРО ПОЖАЛОВАТЬ !!!
КОД ТЕКСТА
ЗДЕСЬ далее...

SvetlanaT

Рубрики:

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

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

Вторник, 17 Декабря 2013 г. 18:23 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

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

Предлогаю ссылочки,нужные и
полезные для оформления дневника.
Выбираем интересующий сайт и
нажимаем "ОК"

SvetlanaT

Рубрики:

Метки: оформление дневника интересные ссылки

Разноцветный текст.

Вторник, 17 Декабря 2013 г. 18:22 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Разноцветный текст.

Разноцветныe надпuси!
Надпись в блоге обычно простая,а я хочу предложить не совсем обычную надпись.
Она может идти совсем от светлого тона до очень тёмного.
Или вы хотите под свой дизайн что-то необычное,разноцветное..
Скопировав код и меняя только цифровое значение цвета. #CC9900.И размер текста SIZE=7. Можно как угодно экспериментировать с цветом вашего текста.Различные цвета для текста можно взять здесь.
Таблица безопасных цветов Таблица НТМЛ-кодов.Цветов.
WELCOME
ЧИКИ ПУКИ!

РЕСП ЕКТ AnGeL
I love you!
SvetlanaT

Рубрики:

Метки: оформление дневника цвет коды

Подвески.Оформляем свой дневник.

Вторник, 17 Декабря 2013 г. 18:20 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Подвески.Оформляем свой дневник.

Красивые картинки-подвески.
Накопилась большая коллекция.Иж можно вставлять в рамочки.Или украшать свои посты.
Подвески,много. и ЗДЕСЬ ещё Подвесочки.

SvetlanaT

Рубрики:

Метки: оформление дневника картинки подвеска

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

Вторник, 17 Декабря 2013 г. 18:17 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

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

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

Чтобы поменять РАЗМЕР ПРОКРУТКИ находим вот такой тег
...position: width:99%;height: 218px...
Меняем цифры под ВЫСОТУ вашей картинки,только немного меньше.
У меня высота картинки 290,а высоту прокрутки я сделала 218.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки
или не была меньше её.
Идём дальше.Где написано URL ФОН
можно поставить фон.Внутрь одинарных кавычек.
Кавычки обязательно оставить иначе код может не загрузиться.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
А можно этот фон и неставить.
В моём случае я не стала добавлять Фон для текста.
Но бывает один неприятный нюанс-когда вы загружаете фон
он вставляется как ссылка и если в коде (где вы поставили фон)
у вас появилось [URL ...в начале и в конце .../URL]
вот такой значёк,в квадратных скобках его просто нужно убрать из начала и в конце.
Смотрите внимательно,чтобы кавычки не удалить.
И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ. <img src="КОД КАРТИНКИ" width="317" height="218" align="left" /><div style="overflow:auto;scrollbar-arrow-color:pink;scrollbar-base-color: #C71585; position: width:99%;height:218px;background-image:url('URL ФОН');top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div>SvetlanaT

Рубрики:

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

Много Фонов,Текстур и Клипарта.

Вторник, 17 Декабря 2013 г. 18:16 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Много Фонов,Текстур и Клипарта.

У меня многие спрашивают,
где я беру такие
красивые фоны.
Хочу поделиться с вами
ссылочкой на один
замечательный ресурс.
Чего там только нет,
для тех кто любит
украшать свои дневнички.
Коллекция фонов и клипарта.
SvetlanaT

Рубрики:

Метки: интересные ссылки оформление дневника

Делаем Текстовую ссылку.

Вторник, 17 Декабря 2013 г. 18:15 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем Текстовую ссылку.

Что же такое Текстовая ссылка?
Это ссылочка в виде текста,которая может вести
на ваш дневничёк(если на неё нажать).Например...
Мой дневничёк
Или кликнув на неё,можно перейти на другой сайт или в гости
к другому пользователю.Например...
ValeZ
Код её я помещаю ниже.Его нужно скопировать к себе в блог.
В самом коде где написано ... "АДРЕС ССЫЛКИ" ...
вставляем Адрес ссылки или нужной вам странички
на которую вы хотите сделать эту ссылку.
Берём этот Адрес в самом верху компьютера.В Адресной строке.
Адрес начинается с ...http...
А там где стоит надпись ..."ВАШ ТЕКСТ ИЛИ НИК" ...
Пишите любой нужный вам текст,который относится к данной ссылочке или ваш ник.
Параметр ...target=_blank... означает,
что ссылка откроется в новом окне.
КОД ссылочки текстовой

SvetlanaT

Рубрики:

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

Делаем кликабельную Картинку- ссылку.

Вторник, 17 Декабря 2013 г. 18:14 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Делаем кликабельную Картинку- ссылку.

Что такое кликабельная картинка?
Это картинка-ссылочка,которая если на неё нажать, может
переместить вас из вашего дневника совсем в другое место.
Куда захотите...
Она может выглядеть по разному и быть разного размера.
Это может быть банер вашего дневника,стрелочка,цифра,
что угодно...Любая картинка с текстом.Например.Жмите...

Или выглядеть вот так.Жмите...

Внизу копируем код этой Картинки-ссылки.
Вот и код этой ссылки.
В коде где написано... :"Адрес ссылки" ...- вставляем адрес странички на которую будет вести эта картинка.
А сам АДРЕС СТРАНИЧКИ берёте вверху в ...АДРЕСНОЙ СТРОКЕ.
Начинается он ... http ...
А ... "URL Адрес картинки" ... это сама картинка и её адрес ... http... или код.
Картинку можно загружать через Радикал-фото .
Берём HTML код -под №1.
Или загружаем картинку на ЛИРУ
в графическом редакторе через ОБЗОР.
И берём ссылочку которая стоит внутри кавычек.

SvetlanaT

Рубрики:

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

Авторские рамочки ./Рамки для текста
Оформление дневника

Рамочка Компьютер с двигающимся текстом.

Вторник, 17 Декабря 2013 г. 18:12 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Рамочка Компьютер с двигающимся текстом.

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

КОД РАМКИ.

Рубрики:

Метки: авторские рамочки рамочки для текста оформление дневника

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

Вторник, 17 Декабря 2013 г. 18:10 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

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

SvetlanaT

Рубрики:

Метки: оформление дневника цвет коды