Как делать новую СХЕМУ-ДИЗАЙНА дневника.


НОВОЕ В МОЁМ ДНЕВНИКЕ.

Формулы таблиц



Автор таблиц -ЭЛЕН ДАРСИ-

ячейка 1	ячейка 2
	ячейка 3
	ячейка 4
	ячейка 5

ячейка 1	ячейка 5
ячейка 2
ячейка 3
ячейка 4

ячейка 1	ячейка 2	ячейка 6
	ячейка 3
	ячейка 4
	ячейка 5

ячейка 1	ячейка 5	ячейка 6
ячейка 2		ячейка 7
ячейка 3		ячейка 8
ячейка 4		ячейка 9

ячейка 1
ячейка 2	ячейка 5	ячейка 8	ячейка 11
ячейка 3	ячейка 6	ячейка 9	ячейка 12
ячейка 4	ячейка 7	ячейка 10	ячейка 13

ячейка 1	ячейка 4	ячейка 7	ячейка 10
ячейка 2	ячейка 5	ячейка 8	ячейка 11
ячейка 3	ячейка 6	ячейка 9	ячейка 12
ячейка 13

для вас Лариса Гурьянова

Серия сообщений "Все для блога":

Часть 1 - Словари и автоматические переводчики в сети
Часть 2 - On-line генераторы
...
Часть 43 - Что такое данные EXIF?
Часть 44 - Погода в Москве и других городах
Часть 45 - Формулы таблиц
Часть 46 - УРОКИ HTML
Часть 47 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 48 - Пост доступен на странице сообщения..
Часть 49 - Отличный генератор кода цвета - в помощь для ваших работ
Часть 50 - Нужные формулы для дневника

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

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

Двигаем текст или картинку в дневнике

Вы можете заставить двигаться в своем дневнике или текст, или картинку, воспользовавшись данными формулами. Скорость можно увеличить, если вы увеличите значение scrollamount="2"

Движение текста снизу вверх или картинки	<marquee direction="up" scrollamount="2" style="HEIGHT: 50px">Движение текста снизу вверх</marquee> <marquee direction="up" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста сверху вниз или картинки	<marquee direction="down" scrollamount="2" style="HEIGHT: 50px">Движение сверху вниз</marquee> <marquee direction="down" scrollamount="2" style="HEIGHT: 50px">КАРТИНКА</marquee>
Движение текста справа налево или картинки	<marquee direction="left" scrollamount="2" style="WIDTH: 400px">Движение справа налево</marquee> <marquee direction="left" scrollamount="2" style="WIDTH: 400px">КАРТИНКА</marquee>
Движение текста слева направо или картинки	<marquee direction="right" scrollamount="2" style="WIDTH: 400px">Движение слева направо </marquee> <marquee direction="right" scrollamount="2" style="WIDTH: 400px">КАРТИНКА </marquee>

для вас Лариса Гурьянова

Как расположить картинку между текстом...

КАРТИНКА МЕЖДУ ТЕКСТОМ

Я тебя никому не отдам - Замерзающий плакал котенок, Умудренный не по годам, Рыл он снег серебристый под кленом. Навсегда я останусь с тобой, Я спасу нас обоих от стужи, Потому что под этой луной Мне никто больше в мире не нужен, Я сейчас закопаю нас в снег, Там тепло, отогреются лапки, Мимо быстро прошел человек, В зимней куртке и пуховой шапке.

А потом все опять расцветет, Будет солнце сиять над землей, И никто никогда не поймет, Что пришлось пережить нам с тобой. Ты держись, не смотри, что я мал, Что в кровь изодрались лапки, Я не выдохся, просто устал, Ничего, нам помогут боги, Рядом с ним, на седом полотне, Еще теплое тело лежало, А из глаз, по мохнатой щеке, Золотая слезинка бежала.

ЗДЕСЬ КОД

