-неизвестно

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

Поиск сообщений в Ишем_И

 -Статистика

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


Ссылка по кнопке

Вторник, 07 Августа 2007 г. 05:25 + в цитатник
Продолжение и дополнение поста Ссылка по картинке.

Рассмотрим, как можно ссылаться на любой инет-ресурс (страницу сайта, альбом, рисунок, игрушку) нажатием кнопки (спец.созданной или универсальной).

Я использую 2 варианта:

Вариант 1 - любые ссылки по заранее созданной пустой кнопке (можно использовать мои из примеров - http://ishimov-i.narod.ru/button.jpg или //img1.liveinternet.ru/images/foto/b/2/369/1134369/f_7351333.jpg, а также взять тут) неизменяемого размера с любым изменяемым названием кнопки!

<a href="http://Ваша ссылка на необх.страницу"><div style="background-image: url('http://ishimov-i.narod.ru/button.jpg - Ваша ссылка на изображение кнопки'); width:100px; height:20px">Ваше название кнопки</div></a>


серия облака





Вариант 2 - любые ссылки по заранее созданной кнопке или банеру изменяемого размера с нанесённым неизменяемым названием кнопки!

<a href="http://Ваша ссылка на необх.страницу"><img src="http://ishimov-i.narod.ru/oblaka.jpg - Ваша ссылка на изображение кнопки или банер" width="100" height="20" alt="Ваше всплывающее название кнопки" /></a>


серия облака





Вариант 3 - любые ссылки по универсальной (программной) кнопке изменяемого размера с любым изменяемым названием кнопки!

<a href="http://Ваша ссылка на необх.страницу"><button style="height: 20px; width: 100px">Ваше название кнопки</button></a>




p.s. К сожалению, для Microsoft Internet Explorer'а вариант 3 не подходит... (а в Opera Software и Mozilla Firefox идёт, говорят) :(:
Кто знает редакцию оператора BUTTON (или другого, но работающего в Internet Explorer) с изменяемыми размерами и названием кнопки - ПОДЕЛИТЕСЬ!!! :):


УРРРА!!! Нашёл:


Спасибо niktnt за пост "Про теги" и дополнение к нему "Кнопка-подсказка"!
Рубрики:  Статьи
Инструкции
Блого-дизайн
Теги-коды
Метки:  

Процитировано 13 раз

Ишем_И   обратиться по имени Вторник, 07 Августа 2007 г. 06:01 (ссылка)





Кнопки разного размера
(в формате DIV, без ссылки на ресурс):
<div style="background-image: url('http://Ссылка на кнопку - см.ниже адрес'); width:100(изменить)px; height:20(изменить)px">Название кнопки</div>
100px на 20px
размер кнопки 100х20, изменять нельзя
адрес: //img1.liveinternet.ru/images/foto/b/2/369/1134369/f_7312391.jpg
100px на 25px
размер кнопки 100х25, изменять нельзя
адрес: //img1.liveinternet.ru/images/foto/b/2/369/1134369/f_7312392.jpg
125px на 25px
размер кнопки 125х25, изменять нельзя
адрес: //img1.liveinternet.ru/images/foto/b/2/369/1134369/f_7312393.jpg
150px на 25px
размер кнопки 150х25, изменять нельзя
адрес: //img1.liveinternet.ru/images/foto/b/2/369/1134369/f_7312394.jpg
150px на 30px
размер кнопки 150х30, изменять нельзя
адрес: //img1.liveinternet.ru/images/foto/b/2/369/1134369/f_7312395.jpg
Ответить С цитатой В цитатник
Ответить С цитатой В цитатник
Кострома   обратиться по имени Пятница, 10 Августа 2007 г. 14:05 (ссылка)
а как кнопку создать?)))))))))
Ответить С цитатой В цитатник
Кострома   обратиться по имени Пятница, 10 Августа 2007 г. 14:07 (ссылка)
да,я чайник и что!))))и не смотрите на меня как старый уставший инструктор на девочку, которая впервые села за руль...!!!!ну не знаю я))))у меня другие функции и возможности и таланты)))
Ответить С цитатой В цитатник
Ишем_И   обратиться по имени Суббота, 11 Августа 2007 г. 01:27 (ссылка)
Кострома, что ты, что ты :): - какая усталость?..

для начала возьми готовую кнопку - одну из 5 ссылок в комментарии к посту (обычно хватает первой 100х20 или второй 120х25, в зависимости от высоты шрифта) - вариант 1.

или создай свою кнопку (в любом граф.редакторе, например, в Paint или Фотошопе) и закинь в Инет (например, в свой альбом или в какой-нибудь пост в дневе), а потом возьми ссылку на неё - нажми левой кнопкой мышки на рисунке и выбери строку "Свойства", а в открывшемся окне скопируй URLку и вставь в мой пример - вариант 2.
Ответить С цитатой В цитатник
Ишем_И   обратиться по имени Суббота, 11 Августа 2007 г. 01:30 (ссылка)
Кострома, примеры приведены в рамочках над вариантами кнопок в основном посте (и общий пример, тоже в рамочке - в комменте) - скопируй их полностью к себе, потом замени как хочешь то, что жирным курсивом :):
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку