Активная кнопка меню

[NoExist]

Добрый день!

Уже несколько дней ломаю голову и гуглю, но решение так и не нашел....

 

Сайт делаю на CMS DLE.

 

 

Есть меню.

            <ul>                <li><a href="/"><span>About Us</span></a></li>                <li><a href="#"><span>Services</span></a></li>                <li><a href="#"><span>Jobs</span></a></li>                <li><a href="#"><span>Contacts</span></a></li>            </ul>

Нужно, что бы при переходе на страницу About Us у нее был другой стиль

.left-menu li a:active {    background: #FFFFCC;    box-shadow: 0 0 10px #004e8d;    margin-left: 30px;}

Сейчас у меня стоит только при наведении, а мне нужно, что бы это значение оставалось. Как это сделать? Если есть способ без скриптов, то пожалуйста, поделитесь, если только скрипт, то скиньте, пожалуйста!

[rus]

по этим ссылкам в гугле были: https://www.google.ru/?gws_rd=ssl#newwindow=1&q=%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9+%D0%BF%D1%83%D0%BD%D0%BA%D1%82+%D0%BC%D0%B5%D0%BD%D1%8E+dle ?

[NoExist]

Нашел решение)

Вдруг кому пригодится!

 

Style =

div.left-menu ul li.current a {    background: #F5F5F5;    box-shadow: 0 0 10px green;    cursor: default;    width: 90px;    margin-left: 35px;    border-top-left-radius: 5px;    border-top-right-radius: 0px;    border-bottom-right-radius: 0px;    border-bottom-left-radius: 5px;}

 

JS = 

    <script type="text/javascript">        $(document).ready(function(){            var link = window.location.pathname;            $('.left-menu li a[href="'+link+'"]').parent().addClass('active');        });    </script>

 

 

HTML = 

        <div class="left-menu">            <ul>                <li><a href="/">About Us</a></li>                <li><a href="#">Services</a></li>                <li><a href="#">Jobs</a></li>                <li><a href="/contacts.html">Contacts</a></li>            </ul>        </div>

[Galaxy]

Проблема СНГ it-сообществ в том, что если человек нашел решение на какой либо вопрос, то он это решение не выкладывает