Изучаем HTML, о котором все забыли. Теги. Оформление постов. Ответы на вопросы.

Как размещать текст и картинки в одной строке?

«Настройки дизайна». Глава 5. Управление схемами оформления.

«Настройки дизайна». Глава 4. Параметры шрифтов.

«Настройки дизайна». Глава 3. Цвет текста и рамок.

Картинки и ссылки

200 Background flower.

Огромная коллекция фонов (цветы, листья, шишки) от Sheree,

200 JPG | 2950x2094

Все фоны кликабельны до оригинального размера

+ 191 фон

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

Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх


Движение сверху вниз


Движение справа налево


Движение слева направо

Как сделать рамочку для текста самому.

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

Вот не подходит человеку цвет или ещё что-то, все хотят быть оригинальными. Хочу попробовать на примере рассказать, как это делается. Учитель из меня фиговый так что строго не судите и если останутся вопросы, то пишите.

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

Все коды цвета для текстов.

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

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

<font color="#000080">ваш текст</font>

Последние новости из жизни известных зарубежных актёров, таких как Роберт Паттинсон, Анджелина Джоли, Дженнифер Энистон, Джордж Клуни,Кристен Стюарт, Джонни Депп, Эшли Грин и многих других, Вы сможете прочесть в моём блоге - Мир актёров (daiteka.ru).

Wallpapers - Клубника.

Всем привет! Удачного Вам дня и хорошего настроения! Нашла такую красотищу-вкуснотищу что просто не могла с Вами не поделится))) Надеюсь Вам клубника тоже понравится)
Wallpapers Клубника - обои на рабочий стол высокого разрешения (1920х1200). Все обои кликабельны до оригинального размера.

Далее ...

Фотоэффекты онлайн.

Всем привет. Нашла бесплатный сервис где можно к фотографиям применить всевозможные эффекты.
Притом делается всё очень просто.
1. Выбираете нужный эффект, рамочку, анимацию, журнал и жмёте на него.
2. На открывшейся страницы Вам предлагают загрузить своё фото - жмёте кнопку DISK и загружаете своё фото с ПК, или нажимаете кнопку ИНТЕРНЕТ и вставляете адрес нужного фото.
3. После загрузки Вам предлагают выбрать нужную область или размер фотографии, выбираете, нажимаете GO и получаете готовую фотографию с выбранным эффектом - сохраняете.

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

Щёлкайте по понравившейся картинке и попадёте на сайт)

Бесплатные романтические рамочки.

Бесплатный онлайн-сервис для создания GIF

Бесплатный коллаж - звезда кино

Создать демотиватор онлайн.

Всем привет!

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

1.Нужно зайти на сайт bomz.org . В меню сайта которое находится под названием, нажать ссылку - создать демотиватор, нашли? Нажимайте )
2. Выбирите фото или картинку у себя на ПК и загрузите её на сайт
3. Напишите Заголовок (текст который будет находиться в верхней строчке демотиватора)
4. Здесь пишите сам текст демотиватора, который будет находится в верхней строчке
5. Нажимайте кнопку - Загрузить!

Вот и всё Ваш демотиватор готов и Вы можете размещать его где угодно), да чуть не забыла при желании можно менять шрифт и снимать галочки - тогда регистры вводимого текста поменяются на противоположные.

Если Вы не хотите ничего создавать, то можете просто побродить по сайту и посмотреть демотиваторы которые создали другие люди. Поверьте попадаются очень даже клёвые, а если посмотрев всё же решитесь создать свой чтоб его на этом сайте увидели другие посетители , то не забудьте зарегистрироваться. В общем заходите создавайте, а полученные результаты можете вставлять в комментарии к данному сообщению)

Далее демотиваторы...

Блеск для Ваших постов) 2

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

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

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

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0//43/49/43049545_1ff9d472288be2bc2f09bca09dacac3a.gif" width="372" height="143" alt=" (372x143, 15Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//43/49/43049575_File242.gif" width="453" height="97" alt=" (453x97, 41Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//43/49/43049670_52218ff276d3d74729c6693d020f83cf.gif" width="316" height="103" alt=" (316x103, 36Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//43/49/43049602_1f783ddfffb3eab6599b5dd1f2705069.gif" width="439" height="28" alt=" (439x28, 2Kb)" /></a>

Ещё

300 рамок для фотошопа.

300 рамок для фотошопа - разных тематик и размеров.

Плюс ещё рамки в png формате ( с ними гораздо проще работать)

1.200 рамок png
2.47 детских рамок png
3.Нежные рамки png
4.Рамки «Валюта»
5.Новогодние рамки

Если Вы не знаете как можно использовать рамки, то посмотрите инструкции.

Вставить фото в рамку Paint.NET 3.5.1.  и  Вставить фото в рамку в Фотошопе.

 

 

...

ДАЛЕЕ ...

Создать рамочку для фотографии.

Я уже писала как с помощью программы Paint.NET 3.5.1 можно быстро вставить фотографию в рамочку.

После этого публиковала пост с Новогодними рамочками - кому-то они понравились, кому-то нет. Но были и такие кто недоволен тем что это не наш новый год, не наш дед мороз и т.п. Типа тупо копируем запад. Так вот сегодня хочу Вам рассказать как можно сделать самую простую , но в тоже время эксклюзивную рамочку самому. Делать будем опять же в программе Paint.NET

Открываем программу - создаём новый лист - можно его просто одноцветным залить или выбрать градиент, выбираем цвет и заливаем им пустой лист. Если Вам лень возится с цветами, заливками и градиентами, то как фон можете взять уже какую-нибудь готовую картинку по Вашему вкусу.

ДАЛЕЕ ...

Шикарная анимация природы.

Всем привет! С пятницой Вас! Удачного дня!
По просьбе одной из читательниц выкладываю анимацию с природой, возможно она ещё кому-нибудь из Вас пригодится.

Далее ...

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

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

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

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//s40.radikal.ru/i088/1006/13/00b246653b59.gif" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://myelements.ru/" target="_blank"><img src="//s08.radikal.ru/i181/1006/e3/47f6585f776d.gif" /></a>

Далее ...

75 афоризмов в картинках на все случаи жизни.

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

Далее ещё 73  ...

Щенки и котята (анимация)

Мы все такие разные, но практически всех нас объединять любовь к нашим четвероногим друзьям. Да и как их можно не любить? Они такие милые и добрые, преданные и верные. Всегда выслушают и никогда не будут осуждать и "учить" жизни, с ними мы можем быть самими собой и они всё равно не перестанут любить нас...

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/859/38859862_761.gif" width="144" height="203" alt=" (144x203, 58Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/859/38859891_668.gif" width="199" height="164" alt=" (199x164, 35Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/859/38859909_313.gif" width="116" height="147" alt=" (116x147, 38Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/859/38859919_1186481713_cats_129.gif" width="140" height="120" alt=" (140x120, 13Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/859/38859955_06.gif" width="250" height="200" alt=" (250x200, 25Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/859/38859967_90344.gif" width="250" height="180" alt=" (250x180, 42Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/859/38859979_03.gif" width="240" height="320" alt=" (240x320, 147Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/859/38859993_021.gif" width="240" height="320" alt=" (240x320, 230Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/842/38842048_01_s.gif" width="234" height="257" alt="01_s (234x257, 161Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/860/38860047_02.gif" width="240" height="320" alt=" (240x320, 90Kb)" /></a>