Новости Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 17 Ответов
  • 2517 Просмотров
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Спойлер на HTML5 Самовольничает отступами
« : 16.04.2016, 19:49:03 »
Всем привет! (Сразу скажу в коде не силен) Хотел поставить спойлер на сайт. Нашел на этом сайте как это организовать (http://lepeta.net/archive/vebmasteru/vy%D0%BErstka/proshchajte-spojlery-zdravstvuj-html5.html)
Ну думаю здорово! Вырубаю редактор, ставлю код, а он начинает делать отступы после сохранения материала.
Пример на стандартном шаблоне - protostar - Default (Joomla3)
Спойлер
[свернуть]
Откуда они появляются эти теги? -
<p> </p>
<p> </p>
Убираю в коде, все равно обратно встают. Спойлер как будто отталкивается от текста.
Думал поставить плагин LVSpoiler, но он притормаживает на мобильных устройствах, а этот код на HTML5 прям быстро все отображает. Как исправить отступы? Заранее благодарен) 
Записан
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #1 : 16.04.2016, 19:52:01 »
<p></p> из редактора.
при сохранении(видно он не настроен) и добавляет.
///
простенький скрипт:

Код
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
 });
});
</script>

и вызов:

Код
<div>
 <a href="" class="spoiler_links">#1</a>
 <div class="spoiler_body">
тело #1
 </div>
</div>

<div>
 <a href="" class="spoiler_links">#2</a>
 <div class="spoiler_body">
тело #2
 </div>
</div>
« Последнее редактирование: 16.04.2016, 20:00:49 от vipiusss »
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #2 : 16.04.2016, 20:00:40 »
Цитата: vipiusss от 16.04.2016, 19:52:01
<p></p> из редактора.
при сохранении(видно он не настроен) и добавляет.
Ну а как его настроить то?? Вот ссылка на мой сайт http://manifico.kz/
Записан
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #3 : 16.04.2016, 20:03:26 »
там я ещё квери не подключал, подумал вы в курсе, но по вашем ответу понял, что не особо.
начните с того, какой редактор вы используете.
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #4 : 16.04.2016, 20:06:23 »
Цитата: Dannik от 16.04.2016, 20:00:40
Ну а как его настроить то?? Вот ссылка на мой сайт http://manifico.kz/
Сорри за глупый вопрос - скрипт сунуть надо в Тэмплэйт.css или в Индекс.php?
Записан
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #5 : 16.04.2016, 20:07:09 »
Цитата: vipiusss от 16.04.2016, 20:03:26
там я ещё квери не подключал, подумал вы в курсе, но по вашем ответу понял, что не особо.
начните с того, какой редактор вы используете.
Tiny (расширенный)
Записан
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #6 : 16.04.2016, 20:12:25 »
Вы начните с того, что от спойлера вы хотите?!

скрипт перед тегом </body>, вызов квери между <head> и </head>, дивы там где вывод.

Это плавный вызов спойлера.

Какие у вас эффекты и каков функционал?
Может у вас спойлер только для .., или тем..., или ещё как-то.

Вот скрипт подключения к данному синтаксису: https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
« Последнее редактирование: 16.04.2016, 20:15:52 от vipiusss »
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #7 : 16.04.2016, 20:17:11 »
Цитата: vipiusss от 16.04.2016, 20:12:25
Вы начните с того, что от спойлера вы хотите?!

скрипт перед тегом </body>, вызов квери между <head> и </head>, дивы там где вывод.
На данный момент спойлер работает как нужно (без эффекта выкатывания, просто появился тектс и все, очень похоже на эффект табов) единственное что пытаюсь исправить это отступ от текста вверху и в низу - http://manifico.kz/.

Это плавный вызов спойлера.

Какие у вас эффекты и каков функционал?
Может у вас спойлер только для .., или тем..., или ещё как-то.
Записан
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #8 : 16.04.2016, 20:18:20 »
Цитата: vipiusss от 16.04.2016, 20:12:25
Вы начните с того, что от спойлера вы хотите?!

