Как привязать класс CSS к виджету (instantcms 2)

#1 14 февраля 2015 в 14:19
Внутри модуля написал текст, но нужно чтобы он выводился только в одном из добавленных виджетов "контент".

Как это сделать?

Я думаю должно получиться так: взял этот текст в div с функцией "display: none" и надо теперь привязать класс в котором будет прописано "display: inline" и который будет вписан в настройках виджета. Только как привязать класс CSS (перефекс)? Что нужно прописать внутри виджета и что нужно прописать в стилях.

Надеюсь на поддержку, думаю это не только мне пригодиться.
#2 14 февраля 2015 в 15:23
Я делал так, не знаю на сколько это грамотно, но работает


А еще возможно я не правильно вас понял и не то подсказал.
#3 14 февраля 2015 в 16:14
romanovcmc, он походу написал текст в коде виджета, и хочет что бы тот отображался добавляя класс, если я правильно понял… короче Димарио, нужно нормально пояснить)
#4 15 февраля 2015 в 11:31


romanovcmc, он походу написал текст в коде виджета, и хочет что бы тот отображался добавляя класс, если я правильно понял… короче Димарио, нужно нормально пояснить)

Jestik

Правильно понял joke
#5 15 февраля 2015 в 11:31
romanovcmc спасибо. Вроде бы, то что нужно. Щас попробую и отпишусь.
#6 16 февраля 2015 в 00:35
Ребята подскажите пожалуйста как вывести в виджете вида HTML блок, вот этот код

<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 блок, вывел виджет на странице, виджет с этим кодом пашет а стили стандартного виджета "слайдер контента" на главной странице летят, в чём беда, что не правильно делаю? Это код из спойлера вот как работает на тестовой странице kiberkompas.com/pages/test.html а на главной странице ломает виджет "слайдер контента"
#7 16 февраля 2015 в 10:06
Николай Валентинович Сазоненко, facepalmвы хотите запихнуть в одну html страницу другую html страницу?
#8 17 февраля 2015 в 09:39
romanovcmc, а в коде виджета как правильно прописать этот класс, чтобы выводился… class="{$mod.css_prefix}_deistviya" или как правильно?
#9 18 февраля 2015 в 00:33


Николай Валентинович Сазоненко, facepalmвы хотите запихнуть в одну html страницу другую html страницу?

Atid — Gor...
А как правильно делать?
#10 18 февраля 2015 в 03:25
Николай Валентинович Сазоненко,
  1.  
  2. <div class="view-source" style="text-align: center; font-weight: bold">
  3. <a href="#">Незарегистрированным посетителям<img src="http://kiberkompas.com/templates/default/widgets/categorii/images/4.png" align="absmiddle" alt="ПОДРОБНЕЕ"></a>
  4. <div class="hide">можно лишь созерцать графический, видео, адио, текстовый контент, оставлять безликие комментарии, через проверку этих комментариев Кураторами инструментов "Киберкомпаса".</div>
  5. </div>
  6. <div class="view-source" style="text-align: center; font-weight: bold">
  7. <a href="#">Зарегистрированным пользователям<img src="http://kiberkompas.com/templates/default/widgets/categorii/images/4.png" alt="ПОДРОБНЕЕ" vertical-align="texttop"></a>
  8. <div class="hide">станет доступно меню действий, которое появляется при переходе к любой странице, в шапке сайта, нажимая на эти синие клавиши, вы включаете инструменты для публикации контента способного инициировать запуск и реализацию любых разумных желаний. </div>
  9. </div>
  10. <script>
  11. $(function(){
  12. $('.view-source .hide').hide();
  13. $a = $('.view-source a');
  14. $a.on('click', function(event) {
  15. event.preventDefault();
  16. $a.not(this).next().slideUp(500);
  17. $(this).next().slideToggle(500);
  18. });
  19. });
  20. </script>
  21.  
#11 18 февраля 2015 в 23:31
Спасибо дружище! Работает danceТакой компактный код по сравнению с тем что был. Какие однако отзывчивые ребята тут собираются, заходишь как домой smile
#12 26 февраля 2015 в 20:23
Помогите мне, та cryНе получается… cryЯ уже пробовал картинкой вывести надпись.


.widget_content_list.compact .news { background-image: url(news.png) }

и в виджете писал news Не выводилась картинка(
#13 26 февраля 2015 в 20:41
Димарио, А путь к картинке правельный?
Где картинка лежит?
#14 26 февраля 2015 в 20:42
Картинка в корни. Если я дописываю слеш название точка пнг к сайту она открывается. Даже на полный пусть менял не помогает
#15 26 февраля 2015 в 20:48
Я не пойму, поидеи в /templates/default/controllers/content/widgets/list/list_compact.tpl.php тоже надо что то прописать, только вопрос что?
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.