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:32 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

Рубрики:

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

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

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

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

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

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

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

SvetlanaT

Рубрики:

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

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

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

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

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

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

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

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

Рубрики:

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

Флэшки
Оформление дневника

Забавные,милые часики в ваш дневник!

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

Забавные,милые часики в ваш дневник!

Несколько милых часиков для ваших дневников!
Выбирайте понравившиеся,копируйте код часиков и вставляйте его к себе в дневник!
Как это сделать?
Заходим в НАСТРОЙКИ.Дальше НАСТРОЙКИ ДНЕВНИКА.
Ищем надпись ЭПИГРАФ ДНЕВНИКА и вставляем туда этот код.
В конце не забудьте нажать ВНЕСТИ ИЗМЕНЕНИЯ.Удачи вам в оформлении.

[flash=175,219,http://www.blogclock.cn/swf/S1000683784ac40-0.swf]
ещё +7SvetlanaT

Рубрики:

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

Меняем дату Постов на Лиру.

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

Меняем дату Постов на Лиру.

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

Чтобы пост долго не опускался: Сделать можно и совсем не сложно.Делаем так:
светлана т (545x79, 23Kb)

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

SvetlanaT

Рубрики:

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

Уменьшаем вес картинки через редактор Паинт.

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

Уменьшаем вес картинки через редактор Паинт.

Мне нравится делать красивое оформление для дизайна дневника.
И хочется,чтобы была одна картинка на весь экран.
Проблема,что экран у меня ШИРОКОФОРМАТНЫй.
А здесь,вы знаете вес картинки не должен привышать 80кб.
Так как у меня нет Фотошопа, я расчитывала только на ПАИНТ.
И оказалось это совсем не сложно.
Нужно...Зайти в ПАИНТ.
ПУСК--ВСЕ ПРОГРАММЫ--СТАНДАРТНЫЕ--ПАИНТ.
Дальше ФАЙЛ-ОТКРЫТЬ и выбрать нужную картинку.
Потом нужно нажать ФАЙЛ- СОХРАНИТЬ КАК.
Дальше написать-ИМЯ ФАЙЛА.И ТИП файла-JPEG.
Тоесть мы картинку перезагружаем через Паинт ещё раз.
Это касается не только картинок,но и ФОТОГРАФИЙ.
Обычно они всегда много весят и иногда что-бы их передать
по электронной почте нужно уменьшить вес.
Вот для этого отлично подойдёт ГРАФИЧЕСКИЙ РЕДАКТОР ПАИНТ.
SvetlanaT

Рубрики:

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

Как убрать часть текста под КАТ...(свернуть текст)

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

Как убрать часть текста под КАТ...(свернуть текст)

Чтобы много текста или картинок
экономили трафик страничек
вашего дневника.
Тоесть пост занимал мало места.
Нужно убрать часть текста ПОД КАТ.
Как это сделать?Пишите свой текст,
а ту часть текста или картинок
которую хотите спрятать или убрать
вставляете, где написаны слова
"ПРЯЧЕМ ВАШ ТЕКСТ".Текст свернётся
оставив только надпись ДАЛЕЕ...
-эту надпись можно менять
на любую другую какую захотите.
Итак код:
[more=ДАЛЕЕ...] ПРЯЧЕМ ВАШ ТЕКСТ [/more]
Копируйте код и пробуйте.
Удачи вам в оформлении.

SvetlanaT

Рубрики:

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

Простые Рамки с Заголовком.

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

Простые Рамки с Заголовком.

Рамка с картинкой в виде ЗАГОЛОВКА.
В рамке Заголовок может быть в виде ТЕКСТА или можно использовать КАРТИНКУ.
Пример такой рамочки,как она будет выглядеть.Картинку лучше брать не большую.
Чуть ниже я даю код,чтобы вы могли сделать рамку какая вам нужна-САМИ.
Копируете его и вставляете к себе в дневник а потом...
В коде где написано УРЛ АДРЕС КАРТИНКИ.— Вставляете свою картинку.
Через РАДИКАЛ-ФОТО
Код берёте под № 1..Вам только нужно будет изменить размеры картинки на свои.
width="300"—Ширина картинки.
height="100"—Высота картинки.
Если с других сайтов или с Лиру,тогда берёте УРЛ АДРЕС КАРТИНКИ,ССЫЛКИ ведущий на оригинал.
Вставлять внутрь кавычек,кавычки не трогаете.
Находите в коде вот такой тег ...border:3px #FF00FF solid...
Здесь можно менять #FF00FF—ЦВЕТ БОРДЮРА
3px—РАЗМЕР БОРДЮРА на свой.
Где написано ВАШ ТЕКСТ—Пишите свой текст.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.

ЗДЕСЬ ЕЩЁ РАМКИ...

SvetlanaT

Рубрики: