• Авторизация


Без заголовка 03-10-2010 11:37 к комментариям - к полной версии - понравилось!

Это цитата сообщения sergevnay Оригинальное сообщение

Как сделать свой баннер





сергей петров
сергей петров




  
и ещё-на все случаи :
*************************************************
ВСТАВИТЬ АДРЕС КАРТИНКИ В КОД


*******************************************************

ПОСТАВИТЬ КАРТИНКИ С ДВУХ СТОРОН ОТ ТЕКСТА МОЖНО ПРИ ПОМОЩИ ТАБЛИЦЫ ИЗ ТРЕХ КОЛОНОК. ВОТ ПРИМЕР ТАКОЙ ТАБЛИЦЫ:




картинка с лева Ваш текст картинка с права

Вместо слов картинка с лева ,Ваш текст и картинка с права нужно втавить текст или картинки (смотря что Вам нужно)
******************************************************************************************************************
КАРТИНКА С БОКУ ОТ ТЕКСТА
В HTML формате после адреса картинки нужно добавить align="left" и картинка будет слева от текста или align="right" и картика будет справа от текста. Вот пример:
картинка с лева
  картинка с права
Код нужно ставить ПЕРЕД текстом и тогда всё получится!!!! URL адрес картинки - это код с радикала №1!!!
картинка слева+название align="left" title="ТЕКСТ"
картинка справа+название align="right" title="ТЕКСТ"

************************************************************************************************************************
 В ДВЕ КОЛОНКИ ТЕКСТ РАСПРЕДЕЛИТСЯ ПО ШИРИНЕ КОЛОНОК АВТОМАТИЧЕСКИ В ЗАВИСИМОСТИ ОТ КОЛИЧЕСТВА ЗНАКОВ В КАЖДОЙ КОЛОНКЕ.
 СОЗДАЙТЕ ТАКОЙ КОД:
 ----------------без разделителя--------------------


текст левой колонки

текст правой колонки

-----------или посложнее с разделителем-----






Ваш текст в первой колонке Ваш текст во второй колонке

Можно поменять цвет разделителя и его ширину, для этого отредактировать width="1" bgcolor="navy"
***************************************************************************************************
ДВА ТЕКСТА РАЗНОГО ЦВЕТА ПЕРЕКРЫВАЮТ ДРУГ ДРУГА-ОДИН БЛИЖЕ ДРУГОЙ-ДАЛЬШЕ.
Ваш текст 1
Ваш текст 2

КОД СОСТОИТ ИЗ ТЕГОВ. ЧТО ОБОЗНАЧАЮТ ОСНОВНЫЕ ТЕГИ:
1. Вместо слов: Ваш текст 1 и Ваш текст 2 напишите свой текст.
2. font-size:55px - размер первого текста, цифру 55 можно заменить на другую цифру: больше или меньше.
3. font-size:45px - размер второго текста, цифру 45 можно заменить на другую цифру: больше или меньше.
4. color: #3300CC - синий цвет 1 текста и color: #FF0066 - красный цвет второго текста. Чтобы изменить цвет текста, нужно вместо 3300CC и FF0066 подставить другой код цвета.
.СОВЕТ: ЧТОБЫ НАДПИСЬ КРАСИВО СМОТРЕЛАСЬ, НАДО ОТСТУПИТЬ ОДНУ СТРОЧКУ ВЫШЕ И НИЖЕ НАДПИСИ.
**************************************************************************************************************************
ВМЕСТО ЗАГОЛОВКА МОЖНО ПОСТАВИТЬ КАРТИНКУ, и у Вас получится такая рамка.
Картинку заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 6, чтобы вокруг картинки не было обводки, изображение возьмите: Не кликабельное.
код
Адрес картинки Ваш текст.

****************************************************************************************************************************
КАК СДЕЛАТЬ КЛИКАБЕЛЬНУЮ КАРТИНКУ
Сделать её очень просто, нужен вот такой код:

где:
адрес ссылки адрес странички, на которую ведет картинка (начинается с http://)
URL адрес картинки- адрес картинки (начинается с http://), с радикала код №1
******************************************************************************************************************************************
ЧТО НУЖНО СДЕЛАТЬ, ЧТОБЫ ПРИ НАВЕДЕНИИ КУРСОРА НА КАРТИНКУ ВСПЛЫВАЛА ПОЯСНЯЮЩАЯ НАДПИСЬ, НАПРИМЕР, НАЗВАНИЕ КАРТИНКИ, АВТОР ИЛИ ЛЮБОЙ ДРУГОЙ ТЕКСТ ПО ВАШЕМУ ЖЕЛАНИЮ?
1. Загрузите свою картинку на сайт "Радикал-Фото"
http://www.radikal.ru/
Из предложенных сайтом ссылок выбираете ссылку №6.
2. Вставьте скопированный код в окно добавления новой записи вашего блога в формате HTML.
В самом конце кода найдите значки "> (кавычка и угловая скобка). Между кавычкой и угловой скобкой вставьте тег title="ТЕКСТ"
Вместо слова ТЕКСТ напишите своё пояснение к картинке.
*************************************************************************************************************************************************
КАК СДЕЛАТЬ ТАК, ЧТОБЫ ФОТКИ ИЛИ КАРТИНКИ ШЛИ ДРУГ ЗА ДРУГОМ НА ОДНОЙ ЛИНИИ.
Вот код, копируете его, ставите
в формат HTML и ставите вместо слов КОД КАРТИНКИ -
6-УЮ строку из радикала (или с другого хостинга код HTML картинки)







 код картинки

 код картинки

  Код картинки

КАРТИНОК МОЖНО СДЕЛАТЬ БОЛЬШЕ, НЕ ТРИ - ПРОСТО ВСТАВЬТЕ В КОДЕ
ПЕРЕД ПОСЛЕДНИМИ ТЕГАМИ



ВОТ ТАКОЙ КОД столько раз - сколько хотите добавить еще картинок:


Код картинки
.
********************************************************************************************************************************************
ДЕЛАЕМ ГАЛЕРЕИ КАРТИНОК С ПОМОЩЬЮ ТАБЛИЦ
------------------В 2 РЯДА ВЕРТИКАЛЬНО------------------------
Ее код:













картинка-один картинка-два
картинка-три картинка-четыре
картинка-пять картинка-шесть

------------------ИЛИ В 3 РЯДА ВЕРТИКАЛЬНО---------------
Код:











картинка-один картинка-два картинка-три
картинка-четыре картинка-пять картинка-шесть

  принцип понятен. Атрибут cellspacing=8 здесь задает расстояние между картинками
  ***********************************************************************************
КАРТИНКА ОПРЕДЕЛЁННОГО РАЗМЕРА
КАК СДЕЛАТЬ КАРТИНКУ ОПРЕДЕЛЁННОГО РАЗМЕРА???
А делается это очень просто.
Нужно в код картинки подставить тег и поменять размеры
И так:
тег: width="200" height="150"
width="100" -ширина
height="100" -высота
Теперь берём код картинки:
http://s54.radikal.ru/i146/0910/77/9296c9a68171.jpg
и в конце кода подставляем тег:width="100" height="100"
Пример:6 код Radikal.ru

ВНИМАНИЕ!!!ТЕГ ПОДСТАВЛЯЕМ СРАЗУ ЖЕ ПОСЛЕ КОДА,Т.Е ПЕРЕД ПОСЛЕДНЕЙ СКОБКОЙ ( > )
И НЕ ЗАБЫВАЙТЕ СЛЕДИТЬ ЗА ПРОПОРЦИЯМИ
******************************************************************************************************************
КАК СДЕЛАТЬ АНИМИРОВАННЫЙ И ПРОЗРАЧНЫЙ ФОН ДЛЯ ЗАПИСИ?
Копируете формулу и меняете "АДРЕС ФОНА"

ЗДЕСЬ ВАШ ТЕКСТ ИЛИ КАРТИНКА

или
Содержание поста

АДРЕСА ФОНОВ:
http://vasilechki.ru/fon/fon123.jpg яблоки
http://s50.radikal.ru/i130/1001/95/bbc2047c97b2.jpg жёлтые крутящиеся звёзды
http://vasilechki.ru/fon/fon209.jpg зелёные кленовые листья
http://fatiniyacollection.by.ru/ob/7.jpg красивые розы
http://i54.mindmix.ru/21/26/72621/2/2484902/0.gif синие звёзды на чёрном фоне
http://i50.mindmix.ru/15/30/53015/22/1738822/3.gif дождь капли
http://i91.mindmix.ru/2/80/98002/52/1207352/black00001.gif звёздное небо
 cмотреть далее -- фоны--- http://blogs.mail.ru/mail/lugansk-babula/26C1EAE51BC4CC49.html
************************************************************************************************************
КАРТИНКА - БАННЕР
Можно воспользоваться следующей формулой:

Формулу заносите в формат HTML, в упрощённый формат не переходить, можно всё потерять, пользуйтесь кнопкой "Предпросмотр".
где: URL адрес картинки - Ссылка №1 в Радикал-Фото
*************************************
КАК ДЕЛАТЬ БАНЕР----И ЕГО КОД(В ТЕКСТОВОМ ВИДЕ )
1. загрузить фото на сайт http://www.radikal.ru/
2.появится новая страница и в ней
пункт*коды*---поставить номер--- *6*
*переход с превью*-----------------*на страницу просмотра*
*полноразмерное изображение*----*переход на УРЛ*и в поле вставляем нужный адрес.
копируем ссылку и вставляем к себе...
ВСЁ !!!
ФОРМУЛА
<АДРЕС ГДЕ ПОМЕЩЁН БАНЕР ТИПА РАДИКАЛ РУ" border="1" alt="баннер" width="ШИРИНА" height="ВЫСОТА" title="НАЗВАНИЕ"> - СВОЁ НАЗВАНИЕ
----ВМЕСТЕ С ТЕКСТОВЫМ ОКНОМ-----
ДОБАВИТЬ СПЕРЕДИ---
----т.е вот так с добавкой----------

********************************************************************************************
КАК ПИСАТЬ ВСПЛЫВАЮЩУЮ ССЫЛКУ-ТЕКСТ НА БАННЕРЕ
ПРИМЕР
баннер - создай свой первый сайт
ОБЪЯСНИЛОВКА
<АДРЕС ГДЕ ПОМЕЩЁН БАНЕР ТИПА РАДИКАЛ РУ" border="0" alt="баннер" width="88" height="30" title="сайт с легкостью"> - создай свой первый сайт
alt="баннер" width="88" height="30"---размер банера
title="сайт с легкостью" ----название банера
title="название картинки" вставлять после адреса
-закрытие ссылки
************************************************************************************
ФОН ПОД ТЕКСТОМ
Скопируйте код и экспериментируйте!!!
ВАШ ТЕКСТ на салатовом фоне
ВАШ ТЕКСТ на светло коричневом фоне
ВАШ ТЕКСТ на красном фоне
ПОЛЬЗУЕМСЯ ДЛЯ ЭТОГО
ТАБЛИЦЕЙ ЦВЕТОВ -----------http://www.ficml.org/jemimap/style/color/wheel.html
******************************************************************************************************
СДЕЛАТЬ ТАК ЧТОБЫ МИГАЛ ТЕКСТ,очень просто.
Скопируйте формулу и просто замените слова
*Мигающий Текст*
на вашу фразу.
МИГАЮЩИЙ ТЕКСТ
Можно увеличить (уменьшить) размер текста, изменить его цвет и шрифт. Для этого необходимо выделить всю надпись весте с тэгами.
***********************************************************************************************************************
КОД КНОПОЧКИ – ССЫЛКИ:

********************************************************************************
ВЫПАДАЮЩИЙ СПИСОК С ПЕРЕХОДОМ ПРИ НАЖАТИИ НА КНОПКУ










СТАВИМ ЕГО К СЕБЕ, ДОБАВЬТЕ ССЫЛКИ И НАЗВАНИЯ, ВСЁ БУДЕТ ГОТОВО!
Если список нужен больше или меньше, то убирайте или
прибавляйте вот эту строчку:



********************************************************************************************
ТЕКСТ НАХОДИТСЯ ВНУТРИ РАМКИ
ваш текст

****************************************************************************************
----ТАК МОЖНО СДЕЛАТЬ НАДПИСЬ ЧТО-БЫ ТЕБЕ НАПИСАЛИ ПИСЬМО
Написать мне письмо
-А ТАК МОЖНО СДЕЛАТЬ, ЧТО БЫ НАЖИМАЯ НА КАРТИНКУ МОЖНО БЫЛО ОТПРАВИТЬ ВАМ СООБЩЕНИЕ НА E-MAIL.

 
**********************************************************************************************
**********************************************************************************************
--------------------ВСЯКИЕ ТОНКОСТИ-------------------
ВАШ ТЕКСТ - таким образом можно ПИСАТЬ ЖИРНЫМ ШРИФТОМ
курсив - будет КУРСИВ
cut> -так можно УБРАТЬ ТЕКСТ ПОД КАТ
зачеркнутые слова - таким образом можно ПИСАТЬ ЗАЧЁРКНУТЫЕ СЛОВА
подчеркнутые слова - так можно ПОДЧЁРКИВАТЬ СЛОВА
ВАШ ТЕКСТ - так можно в режиме HTML СДЕЛАТЬ ССЫЛКУ
Ссылка -Параметр target=_blank означает, ЧТО ССЫЛКА ОТКРОЕТСЯ В НОВОМ ОКНЕ.
**********************************************************************************************
--------СДЕЛАТЬ ССЫЛКУ НА ДРУГОГО ПОЛЬЗОВАТЕЛЯ БЛОГОВ-типа так
Пример: .
Результат: Псевдоним
ЕСЛИ ХОЧЕТСЯ ВМЕСТО НИКА НАПИСАТЬ ЧТО-НИБУДЬ СВОЕ, СДЕЛАЙТЕ ТАК:
Пример: .
Результат: Сергей Петров
*******************************************************************************************
--------СДЕЛАТЬ ССЫЛКУ НА СООБЩЕСТВО
Пример:
(в кавычки пишется название сообщества в URL)
Результат: Блоги@Mail.Ru
ЕСЛИ ХОЧЕТСЯ К ССЫЛКЕ НАПИСАТЬ СВОЕ НАЗВАНИЕ:
Пример:
Результат: Предложения по Блогам
***********************************************************************************************
ОПУБЛИКОВАТЬ КОД

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | МИ_РА - Дневник Мариша | Лента друзей МИ_РА / Полная версия Добавить в друзья Страницы: раньше»