Запросы по скриптам[7]

Поделиться581Чт, 15 Сен 2016 14:38:40

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

kleo3333
Что значит - с возможностью карусели, Поясните ...

0

ВКонтакте alex__63

Поделиться582Чт, 15 Сен 2016 15:26:04

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

kleo3333 :glasses: Поскольку пример перестал открывацо - набросал свое

Код:

<div id="sm-isp">
   <div class="smsp-Ttl">Похожие Исполнители</div>

   <span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="картинка" /><span>текст</span></a>
   </span>

   <span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="картинка" /><span>текст</span></a>
   </span>

   <!--Размножаем -->

</div>

В Начало Своей страницы: (На которую ставим Код

Код:

<style type="text/css">
#sm-isp {
 width:100%;
 padding:20px 0;
 background:#F0B39E;
}
.smsp-Ttl{
 font-size:20px;
 color:#713922;
 margin:0 10px;
}
#sm-isp .SMsp-Ins a {
 width:200px;
 display:inline-block;
 margin:12px 10px;
}
#sm-isp .SMsp-Ins a >img{
 width:200px;
 height:100px;
}
#sm-isp .SMsp-Ins a >span{
 width:190px;
 height:30px;
 line-height:30px;
 padding:0 5px;
 background:#818086;
 color:#fff;
}
</style>

Картинки вставляем размером 200x100px, Надпись под картинкой желательно чоб умещалась в одну строчку
(*Отображение не тестил - Набросал навскидку

+1

ВКонтакте alex__63

Поделиться583Чт, 15 Сен 2016 15:45:01

Автор: kleo3333
Заслуженный
Зарегистрирован: Ср, 6 Фев 2013
Сообщений: 640
Уважение: +65
Позитив: +322
Последний визит:
Вс, 19 Мар 2023 13:08:59

Alex_63 написал(а):

с возможностью карусели, Поясните

Не знаю как правильно называется, но это с прокруткой, если много исполнителей похожих будет. Так-то мне надо по 2-3 похожих пихнуть, но некоторые будут и 6-7 и они уже не влезут без прокрутки.

О, спасибо Alex_63, очень круто, но можно привинтить прокрутку исполнителей или перещелкиватель какой ? Так было бы удобнее и при просмотре с планшетов..
:blush: Пожалуйста.

Можно самую обычную полосу прокрутки по типу как здесь http://565.mybb.ru/pages/pol

Сюда http://565.mybb.ru/pages/ooooooooooooooo
:blush:

Отредактировано kleo3333 (Чт, 17 Ноя 2016 11:54:54)

0

Поделиться584Чт, 15 Сен 2016 19:12:38

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

kleo3333 :glasses: Так пойдет ?

Код:

<div id="sm-isp">
 <div class="smsp-Ttl">Похожие Исполнители</div>
 <div class=smsp-Wrp>

   <span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/b6/0d0502d420f9085144a50665fe4e79b6.jpg" /><span>Nas</span></a>
   </span>
 
   <span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/64/eda2bc405200cb17208dbe696567f364.jpg" /><span>Poetry 'N Motion</span></a>
   </span>
 
<span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/11/a9549eee376121d440d5db31b1a96411.jpg" /><span>Rappers Meets World Again</span></a>
   </span>

<span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/9e/e86f8ce5e4e28ed7b2a5a090d5cd4c9e.jpg" /><span>Krazie Lewis</span></a>
   </span>

<span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/8f/e638f876bea7132002d03220af9f468f.jpg" /><span>Eminem Goes Around's</span></a>
   </span>

<span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/e4/f0060bcf3a0bdd18727feabb2ed5abe4.jpg" /><span>Suzy Mariko</span></a>
   </span>

<span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/8c/6256abbef854996a6a4e6969990c278c.jpg" /><span>Randy Anderwood</span></a>
   </span>

<span class="SMsp-Ins">
    <a href="http://ссылка/"><img src="http://i78.fastpic.ru/big/2016/0915/19/53951b5978c17a60d275cc5846195019.jpg" /><span>Machine Gun Kelly</span></a>
   </span>

   <!--Размножаем -->

 </div> 
</div>

Стиль замените на такой:

Код:

<style type="text/css">
#sm-isp {
 width:100%;
 padding:20px 0;
 background:#000000;
}
.smsp-Ttl{
 font-size:20px;
 color:#713922;
 margin:0 10px;
}
.smsp-Wrp {
 overflow-x:auto;
 width:100%;
 white-space:nowrap;
}
#sm-isp .SMsp-Ins a {
 width:200px;
 display:inline-block;
 margin:12px 10px;
 white-space: normal;
}
#sm-isp .SMsp-Ins a >img{
 width:200px;
 height:100px;
}
#sm-isp .SMsp-Ins a >span{
 display:inline-block;
 width:190px;
 height:30px;
 line-height:30px;
 margin-top:-2px;
 padding:0 5px;
 background:#818086;
 color:#fff;

}
</style>

Скрин:

+1

ВКонтакте alex__63

Поделиться585Пт, 16 Сен 2016 09:15:50

Автор: kleo3333
Заслуженный
Зарегистрирован: Ср, 6 Фев 2013
Сообщений: 640
Уважение: +65
Позитив: +322
Последний визит:
Вс, 19 Мар 2023 13:08:59

Alex_63 написал(а):

Так пойдет ?

О даааааааа!
Спасибо большое, просто сказка.

0

Поделиться586Пт, 16 Сен 2016 22:30:19

Автор: Oriel
Заслуженный
Зарегистрирован: Ср, 24 Авг 2016
Сообщений: 40
Уважение: +4
Позитив: +10
Последний визит:
Ср, 13 Дек 2017 13:07:05

Alex_63
Спасибо большое за скрипт со строкой активных, работает!

Скрипт для навигации всё ещё не даёт никаких результатов...

0

Поделиться587Сб, 17 Сен 2016 15:33:46

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Oriel написал(а):

Скрипт для навигации всё ещё не даёт никаких результатов...

Есть пример с установкой на форуме ?

0

ВКонтакте alex__63

Поделиться588Сб, 17 Сен 2016 16:39:25

Автор: Laqi
Стремящийся
Зарегистрирован: Вт, 13 Сен 2016
Сообщений: 5
Уважение: +3
Позитив: 0
Последний визит:
Пн, 3 Окт 2016 23:52:49

Alex_63 написал(а):

Есть пример с установкой на форуме ?

http://laqi.mybb.ru/ - вставка контента в псевдоэлемент :before не работает, почему-то.

+1

Поделиться589Сб, 17 Сен 2016 16:57:36

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Laqi
Да, не работает, СПС - потестирую - поправлю

0

ВКонтакте alex__63

Поделиться590Сб, 17 Сен 2016 18:44:56

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Oriel, Laqi
Вот Так должно работать: (В HTML верх

<style>
#pun-navlinks.hidden h2:before,
#pun-ulinks.hidden h2:before{
content:"\25bc";
}
#pun-navlinks.visible h2:before,
#pun-ulinks.visible h2:before{
content:"\25b2";
}
</style><script>
$(document).ready(function(){var L=$(document).width();if(L<541){
$("#pun-navlinks,#pun-ulinks").addClass("hidden").find("ul").hide();
$("#pun-navlinks,#pun-ulinks").find("h2").click(function(){
$(this).parent().toggleClass("visible").toggleClass("hidden");
$(this).next("ul").slideToggle("slow");});};});
</script>

===========================
Если нун на любом экране(а не ток на мелкоскринах) - то Так:

<style>
#pun-navlinks.hidden h2:before,
#pun-ulinks.hidden h2:before{
content:"\25bc";
}
#pun-navlinks.visible h2:before,
#pun-ulinks.visible h2:before{
content:"\25b2";
}
</style><script>
$(document).ready(function(){
$("#pun-navlinks,#pun-ulinks").addClass("hidden").find("ul").hide();
$("#pun-navlinks,#pun-ulinks").find("h2").click(function(){
$(this).parent().toggleClass("visible").toggleClass("hidden");
$(this).next("ul").slideToggle("slow");});});
</script>

0

ВКонтакте alex__63

Поделиться591Сб, 17 Сен 2016 19:01:10

Автор: Laqi
Стремящийся
Зарегистрирован: Вт, 13 Сен 2016
Сообщений: 5
Уважение: +3
Позитив: 0
Последний визит:
Пн, 3 Окт 2016 23:52:49

Alex_63
laqi.mybb.ru - Не работает. Копай в сторону bootstrap toggle navigation или же пример текущего мобильного стиля mybb.

0

Поделиться592Вс, 18 Сен 2016 12:22:47

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Laqi :glasses: У тьву и не заработает, пока не откроешь h2 (сейчас он скрыт), Oriel изначально просил под иное оформление(когда заголовки h2 показаны)
Добавь в HTML верх

