-Рубрики

 -

Радио в блоге
[Этот ролик находится на заблокированном домене]

Добавить плеер в свой журнал
© Накукрыскин

 -Поиск по дневнику

Поиск сообщений в ganaG

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 26.01.2010
Записей:
Комментариев:
Написано: 2559

Фоны для дизайна дневников от Schamada

Среда, 02 Июля 2014 г. 22:56 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

Фоны для дизайна дневников от Schamada.






0_a4929_f48044_S (130x103, 35Kb)


Метки:  

Делаем свою кнопочку №2

Четверг, 14 Марта 2013 г. 22:31 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Делаем свою кнопочку №2



Вам хочется сделать свою кнопку, но вы не умеете работать в ФШ?
Тогда вам точно СЮДА.
Сайт на английском языке, но там все просто.



А для тех, кому все-таки трудно, посмотрите видео, как сделать такую кнопочку...











ДЕЛАЕМ СВОЮ КНОПКУ №1.
для вас Лариса Гурьянова



Серия сообщений "Генераторы":

Часть 1 - On-line генераторы
Часть 2 - Как сделать слайд онлайн. Вариант 2
...
Часть 15 - Генератор плееров
Часть 16 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.
Часть 17 - Делаем свою кнопочку №2
Часть 18 - Генератор анимашек"MakeSweet"
Часть 19 - Генераторы кнопок он-лайн
...
Часть 22 - Генератор кода цвета 2
Часть 23 - Генераторы он-лайн
Часть 24 - Отличный генератор кода цвета - в помощь для ваших работ


Серия сообщений "Уроки для начинающих":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - HTML - супер сайт!
...
Часть 14 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Часть 15 - Как сделать свою кнопку...
Часть 16 - Делаем свою кнопочку №2
Часть 17 - Как изменить размер клипарта
Часть 18 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
...
Часть 37 - Домашняя Фотостудия 2.91
Часть 38 - Как уменьшить вес картинки для фона в дневник?
Часть 39 - Пошаговое обучение Фотошопу

Серия сообщений "Формулы":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - Супер полезный сервис!!!
...
Часть 8 - Простые формулы для ведения дневника
Часть 9 - Как сделать свою кнопку...
Часть 10 - Делаем свою кнопочку №2
Часть 11 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
Часть 12 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
Часть 13 - Энциклопедия ЛИРУ - уроки
Часть 14 - Красивые слайд-шоу в ваш дневник
Часть 15 - Как разделить текст на 2 части.

Серия сообщений "Для оформления дневника":
Часть 1 - КАРТИНКИ для ДИЗАЙНА
Часть 2 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
...
Часть 14 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Часть 15 - Как сделать свою кнопку...
Часть 16 - Делаем свою кнопочку №2
Часть 17 - уроки по стандартной компьютерной программе PAINT
Часть 18 - ещё про ЛИру - настройка комментариев
Часть 19 - Чем отличается «в друзья» или «стать ПЧ» Новичкам

Серия сообщений "Информеры":
Часть 1 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Часть 2 - Как сделать свою кнопку...
Часть 3 - Делаем свою кнопочку №2
Часть 4 - Проверка подлинности Windows.
Часть 5 - Онлайн конверторы
...
Часть 11 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
Часть 12 - Самые полезные сайты
Часть 13 - Пошаговое обучение Фотошопу

Рубрики:  Компьютер/Ликбез

Метки:  

Как сделать свою кнопку...

Четверг, 14 Марта 2013 г. 22:30 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать свою кнопку...



ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ


КАК СДЕЛАТЬ СВОЮ КНОПОЧКУ


Вот такую кнопочку можно сделать буквально за несколько секунд





Вам достаточно скопировать код такой кнопки, вставить его в новую запись в простом редакторе и сделать свою надпись на кнопке. Удачи!!!

<button name="" id="normBtn">НАДПИСЬ НА КНОПКЕ</button>

А как сделать такую кнопку кликабельной, смотрим ЗДЕСЬ

А хотите, сделайте кнопочки кликабельными и поставьте их в ряд








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

Серия сообщений "Лиру":
Часть 1 - Как привести в порядок рубрики
Часть 2 - Как забрать себе запись из закрытого дневника
...
Часть 10 - Простые формулы для ведения дневника
Часть 11 - Создать кнопку прямо в дневнике ЛиРу
Часть 12 - Как сделать свою кнопку...
Часть 13 - ДОРОГИ,ВЕДУЩИЕ в ДНЕВНИК
Часть 14 - КАК ПЕРЕНЕСТИ ЗАПИСИ из БЛОГА в ДНЕВНИК" часть1
...
Часть 26 - копируем дневник ли.ру на компьютер полностью!
Часть 27 - Чем отличается «в друзья» или «стать ПЧ» Новичкам
Часть 28 - копируем дневник ли.ру на компьютер полностью!

Серия сообщений "Уроки для начинающих":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - HTML - супер сайт!
...
Часть 13 - Как найти и удалить опасное содержимое из дневника
Часть 14 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Часть 15 - Как сделать свою кнопку...
Часть 16 - Делаем свою кнопочку №2
Часть 17 - Как изменить размер клипарта
...
Часть 37 - Домашняя Фотостудия 2.91
Часть 38 - Как уменьшить вес картинки для фона в дневник?
Часть 39 - Пошаговое обучение Фотошопу

Серия сообщений "Формулы":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - Супер полезный сервис!!!
...
Часть 7 - ВСТАВЛЯЕМ ИЗОБРАЖЕНИЯ в ЗАПИСЬ
Часть 8 - Простые формулы для ведения дневника
Часть 9 - Как сделать свою кнопку...
Часть 10 - Делаем свою кнопочку №2
Часть 11 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
...
Часть 13 - Энциклопедия ЛИРУ - уроки
Часть 14 - Красивые слайд-шоу в ваш дневник
Часть 15 - Как разделить текст на 2 части.

Серия сообщений "Для оформления дневника":
Часть 1 - КАРТИНКИ для ДИЗАЙНА
Часть 2 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
...
Часть 13 - Обработка изображений-уроки от Галины Шадриной
Часть 14 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Часть 15 - Как сделать свою кнопку...
Часть 16 - Делаем свою кнопочку №2
Часть 17 - уроки по стандартной компьютерной программе PAINT
Часть 18 - ещё про ЛИру - настройка комментариев
Часть 19 - Чем отличается «в друзья» или «стать ПЧ» Новичкам

Серия сообщений "Информеры":
Часть 1 - ФОРМУЛА БРОДИЛКИ с накопителем ссылок
Часть 2 - Как сделать свою кнопку...
Часть 3 - Делаем свою кнопочку №2
Часть 4 - Проверка подлинности Windows.
...
Часть 11 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
Часть 12 - Самые полезные сайты
Часть 13 - Пошаговое обучение Фотошопу

Рубрики:  Компьютер/Ликбез

Метки:  

Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.

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

Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.

Автор поста La_Perla (Маргарита)

Дорогие друзья, спешу поделиться с Вами приятной новостью! Наконец-то я нашла сайт блестящих надписей, похожий на БЛЕСТЕЛКА.РУ, с красивыми русскоязычными рукописными шрифтами.



 La Perla
Для тех, кто еще не знает, существуют аналогичные сайты блестящих надписей
(названия сайтов кликабельны):




La Perla
Удачи и всех благ!
С уважением La@Perla (Маргарита)

Еще мои уроки и советы ЗДЕСЬ

Оригинал поста здесь



Еще Рамочки от La_Perla Код для Мэйл-ру

(205x63, 6Kb)
Лучшая благодарность - нажатие зеленой кнопочки НРАВИТСЯ и цитирование.

Серия сообщений "Работа с фото онлайн":
Часть 1 - Для тех,кто не дружит с фотошопом
Часть 2 - Фоторедактор онлайн. Делаем даже коллажи.
Часть 3 - gifovina.ru - «Гифовина» - Содание gif-анимации онлайн
Часть 4 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.
Часть 5 - Фоторедакторы
Часть 6 - Редактируем гиф и анимационные картинки
...
Часть 26 - Как уменьшить вес картинки для фона в дневник?
Часть 27 - Разворачиваем картинку без фотошопа
Часть 28 - Удаление сложного фона с фото. Удалить фон совсем просто

Серия сообщений "Картинки":
Часть 1 - Палитра цветов с кодировкой
Часть 2 - КАРТИНКИ для ДИЗАЙНА
...
Часть 13 - Водяной знак поможет сохранить авторство ваших работ
Часть 14 - Всему свой срок
Часть 15 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.
Часть 16 - Как сделать простой клипарт из любой картинки в ЭДИТОРЕ.
Часть 17 - Как изменить размер клипарта
...
Часть 34 - А когда взойдешь на небо, вот тогда поговорим...
Часть 35 - Интересные слайд-шоу в ваш дневник
Часть 36 - Разворачиваем картинку без фотошопа

Серия сообщений "Надписи":
Часть 1 - Водяной знак поможет сохранить авторство ваших работ
Часть 2 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.

Серия сообщений "Фоторедакторы":
Часть 1 - Для тех,кто не дружит с фотошопом
Часть 2 - Фоторедактор онлайн. Делаем даже коллажи.
Часть 3 - gifovina.ru - «Гифовина» - Содание gif-анимации онлайн
Часть 4 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.
Часть 5 - Фоторедакторы
Часть 6 - Редактируем гиф и анимационные картинки
...
Часть 24 - Флеш-бродилка "Конвертеры онлайн"
Часть 25 - Как уменьшить вес картинки для фона в дневник?
Часть 26 - Удаление сложного фона с фото. Удалить фон совсем просто

Серия сообщений "Для оформления дневника":
Часть 1 - КАРТИНКИ для ДИЗАЙНА
Часть 2 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
...
Часть 6 - Урок : создания схем для дневника
Часть 7 - Теги... для изготовления рамки
Часть 8 - Для блестящих надписей - 5 генераторов анимированного русскоязычного текста.
Часть 9 - ВСТАВЛЯЕМ ИЗОБРАЖЕНИЯ в ЗАПИСЬ
Часть 10 - ПРИМЕРЫ некоторых ВОЗМОЖНОСТЕЙ на liveinternet.ru
...
Часть 17 - уроки по стандартной компьютерной программе PAINT
Часть 18 - ещё про ЛИру - настройка комментариев
Часть 19 - Чем отличается «в друзья» или «стать ПЧ» Новичкам


Метки:  

КАРТИНКИ для ДИЗАЙНА

Суббота, 08 Сентября 2012 г. 14:43 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

Серия сообщений "Картинки":
Часть 1 - Палитра цветов с кодировкой
Часть 2 - КАРТИНКИ для ДИЗАЙНА
Часть 3 - С днем рождения -открытки для поздравления
Часть 4 - Картинки со стихами
...
Часть 34 - А когда взойдешь на небо, вот тогда поговорим...
Часть 35 - Интересные слайд-шоу в ваш дневник
Часть 36 - Разворачиваем картинку без фотошопа

Серия сообщений "Для оформления дневника":
Часть 1 - КАРТИНКИ для ДИЗАЙНА
Часть 2 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
Часть 3 - Потратьте минуту, чтобы понять жизнь...
...
Часть 17 - уроки по стандартной компьютерной программе PAINT
Часть 18 - ещё про ЛИру - настройка комментариев
Часть 19 - Чем отличается «в друзья» или «стать ПЧ» Новичкам


Метки:  

Как вставить код любого изображения в аккуратную рамку (урок)

Воскресенье, 26 Августа 2012 г. 09:49 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Как вставить код любого изображения в аккуратную рамку (урок)



Большинство из вас выставляют посты с картинками, анимацией и т.д. А под ними коды. Коды бывают разные... Мне например, не нравятся некоторые из них - широкие, некрасивые и не аккуратные. Хочу вам предложить коды, которые я использую постоянно. А нужно это вам или нет, решайте сами.
Вот код окошка, в которое вставляется код:


<input type='text' size='35' value='<ВАШ КОД>'>


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

Серия сообщений "Уроки для начинающих":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - HTML - супер сайт!
Часть 3 - ПУТЕВОДИТЕЛЬ по Photoshop
...
Часть 37 - Домашняя Фотостудия 2.91
Часть 38 - Как уменьшить вес картинки для фона в дневник?
Часть 39 - Пошаговое обучение Фотошопу

Серия сообщений "Формулы":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - Супер полезный сервис!!!
Часть 3 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
...
Часть 13 - Энциклопедия ЛИРУ - уроки
Часть 14 - Красивые слайд-шоу в ваш дневник
Часть 15 - Как разделить текст на 2 части.


Метки:  

Генератор часиков для сайта или блога

Вторник, 07 Августа 2012 г. 21:37 + в цитатник
Это цитата сообщения --_-lulu-_-- [Прочитать целиком + В свой цитатник или сообщество!]

Генератор часиков для сайта или блога

lulu

Есть такой сайт, на котором вы можете самостоятельно сделать себе простые часики под цвет вашей странички.


Для моделирования доступно 6 вариантов - аналоговые и электронные. Все очень легко - просто меняем цвет и размеры, затем копируем код из окошка и вставляем в свой дневник в HTML-режиме.
Генератор часиков
Вот, что получилось у меня буквально за 2 минуты!
Смотрим здесь
Для перехода на сайт жмите на эту кнопку!
Часики - кнопка

Метки:  

Много полезного и нужного

Воскресенье, 13 Ноября 2011 г. 22:15 + в цитатник
Это цитата сообщения Tatjana_Weiman [Прочитать целиком + В свой цитатник или сообщество!]

Море полезного и нужного.


Сссылочная радость!
Памятка начинающим блогерам 
Как спрятать часть текста "под cut"?
Как расположить картинку справа и слева от текста
Как расположить картинку в центре текста и по краям
Как сделать всплывающую подсказку к изображению
Как сделать фон для записи в блоге 
Как сделать кликабельную картинку
Как вставить музыку в комментарий
Как сделать постраничное оглавление блога
Как сделать навигацию по блогу (бродилку, оглавление)
Как сделать картинку-кнопку для бродилки
Как сделать слайд-альбом
Как сделать скриншот - фотографию экрана
Как сделать скриншот с видео-изображения
Как скачать видео 
Линеечки. Огромная коллекция 
Кнопочки типа "Я люблю Васю"
Информер погоды
Счётчики посещаемости 
Cursor Mania - курсоры, интересные смайлики
Оптические иллюзии
Палитра для текста
Специальные символы на клавиатуре
Fotozveri - большой сайт со зверушками
Angelsart - маленький сайт с ангелами, феями, эльфами
Страна фантазий - анимашки, картинки, часики, курсоры, календарики
33B.ru - огромная gif-коллекция блестящих и не очень картинок на все случаи
Красота - коллекция красивых блестящих картинок
Glitter-Graphics - много блестяшек-анимашек
Best gif - гигантский сайт анимашек (более 3000)
Glitter Graphics Now - новая коллекция блестяшек-анимашек
Всякие картинки - тематические gif-коллекции
Клип-арт - огромный алфавитный каталог картинок, бордюров и фонов
Анимационные картинки-открытки
Big gif - сайт с большими блестящими картинками
Art Gif - очень много анимашек
Blestiashky - блестяшки-анимашки
Новогодние картинки
Новогодние блестяшки
Best Gif - гламурные анимашки
Gif Pict - красивые анимашки с девушками
Гламурные картинки
Красивые картинки
Красивейшие картинки
Большой сайт фотографий разных цветов
Ещё фотографии цветов
Фэнтези I
Фэнтези II
Рисунки символами 
Небольшой, но расширяющийся сайт с фотографиями
http://www.zwani.com/ 
http://www.glimboo.com/ 
http://recadosdaweb.com/ 
http://www.pimpinup.com/ 
Says-it - генератор надписей на аудиокассетах
Сryptogram - генератор надписей на сердечках (англ.)
Тext-image - генератор текстовых изображений
Imagechef - генератор анимированных и забавных надписей
Легче лёгкого - генератор радужного текста 
Rainbow text - генератор радужного текста
Gifr! - генератор блестящих надписей на русском языке
Lintukoto - генератор баннеров
Glitterfy - генератор блестящих надписей
Glassgiant - генератор неоновых надписей
Dollzmania Glitter - генератор блестящих надписей и картинки с Долли
Create Glitter - генератор блёсток на вашей маленькой картинке
Your Gen - генератор блестящего текста
Crazy Pages - генератор разноцветного разноразмерного текста 
Сaption.It - генератор надписей на фото
Image Chef - генератор надписей на картинках с разными эффектами
Image Chef - генератор текста, написанного цветами
GlitterKiss.com - генератор красивых блестящих буковок
Gifr. ru - аватарки, сияющие буковки
Bighugelabs - генератор коллажей
Оnlinewahn - монета с собственным изображением
Magixl - генератор забавных карикатур
Wittycomics - классный генератор комиксов с поддержкой кириллицы
классный генератор, позволяющий создавать стереограммы
генератор красивых рамок для фото
генератор интересных фоторамок, фото на обложке журнала
генератор собственных заставок на рабочий стол
новые причёски к вашему изображению на обложке журнала
генератор забавных логотипов
онлайн генератор забавных изображений
генератор фото на обложке книги
3d-pack - генератор фотоизображений на трехмерных коробках с зеркальным отражением
Рhoto Funia - генератор фотографий в музее, космосе, на улице города и многое другое
Dumpr - фотогенератор "кубик-рубик", "музейная картина" и другие
Loona Рix - фотогенератор " фото в рамке" и прочие
Hero in.com - генератор "Твоё фото на обложке журнала"
Watereffect.net - генератор эффекта воды на фото
Fototrix - генератор различных рамок для фото
Flashbannernow - генератор флеш-баннеров (англ.)
Слайдшоу 
Смайлики на http://smiles.dolf.ru/ 
Смайлики на http://smailiki.nm.ru/ 
Смайлики на http://smiles.rc-mir.com/ 
Смайлики на http://smiles.33b.ru/index.php 
Смайлики на http://www.funportal.info/smiles.php 
Смайлики на http://tritroichki.narod.ru/smajliki.html 
Смайлики на http://www.vasilechki.ru/smile-kolobki/ 
Смайлики на http://smiles2k.net/big_smiles/index.html 
Смайлики (png) http://www.novojonov.ru/resource/smiley-set-big.aspx
Небольшой редактор для фото
фоторедактор - вырезать фрагмент или аватарку из фотографии
Fan studio - фоторедактор в интернет
Скачать бесплатно русифицированный Фотошоп -10
Англо -русский словарь терминов Фотошоп
Сделай слайд-шоу
Сделать видео слайд-шоу
Сжать видео для сети.
Коды цвета для текстов
Сделай для блога кнопку.
Как сделать баннер-картинку для блога.
Как сделать рамочку для текста самому.
Создать фото прикол онлайн.
Сделать флеш-часы для блога.
Сделать текст с прокруткой.
.Рамочки для текстов 1
Рамочки для текстов 2
Рамочки для текстов 3
Рамочки для текстов 4
Рамочки для текстов 5
Рамочки для текстов 6
Рамочки для текстов 7 (бабочки)
Рамочки для текстов - Адрес Детство
Рамочки для текстов 9 (Мачо)
.Рамочки для текстов 10 (Букет невесты)
Рамочки для текстов 11 (Природа)
Рамочки для текстов 12 ( Он и Она )
Рамочки для текстов (Любовь)
Рамочки для текстов (Сердечки)
Рамочки для текстов (Котята)
Рамочки для текстов (Природа - 2)
Рамочки для текстов (Весна)
Рамочки для текстов (Подводный мир)
Рамочки для текстов (Ночь над городом)
Рамочки для текстов ( Он и Она -2 )
Рамочки для текста (любовь)
Рамочки для текстов (Нежность)
Рамочки для текстов (Отдых, море, пляж).
Рамочки для текстов (Полевые цветы)   
Эпиграфы для блога 2
Эпиграфы или просто хорошие изречения.
Эпиграфы или просто хорошие изречения - 2  
Цветы для Вас!
Цветы для Вас!-2
Цветы для Вас!-3
Улыбнись с Микки Маусом )
Скажи СПАСИБО - красиво)
Скажи СПАСИБО - красиво) - 2
Скажи СПАСИБО - красиво) - 3
Пятница в картинках )
Спокойной ночи в картинках)
С добрым утром в картинках)
Смайлик + мультик = хорошее настроение)
Смайлик + мультик = хорошее настроение) - 2
Смайлик + мультик = хорошее настроение) - 3
Щенки и котята (анимация)
Привет в картинках)
Сердечки (анимашки) 2
Сердечки (анимашки)
Блеск для Ваших постов)
Блеск для Ваших постов -2)
Блеск для Ваших постов) 3
Малыш Купидон (картинки)
С днём рождения в картинках!
.Пчёлки в картинках)
Мишки для Вас)))

Взято из блога LandiSH

/>

Метки:  

Много красивых фонов

Суббота, 29 Октября 2011 г. 19:11 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Много красивых фонов...



Метки:  

Огромная HTML -шпаргалка

Суббота, 13 Августа 2011 г. 22:31 + в цитатник
Это цитата сообщения yaqut [Прочитать целиком + В свой цитатник или сообщество!]

Огромная HTML-Шпаргалочка


 
Огромная HTML-Шпаргалочка

Пример Код
   

 
<img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"title="ВАШ ТЕКСТ">
При наведении на картинку появляется Окошко-подсказка
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title


 
<a href="ВАША ССЫЛКА">
<img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"title="ВАШ ТЕКСТ" border="0" ></a>
Картинка кликабельна и появляется Окошко-Подсказка

Что еще за border="0" спросите Вы, а дело в том, что когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка(border) и чтобы ее убрать пишут дополнительный атрибут border .
   

HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .


 
<p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1"hspace="15" vspace="15" align="left">ВАШ ТЕКСТ</p>

Картинка с отступами и выравниванием по левому краю
Атрибут align="left" - значит с лева
Атрибут align="justify" - значит выравнивать

 
   

HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского.
HSPACE - Horizontal Space - горизонтальный отступ и
VSPACE - Vertical Space - вертикальный отступ.
Эти значения можете изменять .

<p align="justify"> <img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" hspace="15" vspace="15" align="right">ВАШ ТЕКСТ</p>

Картинка с отступами и выравниванием по правому краю
Атрибут align="right" - значит с права
Атрибут align="justify" - значит выравнивать
   

Жаль, что мы не рисуем прямо глазами. Как много пропадает на длинном пути от глаз через руку к кисти.
/Г. Лессинг/
Произведение, которое читают, имеет настоящее. Произведение, которое перечитывают, имеет будущее.
/А. Дюма-сын/


 
<p align="justify"><img src="АДРЕС КАРТИНКИ С РАДИКАЛА СТРОКА №1" align="left">ВАШ ТЕКСТ</p>

Картинка без отступов , с выравниванием по левому краю
Если поменять атрибут align="left" на align="right" - то получите Картинку без отступов , с выравниванием по правому краю .
   
Обратите внимание , что ваш текст должен быть поделен на две части Первая часть пишется -- перед кодом , Вторая -- после .
Первая часть текста <img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1" align="middle" border="0"> Вторая часть текста

Картинка в середине Текста
Атрибут align="middle" - значит середина
   


 Стихи писать я не умею,
Но мысли изложить могу…
 Я просто от тебя балдею
    И не во сне, а наяву.


 
<table align=center border=0>
<tr>
<td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td>
<td>ТЕКСТ</td>
<td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td>
</tr>
</table>


Текст между двух картинок
   

… Десяток тополей качают стан,
чаруя городок провинциальный.
Осенний парк, с площадкой танцевальной,
роняет листья в выцветший фонтан.
На площади, какой то музыкант,
играл на скрипке полонез забытый,
Да так, что дождь холодный и сердитый,
Почти притих, признав его талант.
Прохожие поднявшие зонты
толпились, подступали ближе робко.
Бросали пятаки ему в коробку,
благодаря за звуки красоты.
И таял город в свете фонарей,
Под звуками мелодии пьянящей
И плыл мотив по тишине звенящей,
И стали все от музыки добрей…
<table align=center border=0>
<tr>
<td>ТЕКСТ</td>
<td><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></td>
<td>ТЕКСТ</td>
</tr>
</table>

Картинка между текстом
   
Рамка растягивается на всю ширину записи .
<fieldset><legend><img src="АДРЕС КАРТИНКИ СТРОКА С РАДИКАЛА №1"></legend>ВАША КАРТИНКА</fieldset>

Рамка с разрывом Картинки
   
Добро ПожаловатьРада Вас приветствовать у себя в Блоге
<fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>

Рамка с разрывом Текста
   
Таблица в 2 ряда и 2 столбца

СМАЙЛИК
СМАЙЛИК
TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги.
TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен.
TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег.

 
<table border="1">
<tr>
<td>Ряд 1 Ячейка1</td> <td>Ряд1 Ячейка2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td>
</tr>
</table>

Т.е. таблица начинается с <table>, затем идёт <tr>, указывающий на начало нового ряда. В ряду вставлены две ячейки: <td>Ряд 1 Ячейка1</td> и <td>Ряд1 Ячейка2</td>. Ряд закрывается </tr>, и сразу начинается новый ряд <tr>. В новом ряду также две ячейки. Таблица закрывается </table>. Все довольно логично

Атрибут BORDER - задает толщину рамки таблицы в пикселах.

 
   

Объединяем верхнии ячейки

ШПАРГАЛОЧКИ
  
 

  

 


Используя эту Формулу можно строить и другие таблицы
Ряд 2 Ячейка 1 Ряд 2 Ячейка 2 Ряд 2 Ячейка 3



 
<table border="1">
<tr>
<td colspan="2">Ряд 1 Ячейки 1+2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td>
</tr>
</table>

COLSPAN – определяет количество столбцов , на которые простирается данная ячейка. По умолчанию имеет значение 1.
   
Объединяем ячейки слева

Ячейка 1, Ряд 1+2 Ряд1 Ячейка2
Ряд 2 Ячейка 2


Ячейка 1
Ряд 1+2+3+4
Ряд1 Ячейка2
Ряд 2 Ячейка 2
Ряд 3 Ячейка 2
Ряд 4 Ячейка 2


 
<table border="1">
<tr>
<td rowspan="2">Ячейка 1, Ряд 1+2</td>
<td>Ряд1 Ячейка2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 2</td>
</tr>
</table>

ROWSPAN – определяет количество рядов , на которые простирается данная ячейка. По умолчанию имеет значение 1.
 
   
Добавляем атрибут cellpadding и выравниваем таблицу по центру

Ряд 1 Ячейка1 Ряд1 Ячейка2
Ряд 2 Ячейка 1 Ряд 2 Ячейка 2


CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки html таблицы и содержащемся в ней материалом.

 
<table border="4" align="center" cellpadding="10">
<tr>
<td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td>
</tr>
</table>

ALIGN – определяет способ горизонтального выравнивания html таблицы или содержимого ячеек.
Возможные значения: left , center , right . Значение по умолчанию – left .

 
   
Добавляем атрибут cellspacing и так же таблица по центру

Ряд 1 Ячейка1 Ряд1 Ячейка2
Ряд 2 Ячейка 1 Ряд 2 Ячейка 2

CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек таблицы html.

 
<table border="1" align="center" cellspacing="10">
<tr>
<td>Ряд 1 Ячейка1</td><td>Ряд1 Ячейка2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 1</td> <td>Ряд 2 Ячейка 2</td>
</tr>
</table>
   
Если необходимо , можно задать ширину и высоту таблицы
Так же таблица расположена по центру




Ряд 1 Ячейка1 Ряд1 Ячейка2
Ряд 2 Ячейка 1 Ряд 2 Ячейка 2


 
<table border="1" align="center" width="400" height="100">
<tr>
<td>ряд 1 ячейка1</td><td>ряд1 ячейка2</td>
</tr>
<tr>
<td>ряд 2 ячейка 1</td> <td>ряд 2 ячейка 2</td>
</tr>
</table>

WIDTH – определяет ширину таблицы html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT – определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот атрибут определяется автоматически в зависимости от объема содержащегося в html таблице материала.

 
   
Так же можно изменить цвет таблицы - Фон

Ряд 1 Ячейка 1 Ряд 1 Ячейка 2
Ряд 2 Ячейка 1 Ряд 2 Ячейка 2


Ряд 1 Ячейка 1 Ряд 1 Ячейка 2
Ряд 2 Ячейка 1 Ряд 2 Ячейка 2


Если картинка большая , то будет отображаться та её часть , которая влезет . Как вы могли уже заметить у меня фон таблицы просто белый .
<table background="АДРЕС ФОНА СТРОКА С РАДИКАЛА №1" border=2 align="center" >
<tr>
<td>Ряд 1 Ячейка 1</td>
<td>Ряд 1 Ячейка 2</td>
</tr>
<tr>
<td>Ряд 2 Ячейка 1</td>
<td>Ряд 2 Ячейка 2</td>
</tr>
</table>

BACKGROUND – позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
 
   
Нумерованный список

    НАЗВАНИЕ СПИСКА
  1. Строка
  2. Строка
  3. Строка

Цвет определяете сами
 
<OL>НАЗВАНИЕ СПИСКА
<LI>Строка
<LI>Строка
<LI>Строка
</OL>

Нумерованный список определяется - метками <OL></OL>. Элементы списка отмечаются метками <LI>. В нумерованном списке элементы нумерует сам браузер.

Заметим, метка <LI> непарная - т.е. метки </LI> не существует.

 
   
Ненумерованный список

    НАЗВАНИЕ СПИСКА
    Строка 1
    Строка 2
    Строка 3
    Строка 4


Ненумерованный список определяется метками <UL></UL>

 

<UL>
<B>НАЗВАНИЕ СПИСКА</B><BR>

<IMG SRC="

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 9 - Делаем открытку в Paint
Часть 10 - Как вставить музыку в свое сообщение.
Часть 11 - Огромная HTML-Шпаргалочка
Часть 12 - Водяной Знак на изображении
Часть 13 - ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

Метки:  

Все формулы под рукой

Четверг, 11 Августа 2011 г. 19:22 + в цитатник
Это цитата сообщения yaqut [Прочитать целиком + В свой цитатник или сообщество!]

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

ВСЕ ФОРМУЛЫ ПОД РУКОЙ




ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода <input type='text' size='15' value='Код рамки'>

Картинка слева от текста
Картинка справа от текста
Текст между двумя картинками
Делим пост на две части

Рамка вокруг текста
Картинка или текст в разрыве рамки

Ссылка
 Лариса Гурьянова

Ссылка
Источник



Фон для записи
/s41.radikal.ru/i093/1004/37/f6758dbed821.jpg"><tr><td" target="_blank">//s41.radikal.ru/i093/1004/37/f6758dbed821.jpg"><tr><td width="600"><font size="4"><font color="000066"><center>ВАШ ТЕКСТ</td></tr></table>" size="15" />

Сложная таблица

Прокрутка для текста

1.<div align="center"><select multiple="multiple" size="10">ТЕКСТ...</select></div>

Каждую строчку заключаем в теги <option>СТРОЧКА </option>

2.<textarea style="text-align: center;" readonly="readonly" cols="45" rows="2">Здесь будет ваш очень большой текст</textarea>


/www.realsweb.com/link_to.php"><input" target="_blank">http://www.realsweb.com/link_to.php"><input type="hidden" value="_self" name="h"/> <select name="links"><optgroup label="-- 1 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option></optgroup><optgroup label="-- 2 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option></optgroup> </select> <input type="submit" value="НАДПИСЬ НА КНОПКЕ" /></form>" size="15" />

 

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 16 - Видеоуроки photoshop 2010
Часть 17 - Плееры для дневников
Часть 18 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 19 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 20 - ПОСТ В РАБОТЕ
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

Метки:  

120 замечательных фонов

Пятница, 22 Апреля 2011 г. 20:25 + в цитатник
Это цитата сообщения Мир_без_любви [Прочитать целиком + В свой цитатник или сообщество!]

120 качественных фонов для Вас

Невероятно красивые фоны. Такой любимый японский стиль.

Все картинки увеличиваются (кликом по превью), 2976-4175 пкс .

Смотреть далее >>>


Метки:  

Супер-эффекты - за секунду

Понедельник, 18 Апреля 2011 г. 19:42 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

Супер-эффекты за секунду

Очередное дополнение к популярному Учебнику ЛиРу. Море чудесных генераторов, которые разыскал в интернете. У них 3 главных достоинства: 1) проверено на себе - работают, 2) они бесплатные 3) получается быстро и качественно, для "совсем чайников")). При желании можно этот пост занести себе в эпиграф, вставив туда этот код:
Получится вот такая кнопка в вашем блоге:
Я еще добавлю сюда много интересного. В частности, меня просили написать, как делается "движущаяся вода", как вставить в сообщение музыку и как смотреть видео в улучшенном качестве...
Из фото – рисунок
Мозаика (паззл)
Фото на кубике Рубика
Фото в музее
Девушка смотрит на фото в уличном стенде
Фото на яйце
Эффект «кривого зеркала»
Цветовые эффекты
Эффект «папарацци» (фото в объективе)
Эффект пленочного аппарта (затемнение по краям)
Эффект рекурсив (многокадровость)
Картинка в шаре
Рефлекция (отражение)
Рождественский орнамент
Надпись цветами
Надпись в рекламе, торте
Надпись на асфальте
Подписать фото, картинку
Слова на коробке
Текст в вашу картинку
Надпись на футболке
Цветочные открытки
Символы (сердечки,цветы,животные) в разных стилях

Ещё много интересных штучек >>>

Метки:  

120 разделителей

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

120 разделителей для текстов с цветами















































































































































































 (294x54, 5Kb)
























































































































































































Метки:  

Полезные штучки для блога

Пятница, 15 Апреля 2011 г. 19:59 + в цитатник
Это цитата сообщения Я_вас_любил [Прочитать целиком + В свой цитатник или сообщество!]

Полезные штучки для блога

Сделать блестяшку из картинокНаписать свое имя египетскими иероглифами
Сделать слайдшоу фоток Сделать анимированный аватар?(генератор)
Твоё фото на улицах города генераторБлестящий алфавит(более 15 видов)
Создай себе макияж на фотоСкролл-текст (прыгающий, плывущий и т.д.)
Генератор фотографий(рамочки, кубики тд)Генератор с картинками
 Сделай свой собственный смайлЛинейка - предсказание
Романтическая линеечкаСделать блестяшку из картинок
Сделать аватар-картинкуНарисуй картину сам!!!
Сделать блестящий текстНарисуй и отошли открытку
Блестящий текст-2Наградить свой блог/планету орденом
Сделать куколку или Dolls maniaНарисуй открытку - 2
Сделай куколку - 2Надписи  в картинке
Сделай анимацию со своим именем-1Сделай анимацию со своим именем-2
Сделай анимацию со своим именем-3Надписи на машинах и т.д.
Куколки - 3. dollz mania glitterГенератор неоновых надписей
Разные глиттерыВсе сайты  анимации
 Линеечки на сайт/блог/планетуСчетчики, информеры ...
Куда можно закачать файлы?Напиши свое имя на любом предмете (генератор)

Метки:  

Оформление постов.Теги.Ответы на вопросы.

Суббота, 09 Апреля 2011 г. 23:37 + в цитатник
Это цитата сообщения Дом_советов [Прочитать целиком + В свой цитатник или сообщество!]

Оформление постов. Теги. Ответы на вопросы.

Находясь на таком сайте, как ЛиРу, надо время от времени напоминать о кодах html. Без них здесь нельзя и шагу ступить - т.е. и строчки нормальной не написать. Кстати, интересно: самое популярное сообщение на лиру, набравшее более 10 тысяч цитат, посвящено именно этим кодам или по-другому - тегам. Тег - это элемент разметки гипертекста, иначе - дескриптор. Например, слово "тег" выше заключен между начальным тегом [b] и конечным тегом [/b] и предписывает отображать его жирным шрифтом. Вот она Таблица основных тегов HTML

Писать про абсолютно все теги, которые можно использовать - бессмысленно: не хватит места, времени и желания. И, главное, мало кому нужно абсолютно всё.

Что ж, поехали. Пост написан LexIncorp. Процитирован уже более 1000 раз, так что цитировать и ссылаться не запрещено:).

Оглавление
Прячем текст под кат
Начертание текста
Размер шрифта
Цвет текста
Гарнитура шрифта
Цитаты
Списки
Форматирование
Бегущая строка
Вставка изображений
Ссылки, баннеры
Рамки для текста
Форма для кода

Прежде чем начать изучение материала, кое-что поясню. Чтобы зайти с улицы в комнату, сначала надо зайти в квартиру, а потом уже в комнату. Также, чтобы выйти на улицу из комнаты, сначала мы выходим из нее, потом из квартиры.

К чему это я? К тому, что первым делом надо закрывать тот тег, который открыли последним (исключение составляет тег ката).

И еще: не бойтесь экспериментировать. Html не может убить ваш компьютер и стереть информацию)

Читаем, изучаем, практикуем >>>


Метки:  

Тысячи фонов

Вторник, 18 Января 2011 г. 18:57 + в цитатник
Это цитата сообщения ToKiTo4Ka [Прочитать целиком + В свой цитатник или сообщество!]


Метки:  

Разделители

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

Разделители-15

 

 

 

 

 

 

 

 

 

 

 

 



Метки:  

Осенние украшения для дневников рамочек

Вторник, 18 Января 2011 г. 18:28 + в цитатник
Это цитата сообщения ToKiTo4Ka [Прочитать целиком + В свой цитатник или сообщество!]

Осенние листья, виньетки, фоны для дневников и рамочек.


Осенние листья, виньетки, фоны для дневников и рамочек.
Все картинки кликабельны:

 




Метки:  

Осенние разделители

Вторник, 18 Января 2011 г. 18:11 + в цитатник
Это цитата сообщения ToKiTo4Ka [Прочитать целиком + В свой цитатник или сообщество!]

Разделители-17


 





Метки:  

 Страницы: [2] 1