Как это сделать?
Я думаю должно получиться так: взял этот текст в div с функцией "display: none" и надо теперь привязать класс в котором будет прописано "display: inline" и который будет вписан в настройках виджета. Только как привязать класс CSS (перефекс)? Что нужно прописать внутри виджета и что нужно прописать в стилях.
Надеюсь на поддержку, думаю это не только мне пригодиться.
А еще возможно я не правильно вас понял и не то подсказал.
romanovcmc, он походу написал текст в коде виджета, и хочет что бы тот отображался добавляя класс, если я правильно понял… короче Димарио, нужно нормально пояснить)
Правильно понял
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<div class="view-source" style="text-align: center; font-weight: bold">
<a href="#">Незарегистрированным посетителям<img src="http://kiberkompas.com/templates/default/widgets/categorii/images/4.png" align="absmiddle" alt="ПОДРОБНЕЕ"></a>
<div class="hide">можно лишь созерцать графический, видео, адио, текстовый контент, оставлять безликие комментарии, через проверку этих комментариев Кураторами инструментов "Киберкомпаса".</div>
</div>
<div class="view-source" style="text-align: center; font-weight: bold">
<a href="#">Зарегистрированным пользователям<img src="http://kiberkompas.com/templates/default/widgets/categorii/images/4.png" alt="ПОДРОБНЕЕ" vertical-align="texttop"></a>
<div class="hide">станет доступно меню действий, которое появляется при переходе к любой странице, в шапке сайта, нажимая на эти синие клавиши, вы включаете инструменты для публикации контента способного инициировать запуск и реализацию любых разумных желаний. </div>
</div>
<script>
$(function(){
$('.view-source .hide').hide();
$a = $('.view-source a');
$a.on('click', function(event) {
event.preventDefault();
$a.not(this).next().slideUp(500);
$(this).next().slideToggle(500);
});
});
</script>
</body>
</html>
А как правильно делать?
Николай Валентинович Сазоненко, вы хотите запихнуть в одну html страницу другую html страницу?
<div class="view-source" style="text-align: center; font-weight: bold"> <a href="#">Незарегистрированным посетителям<img src="http://kiberkompas.com/templates/default/widgets/categorii/images/4.png" align="absmiddle" alt="ПОДРОБНЕЕ"></a> <div class="hide">можно лишь созерцать графический, видео, адио, текстовый контент, оставлять безликие комментарии, через проверку этих комментариев Кураторами инструментов "Киберкомпаса".</div> </div> <div class="view-source" style="text-align: center; font-weight: bold"> <a href="#">Зарегистрированным пользователям<img src="http://kiberkompas.com/templates/default/widgets/categorii/images/4.png" alt="ПОДРОБНЕЕ" vertical-align="texttop"></a> <div class="hide">станет доступно меню действий, которое появляется при переходе к любой странице, в шапке сайта, нажимая на эти синие клавиши, вы включаете инструменты для публикации контента способного инициировать запуск и реализацию любых разумных желаний. </div> </div> <script> $(function(){ $('.view-source .hide').hide(); $a = $('.view-source a'); $a.on('click', function(event) { event.preventDefault(); }); }); </script>
.widget_content_list.compact .news { background-image: url(news.png) }
и в виджете писал news Не выводилась картинка(
Где картинка лежит?