<p><table align="center" border="0"> <br /><br /> <tr> <br /><br /> <td>ВАШ ТЕКСТ</td> <br /><br /> <td><img src="URL адрес КАРТИНКИ" /></td> <br /><br /> <td>ВАШ ТЕКСТ</td> <br /><br /> </tr> <br /><br /> </table><br /></p>

ТЕКСТ МЕЖДУ КАРТИНКАМИ ЕЩЁ

Еще раз о движущемся тексте и изображении..

Все коды работают только в html-режиме КОД Справа налево +ссылка Здесь расшифровка кода <теги scrollamount = "2" scrolldelay = "50" onmouseover = "this.stop ();" onmouseout = "this.start ();" высота = "20" BGCOLOR = "# CCFFCC" ширина = "550 "стиль =" границы: 2px # 0000FF; выравнивания текста: центр; семейство шрифтов: Arial; цвет: # 0000FF; Размер шрифта: 12pt; шрифта: жирный; стиль шрифта: курсив "Направление =" справа ">Справа налево +ссылка КОД Слева направо расшифровка < scrollamount = "2" scrolldelay = "50" onmouseover = "this.stop ();" onmouseout = "this.start ();" высота = "20" BGCOLOR = "# FFFFCC" ширина = "550 "стиль =" границы: 2px пунктирной # 008000; выравнивания текста: центр; семейство шрифтов: Arial; цвет: # FF0000; Размер шрифта: 10pt; "Направление =" слева "> Слева направо КОД Чередование вправо,влево+если мышку подвести,ссылка будет кликабельна Расшифровка кода. < scrollamount = "2" scrolldelay = "50" onmouseover = "this.stop ();" onmouseout = "this.start ();" высота = "20" BGCOLOR = "# F0D4A0" ширина = "550 "стиль =" границы: 12px хребта # 00FFFF; выравнивания текста: центр; семейство шрифтов: Arial; цвет: # 000000, размер шрифта: 8pt; шрифта: жирный; стиль шрифта: курсив "поведения =" альтернативный ">Чередование вправо,влево+если мышку подвести,ссылка будет кликабельна

<<<<<>>>>>

Всё о HTML...начинающим и не только...

А вот еще одна маленькая хитрость. Вы хотите поставить рамочку или картинку или часики по центру, а они ну никак не встают и даже, если Вы применили теги <center></center>. Не буду заморачивать долго голову; почему так происходит, А просто скопируйте вот этот код <div align="center"> и вставьте его в самом начале кода своей рамочки или картинки Вот они и в центре!Все так просто!! Если надо поставить картинку слева или справа, то в коде вместо center поставьте теги left и right И еще раз о NTML-кодах буквально для новичков и не только... Код краткой шпаргалки для Вашего блога Принципы HTML Как вставлять готовые коды Разделительные линии Способы выделения текста Списки HTML Бегущая строка Шрифты HTML Как изменить размер, цвет и шрифт текста Красивый текст Убрать под кат Цвета HTML Flash-программы по подбору цвета Таблица цвета HTML, буквенное написание Таблица HTML Как быстро скопировать изображение Как защитить изображение от копирования Фон для записи Как написать на картинке без фотошопа Оформление ссылок Кнопки для сайта Интерактивное изображение Как сделать бродилку составление кнопок бродилки в виде таблицы, имитац... Как изменить размер плеера Вставка Flash Окошко для кодов HTML-редактор Шпаргалка по HTML для блоггера

Спасибо NATALKA

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

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки -

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

Всё для оформления и ведения дневников


Всё для оформления и ведения дневников





По лиру ходит очень много подобных постов.

Я решила собрать из цитатника все выдержки, которые припасала когда-то, учась создавать свой дневник, обживая его.

Может быть кому-то эта запись тоже облегчит жизнь.




1.Специальные коды редактирования - теги, проигрывание MP3, flash, видео файлов, уборка под кат и т.д.


2. HTML - шпаргалка - рамки, бегущая строка, буквицы, кнопки и другие прибамбасы.


3. ColorBlender - создание цветовых палитр. Очень удобно для подбора цветовой гаммы дневника.


4. Style Archive - шаблоны дизайнов.


5. Stripe Generator - генератор полос. Сгенерировал, скачал, повернул на нужный угол - вот тебе полосатый фон для дневника.


6. Dollzmania - генератор блестящих надписей.


7. HTML LIVE - гора разных генераторов (баннеры, блестящие тексты, картинки с различными эффектами и т.д.)


8. Glass Giant - ещё один генератор, на этот раз "неоновых надписей".


9. Генераторы баннеров (на - английском языке, но при, наличии графического редактора, исправить несложно.


Famous Faces - "говорящие" знаменитости.


Comic Strip - говорящие мультяки и т.д.


Banner Generator - стандартные баннеры, очень большой выбор.


10. Смайлы и анимашки - самая большая коллекция из найденных.


11. Picsearch - служба поиска картинок и фотографий.


12. Шпаргалка по RSS-лентам


Бегущая строка


<marquee direction="right"> ТЕКСТ</marquee>

бегущая строка

Бегущая вправо/влево строка>


<marquee behavior="alternate"> ТЕКСТ</marquee>

ТУДЫ - СЮДЫ

Эпиграф


<div align=right> ТЕКСТ</div>

Автоскроллинг


<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ТЕКСТ</marquee>

>Исхода нет.


Умрешь - начнешь опять сначала


И повторится всё, как встарь


Ночь, ледяная рябь канала,


Аптека, улица, фонарь.

Создание кликабельной картинки (баннера)





<a href="ССЫЛКА, КУДА НАПРАВЛЯЕТ БАННЕР" _fcksavedurl="ССЫЛКА, КУДА НАПРАВЛЯЕТ БАННЕР" target="_blank"> <img src="ССЫЛКА НА ИЗОБРАЖЕНИЕ БАННЕРА" _fcksavedurl="ССЫЛКА НА ИЗОБРАЖЕНИЕ БАННЕРА" border="0" alt="ВСПЛЫВАЮЩАЯ ПОДСКАЗКА ПРИ НАВЕДЕНИИ КУРСОРА НА БАННЕР" /></a>


Вот, к примеру, баннер со ссылкой на дневник ValeZ





Это цитата этого сообщения в

Как писать тексты на цветных фонах?

Сегодня урок небольшой: научимся делать тексты на фоне какой-нибудь картинки или залить текст однотонным цветом. Ничего сложного в этом нет. Найдите подходящую картинку или бесшовный фон. Например на этих: Огромная коллекция фонов, 100 Потрясающих цветочных фонов!!!
1. Скопируйте код из флейма.
2. Вместо URL-адрес фона - вставляйте адрес свой картинки или фона.
3. width="100%" - размер по отношению к посту, если Вы хотите сделать меньше, то просто измените цифру, либо вставьте точный размер картинки (если знаете) - но тогда не забудьте удалить проценты (%).

У Вас должно получиться что-то подобное:

Как писать текст просто на цветном фоне - далее >>>

Всё для дизайна вашего дневника.

Если вы кликните на этого милого пёсика. То найдёте много интересного и полезного для дизайна вашего дневника. Фоны, флешки, таблицы и т.д. SvetlanaT

Справочник по ШТМЛ. Просто о сложном.

HTML (HyperText Markup Language, язык размётки гипертекста) — это система вёрстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит. Данный самоучитель предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров, иллюстраций, вопросов для проверки и заданий для самостоятельной работы помогут быстрее изучить HTML. SvetlanaT

Таблица HTML кодов


Предлагаю вам таблицу кодов
может вам пригодится

КОДЫ ДЛЯ БЛОГОВ Картинка или текст Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Полезные ссылки

Обратите внимание,что палитра цвета присутствует в нескольких вариациях.
Пусть каждый выберет себе то,что ему больше понравится.
Удачи вам,друзья!