Стили для ссылки

(Ответов: 18, Просмотров: 1453)
Страница 1 из 2 12 Последняя
  1. Опытный Аватар для Fktrctq
    • Регистрация: 21.12.2011
    • Сообщений: 457
    • Репутация: 11
    Здравствуйте Подскажите пожалуйста как сделать стили для ссылок сейчас они выглядят так



    хотелось бы что то вроде этого


    Заранее спасибо!
    • 0
  2. Дипломник Аватар для Removal Of Brain
    • Регистрация: 23.04.2012
    • Сообщений: 99
    • Репутация: 25
    Через css
    Как вариант поместить это в блок(<div>..</div>) у которого есть стиль background-color:#C4C4C4
    Цвет может отличаться. Брал на глаз.
    • 1

    Спасибо сказали:

    Fktrctq(08.03.2013),
  3. Гуру Аватар для zatvorius
    • Регистрация: 04.08.2010
    • Сообщений: 509
    • Репутация: 212
    • Webmoney BL: ?
    a {
    color: navy;
    text-decoration: none;
    }

    a:hover{
    color:red;
    }

    Цвета подбирайте сами.

    ---------- Сообщение добавлено 17:12 ---------- Предыдущее 17:09 ----------

    Если нужны стили только для ссылок в <li>

    a {float:left; height:28px; font: bold 16px/28px "Times New Roman", Times, serif; color:#1754a0; text-transform:uppercase; text-decoration:none;}
    li a {float:left; cursorointer; height:28px; background:url(../images/bg_menu_right.gif) no-repeat 100% 0; padding:0 25px;}
    li a:hover {text-decoration:underline;}
    Качественное наполнение Ваших новостных сайтов тема на webmasters.
    • 1

    Спасибо сказали:

    Fktrctq(08.03.2013),
  4. Опытный Аватар для Fktrctq
    • Регистрация: 21.12.2011
    • Сообщений: 457
    • Репутация: 11
    а как убрать линии под ссылкой При наведении курсора чтобы ссылка меняла цвет?
    • 0
  5. Студент Аватар для falken
    • Регистрация: 23.03.2011
    • Сообщений: 42
    • Репутация: 197
    Цитата Сообщение от Fktrctq Посмотреть сообщение
    а как убрать линии под ссылкой
    Код:
    a {
        color: #008000; /* Цвет обычной ссылки */ 
        text-decoration: none; /* Убираем подчеркивание у ссылок */
       }
       a:visited {
        color: #800080; /* Цвет посещённой ссылки */
       } 
       a:hover {
        color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */  
        text-decoration: underline; /* Добавляем подчеркивание */
       }
    Если подчеркивание НЕ нужно, ставим значение none.
    • 1

    Спасибо сказали:

    Fktrctq(08.03.2013),
  6. Sapienti sat Аватар для brainix
    • Регистрация: 01.01.2013
    • Сообщений: 1,925
    • Записей в дневнике: 1
    • Репутация: 817
    • Webmoney BL: ?
    Цитата Сообщение от Fktrctq Посмотреть сообщение
    как убрать линии под ссылкой При наведении курсора чтобы ссылка меняла цвет?
    a:hover {text-decoration:none; color:white;}
    • 1

    Спасибо сказали:

    Fktrctq(08.03.2013),
  7. Гуру Аватар для zatvorius
    • Регистрация: 04.08.2010
    • Сообщений: 509
    • Репутация: 212
    • Webmoney BL: ?
    Цитата Сообщение от Fktrctq Посмотреть сообщение
    как убрать линии под ссылкой При наведении курсора чтобы ссылка меняла цвет?
    Все это можно найти тут вторая ссылка например с хабра почитайте например там.
    Качественное наполнение Ваших новостных сайтов тема на webmasters.
    • 1

    Спасибо сказали:

    Fktrctq(08.03.2013),
  8. Опытный Аватар для Fktrctq
    • Регистрация: 21.12.2011
    • Сообщений: 457
    • Репутация: 11
    PHP код:
    .extranews_box a {color:#0066CC; text-decoration: none;}
    .extranews_box a:hover {color#0099FF; text-decoration: none; } 
    Цвет поменял а как сделать текст в ссылке потолще и по больше?
    • 0
  9. Опытный
    • Регистрация: 19.04.2012
    • Сообщений: 323
    • Репутация: 70
    • Webmoney BL: ?
    Цитата Сообщение от Fktrctq Посмотреть сообщение
    Цвет поменял а как сделать текст в ссылке потолще и по больше?
    font-size: 12px; /*Размер шрифта или можете в процентах, em делать размер, как вам нужно*/
    font-weight: bold; /*Можно еще и числами указывать от 100 до 900*/
    • 1

    Спасибо сказали:

    Fktrctq(08.03.2013),
  10. Опытный Аватар для Fktrctq
    • Регистрация: 21.12.2011
    • Сообщений: 457
    • Репутация: 11
    расстояние между ссылками можно ещё как нибудь увеличить
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
Помогите состыковать стили
Joomla 4 15.02.2013 10:51
Как удалить из БД стили?
Web программирование 12 29.01.2013 10:58
Стили для виджетов в WordPress
Вопросы от новичков 0 29.03.2012 20:38
SEO и CSS-стили для Google
Google 9 19.09.2011 05:25
SEO и CSS-стили для Google
Общие вопросы поисковой оптимизации 4 02.09.2011 09:07

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры