Установка кнопки на сайт

Установка кнопки на сайт, Как поставить?

Сообщений: 517 Регистрация: Фев 2014

13 Мая 2014 15:35

Добрый день, уважаемые суприяне! smile:)

Впорос следующий, хочу разместить на сайте красивую кнопку с надписью зарегистрироваться и еще одну с надписью задать вопрос.
Необходимо чтобы при наведении мышкой на кнопку она подсвечивалась как то или выделялась другим цветом.
Видел разные сервисы, но так и не смог разобраться куда вставлять код кнопок этих...Посоветуйте пожалуйста сервис, или может другой способ красивые кнопки сделать на сайте. CMS - Wordpress.

paltarasych

Сообщений: 3289 Регистрация: Янв 2011

13 Мая 2014 16:39

Цитата
aboba пишет: Необходимо чтобы при наведении мышкой на кнопку она подсвечивалась как то или выделялась другим цветом

простым CSS это решить за две минуты

Биржа криптовалюты

Отличный хостинг Webhost1

Админ Компа

Сообщений: 616 Регистрация: Окт 2012

13 Мая 2014 16:47

CSS - обычная красная подсветка, далее разберетесь - box-shadow: 0 0 15px rgba(255, 0, 0, 1);

aboba

Сообщений: 517 Регистрация: Фев 2014

14 Мая 2014 01:25

Ох уж эти простые CSS. Я конечно не совсем безнадежен, но в CSS не разбираюсь абсолютно. Мне нужно чтобы кнопка была оформлена красиво, как на подавляющем большинстве серьезных сайтов. Не просто надпись а именно графическое изображение кнопки, которая при наведении курсора либо меняет цвет, либо выделяется любым другим способом....

Цитата
Админ Компа пишет: CSS - обычная красная подсветка, далее разберетесь - box-shadow: 0 0 15px rgba(255, 0, 0, 1);

Это куда вставить нужно? Не очень понятно...Буду очень признателен если поподробнее распишите...Уж простите за безграмотность в данном вопросе...

aboba

Сообщений: 517 Регистрация: Фев 2014

14 Мая 2014 11:52

Я бы хотел в качестве кнопки использоваться графическое изображение красивое...Чтобы наводя курсором плавно менялся цвет и текст например становился чуть крупнее. Излазил уже интернет, никакого конкретного руководства для чайников к сожалению не нашел...А так как к CSS я не бум бум, то именно к категории чайников себя и отношу...
Мб проще через сервис какой то поставить или сгенерить эту кнопку и соответственно код для нее?

aboba

Сообщений: 517 Регистрация: Фев 2014

15 Мая 2014 13:30

Короче сделал кнопку через _http://cooltext.com/
Удобный сервис. Достаточное кол-во настроек. После того как кнопка готова, достаточно скачать 2 файла, залить на хостинг, и установить код в нужное Вам место. Я с моими скудными знаниями всего этого сумел разобраться...Так что если кому пригодится буду рад. Сервисов еще куча перелапатил, но понравился почему-то этот. Да и под мои скромные запросы самое оно.

Rx24

Сообщений: 1804 Регистрация: Апр 2012

15 Мая 2014 13:42

Код

 var links = [['урл','текст']];
links.forEach(function(entry){ document.write('<a style="display:inline-block;padding:4px 6px;background:#4A6275;color:white;margin:10px 5px 10px 0px;"  target="blank" href="'+entry[0]+'">'+entry[1]+'</a>'); });

скриптом закройте, пикселями и цветами можно поиграть

Изменено: Rx24 - 15 Мая 2014 13:43

КАЧЕСТВЕННЫЙ ХОСТИНГ . Месяц бесплатно + ПОДАРКИ!

aboba

Сообщений: 517 Регистрация: Фев 2014

15 Мая 2014 14:36

Цитата

Rx24 пишет:

Код

  var links = [['урл','текст']];
links.forEach(function(entry){ document.write('<a style="display:inline-block;padding:4px 6px;background:#4A6275;color:white;margin:10px 5px 10px 0px;"  target="blank" href="'+entry[0]+'">'+entry[1]+'</a>'); });

скриптом закройте, пикселями и цветами можно поиграть

Спасибо! Не очень понял как закрыть скриптом... Подскажите пожалуйста.
А так с радостью попробую и этот вариант.

Похожие темы:

28.10.2021 09:48	После обновления Yoast SEO становятся неактивные кнопки и ввод метаданных
03.11.2019 01:56	Помогите понять, почему на мобильной версии перестали работать кнопки на popup maker
07.09.2018 10:14	дополнительные кнопки
28.11.2017 22:00	Лишние кнопки соц сигналов. как убрать?
01.06.2016 20:18	Как удалить кнопки из формы комментариев?

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
13:50 Раскрутка форума 13:48 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 09:13 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 19:40 adsense в 2026: кто реально выводит копейку через киргизию? 14:09 2Index - быстрая индексация страниц сайта и обратных ссылок 12:26 Очередной взлом через плагин. Хакеры получают админку без пароля 12:12 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	13:11 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 11:11 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 11:11 Trustpilot Reviews \| Подниму рейтинг вашей компании 11:11 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 11:10 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 10:51 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 10:18 Swapwatch.org — Мониторинг криптовалютных обменников	13:41 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 13:02 С юмором по жизни! 09:10 Огородники 05:10 Точные прогнозы на футбол 16:47 Какой фильм вы любите посмотреть перед сном? 15:46 молодильные яблоки и живая вода 10:11 О природе путешествий.