- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Помогите пожалуйста сделать подчёркнутые ссылки на ДЛЕ кто знает вёрстку PHP.У меня сейчас ссылки при наведении на них отображаются зелёным цветом,без наведения-чёрным.Я хочу сделать чтобы ссылка без наведения на неё была подчёркнутой,а при наведении подчёркнутость пропадала и ссылка отображалась зелёным светом.Пробовал править style.css(менял text-decoration: none; на text-decoration:underline; ничего всё равно не изменяется сылка при наведении остаётся просто зелёной без подчёркивания).Может надо менять код в другом месте.Подскажите пожалуйста кто знает?
Нужно в css c a:hover пороботать а не с text
Нужно в css c a:hover пороботать а не с text
Нашёл в своём файле"style.css" эту часть кода(думаю она отвечает за стиль оформления ссылок):
* All style for them link
* ========================================
*/
a:active,
a:visited,
a:link {
color: #000;
}
a:hover {
color: green;
text-decoration: none;
}
/*
Если это тот участок кода,то что в нём изменить чтобы ссылка была подчёркнутой?
Если это тот участок кода,то что в нём изменить чтобы ссылка была подчёркнутой?
Если вы хотите добавить подчеркивание к ссылке не только при наведении, то нужно дописать после color: #000; стиль нижней границы, напр. пунктиром:
Другие варианты border-style можно посмотреть здесь http://htmlbook.ru/css/border-style
Если вам нужно банальное подчеркивание при наведении на ссылку, то вместо text-decoration: none ставится text-decoration: underline
А вообще, изучайте css, ничего проще нет)
Если вы хотите добавить подчеркивание к ссылке не только при наведении, то нужно дописать после color: #000; стиль нижней границы, напр. пунктиром:
Другие варианты border-style можно посмотреть здесь http://htmlbook.ru/css/border-style
Если вам нужно банальное подчеркивание при наведении на ссылку, то вместо text-decoration: none ставится text-decoration: underline
А вообще, изучайте css, ничего проще нет)
Спасибо Вам за совет!Но тут я думаю намного всё сложнее.Попробовал ради эксперимента добавить после color: #000 Ваш код
,но никаких изменений не произошло!Потом решил вообще убрать из файла этот кусок кода:
* All style for them link
* ========================================
*/
a:active,
a:visited,
a:link {
color: #000;
}
a:hover {
color: green;
text-decoration: none;
}
/*
И тоже никаких изменений.Может быть в другом месте ещё какой-то код нужно изменять?
Вот такой код, думаю. должен помочь.
a {text-decoration: underline;}
a:hover {color: green; text-decoration: none;}
Если вы хотите добавить подчеркивание к ссылке не только при наведении, то нужно дописать после color: #000; стиль нижней границы, напр. пунктиром:
Ужас, какой бордер для ссылок? Просто текс-декорейшейн:андерлайн нужно ставить не только для :hover но и для всех <a>
Ведь для :hover потом может понадобиться исчезание подчеркивания, плюс бордер может некорректно отображаться ,если размер блока ссылки больше чем шрифт надписи...
Сделал так:
* All style for them link
* ========================================
*/
a:active,
a:visited,
a:link {
color: #000;
}
a {text-decoration: underline;}
a:hover {color: green; text-decoration: none;}
/*
Почистил кеш-не работает!
ruukaf715, покажите сайт, где пытаетесь сделать это.
Сделал так Уважаемый bay_ebook:
* All style for them link
* ========================================
*/
a:active{text-decoration: underline;}
a:visited{text-decoration: underline;}
a:link {
color: #000;
}
a:hover {
color: green;
{text-decoration: underline;}
}
/*
Тоже ничего не меняется.Может в каком другом месте прописаны стили оформления ссылок?Поэтому ничего не изменяется,потому что я пробовал ввообще удалять из файла"style.css" этот кусок кода и он ни на что не повлиял.Может вот этот кусок кода из main.tpl:
<script type="text/javascript" src="{THEME}/css/slider.js"></script>
<!--<style type="text/css" media="all">@import url({THEME}/css/slider.css);</style>*-->
<link type="text/css" rel="stylesheet" href="{THEME}/css/slider.css"/>
<script type="text/javascript" src="{THEME}/js/jhideshow.js"></script>
отвечает за стили оформления ссылок?Не могу найти где "собака зарыта"!
Нет, это точно не в main.tpl, bay_ebook вам всё правильно подсказал.
Идете в style.css, в дефолтных стилях за это отвечают эти строчки (в самом начале, после h1-hx):
a {
color: #44a1c7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
Чтобы подчеркивание было без наведения, а с наведением исчезало, надо сделать так:
a {
color: #44a1c7;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
Для большей уверенности, открываете инспектор элементов в браузере, выделяете ссылку и получаете класс (не уверен, что это так называется в css, но смысл понятен), который нужно править.