ФОРМУЛА ДЛЯ РАМОЧКИ |
КАРТИНКА
КАРТИНКА
|
ФОРМУЛЫ от мадам Ольги(дом,уют) |
|
ФОРМУЛЫ от мадам Ольги |
|
ФОРМУЛЫ от мадам Ольги |
|
ФОРМУЛЫ ОТ МАДАМ ОЛЬГИ |
|
ФОРМУЛЫ ОТ МАДАМ ОЛЬГИ |
|
ФОРМУЛЫ от мадам Ольги |
|
ФОРМУЛЫ ОТ МАДАМ ОЛЬГИ |
|
ФОРМУЛЫ ОТ МАДАМ ОЛЬГИ |
|
ОКОШКИ ДЛЯ КОДОВ |
Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 22 - Красивое разворачивание картинки в постах и рамках
Часть 23 - Простая цветная рамочка для ваших постов
Часть 24 - ОКОШКИ ДЛЯ КОДОВ
Часть 25 - Как вставить музыку во флеш-плеер на ЖЖ
Часть 26 - СОЗДАНИЕ ТАБЛИЦ
...
Часть 32 - Делаем разноцветное, движущиеся ПРИВЕТСТВИЕ. Урок от SvetlanaT.
Часть 33 - ШАБЛОНЫ ДЛЯ ПРИКОЛЬНОГО ОФОРМЛЕНИЯ ТЕКСТА
Часть 34 - Разноцветные точки перед текстом...
|
ВСЁ О КЛИКАБЕЛЬНЫХ ССЫЛКАХ |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
|
Рамочка для текста "Осень 2" от Beauti_Flash |
|
|
РАМОЧКИ С ВНУТРЕННЕЙ ТЕНЬЮ + СКЕЛЕТИК |
СКЕЛЕТИК РАМОЧКИ:
|
Учимся делать рамку для записи в 2 слоя |
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 17 - ЗАГИБАЕМ УГОЛОК
Часть 18 - Урок - Рамочка многослойная в ФШ
Часть 19 - Учимся делать рамку для записи в 2 слоя
Часть 20 - Как вставить картинку в разрыв рамки
Часть 21 - Урок "Рамочка сделанная в Фотошопе"
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
|
РАМОЧКА ДЛЯ ТЕКСТА + СКЕЛЕТИК. |
Ваш текст
СКЕЛЕТИК РАМОЧКИ:
Ваш текст
|
РАМОЧКА. |
|
ФОРМУЛЫ.КОДЫ.ПОДБОРКА УРОКОВ (ПЕРЕПОСТ) |
|
|
РАМОЧКА С РАЗРЫВОМ. |
урок провела Егорова Таня |
Метки: РАМОЧКА С РАЗРЫВОМ. |
СКЕЛЕТИКИ МОИХ РАМОК ПО ФОРМУЛАМ СЕРГЕЯ ВАМ ОСТАЕТСЯ ТОЛЬКО ВСТАВИТЬ СВОИ ФОНЫ |
Ваш текст
|
ФОРМУЛЫ |
|
|
ПРОСТЫЕ ОБЪЕМНЫЕ РАМОЧКИ РАЗНОЙ ФОРМЫ |
Копируйте их, и ставьте в свои записи в Простом редакторе, меняйте фоны под свой дневник. Там где написано ВАШ ПОСТ- Вставляете свой текст. |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 7 - Красивые слайд-шоу в ваш дневник
Часть 8 - Простые ОБЪЕМНЫЕ рамочки разной формы
|
ДЕЛАЕМ САМУЮ ПРОСТУЮ КЛИКАБЕЛЬНУЮ КНОПОЧКУ С НАДПИСЬЮ. |
Серия сообщений "Уроки для блогов":
Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 14 - Этот пост для тех, кто имел СВОЙ БЛОГ на майле
Часть 15 - Как и где найти ВСЕ свои метки в блогах, сохраненных на майле
Часть 16 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 17 - Как вытащить картинку из Microsoft Word, и перевести ее в рисунок формата jpeg
Часть 18 - Как к каждой записи в дневнике, сделать свой простенький курсор, и вставить его в пост.
...
Часть 28 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 29 - Как наложить ФЛЕШ, на прозрачном фоне, на любую картинку
Часть 30 - Онлайн генераторы HTML цвета
|
ССЫЛКИ РАДИКАЛА ДЛЯ РАМОК. |
|
|
КЛИКЕРЫ (УКОРАЧИВАТЕЛИ ССЫЛОК) |
|
|
КОДЫ. ОФОРМЛЕНИЮ ТЕКСТА В СВОИХ ПОСТАХ. |
Элементарные, самые простые и нужные формы оформления. Жирный текст Подчеркнутый текст |
|
УРОК-ТАБЛИЦА С ОКОШКАМИ... |
Очень удобно, когда код картинки рядом и в тоже время картинка не занимает много места в посте где хранятся картинки. Я делаю так: помещаю нужные мне картинки в таблицу с окошком под кликабельной картнкой. чтобы видить какая картинка и сразу брать код этой картинки в полную величуну. Так же я поступаю с фонами. Выигрываю многим - пост с картинками загружается быстрее, не требует большого поста и сохраняется трафик. В коде этого поста вы найдете таблицу - она выделена отступом от всего кода. А далее - фото, в которых я постаралась показать что в какой последовательности делать.
Выбираем картинку, которую хотим поместить в таблицу. Копируем адрес. Идем в радикал. Загружаем. После загрузки - выбираем по очереди - адрес №7, потом часть адреса №6 Аккуратно вставляем в таблицу вместо указанных слов. Обратите внимание на ковычки по одной с обоих сторон (нужный вам код) - не убирайте эти ковычки ни в коем случае!! |
http://blogs.mail.ru/mail/waronka/5B468506F9FF8122.html
Серия сообщений "ASSORTI":
Часть 1 - Как забрать себе запись из закрытого дневника...
Часть 2 - УЧЕБНИК ПО H T M L
...
Часть 38 - Нужные формулы для дневника
Часть 39 - Для творчества в блогах и на сайтах
Часть 40 - УРОК-ТАБЛИЦА С ОКОШКАМИ...
Часть 41 - ТВОИ БРОДИЛКИ--МОИ БРОДИЛКИ... ЕЛЕНА-РЫБКА...
Часть 42 - УРОКИ НОВИЧКА...
Часть 43 - КАК УБРАТЬ ЛОГОТИП С КАРТИНКИ.
|
Без заголовка |
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html). Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.
Для создания гиперссылки служит дескриптор <A>
Пример:
HTML-код:
<a href="http://on-line-teaching.com/index.html">Ссылка на главную страницу сайта</a>
<a href="../index.html">Ссылка на главную страницу сайта</a>
|
Отображение в браузере: Ссылка на главную страницу сайта Ссылка на главную страницу сайта |
Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, на этой странице это гиперссылки в начале занятия, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы.
Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга <A>. Имя должно содержать только буквы и цифры.
Таким образом можно делать гиперссылки, указывающие на области других страниц внутри сайта.
Пример:
HTML-код:
<a href="#Начало страницы">Наверх страницы</a>
В то место, куда надо сделать переход надо вставить:
<a name="Начало страницы"></a>
|
Отображение в браузере: Наверх страницы |
Создавая ссылку на адрес электронной почты, вы должны указать адрес e-mail. Следует позаботиться о том, чтобы пользователю было ясно, кому он собирается отослать сообщение.
При создании почтовой гиперссылки можно указывать дополнительный адрес, по которому будет отправлена копия сообщения. Также в такой гиперссылке можно указывать тему отправляемого сообщения.
Пример:
HTML-код:
<a href="mailto:admin@on-line-teaching.com?subject=Письмо автору" title="Письмо автору с сайта www.on-line-teaching.com">admin@on-line-teaching.com</a>
|
Отображение в браузере: admin@on-line-teaching.com |
При помощи атрибута TARGET можно загрузить страницу в новом окне браузера. Этот атрибут предназначен для задания наименования окна. Имя окна используется в служебных целях. Чтобы открыть страницу в новом окне надо использовать константу _blank.
Пример:
HTML-код:
<a href="../index.html" target="_blank"">Ссылка на главную страницу сайта</a>
|
Отображение в браузере: Ссылка на главную страницу сайта |
Атрибуты LINK, ALINK, VLINK задают цвет шрифта гиперссылок.
Атрибут LINK служит для выделения гиперссылок, которые еще не посещались пользователем.
Атрибут VLINK - уже посещенные ссылки.
Атрибут ALINK - выделяет активную гиперссылку.
Некоторые браузеры могут поддерживать функцию перехода по гиперссылкам с помощью клавиши Tab. При этом браузер по умолчанию подсвечивает гиперссылки в порядке их следования в тексте страницы. Изменить порядок перехода можно с помощью атрибута TABINDEX тэга <A>. Чтобы включить гиперссылку в перечень, описывающий новый порядок перехода, надо присвоить атрибуту TABINDEX некоторое целое положительное число в диапазоне от 1 до 32767. Чтобы исключить гиперссылку из перечня, надо присвоить атрибуту любое отрицательное число. Когда пользователь нажимает клавишу TAB, курсор перемещается к гиперссылке с наименьшим положительным значением индекса. Если нескольким гиперссылкам присвоено одинаковое значение индекса, первой выбранной окажется та, которая в тексте страницы стоит выше.
Следует сказать, что атрибутом TABINDEX можно пользоваться для выбора других объектов, например, графических изображений.
http://on-line-teaching.com/html/lsn016.html#3
Серия сообщений "КОДЫ ДЛЯ ОФОРМЛЕНИЯ БЛОГА":
Часть 1 - Коды для оформления блога
Часть 2 - Окошки для текста - шпаргалка
...
Часть 9 - КОДЫ ДЛЯ ТВОРЧЕСТВА ...
Часть 10 - Кнопочки-переходы "Далее" с кодами
Часть 11 - HTML...
Часть 12 - Нужные формулы для дневника
Часть 13 - Как быстро найти нужное в коде?
Серия сообщений "КОПИРАЙТИНГ":
Часть 1 - НАЧИНАЮЩЕМУ КОПИРАЙТЕРУ...
Часть 2 - КАК ПРАВИЛЬНО ПИСАТЬ СТАТЬИ НАЧИНАЮЩИМ КОПИРАЙТЕРАМ...
...
Часть 12 - КТО ТАКОЙ ФРИЛАНСЁР
Часть 13 - КАК СДЕЛАТЬ СКРИНШОТ...
Часть 14 - HTML...
Часть 15 - КОПИРАЙТИНГ...
|
Сложная таблица |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
ячейка | ячейка | ячейка | ячейка |
Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 14 - Как уменьшить объём изображения, удалив EXIF-информацию
Часть 15 - Погода в Москве и других городах
Часть 16 - Сложная таблица
Часть 17 - Несколько сервисов для проверки скорости загрузки Вашего блога
Часть 18 - Генераторы разные
...
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!
|
Образцы и коды рамочек. |
|
|
ЧТО ТАКОЕ HTML. ВИДЕО-УРОКИ: HTML С НУЛЯ |
|
ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!! |
|
|
Как подписать анимационную картинку без ФШ |
Ваш текст |
|
Без заголовка |
Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением и т.д.
При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элеметы для описания каждой ячейки в с строке TD.
<TABLE> </table> - внешний элемент талицы.
<TR> </tr>- элемент, задающий строку таблицы. Конечный тег можно не использовать, т.к. строка заканчивается там, где начинается следующая строка.
<TD> </td> - элемент, задающий ячеку таблицы. Конечный тег также можно не использовать.
Для примера опишем таблицу, которая будет состоять из двух строк и двух столбцов:
|
Без заголовка |
|
Без заголовка |
|
|
Без заголовка |
|
|
РАМКА С КАРТИНКАМИ-ЛИНЕЕЧКАМИ |
Кому она нравится могу научить вас её делать. Рамочка оригинальная, так как мы берём вместо фона ЛИНЕЕЧКУ. Взять ЛИНЕЕЧКИ можно ЗДЕСЬ. Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ. Делаем рамку ,на свой вкус, так: ЗДЕСЬ далее... |
Метки: РАМКА С КАРТИНКАМИ-ЛИНЕЕЧКАМИ |
КАК ВСТАВИТЬ КОД ЛЮБОГО ИЗОБРАЖЕНИЯ В АККУРАТНУЮ РАМКУ (УРОК) |
|
|
ВОЗМОЖНОСТИ С ТЕКСТОМ: НОВОЕ! (ДЛЯ БРАУЗЕРОВ ТИПА EXPLORER) |
|
ПОЛУПРОЗРАЧНЫЕ РАМКИ |
Собрала тут заготовки для тем дизайнов. Прелесть их в том, что они полупрозрачные. Почему-то в фотошопе не научилась я сохранятьь картинки именно такими... Приxодится поэтому иметь на всякий случай следующее. В основу заливаете какую-нибудь яркую картинку, а под текст подкладываете наиболее подходящую под цвет шрифта и цвет фона. Например Красный фон лучше "смягчать" розовым полупрозрачным. Итак, поехали! Заливаете (лучше бесшовную) яркую картинку, а под фон сообщений пойдет остальное. Примеры таких полупрозрачных фонов с готовыми кодами |
|
ПРОСТЫЕ РАМОЧКИ ... |
Метки: рамочка рамочка для текста |
ВСЕ КОДЫ ДЛЯ ОФОРМЛЕНИЯ ДНЕВНИКА В ОДНОМ МЕСТЕ |
Шпаргалочка по кодам для оформления дневника
Читайте в моем дневнике:
Коды для оформления блога (дневника)
Как сделать окошко для кода рамки
Урок для новичков.Вставляем текст и картинку в рамку с кодом
Урок для новичков .Как вставить плейлист и картинку в рамку
Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 32 - Как создать простую рамочку в дневнике и превратить ее в музыкальную открытку
Часть 33 - Как сделать окошко для кода рамки
Часть 34 - Все коды для оформления дневника в одном месте
Часть 35 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 36 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом
|
Без заголовка |
Подсказки от Элен Дарси
Всякая мелкая мелочь. Шпаргалка |
|
Как правило, то, что должно быть под рукой, чаще всего заваливается в самый дальний угол самого последнего ящика. В поисках этого "очень-нужного-именно-сейчас" можно провести бесконечно много времени, поэтому выкладываю все в одном месте. Если потеряете, то все вместе, а уж если все это найдете, то сразу. Радости вашей не будет конца. Да и искать большую кучку проще, чем маленькую. | |
Маленькое окошечко для кода |
|
<input type='text' size='15' value='Ваш код'> |
|
чтобы изменить размер окна, достаточно поменять циферьку на любую другую |
|
Окошечко с прокруткой для кода |
|
<textarea name="textpole" rows="4" cols="16">сюда можно писать все, что вашей душе угодно</textarea> | |
меняете значение цифр и получаете другой размер окна |
|
кнопка |
|
<form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Т_е_К_с_Т"></form> | |
кнопка с картинкой и текстом |
|
<form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align=absMiddle> TEКСT</button></form> | |
align=absMiddle означает, что картинка на одном уровне с текстом | |
Другие варианты расположения картинки относительно текста тут |
|
Кнопка с фоном, текстом и бордюрчиком |
|
<a href="адрес страницы"><BUTTON title="всплывающий текст"><table border=2 background="адрес фоновой картинки" height="40"><tr><td height="40"><i><font size="2" face="Comic Sans MS" color="#1D617F">текст</font></i></td> </tr></table></BUTTON></a> | |
border=2 чем больше цифра, тем солиднее бордюрчик | |
<i><font size="2" |
|
нашла в блоге ~Элен Дарси
Помните! Гораздо важнее содержание блога, нежели его оформление.
|
|
Страницы: | [1] |