Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Помогите с активным классом)


Recommended Posts

/* box category */.box-category {	margin-top: -5px;}.box-category ul {	list-style: none;	margin: 0;	padding: 0;}.box-category > ul > li {	padding: 8px 8px 8px 10px;	border: 2px solid #000;	border-radius: 10px 0 0 10px;}.box-category > ul > li.active {	background: #000;}.box-category > ul > li + li {	border-top: 1px solid #EEEEEE;}.box-category > ul > li > a {	text-decoration: none;	color: #333;	font-family: AT_Sackers_Gothic_Medium, arial, sans-serif;	font-size: 15px;	text-shadow: 0 0 1px rgba(255,255,255,0.5);	text-transform: uppercase;	text-align: center;}.box-category > ul > li ul {	display: none;}.box-category > ul > li a.active {	font-weight: bold;	border-right: none;}.box-category > ul > li a.active + ul {	display: block;}.box-category > ul > li ul > li {	padding: 5px 5px 0px 10px;}.box-category > ul > li ul > li > a {	text-decoration: none;	display: block;}.box-category > ul > li ul > li > a.active {	font-weight: bold;}/* content */#content .content {	padding: 10px;	overflow: auto;	margin-bottom: 20px;	border: 1px solid #EEEEEE;}#content .content .left {	float: left;	width: 49%;}#content .content .right {	float: right;	width: 49%;}/* category */

В общем смотрите скрины... 1-й как сейчас, второй активный класс ul li?

я понял как это сделать,но как мне прописать стиль для активного элемента ul li?((((((((((((((((((((((((((

post-667390-0-37942100-1387912726_thumb.png

post-667390-0-89315600-1387912737_thumb.png

Змінено користувачем tim21701
Надіслати
Поділитися на інших сайтах


<div class="box">
  <div class="box-content">
    <div class="box-category">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li class="active">
          <?php if ($category['category_id'] == $category_id) { ?>
          <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
          <?php } else { ?>
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php } ?>
          <?php if ($category['children']) { ?>
          <ul>
            <?php foreach ($category['children'] as $child) { ?>
            <li>
              <?php if ($child['category_id'] == $child_id) { ?>
              <a href="<?php echo $child['href']; ?>" class="active"> - <?php echo $child['name']; ?></a>
              <?php } else { ?>
              <a href="<?php echo $child['href']; ?>"> - <?php echo $child['name']; ?></a>
              <?php } ?>
            </li>
            <?php } ?>
          </ul>
          <?php } ?>
        </li>
        <?php } ?>
      </ul>
    </div>
  </div>
</div>


у меня <li class="active"> уже есть, но он, как и должен, применяется сразу для все ЛИ, а меня иинтересует как сделат только для  активного?

Надіслати
Поділитися на інших сайтах


Всем привет!, прошу помочь( Я уже нее знаю что делать, все перепробовал.... В общем, как мне прописать стиль для активного <li>? в default шаблоне OP? Знаю что это указывается  это в 4 строке, только я вот неправильно прописал класс и он применяется, как и должен, для всех <li>, не важно активный или нет... В общем суть вы поняли надеюсь?)...

<div class="box-category">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li class="active">
          <?php if ($category['category_id'] == $category_id) { ?>
          <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
          <?php } else { ?>
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php } ?>
          <?php if ($category['children']) { ?>
          <ul>
            <?php foreach ($category['children'] as $child) { ?>
            <li>
              <?php if ($child['category_id'] == $child_id) { ?>
              <a href="<?php echo $child['href']; ?>" class="active"> - <?php echo $child['name']; ?></a>
              <?php } else { ?>
              <a href="<?php echo $child['href']; ?>"> - <?php echo $child['name']; ?></a>
              <?php } ?>
            </li>
            <?php } ?>
          </ul>
          <?php } ?>
        </li>
        <?php } ?>
      </ul>
    </div>
Надіслати
Поділитися на інших сайтах


<li class="active">
          <?php if ($category['category_id'] == $category_id) { ?>
          <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
          <?php } else { ?>
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php } ?>

заменить на 

<?php if ($category['category_id'] == $category_id) { ?>
<li class="active"><a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
<?php } else { ?>
<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php } ?>
Надіслати
Поділитися на інших сайтах

Гість
Ця тема закрита для публікації повідомлень.
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.