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

Сообщений: 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	Как удалить кнопки из формы комментариев?

Новые темы	Объявления	Свободное общение
09:30 Fraud.Hosting: надёжная защита от недобросовестных клиентов 09:26 Ворд Пресс (или его шаблон) перестал отображать <b> болд жирный 09:22 Новая поисковая система от OpenAI 09:19 Rutube запустил «Новая система монетизации для блогеров» 23:34 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 23:07 Как Яндекс индексирует ваш сайт? \| АПдейт выдача 8.12.2025 22:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026	14:34 Продвижение Яндекс подсказок от hoopbots 14:32 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 14:31 Почему клиенты выбирают TriRublya 14:11 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:50 Почему клиенты выбирают TriRublya 13:42 Почему клиенты выбирают TriRublya 13:33 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно	11:13 С юмором по жизни! 22:59 Про мясо 15:07 Добро пожаловать в цифровой мир... 22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях 10:10 накрутка трафика в SimilarWeb 16:50 Компьютерная мышь 23:03 Точные прогнозы на футбол