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

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

Новые темы	Объявления	Свободное общение
17:03 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 15:08 Стоит ли добавлять сайт в Rambler топ 100? 14:14 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 09:02 Как продвигать сайт с неуникальным контентом 08:57 Absence в Армении 14:50 Индексация страниц	19:43 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20 19:24 Продам аккаунты HH.RU 17:46 Terminal.cash - надежный обмен криптовалюты 16:18 Volna.money 16:13 swapsfera.com 16:04 GoodsMoney.io 13:27 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру)	12:32 Ну что, кто куда деваете свои сайты? 20:48 Точные прогнозы на футбол 22:09 Добро пожаловать в цифровой мир... 19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди