- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день! Подскажите как добавить в горизонтальное меню эффект, который будет способствовать текущей ссылке. Если я на главной, то вкладка "главная" другого цвета, а остальные нормальные.
#header {background:url(../images/header2.png) no-repeat 0 0;height:170px;}#topmenu {background:url(../images/retop7.png) repeat-x;height:31px;margin:15px 0;border:1px solid #0;opacity: 0.9;}
#topmenu ul {display:inline-block;padding:0 3px;}
#topmenu li {float:left;height:26px;line-height:26px;padding:5px 0;margin:0 3px;}
#topmenu a {font-family:Tahoma ;font-size:11px;font-weight:bold;color: #FFE4E1;text-decoration:none;padding:4px 10px;text-shadow: 0 0 1px #000;height:14px;line-height:12px;display:block;}
#topmenu a:hover {color:#fff; ; text-shadow: #666 0 4px;font-size:11px;-moz-border-radius: 5px;
border-radius: 5px;}
Есть картинка, которую хотел бы использовать как нажатую вкладку.
http://helper.ucoz.ru/load/all/ochen_prostoe_vydelenie_tekushhej_ssylki/1-1-0-60
Cms DLE. В общем не помогло мне, может я не так понимаю, уже везде обыскался, а найти не могу. Объясните пожалуйста.
Вот пример кода JS:
Он будет добавлять к нажатой ссылке класс "act". Можно вынести в отдельный файл прямо так, а можно вставить в код страницы, обрамив в <script type="text/javascript"> </script>
При использовании скрипта из этого примера, "нажатая" ссылка будет иметь подобный вид: <a href="/" class="act">text</a> CSS-код для вашего примера нужно писать таким:
#topmenu a.act {стиль для "нажатой" ссылки}
Добавил в main.tpl
<script type="text/javascript">function shineLinks(id){try{
var el=document.getElementById(id).getElementsByTagName('a');
var url=document.location.href;
for(var i=0;i<el.length; i++){
if (url==el.href){
el.className += ' act';
};
};
}catch(e){}
};</script>
Добавил в style.css
#topmenu a.act {background:url(../images/li.png);font-size:11px;}Добавил в main.tpl
Результат:
вкладка "Актуально" постоянно находится под этим эффектом, не важно нахожусь я на этой вкладке или на какой-то другой странице. А мне бы хотелось чтобы так выглядела текущая вкладка на которой я нахожусь на данный момент.
Полный урл страницы прописывайте
<li><a href="http://вашсайт.com/actual.html" class="act">Актуально</a></li>
Полный урл страницы прописывайте
<li><a href="http://вашсайт.com/actual.html" class="act">Актуально</a></li>
Он и на сокращенный урл реагировал, прописал полный. Также :(
И это уберите class="act", это будет сам скрипт дописывать.
И это уберите class="act", это будет сам скрипт дописывать.
не помогло
Вы чего велосипед изобретаете? 🤣
#topmenu a {font-family:Tahoma ;font-size:11px;font-weight:bold;color: #FFE4E1;text-decoration:none;padding:4px 10px;text-shadow: 0 0 1px #000;height:14px;line-height:12px;display:block;}
#topmenu a:hover {color:#fff; ; text-shadow: #666 0 4px;font-size:11px;-moz-border-radius: 5px;
border-radius: 5px;}
#topmenu li.selected a.selected {color:#555555;}
#topmenu li.selected a.selected {color:#555555;}
Никаких изменений не произошло