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

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

Сообщений: 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)

Новые темы	Объявления	Свободное общение
14:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:38 2Index - быстрая индексация страниц сайта и обратных ссылок 12:44 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 12:42 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 23:09 Как безопасно купить Гугл почту? 13:45 Какой движок выбрать для форума? 13:43 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать	15:54 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:05 TETChange-Обменник криптовалют 12:36 Nexulume.com Обменник без AML и KYC 09:12 Swapwatch.org — Мониторинг криптовалютных обменников 09:07 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:25 SOCKS5 приватные прокси на 30 дней для PayPal 23:24 Google Voice аккаунты для бесплатных SMS и звонков	12:41 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 06:26 Ставки на супер тренды в спорте 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 22:30 Точные прогнозы на футбол 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 07:11 Список обновленных тем пуст... 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем