Jump to content
Sign in to follow this  
danilsitnikov

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

Recommended Posts

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Edited by tim21701

Share this post


Link to post
Share on other sites
<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"> уже есть, но он, как и должен, применяется сразу для все ЛИ, а меня иинтересует как сделат только для  активного?

Share this post


Link to post
Share on other sites

Всем привет!, прошу помочь( Я уже нее знаю что делать, все перепробовал.... В общем, как мне прописать стиль для активного <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>

Share this post


Link to post
Share on other sites
<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 } ?>

Share this post


Link to post
Share on other sites
danilsitnikov, за яростный кросспостинг и флуд на вас наложили заклинание Silence длительностью 7 суток.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.