Комментики с мишками+код |
|
Несколько светлых схем |
|
Калейдоскоп Новогодних открыток |
|
Благодарики для друзей! |
|
Новогодние открыточки. |
|
Новогодние поздравления от Дракошек |
|
Новый год – как ожившая сказка! Открыточки |
|
Новогодняя анимация |
|
ЭТИ ДИВНЫЕ РОЗЫ... цветочные букетики для украшения дневничка... с кодами... |
Цветочные букетики для украшения дневничка.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
http://blogs.mail.ru/mail/tatka-45/47343091C52681A3.html
Серия сообщений "картинки,смайлики,анимации":
Часть 1 - В ПОМОЩЬ НОВИЧКАМ...
Часть 2 - ДОБАВЛЕНИЕ КАРТИНОК... БЫСТРО И УДОБНО...
...
Часть 34 - Как сделать свою надпись на изображении...
Часть 35 - АНИМАЦИОННЫЕ ОТКРЫТКИ С ИМЕНАМИ... для поздравлений...
Часть 36 - ЭТИ ДИВНЫЕ РОЗЫ... цветочные букетики для украшения дневничка... с кодами...
|
Картинки для комментов, из блога Александры |
|
Редактор блогов... |
Microsoft Live Writer – простой в использовании удобный редактор блогов. С его помощью вы можете за несколько минут создавать грамотно оформленные записи без использования html-кодов. Теперь для создания таких записей вы можете не владеть даже азами html. Программа все сделает за Вас. Скачать можете здесь.
Преимущества программы:
Использование этой программы бережет Ваше время и делает ведение блога более удобным и приятным занятием.
|
Водяной знак онлайн.. |
Конечно же для тех, кто владеет графикой, не составит труда создание водяного знака в фотошопе. Однако упростить работу смогут специальные сервисы, созданные именно для этих целей.
radikal.ru Известный фотохостинг Радикал позволяет зарегистрированным пользователям добавлять водяные знаки на загружаемые фотографии. Добавить водяной знак на фото можно, используя радикал фото редактор. Причем можно выбрать не только шрифт, размер, но и положение водяного знака на фото. В редакторе Радикала доступны также другие функции обработки фото, об этом я уже писала в записи “Все о Радикале”.
picmarkr.com - специализированный сервис по добавлению водяных знаков на изображение. Сначала загружаем фото на сервис через специальную форму: Фотографию можно также загрузить не только с компьютера, но и сервисов Flickr, Facebooke и Picasa. Ограничение по загрузке - максимум 5 одновремено загружаемых изображений и максимальный размер изображения не должен превышать 25Mb. Если необходимо изменить (уменьшить размеры) изображения выбираем нужный пункт из меню:
|
Как делать скриншоты.. |
Скриншот - это снимок содержимого экрана. Для его создания, редактирования и сохранения можно пользоваться различными специальными программами, но можно использовать и стандартные программы Windows. Рассмотрим несколько способов.
Способ №1
1. Нажимаем клавишу Print Screen (PrtScn), которая расположена в справа вверху на клавиатуре.
Если нажать комбинацию Alt + Print Screen, то скриншот будет сделан активного окна.
|
Фотохостинги.. |
Обзор лучших бесплатных фотохостингов. В настоящее время существует большое количество сервисов, предоставляющих данные услуги. Какие наиболее популярные из них, в чем заключаются отличия, необходимость регистрации и прочее. Вы сможете выбрать наиболее понравившийся. Про Радикал я уже писала в блоге, пост Все о Радикале. В нем подробно рассказано как работать с этим сервисом и про его дополнительные возможности. Срок хранения файлов на Радикале не ограничен, картинка удаляется с сервиса только в том случае, если в течении года картинку не просмотрел ни один пользователь. Однако, наверное, всем известна такая неприятная ситуация, когда войти в Радикал не представляется возможным. Тогда на помощь приходят другие не менее известные и популярные фотохостинги.
Яндекс.Фотки. Для того, чтобы пользоваться данным сервисом необходимо завести почтовый ящик в Яндексе. Вот как выглядит данный сервис:
|
Вставить большое количество картинок за минуту!. |
В качестве фотохостинга рекомендую всем блоггерам пользоваться сервисом Яндекс.фотки. Для доступа к этому сервису достаточно иметь лишь почту на Яндексе. Изображения на нем хранятся бесконечно долго, загружаются в хорошем качестве, имеется удобный (хоть и небольшой) фоторедактор, доступны коды к различным по формату изображениям. Кроме того, есть отличный сервис под названием Регулятор фоток, улавливающий код фотографий, хранящихся на Яндекс.фотках и позволяющий вставить большое количество фотографий в блог за пару минут. С помощью него можно очень быстро вставить превью изображений (маленькое изображение, которое является ссылкой на оригинал). Вот пример:
Как пользоваться Регулятором фоток
1. Идем Мои фотки на Яндекс фотках. Выбираем нужный альбом с изображениями, а в нем нужную страницу. Нажимаем на ссылку “Получить код”:
2. Отмечаем галочками нужные фотографии (или выбираем пункт выделить все фотографии на станице или в альбоме)
3. Внизу автоматически генерируется код всех выделенных фотографий:
Копируем код из любого! окошка.
4. Переходим на страницу Регулятора фоток. Вставляем в окошко скопированный код:
5. Выставляем необходимые настройки:
с катами или без них, код ката, нужна ли нумерация изображений, нужный размер изображений (S – самый маленький, XL – самый большой, M и L – промежуточные значения). Галочка у Мозаики означает, что изображения будут располагаться в виде таблицы, ее отсутствие даст расположение в столбик. Указываем также необходимость ссылок на оригинал.
6. Нажимаем на кнопку
7. Копируем сгенерированный код из второго окошка и вставляем его в запись блога в режиме html.
|
Генератор рамочек в div. |
Рамочки для текста создаются, как известно, двумя способами:
Они более просты, зато лучше грузятся, имеют фиксированную ширину, такие рамочки для текста легко сделать самостоятельно. Они поддерживаются блогами ЖЖ, diary, mail.ya.ru, privet.ru и др. Существует очень простой генератор подобных рамочек.
Как пользоваться генератором div-рамочек:
1. Идем на сайт li-web.ru/serv/ram/
2. Выставляем ширину будущей рамочки,
3. Для того, чтобы сделать обводку, щелкаем мышкой по нужной границе на схеме рамочки,
а затем в меню нажимаем на кнопку и выставляем толщину, вид и цвет.
Также выбираем параметры для ячейки (выбираем при помощи мышки нужную ячейку на схеме, затем нажимаем на кнопку , определяем ее толщину в пикселях, цвет или фон (нужно вставить адрес на фоновое изображение (прямую ссылку на картинку) в окошко
. Адрес прямой ссылки узнаем щелкнув правой кнопкой мышки по изображению и выбрав пункт “Копировать адрес изображения”.
4. Внутренний слой рамочки обычно содержит текст. Для того, чтобы его написать, делайте внутренний слой активным, выбирайте цвет ячейки из палитры:
После чего в этой вкладке выбирайте кнопку текст (как показано на скриншоте) и в окошке для текста
пишите свою запись. Доступны функции форматирования и выбора цвета текста.
4. Рамочка для текста готова! Остается выбрать код html для вставки в блог:
|
Как узнать о ссылках на блог... |
Узнать, кто ссылается на ваш блог можно несколькими способами.
1. Можно постоянно следить за появляющимися ссылками, установив в свой блог кнопку, показывающую количество ссылок на ваш блог.
Пройдя по ней, вы увидите весь список ссылок с блогов, которые видит Яндекс. Это ссылки в сообществах блогов, с самих дневников и комментариев. Однако это не все ссылки, а только проиндексированные Яндексом ссылки с блогов. Как установить такую кнопку читайте в записи “Счетчики посещений от Яндекс и LiveInternet”
2. Количество ссылок на ваш блог по мнению Гугл вы можете узнать, введя в поисковую строку Google link:адрес вашего блога без лишних пробелов и без http://
3. Количество ссылок по мнению Yahoo можете узнать на этом сервисе. Именно Yahoo видит большинство ссылок на ресурс, поэтому здесь вы получите самое большое количество результатов. Для того, чтобы воспользоваться этим сервисом для поиска ссылок, нужно выбрать пункт “Проверить бэклинки” в колонке справа:
4. Похожий на предыдущий сервис поиска бэклинков, видимых Yahoo, находится по адресу http://la0.ru/ Он выдает в результатах только уникальные ссылки, т.е. 1 ссылку с каждого блога или сайта. Здесь вы увидите сколько ссылок идет с главных страниц сайтов, сколько с доменов второго и сколько с третьего уровней.
5. Помочь в поиске ссылок вам может также сервис pr-cy.ru
|
CОСТАВЛЕНИЕ КНОПОК БРОДИЛКИ В ВИДЕ ТАБЛИЦЫ, ИМИТАЦИЯ ОБЪЁМА |
Вот код для вставки кодов кнопок для бродилки. Выделенное-это каждый ряд.
Они начинаются и заканчиваются одинаково.
Допустим в 1,2,3 рядах будет по 3 баннера,а в последнем один.
Если Вам надо добавить к последнему ряду еще одну кнопку,
то выделяем и копируем то,что подчеркнуто красным
и вставляем туда,куда показывает синяя стрелка.
Или в любой ряд перед этим словом"/block"
Если надо удалить одну кнопку,
то соответственно стираем в любом ряду,то же,что подчеркнуто красным.
Если надо удалить ряд,то стираем любой выделенный зеленым или желтым участок.
А если добавить ряд,то вставляем туда,куда показывает синяя стрелка.
Так что,посмотрите сколько кнопок Вам надо выставить,
рассчитаете сколько и каких будет в каждом ряду,
сделаете шаблон для вставки кодов.
Потом этот шаблон можно вставить в рамку.
Затем вместо каждого слова КОД,Вы вставляете код нужной кнопки.
http://natalya84i.blogspot.com
|
Фон для записи... |
http://natalya84i.blogspot.com/2010/07/html_9048.html
http://natalya84i.blogspot.com
Для того, чтобы сделать фон для записи, необходимо воспользоваться следующей формулой:
|
В этот код нам нужно подставить прямую ссылку на фоновое изображение, и у Вас получится запись с фоном, как у меня.
Если в коде изменить тег background на bgcolor="код цвета или его буквенное написание", то получим запись на цветном фоне. Полный код можете взять отсюда:
<table border="0" cellspacing="8" cellpadding="0" width="100%" bgcolor="yellow"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black;font-size:12px">ВАШ ТЕКСТ</span> </CENTER></td></tr></tbody></table> |
|
Интерактивное изображение.. |
Чтобы сделать картинку кликабельной, т.е. чтобы при нажатии на картинку открывалась та или иная ссылка воспользуемся следующей формулой:
<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
Чтобы ссылка открывалась в новом окне, добавим сочетание target="_blank":
<a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>
Чтобы сделать картинку интерактивной, т.е. чтобы она открывалась в новом окне, идем в поиск Яндекса или в любом другом месте ищем нужную картинку и копируем ее адрес. Это будет URL1. Берем адрес этой же картинки в меньшем размере (или другую, это зависит от задумки автора) - URL2.
Подставляем значения в следующий код HTML:
<a href="URL1" target="_blank"><img src="URL2" ></a>
Вот что получится:
2 способ (самый простой)
1. Нужное нам изображение загружаем на Радикал.
2. копируем седьмую строчку и вставляем в свое сообщение в режиме HTML.
Вот что получилось. (на этой скриншоте объяснения для наглядности):
3 способ
Уменьшаем размеры изображения при помощи тегов <width>(ширина) и <height>(высота), соблюдая пропорции картинки.
<a href="URL1" target="_blank"><img src="URL2" width="" height="" ></a>
http://natalya84i.blogspot.com
|
Как написать на картинке без фотошопа. |
Как написать текст на картинке... Воспользуемся формулой:
.
1.Адрес картинки - это в Радикале код
2.В значения width и height ставятся размеры картинки
(их можно узнать из пункта “Свойства” вашей картинки, нажав правую мышку, либо в том же Радикале)
3.font-family - шрифт,
4.color - цвет текста,
5.font-size - размер.
Если вы хотите, чтобы Ваш текст располагался не точно посередине картинке, а ниже, то перед Вашим текстом поставьте тег <br/> столько раз, на сколько строк хотите его опустить.
Это интересно! |
||
Класс!В Мой Мир
http://natalya84i.blogspot.com/2010/07/tabler.html
|
Сообщение с прокруткой.. |
Для оформления дневника можно создавать записи с прокруткой. Они занимают меньше места и выглядят достаточно оригинально. Самая простая запись с прокруткой, или как он еще называется "скроллбаром" выглядит следующим образом:
Готовые рамочки с прокруткой можете взять здесь
|
Поиск похожих картинок... |
Существуют сервисы, которые позволяют находить изображения по заданному образцу. Эти сервисы распознают лица, и Вы можете, например, найти фотографии похожих людей.
Один из них – это PHOTODATE.ru. Он берет фотографии с сайтов знакомств. Не обязательно загружать фотографии с высоким разрешением - 0,3-1,0Mpx будет вполне достаточно, т.е. снимка, сделанного на мобильный.
Еще один сервис - Picollator.ru. Однако для адекватного подбора фотографии похожего лица нужно, чтобы изображение лица было не менее 240х240 пикселей и желательно строго в анфас.
Labs.ideeinc.com осуществляет подбор картинок по образцу, цвету, тегу (или метки) и по загруженной на сервис картинки. Ограничение для загрузки изображения – его вес не должен превышать 1 Mb.
Подбор по цвету: Подбор по тегу:
Similar-images.googlelabs.com – сервис на английском языке от Google Labs. Нужно найти фотографию, например, известного актера или любое другое изображение и под найденной картинкой кликнуть по "Similar images" (Похожие изображения).
alipr.com – еще один англоязычный сервис для поиска похожих изображений. После загрузки на сервис, нужно кликнуть по нужному тегу, по которому будут искать картинку, и сервис тотчас предоставит для вас серию изображений.
picollator.ru – и наконец, русскоязычный сервис поиска картинок. Необходима регистрация.
|
Как узнать RSS блога?.. |
RSS – это удобный способ получать самые свежие новости сайта или блога. Вместо того, чтобы ежедневно посещать любимые сайты, вы получите новые статьи в специальном формате. Читать эти новости можно, используя браузер или при помощи специальных сервисов, которые называются RSS-агрегаторами. К таким сервисам относятся Google Reader, Яндекс.Лента.
Как подписаться на RSS сайта?
Подписаться на RSS можно, нажав на кнопочку сайта, который вы читаете следующего вида:
и их все возможные вариации.
Если RSS-канал “зажжен через сервис Feedburner, то подписаться на него, можно, нажав на кнопочку вида:
Если Вы хотите получать информацию на через подписки в Яндексе, то вам нужно подтвердить подписку, пройдя по кнопке –>
Для этого нужно иметь лишь почту на Яндексе. Второй способ подписки через Яндекс -
зайдите в свою почту на Яндексе, нажмите на кнопку добавить во вкладке “подписки” и введите адрес сайта, который хотите читать:
Для подписки через Google Reader необходима регистрация в Google. Зайдите на Google Reader, нажмите на кнопкуи введите адрес RSS-канала или адрес сайта или блога:
Как установить кнопочки RSS в свой блог?
Во-первых, нужно знать адрес RSS своего блога.
Лучше “зажечь свой feed” через feedburner.com, и вы получите новый адрес RSS подписки для своего блога, а также статистику подписчиков и некоторые другие услуги сервиса совершенно бесплатно. Однако, если этого не делать, то у каждого блога есть стандартный RSS-адрес:
- для блогов на blogspot он выглядит так: http://***.blogspot/feeds/posts/default . Вместо звездочек подставляйте адрес своего сайта . На примере моего блога этот адрес выглядет бы так, если бы я его не заменила в feedburner –> http://natalya84i.blogspot/feeds/posts/default
- для блогов ya.ru адрес RSS - http://***.ya.ru/rss/posts.xml
- для блогов mail.ru RSS-адрес такой –>http://blogs.mail.ru/mail/***/?rss=1 . Здесь вместо *** подставляем свое имя с mail.ru или берем значение *** из адреса блога - http://blogs.mail.ru/list/***/
- для LiveInternet адрес RSS - http://www.liveinternet.ru/users/***/rss/ . Вместо звездочек подставляем цифры из адреса вашего блога.
- для ЖЖ адрес RSS ленты –> http://***.livejournal.com/data/rss
- для дневников, расположенных на сервисе diary.ru, владелец блога может узнать адрес RSS-потока в настройках своей страницы. Для этого нужно зайти в Настройки – Предпочтения – RSS в избранном и ввести в пустое поле адрес своего блога, поставить галочку напротив Активировать ленту сразу после добавления и скопировать полученную ссылку.
Во-вторых, когда мы знаем адрес своей RSS ленты, то идем на сервис RSS-иконок rssicons.ru и выбираем себе иконку. Копируем адрес изображения и подставляем его в следующий код:
<a href=”адрес RSS ленты”><img src=”адрес иконки”></a>
Вставляем в любое место своего блога или сайта и любуемся результатом:
Для примера у меня получился следующий код:
<a href="http://feeds.feedburner.com/blogspot/Gwuae"><img src="http://rssicons.ru/wp-content/uploads/2008/08/3.png"></a>
Для чего нужна кнопка на RSS ленту?
Ответ прост – для формирования круга постоянных читателей блога.
|
Как изменить размеры изображения... |
Чтобы изменить размеры изображения воспользуемся тегами widht и height , где widht - это ширина, а height - высота изображения в пикселях. Подставляем значения в следующую формулу:
<img src="URL изображения" widht="ширина" height="высота">
При этом необходимо помнить, что изменяя размеры изображения, нужно сохранить его первоначальные пропорции.
|
Как быстро скопировать изображение... |
Чтобы быстро перенести изображение с любого сайта к себе не страницу, не обязательно сохранять его у себя на компьютере. Достаточно знать его прямую ссылку.
Вот алгоритм действий:
1. Щелчок правой кнопкой мышки по картинке;
2. Выбираем графу "Копировать адрес изображения":
или если такой строки нет, то выбираем последнюю строчку "Свойства изображения" и в открывшемся окне копируем адрес изображения:
3. Вставляем ссылку в следующий код:
<img src="Ссылка на изображение">
http://natalya84i.blogspot.com
|
Обтекание картинки текстом.. |
Текст cправа, изображение слева. Для того, чтобы получилось такое обтекание, нужно подставить тег align="left" , значения же vspace="Х" hspace="Х" задают расстояние между картинкой и текстом по горизонтали и вертикали соответственно. В результате получится формула следующего вида:
<img src="URL изображения" align="left" vspace="10" hspace="10"> Подставляйте в нее свои значения и у вас получится примерно так, как у меня.
Текст слева, картинка справа.
Подставляем значения в такую же формулу, лишь с тем отличием, что теперь указываем align="right", что и будет означать расположение изображения справа относительно от текста: <img src="URL изображения" align="left" vspace="10" hspace="10">
Разрыв текста картинкой, или расположение изображения в центре текста
Для этого подставляем ссылку на изображение в следующую формулу:
Ваш текст до картинки <img src="URL адрес картинки" Ваш текст после картинки.
align="middle" border="0"> .
Чтобы написать текст между двумя картинками, нужно подставить значения в следующий код: <IMG ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес
картинки" ALT="комментарий"> <IMG ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> Текст между картинками
http://natalya84i.blogspot.com
|
Оформление ссылок.. |
<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a> - Шпаргалка по HTML для блоггера;
<a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - Шпаргалка по HTML для блоггера (откроется в новом окне);
<a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный текст"><img src="URL картинки"></a> -
где title="Шпаргалка по HTML для блоггера" - всплывающая подсказка.
<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>
Пример: Азбука блоггера
<a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a>
Пример: Ваш текст
1. точками:
Ваш текст
Код: <a style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
2. пунктиром:
Ваш текст
код: <a style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
3. трехмерная вдавленная:
Ваш текст
Код:<a style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
4. Таким же образом можно задать и остальные рамки: сплошной чертой (solid), двойной (double), трехмерная выпуклая (ridge), трехмерная ступенька вверх (inset), трехмерная ступенька вниз (outset), изменяя параметр border-style
5. Ссылка в разноцветной рамке:
Ваш текст |
Код:
1. Ссылка зеленого цвета, подчеркнутая красной чертой
Ваш текст
Код:<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ваш текст</span></a>
1. Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom
Например: Ваш текст
Код: <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Ваш текст</a>
Ссылка
Код: <a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="АДРЕС СТРАНИЦЫ">Ссылка</a>
ТЕКСТ ССЫЛКИ
Код: <a href="АДРЕС СТРАНИЦЫ"><font onmouseover="style.backgroundColor='#98FB98'; style.cursor='hand'" onMouseOut="style.backgroundColor='#FFDAB9';">ТЕКСТ ССЫЛКИ</font></a>
|
Код:
|
Куда и как можно загрузить сразу много картинок? |
|
Цветовая палитра на ЛиРу |
|