<style>
.punbb #pun-navlinks h2,
.punbb #pun-ulinks h2{
font-size:12px;
height:auto;width:auto;
line-height:1.2em;
position:static;
}
</style>

0

ВКонтакте alex__63

Поделиться593Вс, 18 Сен 2016 15:55:03

Автор: Laqi
Стремящийся
Зарегистрирован: Вт, 13 Сен 2016
Сообщений: 5
Уважение: +3
Позитив: 0
Последний визит:
Пн, 3 Окт 2016 23:52:49

Alex_63
Я думаю, скрипт будет полезен для всех юзеров ибо сейчас многие сидят с мобильных.
Скриншот с lumia, браузер ie

Кстати, недавно тестировал моб. версию с iphone 4s (на текущем форуме), навигация не вмещается. Аппарат не самый новый, но им всё же пользуется львиная доля пользователей apple.

з.ы. во втором варианте строка var L=$(document).width(); лишняя.

Отредактировано Laqi (Вс, 18 Сен 2016 16:09:23)

+1

Поделиться594Вс, 18 Сен 2016 18:30:17

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Чт, 2 Май 2024 20:17:10

По последнему скрипту "Запрет простановки репутации (оценки поста) в некоторых форумах": как должна выглядеть строка параметров функции, если передаются не все из них? Например, если передается только ID темы и параметр минусов/плюсов?

Отредактировано Mirra Bell (Вс, 18 Сен 2016 18:30:45)

0

Поделиться595Вс, 18 Сен 2016 20:13:03

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Laqi
Ну мну с мобильного устраивает и без скрипта -дополнения,( тестил стандартный стиль из последних на экране < 540px - было вполне удобно, имхо уже это лишнее
По поводу отображения со скриптом, - ну под текущий стиль(Classic_DarkBlue) нун отдельно пилить правки к стилю, на форуме юзера(ссылку наверно не найду уже) - думаю будет норм без всяких правок

Laqi написал(а):

з.ы. во втором варианте строка var L=$(document).width(); лишняя.

СПС - поправил (Торопился

0

ВКонтакте alex__63

Поделиться596Вс, 18 Сен 2016 20:19:03

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Mirra Bell
Если нун прописать запрет в конкретную тему для всех юзеров, - прописываем ток идентификатор t с ID темы,(ну и по инструкции - если выключить ток минусы - перед идентификатором ставим минус, без пробелов
(*Меняем ток то, что в скрипте выделено красным, ну и настройку кол-ва постов, и размножаем строку при необходимости

0

ВКонтакте alex__63

Поделиться597Вс, 18 Сен 2016 21:42:24

Автор: Ezingrin
Заслуженный
Зарегистрирован: Вс, 18 Сен 2016
Сообщений: 31
Уважение: +6
Позитив: +2
Последний визит:
Пн, 4 Окт 2021 10:34:27

Доброго времени суток, уважаемые.

Пришла мысля на одном литературном форуме сделать удобный инструментарий для создания оглавления. После напряжения межушного ганглия, было принято решение сделать оглавление (там где оно будет включено) элементом выводимым над сообщениями темы. Путем ковыряния ломиком во внутренностях форума (в частности скрипта закладок), наиболее оптимальным мне показался вариант использования API storage.
Так к чему это я?
Можно по этому API получить немного более подробную информацию? (та, что я нашел в API MyBB, несколько устарела... Да и по API в целом было бы неплохо побольше узнать)
В частности как сохранять информацию для всех пользователей (в смысле в тех же закладках, как я понял, информация о пользователе передается ForumAPITicket, так?)?

Непосредственно с веб в целом и джаваскриптами в частности я почти не пересекаюсь и знаю их постольку-поскольку (но при наличии справочника могу написать что угодно :crazyfun: ), так что прошу прощения если сморозил какую-то глупость.
Заранее благодарю.

Отредактировано Ezingrin (Вс, 18 Сен 2016 21:45:32)

0

Поделиться598Вс, 18 Сен 2016 21:44:21

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10881
Уважение: +7300
Позитив: +5318
Пол: Мужской
Последний визит:
Сегодня 19:25:34

Ezingrin
http://mybb.ru/forumapi/
Как реализовано чтение - запись под конкретным юзером - мон посмотреть в скрипте закладок => http://forum4.ru/js/scripts/ru/bookmarks.18.js

0