скрипт перед тегом </body>, вызов квери между <head> и </head>, дивы там где вывод.

Это плавный вызов спойлера.

Какие у вас эффекты и каков функционал?
Может у вас спойлер только для .., или тем..., или ещё как-то.

Вот скрипт подключения к данному синтаксису: https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

На данный момент спойлер работает как нужно (без эффекта выкатывания, просто появился тектс и все, очень похоже на эффект табов) единственное что пытаюсь исправить это отступ от текста вверху и в низу - http://manifico.kz/
Записан
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #9 : 16.04.2016, 20:21:18 »
Цитата: vipiusss от 16.04.2016, 20:12:25
Вы начните с того, что от спойлера вы хотите?!

скрипт перед тегом </body>, вызов квери между <head> и </head>, дивы там где вывод.

Это плавный вызов спойлера.

Какие у вас эффекты и каков функционал?
Может у вас спойлер только для .., или тем..., или ещё как-то.

Вот скрипт подключения к данному синтаксису: https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
Могу скинуть данные к администрированию, сами увидите появляется тег <p> </p>
Записан
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #10 : 16.04.2016, 20:28:40 »
1. Уберите синюю обводку ссылки спойлера.
Это у вас в 556 строке в темплейтс/протостар/темплейт.цсс

добавьте к диву strong это:
outline:none;

2.Там же в строке 7496 для summary добавить margin: 10px;
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #11 : 16.04.2016, 21:33:18 »
Цитата: vipiusss от 16.04.2016, 20:03:26
там я ещё квери не подключал, подумал вы в курсе, но по вашем ответу понял, что не особо.
начните с того, какой редактор вы используете.
Спасибо! Начал рыть в сторону редактора. Установил JCE НЕпомогло. Психанул, скинул JCE, поставил обратно Tiny, методом тыка и мата переставил "Новые строки" - Теги Р на "Новые строки" - Теги BR. Отступы не появляются. Тема закрыта)
Записан
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #12 : 16.04.2016, 21:36:03 »
Решение не верное, но жираф большой - ему видней. (с)
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #13 : 16.04.2016, 21:42:42 »
Цитата: vipiusss от 16.04.2016, 21:36:03
Решение не верное, но жираф большой - ему видней. (с)
?
Записан
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #14 : 16.04.2016, 21:45:42 »
Цитата: vipiusss от 16.04.2016, 21:36:03
Решение не верное, но жираф большой - ему видней. (с)
Почему неверное? Может я своим дилетантским взглядом не разглядел, вроде все работает. Меня этот ответ пугает))) Опять все тазом медным накроется да?) Что не так то?
Записан
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #15 : 16.04.2016, 21:53:15 »
А можно в двух словах, для жирафа, что неверно? ^-^
Записан
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #16 : 16.04.2016, 22:07:35 »
ну хотя бы сравните 2 скрина, мой с разжёвыванием где и что делать и вашу реальность, то, что вы не послушались меня.
Записан
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Dannik

  • Захожу иногда
  • 164
  • 0 / 0
Re: Спойлер на HTML5 Самовольничает отступами
« Ответ #17 : 16.04.2016, 22:17:09 »
Цитата: vipiusss от 16.04.2016, 22:07:35
ну хотя бы сравните 2 скрина, мой с разжёвыванием где и что делать и вашу реальность, то, что вы не послушались меня.
С удовольствие продолжил бы диалог про "мою реальность" но на моих уже второй час ночи. Хотелось бы подробнее узнать чем так плох метод который Я сделал, придется завтра обсудить)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Тег iframe и его содержимое, возможно добиться в html5

Автор leo78

 Ответов: 12
Просмотров: 3278 		Последний ответ 04.03.2017, 00:52:52
от leo78
Проблема с отступами

Автор vasyakril

 Ответов: 10
Просмотров: 2336 		Последний ответ 01.05.2013, 11:00:09
от vasyakril
Проблема с отступами и не только

Автор Loh

 Ответов: 3
Просмотров: 2126 		Последний ответ 28.03.2010, 18:44:53
от Loh