Как сделать кнопочку на сайте

Среда, 16 Ноября 2011 г. 20:48 + в цитатник

Цитата сообщения Марина_Кузьмина

Прочитать целиком В свой цитатник или сообщество!

Сделать кнопочку на сайте

Сделать кнопочку на сайте

На сайте, о котором я писала в предыдущем посте, можно сделать различные кнопочки. А потом сделать их кликабельными.

Сделать кнопочку на сайте очень просто. Заходим на сайт( http://fantasyflash.ru/index.php?&kontent=anime )( http://cooltext.com/ ) и выбираем понравившуюся кнопочку

Делаем на ней надпись. Выбирая цвет, шрифт, размер и прочее. Пишем текст какой вам надо на кнопке

Затем нажимаем кнопку готово (внизу) и все кнопочка готова. Сохраняем ее в комп. Сделать кнопочку очень просто и быстро. Главное сделать ее кликабельной. Можно это сделать двумя способами, выбирайте кому какой легче.

Способ 1.
Внизу в рамочке, я даю формулу., скопируйте ее и вставьте в свой блог в новую надпись

" />

Теперь подставляйте в эту формулу вместо слов АДРЕС ССЫЛКИ, (ее сотрите) адрес того сайта, куда вы хотите что бы вас привела эта кнопочка (адрес сайта берете вверху, в адресной строке)

А вместо слов URL АДРЕС КАРТИНКИ, я ставлю КОД №1 РАДИКАЛА, не путайте, здесь нужен код 1, то есть адрес картинки, а не ее HTML код.

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

Адрес сайта, где мы делали кнопочки http://cooltext.com/, вот его я и подставляю вместо слов АДРЕС ССЫЛКИ, а сделанную кнопочку с надписью, гружу из компа на РАДИКАЛ, и вместо слов URL АДРЕС КАРТИНКИ, вставляю код №1
Вот что у меня получилось

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

Способ 2

Этим способом лучше делать ссылку на сайт текстом, это удобнее. Дальше вы поймете почему. Сначала так же делаем кнопочку с надписью, и грузим ее на РАДИКАЛ

Сайт выдаст список кодов, вам понадобится код №6. Обратите внимание на следующее:
перед копированием с Радикала кода №6, проверьте в столбце справа "Полноразмерное изображение" есть узкое окошко в котором даны 2 варианта: "Переход на URL" и "Не кликабельное". Выберите "Не кликабельное". Ваш код №6 мгновенно преобразуется в правильный, который Вы можете скопировать и вставить в блог. Показываю на картинке

Начинаем. (Все делаем в формате HTML)
Копируем адрес нужного сайта ( в нашем случае http://cooltext.com/) в буфер (Левой кнопкой мыши выделяем его, черним, а затем правой кнопкой щелкаем и выбираем КОПИРОВАТЬ) В блоге в новой записи нажимаем на маленький глобус в правой части меню вашей записи. см. на картинке.

Когда на него нажмем, у вас выскочит табличка, в нее из буфера и вставляем адрес сайта (правой кнопкой мыши и выбираем ВСТАВИТЬ)см.картинку

Вставив адрес, вы нажимаете ОК. Как только нажмете ОК, у вас выскочит вторая табличка, куда вы должны вставить адрес картинки, тот самый код №6 с Радикала, сделанный не кликабельным.

Вот кнопочка, которую я сделала на сайте, и вставила в Радикал.
Затем вставила, с помощью глобусика адрес сайта, затем после нажатия ОК, код № 6 с радикала. И получила кликабельную кнопочку, нажав на которую вы попадете на этот замечательный сайт! Это все очень просто, всего два нажатия и ссылка готова. Надеюсь у вас все получится! жмите на кнопочку и переходите на сайт

Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "уроки":
Часть 1 - УРОК "пакетная загрузка картинок на ЛИру"
Часть 2 - СЛОЖНЫЕ ТАБЛИЦЫ
...
Часть 5 - Еще один вид плеера
Часть 6 - Золотой русский алфавит:)
Часть 7 - Сделать кнопочку на сайте
Часть 8 - Как сменить оформление своего почтового ящика
Часть 9 - Генераторы текстов
Часть 10 - Без заголовка
Часть 11 - Как скопировать рецепт, статью из чужого блога в свой