danilsitnikov

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

Рекомендуемые сообщения

как в стандартном шаблоне убрать правую границу у ".box-category ul li"?

пробовал так:

.box-category > ul > li.active {border-right: none;}

не получается

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
serega-lomik    632

Сайт покажите. В стандартном шаблоне у  только у #menu есть border, и то, только нижний.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

/* 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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
burr    67
<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 } ?>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 097
danilsitnikov, за яростный кросспостинг и флуд на вас наложили заклинание Silence длительностью 7 суток.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу