Вопрос по CSS

12
stephik
На сайте с 20.11.2010
Offline
22
1087

Здравствуйте. Подскажите, пожалуйста, как сделать так, чтобы ссылка в меню оставалась подчеркнутой на той странице, на которой нахожусь?

Спасибо

Создаю темы под Wordpress (верстка) - от 20$ до 80$(зависимости от сложности) Мои работы на сайте nocrisise.ru (http://nocrisise.ru/galereya_site_flaer.php)
vandamme
На сайте с 30.11.2008
Offline
675
#1

никак средствами css, только средствами php присвоить этой ссылке определенный класс

eis
На сайте с 18.10.2008
Offline
473
eis
#2

stephik, мало входных данных, на чем сайт?

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
R
На сайте с 21.12.2010
Offline
138
#3

<div class="exText">

<!--Start()-->

<h2>Page 0</h2>

<div id="msgText">

<a href="...">Ссылка 0</a>

<a href="...">Ссылка 1</a>

<a href="....">Ссылка 2</a>

</div>

<script type="text/javascript">

$(document).ready(function(){

/*Start DocumentReady*/

var url=document.location.href;

$.each($("#msgText a"),function(e){

if(url==this.href){$(this).addClass('act');};

});

/*End DocumentReady*/

});

</script>

<!--//End()-->

</div>

Лучший хостинг для MODX Все просто ЛЕТАЕТ! (https://modhost.pro/?msfrom=bd6e3e1124cb4cdd93779563b690f3fe)
stephik
На сайте с 20.11.2010
Offline
22
#4

Шаблон для Wordpress. Сайт на php.

---------- Добавлено 16.05.2013 в 22:10 ----------

RUPak:
<div class="exText">
<!--Start()-->
<h2>Page 0</h2>
<div id="msgText">
<a href="...">Ссылка 0</a>
<a href="...">Ссылка 1</a>
<a href="....">Ссылка 2</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
var url=document.location.href;
$.each($("#msgText a"),function(e){
if(url==this.href){$(this).addClass('act');};
});
/*End DocumentReady*/
});
</script>
<!--//End()-->
</div>

ссылка в меню не остается подчеркнутой на той странице на которой нахожусь.

---------- Добавлено 16.05.2013 в 23:13 ----------

RUPak:
<div class="exText">
<!--Start()-->
<h2>Page 0</h2>
<div id="msgText">
<a href="...">Ссылка 0</a>
<a href="...">Ссылка 1</a>
<a href="....">Ссылка 2</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
var url=document.location.href;
$.each($("#msgText a"),function(e){
if(url==this.href){$(this).addClass('act');};
});
/*End DocumentReady*/
});
</script>
<!--//End()-->
</div>

У меня что-то не выходит

---------- Добавлено 16.05.2013 в 23:15 ----------

vandamme:
никак средствами css, только средствами php присвоить этой ссылке определенный класс

Если можно, покажите код, как это сделать.

stephik
На сайте с 20.11.2010
Offline
22
#5

Никто не знает ответа?

K6
На сайте с 27.05.2010
Offline
78
#6

Сайт у Вас на хостинге или на локалке? Если на хостинге киньте в личку урл, гляну.

ishipilov
На сайте с 25.12.2011
Offline
101
#7
stephik:
У меня что-то не выходит
RUPak:
<div class="exText">
<!--Start()-->
<h2>Page 0</h2>
<div id="msgText">
<a href="...">Ссылка 0</a>
<a href="...">Ссылка 1</a>
<a href="....">Ссылка 2</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
var url=document.location.href;
$.each($("#msgText a"),function(e){
if(url==this.href){$(this).addClass('act');};
});
/*End DocumentReady*/
});
</script>
<!--//End()-->
</div>

Здесь используется jquerry. Следовательно необходимо еще подключить нужные библиотеки.

stephik
На сайте с 20.11.2010
Offline
22
#8

Кто-то ответит конкретно на мой вопрос? Дайте пожалуйста готовый, рабочий код. Использую движок Wordpress.

B
На сайте с 04.05.2013
Offline
3
#9

Добавляешь к ссылке class='active'

и для него делаешь стиль underline

CSS

.menu_div ul

{
padding:0px 0 0 10px;
margin:0px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
height:30px;
line-height:30px;
background:#000;
}
.menu_div ul li
{
float:left;
}
.menu_div ul li a
{
color:#FFF;
text-decoration:none;
padding: 2px 15px 2px 15px;
}
.menu_div ul li a:hover
{
color:#FFF;
background:#c80202;
}
.menu_div ul li#active a
{
color:#FFF;
background:#c80202;
}

html

<div class="menu_div">


<ul>
<li id="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Latest News</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>

</div>
Есть свой сайт? Добавь его в Media Advert (http://madv.pw) Заработай на тизерах! Мы платим исправно каждый вторник! Media Advert - 1-я тизерка без ботов! Проверь! Партнерам 5% от заработка вебмастеров.
stephik
На сайте с 20.11.2010
Offline
22
#10

Спасибо, работает. Но работает на обычном HTML. А мне нужно для Wordpress.

Вывожу меню виджитом. Вот код вывода.

<div id="menu">

<!-- меню верх -->

<?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('menu-top')) : ?>

<p>виджеты не подключены</p>

<?php endif; ?>

</div>

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий