Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)


Общие вопросы по оформлению (65)

Сообщений 1 страница 20 из 2001

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

2

Добрый день. Можно ли на основе этого кода - Скрипт для создания анкет (новая версия)
создать автоматическое заполнение определённого шаблона? То есть, я задаю какие-то пункты, таблицу и всё это заполняю как анкету, а потом всё выводиться в заданный шаблон?

0

3

Добра

скрины проблемы

http://funkyimg.com/i/2Rxhc.jpg
http://funkyimg.com/i/2Rxhd.jpg

можно ли как-то выпадающие списки скрыть под окно маски профиля?
пробовала z-index, не помог
но, возможно, я чето не доперла)) помогите, пожалуйста)

0

4

nata_an
Дайте тестовый ник-пароль под скрытый текст и ссылку на тему9 ибо под гостем не затестить
Собственно у Выпадающего списка в объяве нужно наверно уменьшить z-index   (убрать красное)

<!-- выпадающий список -->
<div style="position: absolute; margin-left: 6px; margin-top: -95px; z-index: 999999 !important;">
  <form>

Отредактировано Deff (Ср, 20 Фев 2019 04:47:44)

0

5

Lilyth
Можно... собственно будет типо Анкеты от  Вас, контент задаёте сами

0

6

Deff
спасибо) помогло

+1

7

И снова я бегу за помощью. Соединил два дизайна, проблем вроде бы не было, но при загрузке форума сначала появляется нижний фон он же Контент, потом сам форум, а после загрузки в верхнем правом углу остаётся маленькая тонкая полосочка. Как её убрать? Прилагаю скрин, ссылку, логин и пароль.
https://i.imgur.com/MVAVeqAm.png
Ссылка

Вход на форум

логин: Луч
пароль: DdHGhriG

Провёл тест. Ошибка появляется в браузерах Яндекс, Opera, Slimjet, Elements и браузере Superbird. Обидно.

Отредактировано Шустов Павел Николаевич (Пт, 22 Фев 2019 15:03:22)

0

8

http://acbuh.hutt.ru

возникла проблема: хотел иконки сообщений сделать полосочкой слева от подфорума, но при заходе в сам подфорум выглядит всё крайне убого. эту ситуацию как-то можно поправить? сделать что-то типа автоматической высоты для иконки или вовсе убрать иконки в подфоруме и оставить их только на главной?

скрин

https://pp.userapi.com/c847016/v847016380/1a9bd7/ikDKX3gfnHo.jpg

Добавлено спустя 4 минуты 46 секунд:
Опс. И ещё что-то где-то накрутил, в теме под профилем пропали ссылки на редактирование поста, лс, профиль и всё такое - проблему решил

Отредактировано dj_maximus (Пт, 22 Фев 2019 17:25:42)

0

9

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

возникла проблема: хотел иконки сообщений сделать полосочкой слева от подфорума, но при заходе в сам подфорум выглядит всё крайне убого. эту ситуацию как-то можно поправить? сделать что-то типа автоматической высоты для иконки или вовсе убрать иконки в подфоруме и оставить их только на главной?

Добавьте:

Код:
#pun-viewforum div.icon {margin-top: 0;}

+1

10

kolobdur74
Оооо, спасибо. Огонь получилось)

+1

11

Шустов Павел Николаевич написал(а):

Вход на форум

Ох, Пал Николаич, не рискуйте так - спрячьте данные хотя бы под замочек.
На форуме ЕТП народ хороший, но тут же и мимо-проходимцы бывают.

+2

12

Доброго времени. Возникла проблема. Добавила скрипт рамки на аватар, аватар уехал вправо. Тыкала все показатели, какие додумалась, добавляла новые, ничего не помогло. Отчаялась, прошу вас помочь.:

Код:
<!-- РАМКА В ПРОФИЛЕ-->
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
 opacity:0.7; /*Начальная прозрачность*/
  display:block;
  padding:0;
  border-width:0;
  margin:4px; /*Отступ рамки*/
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  transition-duration: 0.96s;
}
li.pa-avatar:hover .Wrp-ava img[src*="avatars"]{
  opacity:1.0;
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://funkyimg.com/i/2RE7H.png"; // Ccылка на картинку;

    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->
<!-------------------------------------------------------->

Форум: http://fyz.quadrobb.ru/viewtopic.php?id=1#p3

+1

13

lorem
Добавьте в код красным:

<!-- РАМКА В ПРОФИЛЕ-->
<style type="text/css">
li.pa-avatar {
  margin-left:-5px;
}

li.pa-avatar .Wrp-ava img[alt]{
opacity:0.7; /*Начальная прозрачность*/
  display:block;
  padding:0;
  border-width:0;
  margin:4px; /*Отступ рамки*/
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;

+1

14

Deff
огромное спасибо))) не туда прописывала))

+1

15

Добрый день! Не могу понять, в чем проблема. Идет "замыливание" картинки футера. подскажите, в чем проблема? как есть и как должно быть скрины прикладываю. адрес - http://immortals.f-rpg.ru

скрины

http://s5.uploads.ru/oJ8fg.png
http://sd.uploads.ru/oahmM.png

0

16

Trinity Wane
При центрировании ширина картинки и элемента должна быть четной! У Вас 1061px
Попробуйте без центрирования:

#pun-about p.container {
    background-color: transparent;
    background-image: url(https://i.imgur.com/CHNERET.png);
    margin-left: -41px;
    background-position: left top;
    background-repeat: no-repeat;
    width: 1061px;
    height: 179px;
margin-bottom:-23px;
}

Отредактировано Deff (Вт, 26 Фев 2019 15:59:07)

0

17

Deff
увы, не помогло(

0

18

Trinity Wane написал(а):

Добрый день! Не могу понять, в чем проблема. Идет "замыливание" картинки футера. подскажите, в чем проблема? как есть и как должно быть скрины

Вообще так не делается.. В дамскую сумочку запихиваем холодильник..

Уберите всё отсюда, кроме высоты:

/* Футер */
#pun-about p.container {
    background-color: transparent;
    background-image: url(https://i.imgur.com/TBBRQQY.png);
    margin-left: -41px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 1061px;
    height: 179px;
margin-bottom:-22px;
}

И замените это:

/* Контент */
#pun { background-color: #b9b0ab;
background-image: url("https://i.imgur.com/aXluyRP.png");
   background-color: transparent;
   background-position: center;
   }

На вот это:

/* Контент */
#pun {background: url(https://i.imgur.com/DiZWz6a.png) bottom center no-repeat, url(https://i.imgur.com/aXluyRP.png) center center repeat-y #b9b0ab;}

А потом уже настраивайте баннеры..

+3

19

Есть такой чудесный способ, чтобы цифру репутации поста переместить в указанное место?

скрин

https://i.imgur.com/SKoTPnz.jpg

+1

20

dj_maximus
Попробуйте в HTML верх:

<style>
.post {position:relative!important;}
.rating-vote {
  z-index:10;
  position:absolute!important;
  right:0;
  top:-33px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){$('.post .post-rating').each(function(){
var b = $(this).next('.post-vote');
if(b.length){ b.wrap('<div class="rating-vote"></div>');
$(this).prependTo($(this).next());}
else $(this).wrap('<div class="rating-vote"></div>');});});
</script>

Цифру красным - регулируем

+2

21

и еще раз можно вернуться к теме иконок сообщений: Общие вопросы по оформлению (65)
Ситуация на скрине повторяется в "новые сообщения" "активные темы" и т.д. это можно пофиксить?

0

22

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

и еще раз можно вернуться к теме иконок сообщений: Общие вопросы по оформлению (65)
Ситуация на скрине повторяется в "новые сообщения" "активные темы" и т.д. это можно пофиксить?

Добавьте (выделил красным):

#pun-viewforum div.icon, #pun-searchtopics div.icon {margin-top: 0;}

+1

23

Здравствуйте! Подскажите пожалуйста, а есть какой-то стиль или скрипт, чтобы при нажатии на слово в поле с сообщениями, всплывал поясняющий текст, вот как встроенный на форумах поясняющий текст, но мне именно контейнер надо, чтобы более стабильный, немножко покрупнее, можно было выделить что написано, и чтобы убирался при повторном нажатии, есть нечто подобное в закромах?  8-)

0

24

Энтерос
ищите подсказки в каталоге

0

25

Вопрос снят, в проблеме разобрался)

Отредактировано dj_maximus (Пн, 4 Мар 2019 11:21:18)

0

26

доброго) подскажите, пожалуйста
https://i.ibb.co/dmFYnwr/image.png
как сделать так, чтобы элемент :first-letter действовал на каждое слово? и на участники, и на профиль и тд
форум - http://chillpop.rusff.ru

0

27

бланш
попробуйте поставить !important

0

28

бланш написал(а):

как сделать так, чтобы элемент :first-letter действовал на каждое слово? и на участники, и на профиль и тд

Код:
#pun-navlinks a:first-letter {}

0

29

kolobdur74
так не срабатывает, пробовала (

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

бланш
попробуйте поставить !important

на какую позицию?

0

30

бланш написал(а):

на какую позицию?

после цвета

0

31

tartar1
так у меня цвет срабатывает, просто не на каждом слове, только на первом

Отредактировано бланш (Пн, 4 Мар 2019 23:55:22)

0

32

бланш написал(а):

так не срабатывает, пробовала (

А так:

#pun-navlinks li a span:first-letter {}

0

33

kolobdur74
тоже не работает

0

34

бланш написал(а):

тоже не работает

Этот псевдоэлемент работает только с блочными элементами.. Добавьте свойство: display: inline-block;.. Можно и к первому варианту..

0

35

kolobdur74
а куда нужно поставить дисплей?
а то я попробовала разные вариации и не вышло все равно (

0

36

бланш написал(а):

а куда нужно поставить дисплей?
а то я попробовала разные вариации и не вышло все равно (

#pun-navlinks a {
display: inline-block;
}

Отредактировано kolobdur74 (Вт, 5 Мар 2019 00:14:17)

+1

37

бланш, поправил выше в посту, а уже потом: #pun-navlinks a:first-letter {color: red;}

То есть придаем блочно-строчное свойство ссылке, а уже потом применяем к нему :first-letter.. По умолчанию ссылка и span - это строчные элементы..

Отредактировано kolobdur74 (Вт, 5 Мар 2019 00:17:27)

+2

38

kolobdur74
спасибо вам огромнейшее! сработало)

+1

39

вот скрипт окрас фона сообщений окрашивает только под текстом, а хотелось бы чтоб весь пост до краев

0

40

Помогите, плиз!

когда вставляю это в объявление:

Код:
<center><a href="http://holod.rusff.ru/viewtopic.php?id=19"><img src="https://i.imgur.com/E0uqYNB.png"</a>     <a href="http://holod.rusff.ru/viewtopic.php?id=20"><img src="https://i.imgur.com/kKcaQnE.png"</a>    <a href="http://holod.rusff.ru/viewtopic.php?id=60"><img src="https://i.imgur.com/NesNAMv.png"</a></center>

Всё тело форума становится кликабельным и ведет в тему - http://holod.rusff.ru/viewtopic.php?id=60
http://holod.rusff.ru/

0

41

<center><a href="http://holod.rusff.ru/viewtopic.php?id=19"><img src="https://i.imgur.com/E0uqYNB.png"></a>
    <a href="http://holod.rusff.ru/viewtopic.php?id=20"><img src="https://i.imgur.com/kKcaQnE.png"></a>
   <a href="http://holod.rusff.ru/viewtopic.php?id=60"><img src="https://i.imgur.com/NesNAMv.png"></a></center>

поправил

+4

42

tartar1
Спасибо! вижу, что не так теперь

+1

43

корцек

Красным добавки:

<center><a href="http://holod.rusff.ru/viewtopic.php?id=19"><img src="https://i.imgur.com/E0uqYNB.png"></a>     <a href="http://holod.rusff.ru/viewtopic.php?id=20"><img src="https://i.imgur.com/kKcaQnE.png"></a>    <a href="http://holod.rusff.ru/viewtopic.php?id=60"><img src="https://i.imgur.com/NesNAMv.png"></a></center>

+2

44

Скрипты от пользователей 1

еще вопрос - почему большая часть шрифтов не работает? та, что работает, к примеру, на других форумах, на моем выглядит так:
https://i.imgur.com/SLFbZWN.png
и это неправильное начертание шрифта, последние 4 штуки выглядят по-другому, а в форме ответа и при отправке выглядят одинаково не тем.

Deff
Да, я увидела эти скобки, спасибо))

Отредактировано корцек (Вт, 19 Мар 2019 14:47:02)

0

45

корцек
Чтобы скрипты работали нун сначало загрузить шрифт на форум...
Ленивый вариант загрузка через Гуглефонт...
Там в самое начало стиля (или в тег <style> в HTML верх);
Вставляется чот наподобие такого:
@import url('https://fonts.googleapis.com/css?family=Bigshot+One|Oleo+Script+Swash+Caps'); //Красным - названия подгружаемых шрифтов

Лучше спросить код для загрузки на установленных форумах с нужным шрифтом ( или втам где брали скрипт)

Отредактировано Deff (Вт, 19 Мар 2019 15:11:14)

+3

46

Deff
нашла эту штуку на рено. буду пытаться, спасибо)

и вы уж простите меня за доставучесть. осваиваю сейчас что получается, ибо больше некому. сразу несколько вопросов, которые больше всего беспокоят по оформлению:

1. Разное расстояние между подфорумами. Что за это отвечает, как отрегулировать?

https://i.imgur.com/Zyw6pwZ.jpg

2. Странные полоски, которые дизайнер не смог убрать к сожалению.

https://i.imgur.com/vgciHGJ.png

3. Как можно отцентрировать по вертикали текст в названиях категорий?

https://i.imgur.com/9bCsZKe.png

4. Как немного отодвинуть (буквально на 3-6 пикселей) текст в сообщении от аватара в правую сторону?

https://i.imgur.com/XMuO38i.png

5. И последнее - как сделать этот текст не жирным и гораздо мельче? (Профиль, лс, е-майл, поделиться, удалить, редактировать)

https://i.imgur.com/LzSE3q9.png

http://holod.rusff.ru

0

47

Я не профи, поэтому рекомендую то, как бы сделал сам

корцек написал(а):

1. Разное расстояние между подфорумами. Что за это отвечает, как отрегулировать?

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0px;
  margin-bottom: 13px;
  }

Это если хотите, чтобы у вас было +- одинаковое расстояние сверху и снизу

корцек написал(а):

2. Странные полоски, которые дизайнер не смог убрать к сожалению.

Может Вы уже решили эту проблему, но у меня нет никаких полосок оО

корцек написал(а):

3. Как можно отцентрировать по вертикали текст в названиях категорий?

/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: block;margin-top: 2px;}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

корцек написал(а):

4. Как немного отодвинуть (буквально на 3-6 пикселей) текст в сообщении от аватара в правую сторону?

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0.4em 0 0.4em 0.3em;
  line-height: 150%;
  }

корцек написал(а):

5. И последнее - как сделать этот текст не жирным и гораздо мельче? (Профиль, лс, е-майл, поделиться, удалить, редактировать)

Просто удалите последнюю строчку:

/* C3.15 */
.punbb .post-links ul {
    padding: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    /* font-weight: bold; */
}

+1

48

А у меня вопрос такой: имеется ли скрипт, который перекидывает на пост в теме, а не открывает его в новой вкладке?
К примеру, если в первом сообщении темы сделать ссылки на посты в этой же теме, то они все будут открываться в новых вкладках. Есть такая магическая штука, которая бы работала как навигатор по теме и не перекидывала на дополнительные вкладки?

0

49

dj_maximus
Мож это ? Скрипты от пользователей 3 (вот тут последне поправленный вариант Запросы по скриптам[9]

Отредактировано Deff (Чт, 21 Мар 2019 13:16:19)

0

50

корцек написал(а):

1. Разное расстояние между подфорумами. Что за это отвечает, как отрегулировать?

корцек написал(а):

3. Как можно отцентрировать по вертикали текст в названиях категорий?

По этому вопросу, в нижнем окне стиля найдите этот код и регулируйте выделенные цифры:

#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(http://forumstatic.ru/files/001a/02/1b/46933.jpg);
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    margin: 0px -11px 16px; /*категория - отступ от верхнего, правого, нижнего и левого края*/
    background-repeat: no-repeat;
    padding: 9px 0 0px 0px; /*сдвиг текста в названии категории*/
    background-position: top center;
    border: none;
    height: 32px;
    font-size: 12px !IMPORTANT;
    letter-spacing: 0.6px;
    width: 912px;
    color: #e1e2f4 !important;
    text-align: center;
}

+3

51

попробую, спасибо

а как увеличить общий размер шрифта только в постах?  только в написанной части

Отредактировано корцек (Пт, 22 Мар 2019 17:23:19)

0

52

Здравствуйте. Искала по поиску, у многих такая же проблема, но решения нигде не увидела.

С телефона, форма ответа, когда начинаешь вводить текст перекрывает кнопки "отправить" и "посмотреть" невозможно отправить сообщение.

пример скрина

https://i.imgur.com/p1nuWMtm.jpg

+1

53

Эйфория написал(а):

Здравствуйте. Искала по поиску, у многих такая же проблема, но решения нигде не увидела.

С телефона, форма ответа, когда начинаешь вводить текст перекрывает кнопки "отправить" и "посмотреть" невозможно отправить сообщение.

пример скрина

Смотреть надо. Ссылку на тему, с возможностью написать пост гостю..

0

54

Эйфория
код втоой кнопки отправить сверху

<!-- кнопка отпр -->
<script type="text/javascript">
$('<div style="padding-left: 5px;"><input type="button" class="button" value="Отправить" accesskey="s" title="Accesskey:s" onclick="$(&quot;#post input[name=\'submit\'][value=\'Отправить\']&quot;).click()"/></div>')
.prependTo('#post p.areafield.required');
</script>

красно -отступ слева

Отредактировано tartar1 (Вс, 24 Мар 2019 13:55:19)

0

55

-

Отредактировано корцек (Вс, 24 Мар 2019 16:06:48)

0

56

корцек написал(а):

увеличить общий размер шрифта только в постах?  только в написанной части

.post-content {
font-size: 22px;
}

+1

57

корцек
Есть такой скрипт => Регулировка размера шрифта в постах бегунком

0

58

Эйфория написал(а):

Здравствуйте. Искала по поиску, у многих такая же проблема, но решения нигде не увидела.

С телефона, форма ответа, когда начинаешь вводить текст перекрывает кнопки "отправить" и "посмотреть" невозможно отправить сообщение.

пример скрина

Попробуйте такой код в Конец Первого Окна Стиля:

textarea {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

+2

59

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

Попробуйте такой код в Конец Первого Окна Стиля:

Спасибо большое!

У меня еще вопрос.  Весь день мучилась, коды по кусочкам переставляла чтобы найти где причина, но так и не поняла. Есть Форум - через мобильный в теме сообщений (без мобильной версии) он выглядит так:

скрин

https://i.imgur.com/QaalKCx.png

Не нравится что шрифт сообщений, некоторые ссылки, в том числе путь к сообщению, увеличены по отношению к остальному.

И есть тестовик  который я сегодня мучила Ссылка.  Он почему-то с мобильного выглядит отлично, как я и хочу.

скрин

https://i.imgur.com/AdbxhFd.png

Все коды стиля, и скрипты в настройках перекопированы один-в один. Не могу понять, это особенность rolebb?  или какие-то настройки, отключение рекламы может...

0

60

Эйфория
Пробуйте

body {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

Или

html {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

Возможно ещё подкрутить %

+1

61

Deff
с body все встало, спасибо!

+1

62

Здравствуйте, еще раз. Решила сделать на форуме магазин.  Игроки за монеты, которые будут получать за активность, смогут покупать разные предметы персонажу. Есть ли сейчас какое-то решение для подобного? Скрипты может какие. Если нет, и все по прежнему в ручную делается, нашла тут замечательный пример.  Ссылка

Могли бы вы мне помочь такую таблицу сделать. Без оформления, чтобы просто было понятно куда свои блоки div пихать с товарами.  Достаточно две-три вкладки слева.

0

63

Добрый день. Можно ли как-то панель навигации (та что "форум, участники, поиск, профиль и т.д") перенести и зафиксировать допустим справа или слева форума?

0

64

март, ссылку на форум

Эйфория, спросите у pusheen. в личке, думаю она поделится  :flag:  (Ксать она бывает и на Рено

0

65

вопрос исчерпан

Отредактировано Кэролайн Джоанн Сандерс (Вс, 7 Апр 2019 18:51:30)

0

66

Здравствуйте. Подскажите, как можно из этого меню "скрыть" некоторые пункты?

https://funkyimg.com/i/2SZRY.jpg

Отредактировано Riya (Пн, 8 Апр 2019 21:18:25)

0

67

Riya

#addition-area>div[onclick]:nth-child(5),
#addition-area>div[onclick]:nth-child(6){
   display:none;
}

Проще поставить прокрутку:

#addition-area {
  overflow:hidden;
  overflow-y:auto;
height: 243px;
}

+1

68

Deff
Спасибо. Поняла принцип действий) Мне надо именно скрыть одну функцию, чтобы пользовались только АМС, зная теги.

0

69

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

Спасибо. Поняла принцип действий) Мне надо именно скрыть одну функцию, чтобы пользовались только АМС, зная теги.

Можно скрыть ток для юзера

#pun:not(.gid1):not(.gid2)  #addition-area>div[onclick]:nth-child(6){
   display:none;
}

+1

70

Deff
а можно эти дополнительное меню перенести на середину? а то у меня экран маленький

0

71

tartar1
В HTML верх:

<style>
  .punbb #post div[id$="-area"] {
  left:40%!important;right:auto!important;}
  </style>

Отредактировано Deff (Вт, 9 Апр 2019 16:40:12)

+1

72

Здравствуйте!
При просмотре с мобильных устройств форум съезжает в сторону. Подскажите пожалуйста, как можно исправить проблему.
Форум

скрин

https://i.imgur.com/5HEFFEEl.jpg

0

73

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

При просмотре с мобильных устройств форум съезжает в сторону. Подскажите пожалуйста, как можно исправить проблему.

У вас ширина у таблицы лого:

#pun-title table {
border: none;
height: 0px;
margin-left: -551px;
width: 1900px;
height: 600px;
}

При ширине самого форума:

/* A5.2 */
.punbb {
  float: none;
  width: 780px;
  height: auto;
  padding-left: 3px;
margin-left: 105px;
padding-right: 13px;
  }

Поэтому у вас и будет в мобилке тоже ширина 1900, а отсчет слева начинается не так как у вас нахимичино, а с реальной ширины:

#pun { background-image : url("http://forumstatic.ru/files/0014/b5/22/88808.png");
width: 1000px!important;
background-repeat: repeat;
background-position : center;}

В переводе - в этом дизайне нельзя сдвинуть для мобильных стилей по центру форум, надо делать отдельный стиль для мобильных устройств.. Кстати, кто это верстал если не секрет?

+1

74

kolobdur74, благодарю за разъяснение!
Дизайном занималась одна из участниц проекта.

+1

75

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

Дизайном занималась одна из участниц проекта.

Ну, скажите ей, что по законам физики в меньшее положить большее без последствий не получится, вот что имею ввиду:
https://i.imgur.com/PajKPdR.png
То что голубым реальная ширина форума, и именно от голубой границы слева и начинает отсчет в мобильных устройствах, а вот:
https://i.imgur.com/XoVmu5f.png
Это ширина, которая находится внутри, и логично, что она будет рвать форум и растягивать на данную ширину и в мобильном устройстве.. Так как в верстке странных приколов много, то без полной переработки выравнять форум в мобильных устройствах не вижу возможности, поэтому логично, что для мобильных устройств лучше сделать отдельный дизайн.. По мобильным дизайнам: Мобильный дизайн "Приложение". Установка сложная. и Библиотека Device.js или о мобильных дизайнах - на основе можно и самим дизайны делать..

+1

76

Estar, ну еще вот такую заплатку можно попробовать поставить для мобильных устройств:

Код:
@media screen and (max-width: 540px) {
#pun-title table {
background-image: none;
width: 780px;
}
}

Отредактировано kolobdur74 (Вс, 14 Апр 2019 18:32:43)

+1

77

kolobdur74, да, полностью переработать вряд ли получится, к сожалению. Сам код стиля дошел до нас с давних времен, потому страшно представить, сколько его видоизменяли за это время. Я, увы, не настолько хорошо разбираюсь, чтобы безошибочно переписать всю структуру...
Спасибо ещё раз, что так подробно всё объяснили!

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

По мобильным дизайнам: Мобильный дизайн "Приложение". Установка сложная. и Библиотека Device.js или о мобильных дизайнах - на основе можно и самим дизайны делать..

Благодарю, изучу в ближайшее время, чтобы решить нашу проблему)

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

ну еще вот такую заплатку можно поставить для мобильных устройств:

Сейчас попробую добавить

+1

78

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

Благодарю, изучу в ближайшее время, чтобы решить нашу проблему)

Только сначала пробуйте на тестовых форумах, и не забывайте сделать полный бэкап всех кодов и стилей с вашего форума..

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

Сейчас попробую добавить

Если не сработает, попробуйте так:

Код:
@media screen and (max-width: 540px) {
#pun-title table {
background-image: none !important;
width: 780px !important;
}
}

+1

79

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

Если не сработает, попробуйте так:

kolobdur74, оно приблизило, но при заходе в тему это приближение пропало. Попробовал несколько раз и в структуру поставить, и в цвета, проверял, но в цветах код вообще никак себя не проявлял

0

80

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

оно приблизило, но при заходе в тему это приближение пропало. Попробовал несколько раз и в структуру поставить, и в цвета, проверял, но в цветах код вообще никак себя не проявлял

Скриншот как получается..

0

81

kolobdur74, после первого обновления приблизилось (1 скрин), после захода тему перестало работать и восстановилось, как раньше

скрины

https://i.imgur.com/TlyNS6Om.jpg
https://i.imgur.com/oRgwmZFm.jpg

Отредактировано Estar (Вс, 14 Апр 2019 19:08:47)

0

82

Deff
а где скрипт подгрузки шрифтов?
пож

0

83

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

после первого обновления приблизилось (1 скрин), после захода тему перестало работать и восстановилось, как раньше

У вас есть тестовый форум? Перенесите туда весь стиль и все коды из Админки и скиньте в ЛС ник пароль с админ правами, и адрес тесового форума - гляну что можно сделать, тем более что вам надо поправить НТМЛ верх, у вас там тоже перкосячено..

0

84

tartar1
Вы большой мальчик, у Гугла есть все ответы! http://help-ru.tilda.ws/fontsgoogle

В HTML верх (см Ссылку Выше, в @import url() найденные нужные шрифты

<style>
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:100,300,400,700');
</style>

В Форму ответа:

<!-- //Свои шрифты/ -->
<script type="text/javascript">
if ($('#post').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Alegreya');
ft_f.push('Antonella');
ft_f.push('AnonymousPro');
...

for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

+1

85

Deff
есть скрипт скрытие инфы под аватаром

<script>
function HideInfo(id,but){
if(but.value=="+"){
  but.value = "-";document.getElementById(id).style.display = ""}
else{
  but.value = "+";document.getElementById(id).style.display = "none"}
  return false}

d = document.getElementsByTagName("div")

for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='+'><br><div id='info"+i+"' style='display:none'>"+t.substring(j,t.length)+"</div>"}}
</script>

но он не работает что не так?

0

86

tartar1
Поставь лучше длинный, он надежный! => Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика

+1

87

Deff
ав от же заклдурка Скрипты от пользователей 3 для копирования
а ссылки нет

0

88

tartar1
Давно не работает!

0

89

Deff
а как сделать чтоб подпись под гостем была видна?

0

90

tartar1
Никак, если посмотреть тут по поиску - был где-то: подпись по умолчанию(идентичная) у всех

+1

91

Добрый день. Возникла такая проблема - награды наползают на рамку профиля чуть чуть. Можно их как-то скучковать?)

скрин

http://s9.uploads.ru/2e6yC.png

http://novacross.rusff.ru/ - форум.)

0

92

Trinity Wane написал(а):

Возникла такая проблема - награды наползают на рамку профиля чуть чуть. Можно их как-то скучковать?)

Либо уменьшите размер картинки здесь:

<img style="max-width: 40px; max-height: 40px; width: auto; height: auto;" src="http://funkyimg.com/i/2ceMB.png" alt="155" title="155: очень милому и приятному собеседнику :3">

Либо в НТМЛ верх:

Код:
<style>
.mini_awards img {
max-width: 30px !important;
max-height: 30px !important;
}
</style>

0

93

Trinity Wane

.mini_awards{
display: block!important;
margin-left:10px;
padding:0!important;
max-width:193px!important;
}

Вот эти шрифты нужно перезалить к себе на форум

/* A1.1 */
  @import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/arimo.css";
@import "http://fonts.fontstorage.com/import/museosanscyrl.css";
@import "http://fonts.fontstorage.com/import/lato.css";
@import url(http://allfont.ru/allfont.css?fonts=yeseva-one);

Ибо грузятся минутами( или загружать с гугле-фонт

https://i.imgur.com/XjsXC1Q.jpg

Отредактировано Deff (Вт, 16 Апр 2019 15:13:18)

+1

94

Deff
а можно стрелочку дополнительного меню в форме ответа перенсти на середину или в начало?( там где ХТМЛ, Добавлено и др.)
очень досадно экран прокручивать,у меня 800/600

0

95

tartar1
тестовый юзер ник пароль в личку и ссылку на форум  :flag:

0

96

У меня очень странный вопрос. Не знал, куда его отнести, отнес к оформлению. Можно ли как-то сделать так, чтобы вот конкретно у меня в конкретном браузере на форуме был скрыт определенный раздел или разделы, которые я не хочу видеть?) Точнее так - возможно ли это сделать, не прибегая к услугам администрации форума, то есть вписать этот скрипт себе в браузер?

0

97

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

У меня очень странный вопрос. Не знал, куда его отнести, отнес к оформлению. Можно ли как-то сделать так, чтобы вот конкретно у меня в конкретном браузере на форуме был скрыт определенный раздел или разделы, которые я не хочу видеть?) Точнее так - возможно ли это сделать, не прибегая к услугам администрации форума, то есть вписать этот скрипт себе в браузер?

Ни знаю, ранее в браузерах можно было блокировать конкретные ссылки. сейчас имхо только домены(поддомены целиком)... Хотя можно погуглить по конкретному браузеру

Запрос типо: Как заблокировать конкретную страницу сайта

Отредактировано Deff (Вт, 23 Апр 2019 16:59:21)

0

98

Deff. спасибо -) но жаль, что чит-кода нет хд

0

99

Добрый день!
Походила по темам, но конкретики для решения проблемы так и не нашла. Направьте, пожалуйста, в нужную тему, где разъясняется, как сделать дизайн форума адаптивным под разные разрешения мониторов или же это должны быть сугубо индивидуальные скрипты/значения?
Заранее спасибо.

0

100

Nikotinka
Наверно можно обозвать - как сделать "резиновый" дизайн? (адаптивным под разные разрешения мониторов)
Где-то есть ту на ЕТП - но думаю быстрее подскажут сторожилы.

0

101

Nikotinka
стандартные дизайны адаптированы

0

102

Здравствуйте.
Подскажите, как подфорумы перенести в описание форума?
https://funkyimg.com/i/2TG95.jpg
Описание форума таким кодом:

<div class="forumtext">По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.</div>

?  СЮДА ПОМЕСТИТЬ SUBFORUMS

<div class="forumlink">
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a></div>

скрины

https://funkyimg.com/i/2TG9f.jpg
https://funkyimg.com/i/2TG9g.jpg

Или же с главной страницы скрыть подфорумы (скриптом скрытия разделов, например), но на странице тем чтобы они оставались видны в списке?

Форум

Отредактировано Riya (Вс, 5 Май 2019 16:21:19)

0

103

Riya
Поправьте в ФШ скриншот одного из форумов с пдфорумами на главной, как должно выглядеть в итоге ?

+1

104

Deff
https://funkyimg.com/i/2TGsn.jpg

+1

105

Riya
В HTML верх:

Код:
<script type="text/javascript">
$().pun_mainReady(function(){$('#pun-index .subforums').each(function(){
 $(this).appendTo($(this).parent('.tclcon').find('.forumtext'));});});
</script>

+3

106

Deff
Спасибо вам огромное, вы чудо! Я так долго ковырялась, но ничего не вышло. А вы в который раз спасаете!

+2

107

Здравствуйте! Не могу найти, как изменить цвет рамки поля ввода текста при его выделении.  По умолчанию он синий. 
https://i.imgur.com/xzMeLJzm.jpg

0

108

Эйфория

textarea:focus{
  outline:red solid 1px!important;
}

+2

109

Доброго времени! Попыталась сделать таблицу, которая появлялась при наведении на шапку на саму картинку, но она не работает как надо, а после парочки изменений значения opacity вообще работать перестала. Что нужно сделать, чтобы она заработала? Помогите, пожалуйста т.т
Ссылка на форум: http://jnytxtujltkfnm.0pk.ru

Код:
.invisibleTable {
  visibility: hidden;
  opacity: 0;
}

.invisibleTable:hover {
  visibility: visible;
  opacity: 1;
  position: absolute;
  z-index: 100;
  transition: 1s;
}
Код:
<div class="invisibleTable" style="background: #e9dfd3;position:absolute;z-index:100;margin-top: 60px;margin-left: 258px;width:395px;height:235px;">Текст, текст, текст...</div>

0

110

Эвелина Шайн
Замените:

Код:
.invisibleTable {
  position: absolute;
  border-radius:3px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: 1s;
}
 
#html-header:hover .invisibleTable {
  visibility: visible;
  opacity: .982;
}
Код:
<div class="invisibleTable" style="background: #e9dfd3;position:absolute;z-index:100;margin-top: 37px;margin-left: 4px;width:395px;height:206px;">Текст, текст, текст...</div>

Отредактировано Deff (Вт, 28 Май 2019 18:41:15)

+2

111

Deff
То что надо. Спасибо вам большое!

+1

112

Эвелина Шайн
Если создать полностью прозрачную картинку размером с  http://sg.uploads.ru/Da7GH.jpg и надвинуть её на эту картинку
, то тогда этот див будет появляться и при наведении на эту картинку

Чтобы видеть как двигать, установите на прозрачку временно border:red solid 1px;

0

113

Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?

0

114

Deff
Хмм, это будет хорошей идеей. А как туда вставить эту картинку?

+1

115

Эвелина Шайн
Добавьте к вашему коду, - красным

<div style="position:absolute;z-index:10;margin-top: 45px;margin-left: 230px;width:500px;height:190px;"></div>
<div class="invisibleTable" style="background: #e9dfd3;position:absolute;z-index:100;margin-top: 45px;margin-left: 230px;width:500px;height:190px;">Текст, текст, текст...</div>

+1

116

Deff
Хорошо, спасибо вам)

0

117

bektau
Знаю, что можно.
Но, поскольку я чайник, могу просто поделиться примером - мне делали новогоднюю шапку-картинку:
в Html-верх:

Свернутый текст
Код:
<style>
#pun-title .title-logo {
display:none;
}

#pun-title table {
background-image:url(http://forumstatic.ru/files/0013/61/d9/24838.png);
background-position:center top;
background-repeat:no-repeat;
height:250px;
}

#pun-navlinks .container {
margin-top:-245px;
margin-bottom:240px;
}

#pun-ulinks .container{ 
margin-top:-15px;
}
</style>

Картинку вставляете свою вместо http://forumstatic.ru/files/0013/61/d9/24838.png

Про текст - сорри, не знаю, как.
Но точно - можно.

+1

118

bektau
ПС
может (скорее всего) потребоваться подгонка по высоте - месту:

background-position:center top;
height:250px;
margin-top:-245px;
margin-bottom:240px;
margin-top:-15px;

поиграйте с цифрами

Отредактировано Dango (Ср, 29 Май 2019 19:25:46)

+2

119

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

Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?

Да, выложите ссылку на картинку и ссылку на форум

+3

120

Deff написал(а):
bektau написал(а):

Можно оставить стандартный стиль оформления, но вставить свою шапку и надпись в шапке?

Да, выложите ссылку на картинку и ссылку на форум

Спасибо, я уже сделала)

+1

121

А теперь такой вопрос, как поменять вот этот цвет, какой правильный хэштег написать?

#??? {
background: rgb(210, 215, 224);
}

http://images.vfl.ru/ii/1559182603/8458e93a/26706457.jpg

Форум: http://perscitium.mybb.ru/

Отредактировано bektau (Чт, 30 Май 2019 05:20:55)

0

122

bektau
1-е, чтобы при стандартных стилях, форум выглядел у Всех одинаково и в том же стиле, что и у Вас, необходимо в Администрировании-НАстройки выбрать:
Стиль пользователя   Нет

Иначе, меняя цвет, Вы можете сделать профиль в теме у других пользователей не читаемым,(У меня под гостем совсем другой стиль)

2-е - Поясните подробнее, Вы хотите менять цвет шрифта или фона Профиля?

//Cправочник: FAQ по дизайну форума в CSS

Отредактировано Deff (Чт, 30 Май 2019 06:34:08)

+2

123

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

bektau
1-е, чтобы при стандартных стилях, форум выглядел у Всех одинаково и в том же стиле, что и у Вас, необходимо в Администрировании-НАстройки выбрать:
Стиль пользователя   Нет

Иначе, меняя цвет, Вы можете сделать профиль в теме у других пользователей не читаемым,(У меня под гостем совсем другой стиль)

Да, я так сделала.

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

2-е - Поясните подробнее, Вы хотите менять цвет шрифта или фона Профиля?

//Cправочник: FAQ по дизайну форума в CSS

Цвет фона.

0

124

bektau
Попробуйте так:

.punbb .post .container {
   background:#D2D6DE
}

+3

125

Здравствуйте, прошу помощи у вас, у меня вот такая проблема. http://bogneprohodinmimo.mybb.ru/

тут:)

Часики  внизу, а хотелось бы сверху или с боку.
https://i.imgur.com/jZNWErB.png

Слова форум, участники ,правила,поиск ,профиль . сообщения, админка, выход. хотелось бы чтоб под шапкой и по центру.
https://i.imgur.com/Zh6w3Ce.png

Отредактировано Сьюзен (Чт, 30 Май 2019 08:40:13)

0

126

Сьюзен написал(а):

Часики  внизу, а хотелось бы сверху или с боку.

вставьте в объявление

+1

127

tartar1 Благодарю вас! пойду переставлять.

0

128

https://7img.net/users/4012/74/46/51/smiles/2897681766.gif Часики на месте))
Интересно, а можно будет там ещё и объявление  какое то написать? :blush:

Отредактировано Сьюзен (Чт, 30 Май 2019 09:02:01)

0

129

Сьюзен
https://filyanin.ru/vizualnyy-html-onlayn-redaktor.html
вот напишите сформатируйте текст, и вставьте код в объявление

0

130

Благодарю вас.

0

131

вы вставьте текст в объявление а я отформатирую. создам таблицу

0

132

https://i.imgur.com/SvwZPLD.png
здравствуйте, как решить данную проблему?
с браузера файрфокс всё нормально стоит, а вот с гугл хрома нет
http://boogyrabbit.rusff.ru/
впрочем у футера такая же проблема

Отредактировано kochichiko. (Чт, 30 Май 2019 17:35:21)

0

133

kochichiko., пробуйте поменять в стиле на красное

#pun-stats.section h2 {background: url(https://i.imgur.com/4I1NeES.png) no-repeat 0 0;height: 107px;width: 969px;margin-left: -27px;font-size: 0px !important;font-family: Tahoma;color: transparent;}

/* Категории
------------------------------------------------------------- */
#pun-stats.section h2 span, .category h2 span {
}
#pun-category1.category h2 {
background: url(https://i.imgur.com/Eq1vSpH.png) no-repeat 0 0;
height: 107px;
width: 969px;
margin-left: -27px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}

Ибо картинки с нечетной шириной центрируются разными браузерами по разному ( куда девать неделимые полпиксела для центровки ? Один браузер двигает влево, другой -вправо

Отредактировано Deff (Чт, 30 Май 2019 19:59:12)

+3

134

Deff
спасибо за ответ!
скажите, а что делать вот с этой проблемой?
https://i.imgur.com/Vt1rb3Em.png
добавила тоже в no-repeat 0 0, так как в гугле футер тоже смещался, но осталась вот такая линия

0

135

https://i.imgur.com/AHvHO6Tm.png
и как поднять вверх вот это?

0

136

https://i.imgur.com/5kuDZLom.png
и где убрать вот этот отступ?

0

137

kochichiko. написал(а):

добавила тоже в no-repeat 0 0, так как в гугле футер тоже смещался, но осталась вот такая линия

Добавьте красным:

/* CS1.0F ФУТЕР */
#pun-about p.container {
background-image : url(https://i.imgur.com/ZLy7pas.png);
background-position : center top;
background-repeat :  no-repeat 0 0;
height : 154px;
width: 1920px;
margin-left: -502px;
text-align: center;
border: 0 none transparent!important;
margin-bottom: -8px;
font-size:0 !important;
}

+1

138

kochichiko. написал(а):

https://i.imgur.com/5kuDZLom.png
и где убрать вот этот отступ?

/* D5.2 */
#pun-status .container {
  margin-top: 560px;
  padding: 0.8em 1em 1em 1em;

  text-align: center;
  }

Цифру красным поправьте ( я думаю она в пределах 12-22px)

+1

139

Deff
спасибо!
а 135 пост?

0

140

kochichiko.
Найдите красное:

/* C3.9 */
li.pa-title {
padding-top: 20px;
padding-bottom:14px;
vertical-align:top!important;
margin-left: -5px;
font: normal normal 400 11px/12px 'roboto condensed',Verdana;
letter-spacing: 1px;
text-transform:lowercase;
color: #ffffff;
text-shadow: #000 1px 1px;
}
@-moz-document url-prefix() {
   li.pa-title {
   padding-top: 14px;
}}
.pa-ip {
  margin-top: 8px;
  }

#pun th { font-size:0 !important;}

#topic-users-in {margin-top: 10px; }

Замените на такое:

#topic-users-in {
margin-left: 32px;
margin-top: 60px;
}

Осваивайте Инструменты для поиска и редактирования стиля (скриптов).  тогда не нужно будет просить и кланяться  :flag:
(По правой кнопке на элементе и показать код будете видеть стиль и иные свойства элемента и его стиль в Своём стиле)

Отредактировано Deff (Пт, 31 Май 2019 19:27:59)

0

141

Deff
хорошо)) спасибо

-1

142

Добрый день. Вопрос такой: Как можно убрать лишнее расстояние в fld1 и fld2 в верхней части? Хотелось бы плотнее эти поля друг к другу

http://cheshir.artbb.ru/viewtopic.php?id=1#p1

0

143

dj_maximus

Ссылка, по которой Вы пришли неверная или устаревшая.

+1

144

Mirra Bell
поправил

+1

145

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

Добрый день. Вопрос такой: Как можно убрать лишнее расстояние в fld1 и fld2 в верхней части? Хотелось бы плотнее эти поля друг к другу

В fld2 уберите верхний тег <br>, да и в fld1 он тоже лишний.. Вообще лучше регулировать расстояние через css, чем использовать тег <br>..

+2

146

Доброго времени суток)

Есть ли способ сделать отображение форума при просмотре с моб.телефона сразу в ПК-версии? Я просто видел много форумов, на которые захожу с телефона (при этом самостоятельно у себя не переключая на опцию "Версия ПК"), но отображается она сама сразу.
Зашел на свой форум (да, я отключил там моб.стиль т.к. он мне не нравится. Может есть новая какая-то версия, но я ее не нашел. Читал по поиску, но не разобрался самостоятельно),
более-менее нормально отображается, разве что эта самая вроде ПК-версия у меня в реальном размере вылетает и приходится ее пальцами уменьшать. У других сайтов сразу всё полотно форума в мелком виде под размер экрана. Правда тогда надо увеличивать).

И два стиля - фиолетовый и коричневый, ужимает наполовину, оставляя пустую полосу с фоновой картинкой. Не знаю что там подправить надо.
http://curama.mybb.ru/

0

147

dj_maximus
Администрирование-Поля Профиля, Поле принадлежность: - заполнение поля: Cправо от названия
Аналогично и с полем Инфа:

Вы же убрали названия поля скриптом, смысл в переводе строки ? Инфв под пустой строкой - в итоге  пустая строка в начале Доп.поля

Отредактировано Deff (Пн, 3 Июн 2019 21:32:46)

+2

148

kolobdur74
Я не особо понял про какой конкретно <br> тег идёт речь...

Deff
Спасибо большое, помогло.

И ещё вопрос: есть ли возможность в HTML сделать эффект кода [аbbr=""][/аbbr]? В том же профиле, в разделе информации, чтобы при наведении на слово, выдавалась информация по этому слову

И ещё вопрос о том, как изменить цвет ссылок только в профиле, не затрагивая HTML, а через CSS?

Отредактировано dj_maximus (Вт, 4 Июн 2019 07:30:28)

+1

149

dj_maximus
Вот тут написано как это сделать, даже как оформить стиль выводимой информации

+2

150

Скажите пожалуйста как убрать статистику форума на главной странице, просто очень мешает

Отредактировано blenzyt (Чт, 6 Июн 2019 06:48:04)

0

151

blenzyt
Убрать всю или только отдельные показатели? Если всю, то в низ второго окна стиля

#pun-stats {
  display: none;
}

0

152

Здравствуйте! А мне так хочется, чтобы в верхней части форума была гирлянда из цветов и и шла бегущая строка с приветствием ...Это возможно?
http://rru55.ixbb.ru/

0

153

Добрый вечер, знатоки ! Как сменить картинку на главной странице?  Спасибо.
http://waytothelight.mybb.ru/

Отредактировано Торсион (Вс, 9 Июн 2019 18:48:35)

0

154

Торсион
в типовых вопросах

0

155

Неизвестно написал(а):

Здравствуйте! А мне так хочется, чтобы в верхней части форума была гирлянда из цветов и и шла бегущая строка с приветствием ...Это возможно?
http://rru55.ixbb.ru/

Картинка гирлянды есть? Как должны располагаться гирлянда и бегущая строка?

Торсион написал(а):

Добрый вечер, знатоки ! Как сменить картинку на главной странице?  Спасибо.

В смысле заменить шапку? В НТМЛ верх:

Код:
<style>
#pun {background: url(Ссылка на картинку) no-repeat top;}
</style>

Вместо Ссылка на картинку - вашу ссылку на картинку.

0

156

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

Картинка гирлянды есть? Как должны располагаться гирлянда и бегущая строка?

Нет...А где можно посмотреть?
Гирлянда ,как и новогодняя...А бегущая строка......как более удобно...Я как - то не соображаю в этом НИЧЕГО. Вся надежда на вас!

0

157

Неизвестно написал(а):

Нет...А где можно посмотреть?

Ну, к примеру: https://www.google.ru/search?lr=&amp;newwindow=1&amp;hl=ru&amp;biw=1920&amp;bih=937&amp;tbm=isch&amp;sa=1&amp;ei=c1_-XPXiIen1qwHH_InQBA&amp;q=гирлянды цветочки png&amp;oq=гирлянды цветочки png&amp;gs_l=img.3...10667.15462..16248...9.0..2.481.1883.8j4j4-1......0....1..gws-wiz-img.......35i39.qzhreCI3VE4 - выберите какая вам нравится.. Вот такая пойдет?
https://i.imgur.com/cBLPGxx.png

+3

158

Конечно!!! Сипатишная очень и в лето как раз!!!!

0

159

2013-06-17______Это наша дата обрзования данного форума...Хочется друзей порадовать!

0

160

Неизвестно, текст бегущей строки? Цвет текста?

+1

161

Ой,уже?
Тогда текст такой :Привет! Рада встрече с вами!Радуйтесь каждому дню!
А цвет ___зелёный...Как вы думаете - пойдёт?

Отредактировано Неизвестно (Пн, 10 Июн 2019 17:21:31)

0

162

Неизвестно написал(а):

А цвет ___зелёный...Как вы думаете - пойдёт?

Посмотрим.. Поставьте в НТМЛ верх:

Код:
<!--Гирлянда-->
<style>
html {background: url(https://i.imgur.com/8LP2sqd.png) repeat-x top center;}
#pun {margin-top: 100px}
</style>
<!--Бегущая строка-->
<style>.marquee {color: #006400;font-size: 16px;}</style>
<marquee direction="left" scrollamount="3,5" scrolldelay="10" height="30" width:100% bgcolor="transparent"><div class="marquee">Привет! Рада встрече с вами! Радуйтесь каждому дню!</div></marquee>

Надо глянуть как у вас будет выглядеть..

+2

163

Здорово!!!!!!!!!! Огромное вам  СПАСИБО!!!!!!https://i.imgur.com/VNB40B3m.gif

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

Надо глянуть как у вас будет выглядеть..

Видели?

+2

164

Неизвестно написал(а):

Видели?

Да)) Вроде нормально встало.. Вас устраивает? Текст можете заменять на другой..

+1

165

Очень устраивает! СПАСИБО!!!! :flag:

+1

166

Добрый день. Хочу сделать вот такую (интересует конкретно dori) вот подсказку при наведении как основной вид подсказки (в тексте с тегом аbbr или в шапке, с какой-то инфой). Это возможно? Саму тему взял из статьи отсюда. Скачать файлы скачал, а что делать с ними дальше - ума не приложу

И я где-то видел что-то вроде "разделение ссылок "форум участники профиль", но сейчас нигде не могу найти. Если конкретно, то мне нужно разделить их так, чтобы они не наезжали на голову парнишки в шапке

На данный момент стоит через код передвижения каждой ссылки отдельно, но меня не устраивает то, как это выглядит от обычных людей и от гостя. Есть ли возможность именно разбить на два блока (до ссылки "сообщения" и после) и расположить их по две стороны?

Отредактировано dj_maximus (Сб, 15 Июн 2019 17:28:06)

0

167

dj_maximus
Эти 2 стиля и 3 скрипта перезалить в Администрирование-Файлы и заменить ссылки ( в красном)... синим - тексты
Примерный вид:

<!--Стили в HTML верх-->
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />

            <!--Сам блок тултипа -->
            <div class="tooltip tooltip--gram" data-type="gram">
            <div class="tooltip__trigger" role="tooltip" aria-describedby="info-gram">
                <span class="tooltip__trigger-text">Gram</span>
            </div>
            <div class="tooltip__base">
                <svg class="tooltip__shape" width="100%" height="100%" viewBox="0 0 400 300">
                <path d="M 92.4,79 C 136,79 154,115 200,116 246,117 263,80.4 308,79 353,77.6 381,111 381,150 381,189 346,220 308,221 270,222 236,188 200,188 164,188 130,222 92.4,221 54.4,220 19,189 19,150 19,111 48.6,79 92.4,79 Z"/>
                </svg>
                <div class="tooltip__content" id="info-gram">You can only be afraid of what you think you know.</div>
            </div>
            </div>
            <!--END//Блок тултипа -->

<!--Cкрипты в HTML низ -->
    <script src="js/anime.min.js"></script>
    <script src="js/charming.min.js"></script>
    <script src="js/main.js"></script>

Отредактировано Deff (Вс, 16 Июн 2019 02:28:47)

+1

168

Deff
Спасибо, и ещё вопрос: почему всплывающая подсказка, установленная в хтмл верх не работает здесь (самое первое предложение первой строки), но работает здесьи здесь?

0

169

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

но работает здесьи здесь?

Во первых нужны ссылки на конкретный пост, видный гостю или пиар нику

Во вторых нужен скрипт привязанный к тегу abbr

Типовой код  нужно поспрашивать на тех форумах
Для Вашей нового типа подсказки нужно ваять свой ( платно ~ 400р)

+1

170

Deff
тут в гостевой в 3 пункте, при наведении на "3 дня" и "7 дней"

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

Во вторых нужен скрипт привязанный к тегу abbr

Я использовал вот этот вот на вышеприведённом форуме:

Код:
<!--Всплывающие Подсказки при наведении-->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26671.js"></script>

0

171

dj_maximus
Покажите код вашего поста с abbr в тегах [code][/code]

[abbr="Тут текст пояснений"]Тут текст в сообщении[/abbr]

Отредактировано Deff (Вс, 16 Июн 2019 17:13:40)

+1

172

Deff

Свернутый текст

https://pp.userapi.com/c850636/v850636974/1442e7/D9iGkeJdFoA.jpg

Свернутый текст
Код:
[abbr="текст текст текст"]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/abbr] Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

http://qwerty.forum.cool/viewtopic.php?id=3#p4

Отредактировано dj_maximus (Вс, 16 Июн 2019 17:26:34)

+1

173

dj_maximus
Помимо скрипта там еще и стиль есть:

#tooltip {
  position: absolute;
    background: #c7c4cb;
  z-index: 999;
  max-width: 180px;
  border: none;
  font-family: tahoma;
  font-size: 10px;
  display: none;
  color: #555;
  text-align: center;
  padding: 3px 5px 5px 5px!important;
  border-radius:6px;
  letter-spacing: 1px;
  text-transform: lowercase;
}

В конец первого Окна стиля

+1

174

Deff
Кажется, я не очень умный и не очень внимательный...
Тысяча благодарностей

0

175

Подскажите пожалуйста, как опустить кнопку пониже?

http://images.vfl.ru/ii/1560751381/dbf7cbeb/26910203.jpg

Форум - http://perscitium.mybb.ru

Отредактировано bektau (Пн, 17 Июн 2019 09:03:56)

0

176

bektau
Пробуйте в HTML верх:

<style>
  @media screen and (max-width: 540px){
#pun-ulinks {
    top: 63px !important;
}}
</style>

+1

177

Доброго времени суток)

У меня на форуме несколько стилей. И два из них, если зайти с тел., криво отображаются. Если остальные то еще относительно терпимо, то эти два хотелось бы подровнять. Буду рад, если кто подскажет, что именно в них подровнять надо?

http://curama.mybb.ru/

0

178

Доброго,  странная ситуация - не работают некоторые элементы дизайна на основном форуме и тестовом, на втором тестовом все идеально... Думала битые изображения, ан нет, заменяла их (залила на 2 файлобменника и в файлы форума), все равно не отображаются. Перенесла дизайн на второй новый тестовик, все отобразилось, перенесла скрипты (думала может конфликт с чем-то), все работает, а на основе так и нет...
http://final7fantasy.mybb.ru/ - основа
http://newgarrvards.magicbb.ru/ - тестовый, где не работает
http://lastquarter.mybb.ru/ - тестовый, где работает

скрины

https://i.imgur.com/qNqFBrpm.png
https://i.imgur.com/ZHIwWFhm.png

0

179

Cissnei, у вас битые ссылки в скрипте:

<!--Своя картинка в категорию-->
    <script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){

    myarray=new Array(
    "ORGANISATION", "http://s3.uploads.ru/jmCOX.jpg",
    "GAME ZONE", "http://sg.uploads.ru/Bc9sm.jpg",
    "FREE RPG ZONE", "http://s4.uploads.ru/xNhea.jpg",
    "FLOOD", "http://s7.uploads.ru/Ub5ZX.jpg",
"PR ZONE", "http://s1.uploads.ru/Nfeba.jpg",
"ARCHIVES", "http://s9.uploads.ru/1cHrY.jpg"
    )

            $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

    var cssObj = {
      "height":"26px",
      "background-color": "transparent",
      "background-image":"url("+myarray[q+1]+")",
      "background-position":"50% 50%",
      "background-repeat":"no-repeat"       //Последний элемент без запятой!
    }

            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>
<!--END/СКВК-->

+2

180

kolobdur74
Тьфу.... Спасибо хдддд Пошла исправлять хддд

+1

181

добрый день!
подскажите, с чем связана проблема с фоном.
ставлю фиксированное позиционирование, но с телефона фиксирование пропадает и получается пустота при прокрутке вниз

скрин с телефона

https://pp.userapi.com/c850728/v850728198/14ff7f/Kf3MInhSSqk.jpg

http://nickoftime.rusff.ru

0

182

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

ставлю фиксированное позиционирование, но с телефона фиксирование пропадает и получается пустота при прокрутке вниз

Фиксирование не пропадает, просто так масштабируется фон при узком экране, вы ведь не указываете размеры фона, поэтому он по умолчанию берет масштаб..

0

183

kolobdur74 написал(а):
riviere написал(а):

ставлю фиксированное позиционирование, но с телефона фиксирование пропадает и получается пустота при прокрутке вниз

Фиксирование не пропадает, просто так масштабируется фон при узком экране, вы ведь не указываете размеры фона, поэтому он по умолчанию берет масштаб..

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

0

184

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

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

А фактический размер и есть у вас сейчас по умолчанию, можно выставить другое с помощью: background-size

0

185

kolobdur74 написал(а):
riviere написал(а):

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

А фактический размер и есть у вас сейчас по умолчанию, можно выставить другое с помощью: background-size

можете подсказать, что конкретно надо установить, чтобы фон заполнял всю страницу и был фиксированным
я пока не понимаю

Отредактировано riviere (Пн, 24 Июн 2019 15:27:29)

0

186

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

можете подсказать, что конкретно надо установить, чтобы фон заполнял всю страницу и было фиксированным
я пока не понимаю

Вот так можно: background-size: 100% 100%; Но будет искажения.. Можете попробовать: background-size: contain; - вроде он в вашем случае подходит нормально..

0

187

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

Можете попробовать: background-size: contain; - вроде он в вашем случае подходит нормально..

поставила contain, но с телефона все равно пропасть

0

188

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

поставила contain, но с телефона все равно пропасть

А сделайте скриншот самого низа как у вас отображается.. Вам именно в мобильном варианте надо? Для ПК всё устраивает?

0

189

kolobdur74 написал(а):
riviere написал(а):

поставила contain, но с телефона все равно пропасть

А сделайте скриншот самого низа как у вас отображается.. Вам именно в мобильном варианте надо? Для ПК всё устраивает?

скрин

https://pp.userapi.com/c849324/v849324535/1c0c1c/4UZudpZM_t8.jpg

0

190

riviere, попробуйте поставить этот код:

Код:
@media screen and (max-width: 768px) {
body {background-size: 100% 100% !important;}
}

Ниже этого кода:

/* BODY */
body {
background-image: url(https://i.imgur.com/w8ryQFK.jpg), url(https://i.imgur.com/wk4sPLJ.jpg);
    background-size: contain;
background-attachment: fixed;
background-position: top left, top right;
background-repeat: no-repeat, repeat-y;
background-color: #9a9c93;

}

Или в НТМЛ верх..

0

191

riviere, а зачем:

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

background-image: url(https://i.imgur.com/w8ryQFK.jpg), url(https://i.imgur.com/wk4sPLJ.jpg);

Не проще через фотошоп сделать нужный вам фон и тогда не будет никаких скачков?

Отредактировано kolobdur74 (Пн, 24 Июн 2019 16:16:55)

0

192

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

Не проще через фотошоп сделать нужный вам фон и тогда не будет никаких скачков?

сделала один большой фон, поставила тот код, что вы прописали, все равно с телефона та же история
и еще момент, при положении contain изображение немного уменьшается.

0

193

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

сделала один большой фон, поставила тот код, что вы прописали, все равно с телефона та же история
и еще момент, при положении contain изображение немного уменьшается.

В данном случае лучше использовать: background-size: cover; Для мобильного варианта:

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

@media screen and (max-width: 768px) {
body {background-size: 100% 100% !important;}
}

Вы же очищаете кеш на мобильном браузере?

0

194

kolobdur74 написал(а):
riviere написал(а):

сделала один большой фон, поставила тот код, что вы прописали, все равно с телефона та же история
и еще момент, при положении contain изображение немного уменьшается.

В данном случае лучше использовать: background-size: cover; Для мобильного варианта:

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

@media screen and (max-width: 768px) {
body {background-size: 100% 100% !important;}
}

Вы же очищаете кеш на мобильном браузере?

кэш почистила, все осталось прежним. и при значении cover изображение все еще меньше оригинального

0

195

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

кэш почистила, все осталось прежним. и при значении cover изображение все еще меньше оригинального

вру, фон на телефоне заполняется, но он расширяется вправо, поэтому правой его однотонной части не видно
изз-за этого вот такой огрызок

скрин

https://pp.userapi.com/c853516/v853516535/7aff3/bzycbx7ATXM.jpg

0

196

riviere, попробуйте вот эту картинку:
https://i.imgur.com/ppejM2E.png
Для мобильного попробуйте этот вариант:

Код:
@media screen and (max-width: 540px) {
body {background-size: 100% 100%;}
}

0

197

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

попробуйте вот эту картинку:

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

Для мобильного попробуйте этот вариант:

все поставила.
на всякий случай, вот так стоит

/* BODY */
body {background-image: url(https://i.imgur.com/ppejM2E.png);
background-size: cover;
background-attachment: fixed;
background-position: top left;
background-repeat: no-repeat;
background-color: #9a9c93;}

@media screen and (max-width: 540px) {
body {background-size: 100% 100%;}
}

и все еще без изменений

0

198

в итоге поставила на фон два изображения все-таки, bakground-size убрала, но @media оставила, и кажется все встало

0

199

kolobdur74
спасибо вам огромное за помощь с этим чудесным гемором х)

+1

200

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

в итоге поставила на фон два изображения все-таки, bakground-size убрала, но @media оставила, и кажется все встало

А @media не работает, не понял почему.. Попробуйте его убрать и глянуть..

0

201

Добрый день! У нас вот такая проблема у тех, кто просматривает форум с браузера microsoft edge. подскажите, как решить?
http://novacross.rusff.ru

скрин

http://s8.uploads.ru/6ZgCc.png

0

202

Trinity Wane написал(а):

Добрый день! У нас вот такая проблема у тех, кто просматривает форум с браузера microsoft edge. подскажите, как решить?

Замените вот здесь отступ:

/* C3.11 */
.punbb .post-body {
  margin-left: 22em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

Вместо 22em поставьте: 248px

0

203

Привет, помогите со скриптом?
Стоит код  выделения текста в блоке кода. Одновременно должно копировать.
Но что-то не так. Или не копируется или не меняется название кнопки для выделения.

Если поставить скрипт в хтмл верх, то можно поменять название, но сам скрипт не работает. а если в хтмл низ,то работает скрипт,но не меняется название

Форум
http://themostsupernatural.ru

+1

204

Иса
Не убрали старый скрипт копирования в HTML низ

Код:
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>

+1

205

Всем добра)
Подскажите, пожалуйста, в чём проблема с отображением таблицы в шапке на новых ios?
форум:
http://firecross.rolbb.ru/

косяк:

http://s9.uploads.ru/yMsbi.jpg

табла
Код:
<div id="info"><table>
    <tr id="firstline">
        <td class="news"><a href="http://firecross.rolbb.ru/viewtopic.php?id=104#p3967">челлендж второй</a></td>

        <td class="firecross" colspan="2"></td>
        <td class="news"><a href="http://firecross.rolbb.ru/viewtopic.php?id=37">огненная лотерея</a></td>
    </tr>
    <tr id="secondline">
        <td class="underline" colspan="4"></td>
    </tr>

    <tr id="thirdline">
        <td class="bestpost" colspan="2">Героическая смерть для нерожденного героем. Звучит как необъяснимо глупое клише дешёвого блокбастера. Но в этом, как оказалось, и была учесть Пьетро, таков стал его исход. Мы сами вершим свои судьбы, а один самоуверенный в себе мутант решил, что сами же вольны их завершать. На душе на долю секунды становится легко, а ещё через долю от тебя только бездомная душа и остаётся. Медленный танец со смертью лёгок, когда ведёшь его самостоятельно, а самоотверженные поступки, как оказалось, и впрямь окрыляют. Альтруизмом своим приходится довольствоваться... <a href="http://firecross.rolbb.ru/viewtopic.php?id=39#p1471">читать дальше</a></td>

        <td class="bestquote" colspan="2">"По накопленному опыту свержений, свергаемое лицо легче всего свергать во время отсутствия свергаемого. Немец находится в Англии, и этот момент наиболее удачен для разгрома и захвата его акционерного дома. Вперёд, мои гладиаторы!"</td>
    </tr>
    <tr id="fourthline">
        <td class="activists"><a href="http://firecross.rolbb.ru/profile.php?id=4"><img src="https://funkyimg.com/i/2UY2u.png" alt="" title="саня-зануда"></a> <a href="http://firecross.rolbb.ru/profile.php?id=9"><img src="https://funkyimg.com/i/2UY2v.png" alt="" title="капитан только марвел"></a> <a href="http://firecross.rolbb.ru/profile.php?id=23"><img src="https://funkyimg.com/i/2UY2x.png" alt="" title="голая и одинокая"></a></td>

        <td class="bestusers"><img src="http://forumstatic.ru/files/001a/32/bb/73067.png" alt=""></td>

        <td class="activists"><a href="http://firecross.rolbb.ru/profile.php?id=32"><img src="https://funkyimg.com/i/2UY2t.png" alt="" title="любительница нцы"></a> <a href="http://firecross.rolbb.ru/profile.php?id=6"><img src="https://funkyimg.com/i/2UY2w.png" alt="" title="вечный онлайн"></a> <a href="http://firecross.rolbb.ru/profile.php?id=19"><img src="https://funkyimg.com/i/2UY2y.png" alt="" title="скорострел"></a></td>

        <td class="headlinks"><a href="http://firecross.rolbb.ru/viewtopic.php?id=7#p7">гостевая</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=3">роли</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=6">о проекте</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=10#p10">шаблон</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=8">нужные</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=12">объявления</a> </td>
    </tr>
</table>
</div>
стиль
Код:
/*таблица в шапке*/
#info {
position: absolute;
background: transparent;
width: 960px;
height: 192px;
margin-left: -27px;
margin-top: 15px;
border: none;
}

#info a {
color: #c9cdcc;
font-size: 12px;
font-family: Yeseva One;
}

#info a:hover {
color: #8e8e8e;
}

#info tr {
width: 960px;
display: inline;
}

.news {
width: 177px;
height: 60px;
margin: 0;
background: url(http://forumstatic.ru/files/001a/31/42/95488.png) center no-repeat;
text-align: center;
color: #c9cdcc;
border: none;
}

.firecross {
width: 606px;
margin: 0;
border: none;
}

.underline {
background: url(http://forumstatic.ru/files/001a/31/42/89142.png) center no-repeat;
height: 20px;
width: 960px;
position: relative;
border: none;
}

.bestpost {
background: url(http://forumstatic.ru/files/001a/31/42/56462.png) no-repeat;
height: 52px;
width: 432px;
text-align: justify;
color: #c9cdcc;
position: absolute;
left: 48px;
overflow: auto;
border: none;
}

.bestquote {
height: 52px;
width: 400px;
text-align: justify;
position: absolute;
right: 55px;
overflow: auto;
border: none;
}

#fourthline {
position: absolute;
margin-top: 51px;
width: 870px !important;
margin-left: 40px;
}

.activists {
position: relative;
height: 50px;
width: 150px;
text-align: center;
}

.activists img {
opacity: .7;
}

.activists img:hover {
opacity: 1;
}

.bestusers {
position: relative;
height: 50px;
width: 165px;
}

.headlinks {
background: url(http://forumstatic.ru/files/001a/31/42/50097.png) center no-repeat;
position: relative;
height: 50px;
width: 485px;
text-align: center;
color: #c9cdcc;
}

На момент скрина там был не закрыт один из тегов ячейки - </td>, плюс был не прописан вьюпорт.
Не могу проверить, но не уверен, что проблема решилась. Я не профи, с этим куском кода как раз были трудности при вставке на форум. Может, где-то что-то упустил, не прописал.
Буду благодарен за помощь)
Ну и плюс ко всему, нет ли таких инструментов, позволяющих проверить на кроссбраузерность? В самом браузере при нажатии на мобильный стиль в инспектировании элемента всё видится корректно.

Тык:

http://s7.uploads.ru/4cSLY.png

0

206

Mr. Bum
Чот намудрил с <TR> *Как минимум добавить красное (ибо inline не может быть с position:absolute ( и естественно инлайн встаёт следом за предыдущей строкой

#info tr {
width: 960px;
display: inline-block;
}

+1

207

Deff
Вот спасибо! Вроде бы помогло)

0

208

Здравствуйте! Меня попросили поработать с дизайном и поделились кодами, в окнах куда стиль вставляется оформление неудобное, оцентровка и цвет шрифта, да окно маленькое. Хотелось бы убрать все это, но не могу найти где в коде это исправляется. Помогите, пожалуйста.
Ссылка на тестовик: http://fkingdom.rolka.su
Проблема:
https://i.imgur.com/zI2USwx.png

Отредактировано Эвелина Шайн (Пн, 1 Июл 2019 14:38:46)

0

209

Эвелина Шайн написал(а):

Здравствуйте! Меня попросили поработать с дизайном и поделились кодами, в окнах куда стиль вставляется оформление неудобное, оцентровка и цвет шрифта, да окно маленькое. Хотелось бы убрать все это, но не могу найти где в коде это исправляется. Помогите, пожалуйста.

Скорее всего отдельно не прописано, попробуйте дописать через селектор: #pun-admain textarea

+1

210

kolobdur74
Спасибо!

+1

211

Подскажите, пожалуйста, как в этом формате

<li><a href='http://biorezonans.3bb.ru/viewtopic.php?id=1064' target="_blank">&bull; Архив форума - скачать</a></li>

сделать ссылку цветной (зеленой)?
И задать размер шрифта?

Отредактировано Dango (Чт, 11 Июл 2019 15:30:58)

0

212

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

сделать ссылку цветной (зеленой)?
И задать размер шрифта?

Замените на:

Код:
<li><a href='http://biorezonans.3bb.ru/viewtopic.php?id=1064' target="_blank" style="color: green; font-size: 16px;">&bull; Архив форума - скачать</a></li>

Где:
color: green; - цвет шрифта
font-size: 16px; - размер шрифта

Отредактировано kolobdur74 (Чт, 11 Июл 2019 15:36:57)

+1

213

kolobdur74
Спасибо.
http://forumstatic.ru/files/0001/48/78/78668.gif

+1

214

Dango, если это единичный случай, то мой вариант самое то, если надо много таких ссылок, то можно сделать через класс..

+1

215

kolobdur74
не, это именно на один раз.
Спасибо.

+1

216

Добрый день.
Меню ulinks с компьютера выглядит нормально,

Свернутый текст

https://i.ibb.co/bRHXWGR/01.jpg

А если с мобильного, то слетает размер и удивительно выглядит пункт уведомления.

Свернутый текст

https://i.ibb.co/sJsjJP6/02.jpg

Не могу понять, почему так и чем это регулируется.
(На других форумах такого не замечал)

http://becomehuman.ru

0

217

paranoid_android, уведомления обычно скрывают, ибо всё равно не работают:

#pun-ulinks li a[href$=notifications]{
  display:none!important;
}

0

218

Deff
Хм, ну тоже выход, спасибо )

0

219

Доброго времени суток)

Обычно при наведении на область мап-карты, выскакивает описание текстом. А можно ли сделать так, чтобы вместо текста выскакивала картинка? Т.е. поставить картинку, но чтобы правильно отображалась.

0

220

Курама написал(а):

Обычно при наведении на область мап-карты, выскакивает описание текстом. А можно ли сделать так, чтобы вместо текста выскакивала картинка? Т.е. поставить картинку, но чтобы правильно отображалась.

Можно наверно, обернуть мап-карту в div, с позицией relative, далее разместить над мап картой нужные картинки с position:absolute, z-index:10, их позицию регулируем c помощью left и top (далее их скрыть и поставить какой-нидь короткий скрипт ( если первое будет сделано( вплоть до скрытия картинок, можно попробовать создать такой скрипт

Отредактировано Deff (Ср, 17 Июл 2019 00:37:31)

0

221

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

Можно наверно, обернуть мап-карту в div, с позицией relative, далее разместить над мап картой нужные картинки с position:absolute, z-index:10, их позицию регулируем c помощью left и top (далее их скрыть и поставить какой-нидь короткий скрипт (если первое будет сделано( вплоть до скрытия картинок, можно попробовать создать такой скрипт

Сам я вряд ли такое правильно сделаю(

0

222

Будьте добры подсказать. Не нашел сам или плохо искал. Есть ли уже готовый скрипт подсчета постов пользователей в отдельных подфорумах? Но чтобы он не засчитывал первое сообщение, ибо это просто заголовок темы.
Есть ролевой форум, хотелось бы считать посты по id пользователей не вручную, а автоматически, дабы облегчить жизнь амс немного)

0

223

Друзья,  помогите пожалуйстане могу вспомнить, где в скрипте off заменить на On :tomato:
Раньше, в профиле на главной были видны награды и общая инфа юзера. Сейчас, все находится в свернутом виде и выглядит так:
https://i.imgur.com/5u7jIE4.png

Хотелось бы снова вернуть награды, чтобы по умолчанию они были в развернутом виде. Так же, чтобы оставалось возможность (кому это ненужно)  свернуть их навсегда, при клике на Награды.
https://i.imgur.com/0TYu7Cl.png

http://obshenie-bez-granits.ru/

0

224

Android-Dim
По-моему, здесь (убрать красное)

<!--Медальки за Баллы/Очки--><style> .Awrd3{
width:184px;
text-align:center;
border:#8B0808 1px dotted;
padding-bottom:3px;
/*padding-right:50px;*/
} </style>
<script>
var L0='<img class="awrd3" src="',L1='"/> ';
var str="Баллы:";  //Копия начального текста в поле
BallyArray=new Array(
30000,"http://s012.radikal.ru/i320/1605/80/8fb0971071c9.png",
20000,"https://a.radikal.ru/a42/1806/d0/edeab28a77ee.png",
18000,"http://www.pictureshack.ru/images/35927_0001.png",
15000,"http://s017.radikal.ru/i420/1504/23/350086d6b79f.png",
13000,"http://s020.radikal.ru/i702/1504/47/10c84fecee65.png",
10000,"http://s018.radikal.ru/i501/1504/57/d29a2092ce30.png",
5000,"http://i077.radikal.ru/1503/b7/4ab3c21e5937.png",
3000,"http://s017.radikal.ru/i400/1504/d5/deaf5bccd31d.png",
1000,"http://s020.radikal.ru/i719/1509/e2/1c86c90adf56.png",
500,"http://s018.radikal.ru/i512/1502/73/0fcc16037de9.png"  //End myarray_
)
$("#pun-viewtopic .post .post-author .pa-fld1:contains('"+str+"')").each(function(){
var Num=parseFloat($(this).text().replace(str,""));var STR="";
  for (var i=0; i<BallyArray.length; i+=2){
      for (var g=0; g<Math.floor(Num/BallyArray[i]); g++){//alert(Num/BallyArray[i])
      STR+=L0+BallyArray[i+1]+'" title="За '+BallyArray[i]+' баллов'+L1;        }
Num=Num-Math.floor(Num/BallyArray[i])*BallyArray[i]
  }
$(this).wrap('<div class="Awrd3"></div>');$(this).append('&nbsp; &nbsp; <a href="javascript://" onclick="$(this).next().slideToggle(\'slow\')">Награды</a><li class="pa-fld43" style="display:none">'+STR+'</li>')
});
</script><!-- //End/Медальки за Баллы/Очки -->

Правда, свернуть навсегда при таком раскладе не получится (сворачивать навсегда предполагаешь во всех минипрофилях или только текущего юзера? в любом случае надо прикручивать запоминание в localStorage)

0

225

Faust Lutsianu написал(а):

Есть ли уже готовый скрипт подсчета постов пользователей в отдельных подфорумах?

Подсчет постов общий (из выбранных форумов посты складываются вместе) или по каждому форуму отдельно? Если общий, то по-моему у меня был такой вариант, если по каждому из форумов - это к Deff

+1

226

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

сворачивать навсегда предполагаешь во всех минипрофилях или только текущего юзера?

Привет, спасибо за помощь!  Во всех мини профилях. Чтобы по умолчанию они были в развернутом виде, а при нажатии на "Награды" сворачивались и больше не разворачивались, только если юзер сам этого не пожелает. 

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

в любом случае надо прикручивать запоминание в localStorage)

Это долго или это не есть правильно с тчк уязвимости?  :tomato:

Код:
localStorage.userName = "Дима";
localStorage.setItem("favoriteColor", "чёрный");

Отредактировано Android-Dim (Вт, 23 Июл 2019 01:35:02)

+1

227

Alex_63 а можно еще перенести слово Награды вниз за баллы, а то как то  сейчас смотрится топорно. Хочется чтобы все было в один столбик :flag:

https://i.imgur.com/oEwI96t.png

Как раньше было:

https://i.imgur.com/RzZ0WGN.png

Отредактировано Android-Dim (Вт, 23 Июл 2019 01:55:12)

0

228

Android-Dim
Привет! Не за что) в принципе, несложно, я просто уточнил, как именно это реализуется (в случае, если бы каждый пост или юзера отдельно запоминать, было бы слишком много данных на запись в localStorage, а так - нормально)
Попробуй заменить код на такой (не тестировал, но вроде должен работать)

Код:
<!--Медальки за Баллы/Очки--><style> .Awrd3{ 
width:184px;
text-align:center;
border:#8B0808 1px dotted;
padding-bottom:3px;
/*padding-right:50px;*/
} </style>
<script>
var L0='<img class="awrd3" src="',L1='"/> ';
var str="Баллы:";  //Копия начального текста в поле
BallyArray=new Array(
30000,"http://s012.radikal.ru/i320/1605/80/8fb0971071c9.png",
20000,"https://a.radikal.ru/a42/1806/d0/edeab28a77ee.png",
18000,"http://www.pictureshack.ru/images/35927_0001.png",
15000,"http://s017.radikal.ru/i420/1504/23/350086d6b79f.png",
13000,"http://s020.radikal.ru/i702/1504/47/10c84fecee65.png",
10000,"http://s018.radikal.ru/i501/1504/57/d29a2092ce30.png",
5000,"http://i077.radikal.ru/1503/b7/4ab3c21e5937.png",
3000,"http://s017.radikal.ru/i400/1504/d5/deaf5bccd31d.png",
1000,"http://s020.radikal.ru/i719/1509/e2/1c86c90adf56.png",
500,"http://s018.radikal.ru/i512/1502/73/0fcc16037de9.png"  //End myarray_
)
$("#pun-viewtopic .post .post-author .pa-fld1:contains('"+str+"')").each(function(){
var Num=parseFloat($(this).text().replace(str,""));var STR="";
  for (var i=0; i<BallyArray.length; i+=2){
      for (var g=0; g<Math.floor(Num/BallyArray[i]); g++){//alert(Num/BallyArray[i])
      STR+=L0+BallyArray[i+1]+'" title="За '+BallyArray[i]+' баллов'+L1;        }
Num=Num-Math.floor(Num/BallyArray[i])*BallyArray[i]
  }
function toggleAwardSpoiler() {
  var scrollTop = $(window).scrollTop();
  $('.pa-fld43').slideToggle('slow');
  localStorage.getItem('spoilerHide') ? localStorage.removeItem('spoilerHide') : localStorage.setItem('spoilerHide', true);
  setTimeout(function () { $(window).animate({ scrollTop: scrollTop}, 600)},600);
}
$(this).wrap('<div class="Awrd3"></div>');$(this).append('&nbsp; &nbsp; <a href="javascript://" onclick="toggleAwardSpoiler()">Награды</a><li class="pa-fld43" style="' + (localStorage.getItem('spoilerHide') ? 'display:none' : '' )+'">'+STR+'</li>')
});
</script><!-- //End/Медальки за Баллы/Очки -->
Android-Dim написал(а):

а можно еще перенести слово Награды вниз за баллы, а то как то  сейчас смотрится топорно. Хочется чтобы все было в один столбик :flag:

Как по мне, так наоборот после переноса ссылки "Награды" вниз будет смотреться топорно)) но позже посмотрю, как на форум зайду

+2

229

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

Подсчет постов общий (из выбранных форумов посты складываются вместе) или по каждому форуму отдельно? Если общий, то по-моему у меня был такой вариант, если по каждому из форумов - это к Deff

будьте добры общий, если есть

0

230

Faust Lutsianu
Ответил в ЛС

0

231

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

Попробуй заменить код на такой (не тестировал, но вроде должен работать)

Сань, чет не хочет :tomato:
https://i.imgur.com/uXb2FfF.png

Ладно, я верну пока как бЫло. Как освободишься, посмотри пожалуйста   :flag:

+1

232

Android-Dim
Добавлено спустя 3 часа 6 минут 6 секунд:
Вроде сделал
Стандартное окошко уведомления о ЛС от сервиса отключил, т.к. оно конфликтует со скриптом Уведомлений (как минимум ломается отображение, но возможны и другие баги, об этом сообщалось в посте про установку Уведомлений)

Отредактировано Alex_63 (Чт, 25 Июл 2019 03:23:52)

+1

233

Добрый день! Подскажите, пожалуйста, как изменить цвет текста, подчеркнутого красным:

https://i.imgur.com/TBfi2A2l.jpg

0

234

Флор
Добрый день, ссылку на форум
Изменить цвет шрифта нужно только в таблице в списке участников?

0

235

Alex_63
Да, только в таблице)

Отредактировано Флор (Чт, 25 Июл 2019 15:20:04)

0

236

Флор написал(а):

Да, только в таблице)

Я бы посоветовал убрать выделенную красным строчку в окне Структура style.css:

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  color: #d3ba9e;
  }

Она меняет цвет шрифта в средних ячейках не только этой таблицы, но и других, например в категориях, форумах, ЛС.
Если всё-таки нужно именно в списке участников перекрасить, можете добавить в конец окна Цвета style_cs.css такой код (цвет измените на нужный):

#pun-userlist.punbb .main td.tc2,
#pun-userlist.punbb .main td.tc3 {
  color: #8e3e20;
}

+2

237

Alex_63
Спасибо! =)  теперь все гуд.)

+1

238

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

Android-Dim
Добавлено спустя 3 часа 6 минут 6 секунд:
Вроде сделал
Стандартное окошко уведомления о ЛС от сервиса отключил, т.к. оно конфликтует со скриптом Уведомлений (как минимум ломается отображение, но возможны и другие баги, об этом сообщалось в посте про установку Уведомлений)

Привет!! Спасибо что зашел и навел порядок  :cool:
Саш, я вот про что говорил, чтобы все в один ряд было и слева и справа. А то, сейчас все ровняется по левому ряду, а хочется чтобы было ровно Пожалуйста, так можно? :flag:

https://i.imgur.com/OnAlUhW.png

Вот, как раньше. И даже *Награды* можно вернуть на прежнее место, я думал поэтому справа не ровно, сорян, но только чтобы все было посередине.   8-)
https://i.imgur.com/rUEfUuE.png

Отредактировано Android-Dim (Чт, 25 Июл 2019 23:21:27)

+1

239

Android-Dim написал(а):

Саш, я вот про что говорил, чтобы все в один ряд было и слева и справа.

:glasses: Про это в предыдущем посте ничего не было... Да и сейчас без поясняющего скрина я б не понял, что требуется
Да можно и по центру сделать, конечно, только тогда будет ник выбиваться из общей картины (его если по центру сделать - будет смотреться стрёмно, т.к. под ним полоска фона)
В общем посмотрю

+1

240

Добрый день!
А стандартную картинку аватарки на главной странице можно заменить на свою как-то?
А то аж триггерит немного х)
http://qwerty.forum.cool
скрин

И вторя проблема появилась:

Код:
/* выделенный текст */
::selection {background: #8e887e !important; color: #dae2e4;}

Не хочет становиться красиво офрмленным под дизайн, оставаясь ярко-синим фоном и белым текстом
Скрин: https://yadi.sk/i/Qygm7UN7iXqxnw

Отредактировано dj_maximus (Вс, 28 Июл 2019 15:37:56)

0

241

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

А стандартную картинку аватарки на главной странице можно заменить на свою как-то?

В НТМЛ верх:

Код:
<style>
.punbb .user-avatar img.ava {background-image: url(Своя Картинка) !important;}
</style>
dj_maximus написал(а):

Не хочет становиться красиво офрмленным под дизайн, оставаясь ярко-синим фоном и белым текстом

Для простого текста:

.post-body p::selection {background: #8e887e !important; color: #dae2e4;}

Надо напрямую указывать блок..

+2

242

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

В НТМЛ верх:

он заменяет абсолютно все аваатры, в т.ч. и не стандартные...

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

Надо напрямую указывать блок..

Не помогло, к сожалению

0

243

dj_maximus
Переставьте в конец Первого Окна стиля

::selection {
background: #8e887e ;
  color: #dae2e4;
}

А стандартную картинку аватарки на главной странице можно заменить на свою как-то?

<style>
.punbb .user-avatar img.ava[style*="default_avatar.jpg"] {background-image: url(Своя Картинка) !important;}
</style>

Отредактировано Deff (Вс, 28 Июл 2019 19:11:44)

+4

244

Deff
Огромнейшее спасибо!
Всё поправилось и всё работает так, как хотелось

+1

245

Доброго времени суток!
Почему-то номер поста находится за пределами самого форума.
https://i.imgur.com/AdrJaZ9.png
Не знаю, как решить эту проблему.
Ссылка на тему: http://testblin01.0pk.ru/viewtopic.php?id=39#p101

И почему-то не заменяется текст:

Код:
<!------- ВЫДЕЛЕНИЯ КОДА ------->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Вжух!' //текст ссылки</script>

0

246

Эвелина Шайн написал(а):

Почему-то номер поста находится за пределами самого форума.

Уберите здесь ширину:

#pun-main .post h3 span {
  margin-top: 0.2em;
  /* background: url("http://forumstatic.ru/files/0013/ef/17/36737.jpg"); */
  width: 914px;
  height: 18px;
  box-shadow: inset #948b87  0px 0px 0px;
  margin-left: -1px;
  margin-right: 0;
  font-size: 13.8px!important;
  font-weight: normal!important;
  font-family: "Arial Narrow";
  font-size: 13px;
  text-transform: uppercase;
  color: #5b5b37;
  text-shadow: 1px 1px 1px #fff;
  }

Зачем она вам тут?

+1

247

kolobdur74
Как просто, видимо не все поправила, когда код убирала. Спасибо!

Есть еще такая проблема:
https://i.imgur.com/CqQVrQ7.png

И есть у меня такой код [ он пока не стоит ] только как бы я его не настраивала иконки все равно друг на друга заходят. Можно как-то поправить?

Код:
#pun-searchtopics.punbb div.icon,
#pun-viewforum.punbb div.icon,
#pun-messages.punbb div.icon { position: static;
margin-top:-12px;width:54px; height:54px;
background-position:center;
}

0

248

Эвелина Шайн, скрин как надо и как получается и ссылку на страницу с установленным кодом, а то так не понятно..

+1

249

Эвелина Шайн написал(а):

почему-то не заменяется текст:

Код:
<!------- ВЫДЕЛЕНИЯ КОДА ------->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">

Перестаньте скрипт выделения кода в HTML верх, все будет заменяться

+2

250

Иконки сделаем по-другому, но тут появилась другая проблема: из сообщений пропали html-оформление заголовков, но они есть в коде:
http://testblin01.0pk.ru/viewtopic.php?id=44#p174
https://i.imgur.com/Bb4YzWg.png
Должно быть здесь:
https://i.imgur.com/FIKGa3y.png
Как можно их вернуть?

Отредактировано Эвелина Шайн (Вт, 30 Июл 2019 20:49:47)

0

251

Эвелина Шайн написал(а):

из сообщений пропали html-оформление заголовков, но они есть в коде

Они не пропали, просто первая загрузка страницы очень долго подгружается.. Попробуйте очистить кеш браузера и еще раз загрузить страницу..

+1

252

kolobdur74
Спасибо, а то уже испугалась!

+1

253

kolobdur74
Хотя поторопилась, не помогло

0

254

Эвелина Шайн написал(а):

Хотя поторопилась, не помогло

У меня загружается.. А вы что шрифты в пост подгружаете?

0

255

kolobdur74
Гугловские шрифты:

Код:
<link href="https://fonts.googleapis.com/css?family=Cormorant+Infant|Cormorant+SC|Lobster|Marck+Script|Oswald|Pattaya" rel="stylesheet">

0

256

Эвелина Шайн, лучше вынести их в НТМЛ верх..Гугловские шрифты совсем не легкие - весьма вероятно, что именно из-за них подвисает страница..

0

257

kolobdur74
Вынесла, кэш почистила, на всякий случай, однако, проблемы это не решило

0

258

Эвелина Шайн написал(а):

Вынесла, кэш почистила, на всякий случай, однако, проблемы это не решило

Ну, теперь страница быстрее загружается.. А каким браузером вы пользуетесь?

0

259

kolobdur74
Яндекс браузер

0

260

Эвелина Шайн написал(а):

Яндекс браузер

Я проверилв Хроме и в Опере - в них нормально.. Возможно Яндекс браузер сильно закешировал ошибку - такое иногда бывает.. Кстати, а зачем вам опять таки здесь ширина:

#h34 {
    width: 500px;
    text-align: center;
    font: 400 italic 22px/24px Pattaya;
    color: #292c25;
    text-shadow: 1px 1px 0px #ff680094;
    margin-top: -20px;
}

У вас из-за нее не по центру выходит название..

+1

261

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

У вас из-за нее не по центру выходит название..

По центру как раз и не нужно было)
Спасибо, подожду может решится проблема со временем

0

262

Эвелина Шайн, кстати по стилю ИД присваивается только одному элементу, это класс можно присваивать неограниченному количеству элементов..

+1

263

kolobdur74
Спасибо, я запомню)

+1

264

Всем доброе утро!
Ребят, у меня после вчерашнего переезда (а может совпало просто) следующее получилось.
В боковушке и на гл. странице есть кликабельные ссылки на другие страницы форума.Раньше после клика на них открывалась новая вкладка с нужной страницей. А теперь только взамен открытой. Причем абсолютно все ссылки разом так стали работать.Это не очень удобно.В админке до этого ничего не делала.В чем может быть проблема? Кстати и на тестовике тоже самое стало.А им вообще давно не пользовалась.
форум http://1embroiderygames.0bb.ru/

Отредактировано murrena (Ср, 31 Июл 2019 05:43:06)

0

265

murrena, думаю Дежавю!
Добавьте к ссылкам красным:

<a href="http://1embroiderygames.0bb.ru/viewtopic.php?id=183#p7434" class="ssylka" target="_blank">Приглашаем поучаствовать в конкурсе РАБОТА ИЮЛЯ</a>

+2

266

Deff
ой,спасибо, спаситель! Все поправила,работает. Вот только остался вопрос - почему так произошло :glasses:

0

267

Здравствуйте. У меня возникли вот такие вопросы:
1. Как убрать вот это изображение заголовка для блоков "Пожаловаться" и "Граффити"?
https://i.imgur.com/3NlllEZ.png
https://i.imgur.com/xMGIMP6.png
Код этого изображения прописан у меня в #pun-main. h1, но если я уберу ссылку на изображение оттуда, исчезнут заголовки разделов форумов, которые мне нужны.
2. И как сделать фон (например, белый), для блоков смайликов, закладок, виртуальной клавиатуры, дополнительно? У меня они прозрачные, смайлики просто летают в воздухе.
https://i.imgur.com/aNnWdo2.png
Форум: http://iceandfire.rusff.ru
Технический аккаунт: логин - Оруженосец, пароль - 123456.

0

268

murrena
это браузер

0

269

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

2. И как сделать фон (например, белый), для блоков смайликов, закладок, виртуальной клавиатуры, дополнительно? У меня они прозрачные, смайлики просто летают в воздухе.

Код:
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: red;
}

Ну, и сюда же стоит добавить отступы типа: padding: 10px;, чтобы не вплотную было..

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

1. Как убрать вот это изображение заголовка для блоков "Пожаловаться" и "Граффити"?

Для пожаловаться используйте: #pun-main #pun-report h1, для граффити: #pun-main #pun-graffiti-rusff h1..

0

270

kolobdur74 написал(а):
Shephard написал(а):

2. И как сделать фон (например, белый), для блоков смайликов, закладок, виртуальной клавиатуры, дополнительно? У меня они прозрачные, смайлики просто летают в воздухе.

Код:
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: red;
}

Ну, и сюда же стоит добавить отступы типа: padding: 10px;, чтобы не вплотную было..

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

1. Как убрать вот это изображение заголовка для блоков "Пожаловаться" и "Граффити"?

Для пожаловаться используйте: #pun-main #pun-report h1, для граффити: #pun-main #pun-graffiti-rusff h1..

Спасибо огромное!
А в #pun-main #pun-report h1 и #pun-main #pun-graffiti-rusff h1 писать background: none?

0

271

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

А в #pun-main #pun-report h1 и #pun-main #pun-graffiti-rusff h1 писать background: none?

А что вам надо сделать? Если просто цвет фона убрать то да..

0

272

kolobdur74 написал(а):
Shephard написал(а):

2. И как сделать фон (например, белый), для блоков смайликов, закладок, виртуальной клавиатуры, дополнительно? У меня они прозрачные, смайлики просто летают в воздухе.

Код:
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: red;
}

Ну, и сюда же стоит добавить отступы типа: padding: 10px;, чтобы не вплотную было..

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

1. Как убрать вот это изображение заголовка для блоков "Пожаловаться" и "Граффити"?

Для пожаловаться используйте: #pun-main #pun-report h1, для граффити: #pun-main #pun-graffiti-rusff h1..

Спасибо, все работает!
А не подскажите, пожалуйста, как изменить прозрачный фон блока "Граффити" на непрозрачный? Какой код нужно заменить?
https://i.imgur.com/W91s1l3.png

0

273

Shephard
Изменения выделил:

#pun-main #pun-report h1, {
background: none;
}
 

#pun-main #pun-graffiti-rusff h1 {
background: #834452 none;
width: auto;
height: auto;
margin: 0;

}

+2

274

Добрый день!
Был установлен код отсюда для мобильной версии. Сделано все по инструкции. Но не работает =)
Что делать?
Ссылка на форум:

Отредактировано Флор (Чт, 8 Авг 2019 16:49:13)

0

275

Флор
Вы не отключили текущую мобильную версию от сервиса в Администрирование - Настройки

Мобильный стиль - нет

0

276

Deff
Пробовала ее раньше отключать - тоже не работало. Отключила снова)

+1

277

Флор
Значит у Вас экран не 480 пиксел по Ширине! А более - нужно выставлять большую цифру поставьте 700, потом уменьшайте

@media screen and (max-width: 480px) {

2-е Съэмулировать ширину экрана на компутере  можно плавно сжимая ширину браузера (будет видно при какой ширине изменится

Отредактировано Deff (Чт, 8 Авг 2019 00:47:42)

0

278

Deff
Поставила. Он просто обрезается, а не принимает размер экрана (словом, ничего не меняется)
Скрин:

Отредактировано Флор (Чт, 8 Авг 2019 16:48:46)

0

279

Флор
Код, предложенный Reysler в теме - бета-версия, попробуйте вместо этого использовать код текущей версии мобильного стиля от сервиса http://forumfiles.ru/style/mobile.6.css

0

280

Alex_63
Заменила. Пока без изменений)
Если что, могу дать вам в личку пароль от админа - если так быстрее будет разобраться.)

0

281

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

#pun-main #pun-graffiti-rusff h1 {
background: #834452 none;
width: auto;
height: auto;
margin: 0;

}

Спасибо огромное! :cool:

+2

282

Решила поставить вот это дополнение:

/* Полезность поста */
.post-vote {
  display: block !important;
  position: relative;
}
.post-vote .container {
  background: transparent !important;
  padding: 0 !important;
}
.post-rating p.container {
  background: #8d8d8d !important;
  font-weight: 700;
  padding: 2px 7px!important;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.post-rating p.container a {
  color: #fff;
  font-size: 11px !important;
}
.post-vote p.container {
  margin-right: 0 !important;
}
.post-vote p.container:before {
  content: "Полезное сообщение?";
  position: relative;
  top: 4px;
  right: 32px;
}
.post-vote .container a {
  font-size: 0!important;
  margin: 0!important;
}
.post-vote .container a:first-child:after,
.post-vote .container a:first-child:before,
.post-vote .container a:last-child:before {
  display: inline-block;
  position: relative;
  font-size: 13px;
}
.post-vote .container a:first-child:before {
  content: "Да";
  right: 24px;
  top: 2px;
  color: #2b805d;
  border-bottom: 1px solid #cadcd5;
}
.post-vote .container a:first-child:after {
  content: "/";
  right: 16px;
  top: 2px;
}
.post-vote .container a:last-child:before {
  content: "Нет";
  right: 10px;
  top: 2px;
  color: #b42222;
  border-bottom: 1px solid #bd9393;
}

,
но почему-то ответ "Да" не отображается, а "/" заезжает на "Нет".

И еще такой вопрос: можно ли сделать так, чтобы было возможно отменить свое действие (например, случайно поставил "плюсик/полезное сообщение" посту, который не нравится?

0

283

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

(например, случайно поставил "плюсик/полезное сообщение" посту, который не нравится?

Нет  :crazy:  :dontknow:

+1

284

Deff написал(а):
Shephard написал(а):

(например, случайно поставил "плюсик/полезное сообщение" посту, который не нравится?

Нет  :crazy:  :dontknow:

Ясно, спасибо.
А с вот этим полезным постом можно что-нибудь сделать?

+1

285

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

но почему-то ответ "Да" не отображается,

Видимо потому, что у Вас выбран тип репутации "Только плюсы", и "Нет" - это на самом деле "Да", то есть плюс)

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

А с вот этим полезным постом можно что-нибудь сделать?

Удалить вот это:

.post-vote .container a:first-child:after {
  content: "/";
  right: 16px;
  top: 2px;
}
.post-vote .container a:last-child:before {
  content: "Нет";
  right: 10px;
  top: 2px;
  color: #b42222;
  border-bottom: 1px solid #bd9393;
}

0

286

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

но почему-то ответ "Да" не отображается,

Видимо потому, что у Вас выбран тип репутации "Только плюсы", и "Нет" - это на самом деле "Да", то есть плюс)

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

А с вот этим полезным постом можно что-нибудь сделать?

Удалить вот это:

.post-vote .container a:first-child:after {
  content: "/";
  right: 16px;
  top: 2px;
}
.post-vote .container a:last-child:before {
  content: "Нет";
  right: 10px;
  top: 2px;
  color: #b42222;
  border-bottom: 1px solid #bd9393;
}

Спасибо
А нельзя сделать так, чтобы после повышения рейтинга поста эта надпись исчезала? А то путаешь, что лайкал, а что - нет.

0

287

Доброго времени суток)
Надумал вот поставить полоску-разделитель между категориями, но что-то не получается выровнять заголовок по оси У.
Изменение высоты в пикселях не помогает. Подскажите кто-нибудь, чем ее двигать. По поиску не нашел.

Скрин

Хотелось бы заголовки в центр полосы-картинки разделителя, но они застряли гораздо выше.
http://d.radikal.ru/d10/1908/1b/d0ed813b7ab8.jpg

0

288

Курама
Ccылку на форум...  :flag:

+1

289

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

А нельзя сделать так, чтобы после повышения рейтинга поста эта надпись исчезала? А то путаешь, что лайкал, а что - нет.

Если форум не на Rusff, то можно, есть скрипт Скрытие кнопок голосования в уже оцененном посте (на Rusff можно редактировать комментарии, поэтому скрывать кнопки по-моему лишнее. К тому же скоро выйдет дополнение к Мгновенным уведомлениям, с которым оценки будут выставляться без перезагрузки страницы)

0

290

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

Ccылку на форум...

http://testso.mybb.ru

+1

291

Курама
В Конец Первого Окна стиля:

#pun-stats h2 span,
.category h2 span{
    display:block;
    text-align:center;
    margin-top: 55px!important;
}

+1

292

Доброго. Имеется форум http://celtic.rusff.ru
На форуме установлен шрифт PT Sans, и он долгое время прекрасно работал. но в какой-то момент случилось нечто непонятное, и шрифт стал адекватно работать только в навигации форума. И все. Ни в названии разделов, ни в профилях, ни в темах шрифт больше не работает да к тому же долго подгружается, оставляя дыры от слов. Я хоть убей, не могу понять, что с ним произошло, потому что дизайн никто не трогал, да и все остальное работает без проблем. Шрифт залит через файлы форума импортом, сами начертания шрифта тоже залиты в форумные файлы.
Буду благодарен, если кто-то глянет свежим взглядом и поймет, где я накосячил -( Спасибо заранее, очень бесит

0

293

Mota_Wolfen
По-моему, шрифт PT Sans отображается везде, где он прописан в коде (по крайней мере у меня в браузере).
Если у Вас это не так, сделайте скриншоты элементов, для которых шрифт указан, но по факту его нет.

0

294

Mota_Wolfen, лучше так не подключать шрифты:

/* Bebas Neue */
  @import "http://forumstatic.ru/files/0016/0d/10/37469.css";
/* Roboto Condensed */
  @import "http://forumstatic.ru/files/0016/0d/10/59223.css";
/* Comfortaa */
  @import "http://forumstatic.ru/files/0016/0d/10/43647.css";
/* Bosk */
  @import "http://forumstatic.ru/files/0016/0d/10/23029.css";
/* PT SANS */
  @import "http://forumstatic.ru/files/0019/a9/a6/24127.css";
/* Philosopher */
  @import "http://forumstatic.ru/files/0019/a9/a6/17207.css";

Объедините все коды шрифтов из этих файлов в один файл CSS, и подключите их через НТМЛ верх таким образом:

<link rel="stylesheet" type="text/css" href="файл.css">

Отредактировано kolobdur74 (Вс, 18 Авг 2019 09:54:41)

+1

295

kolobdur74
В чем принципиальная разница?)
По-моему это никак не повлияет на проблему, описанную пользователем.
Разве что загрузка будет быстрее, т.к. файл единственный, а не несколько.

0

296

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

В чем принципиальная разница?)
По-моему это никак не повлияет на проблему, описанную пользователем.

Первый момент - это много подключаемых файлов через css, через css лучше подключать один-два файла, второй момент, как ты и отметил один файл загружается быстрее чем несколько, третий момент лучше через свой стиль не ставить шрифты (глючность в Своем стиле с кодировкой, кириллицу лучше использовать в НТМЛ верху, а не в Своем стиле) - уже многократно сталкивался, что они там могут не работать или работать глючно, особенно если их много.. Ну, и четвертый момент - это приоритеты, шрифты лучше ставить с наивысшим приоритетом, то бишь ниже всего css кода, а не в самом верху, а в НТМЛ верху приоритет выше чем в Своем стиле - тоже с этим сталкивался..

Отредактировано kolobdur74 (Вс, 18 Авг 2019 14:19:25)

0

297

kolobdur74
Странное что-то, внутри этих CSS файлов все равно же шрифты подгружаются одинаково, через @font-face и src: url(...), вне зависимости от того, подгрузишь ты css-файл изнутри другого или из HTML верх.
А приоритет не может влиять в принципе, тут же не перекрываются одни правила для селекторов другими. Если, конечно, разные шрифты под одним и тем же названием не пытаться грузить.
Кодировка тут тоже не играет роли, где в шрифтах кириллица-то? Разве что в комментариях к подключаемому шрифту? Там даже ни ::before, ни ::after нет, в которых могла бы быть кириллица.

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

уже многократно сталкивался, что они там могут не работать или работать глючно..

Конкретный бы пример посмотреть, ни разу не видел, чтобы при корректном подключении через @font-face (а не подгрузкой готового файла фиг знает откуда) шрифты как-то криво отображались или не работали.

Касательно устранения мерцания в момент подгрузки шрифтов, я смог этого добиться только путём загрузки файла шрифта прямо внутри css, из base64-кодированной строки.

0

298

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

Странное что-то, внутри этих CSS файлов все равно же шрифты подгружаются одинаково, через @font-face и src: url(...), вне зависимости от того,

@import в больших количествах влияет на скорость загрузки..

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

А приоритет не может влиять в принципе, тут же не перекрываются одни правила для селекторов другими. Если, конечно, разные шрифты под одним и тем же названием не пытаться грузить.

Бывает и перекрывается, если хочется в одном месте один шрифт, а в другом общий..

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

Конкретный бы пример посмотреть, ни разу не видел, чтобы при корректном подключении через @font-face (а не подгрузкой готового файла фиг знает откуда) шрифты как-то криво отображались или не работали.

Я сталкивался, опять таки при большом количестве подключаемых шрифтов - один-два шрифта обычно проблем не дают..

0

299

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

@import в больших количествах влияет на скорость загрузки..

Логично, только влияет не сам импорт, а запросы (синхронные, т.е. блокирующие) к файлам, подгружаемым через него.
Точно тот же эффект будет и при загрузке с помощью тега <link />.

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

Бывает и перекрывается, если хочется в одном месте один шрифт, а в другом общий..

Использование конкретного шрифта для каждого элемента задается, собственно, правилом для этого элемента, причем без разницы, выше или ниже @font-face, подключающего шрифт. Так что если что-то в стиле со шрифтами не так, то это в самом стиле смотреть надо.

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

Я сталкивался, опять таки при большом количестве подключаемых шрифтов - один-два шрифта обычно проблем не дают..

Возможно, просто некоторые из них не подгружались по каким-то причинам (к примеру, загружены с иного ресурса), соответственно и отображались? Не очень понимаю, как количество шрифтов может повлиять на их отображение.

0

300

Alex_63, kolobdur74, выяснили с другом одну интересную вещь - на других форумах тоже некоторые шрифты не отображаются, даже из стандартного набора, типа Курьер Нью, если применить в посте. Причем, у меня может отображаться, у него нет. Есть ли вероятность, что это какой-то глюк платформы? Потому что, как я уже говорил ранее, раньше все работало без каких-либо проблем. А теперь то отображается, то нет - вот сейчас у меня снова шрифт подключился везде. так что не могу сделать скриншот, но вечером он снова может отрубиться или завтра после перезапуска компа...
Это очень странно, если честно. Я давно занимаюсь дизайнами, но такой шляпы со шрифтами у меня реально никогда не случалось. Шрифты переподключу, как указано, конечно, может. правда перестанет колбасить. Хотя, опять же, из всех установленных шрифтов глючит ТОЛЬКО PT Sans. Тот же Философер никогда не отключался...

0

301

Mota_Wolfen
Это не может быть глюк платформы как минимум потому, что шрифт Courier New – системный. Может со стороны браузера глюк? Попробуйте вместе с другом с другого браузера посмотреть форум и/или переустановить с нуля текущий.

0

302

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

Логично, только влияет не сам импорт, а запросы (синхронные, т.е. блокирующие) к файлам, подгружаемым через него.
Точно тот же эффект будет и при загрузке с помощью тега <link />.

Одна из статей по поводу, что лучше использовать: https://habr.com/ru/post/57012/ или еще: https://artkiev.com/blog/css-import-or-link.htm

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

Использование конкретного шрифта для каждого элемента задается, собственно, правилом для этого элемента, причем без разницы, выше или ниже @font-face, подключающего шрифт.

Тем не менее вынос шрифта в НТМЛ верх в таких случаях решает проблему.. Почему, я ответ не нашел, возможно дело действительно не в приоритетах..

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

Возможно, просто некоторые из них не подгружались по каким-то причинам (к примеру, загружены с иного ресурса), соответственно и отображались?

Нет, все загружены были на Майбб в админке в файлы..

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

Не очень понимаю, как количество шрифтов может повлиять на их отображение.

Ну, большое количество загружаемых файлов, возможно происходит обрыв при большом количестве запросов.. Все таки как не крути но проблемы с системой файлов на Майбб есть, имею ввиду файлы, которые загружаются в Админку.. Возможно я написал бред..

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

Шрифты переподключу, как указано, конечно, может. правда перестанет колбасить. Хотя, опять же, из всех установленных шрифтов глючит ТОЛЬКО PT Sans. Тот же Философер никогда не отключался...

В любом случае один файл лучше множества, да и НТМЛ верх для шрифтов предпочтительнее..

0

303

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

https://habr.com/ru/post/57012/

Ну я бы не очень доверял статьям десятилетней давности, в которых описывается поведение под IE6...

По остальному, на основе предположений делать поправки в стилях конечно можно, но лучше в таких случаях обратиться к вкладке Network инструментов разработчика – там сразу будет понятно, какие из файлов как грузятся, сколько по времени и с успешным ли результатом. А также в инспекторе проверять, какие из стилей применились.

0

304

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

Ну я бы не очень доверял статьям десятилетней давности, в которых описывается поведение под

Тем не менее ты уверен, что подгружать файл, который подгружает еще один файл в самом начале загрузки стиля - это хорошая идея? А ведь через @import загружается в первую очередь, а потом идет чтение браузером всего что ниже..

Отредактировано kolobdur74 (Вс, 18 Авг 2019 15:14:13)

0

305

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

подгружать файл, который подгружает еще один файл в самом начале загрузки стиля - это хорошая идея? А ведь через @import загружается в первую очередь, а потом идет загружаться всё что ниже..

А в чем разница для пользователя?) Что в случае с @import, что в случае с <link />, запрос – блокирующий, т.е. пока не будет получен ответ на этот запрос, загрузка далее не продолжится, вызывая ожидание пользователя. Разница только в том, что @import будет блокировать страницу чуть раньше, а установленный в HTML верх <link /> чуть позже, когда основной стиль уже загрузится и применится (но страница-то в этот момент не загружена всё равно).

0

306

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

А в чем разница для пользователя?) Что в случае с @import, что в случае с <link />, запрос – блокирующий, т.е. пока не будет получен ответ на этот запрос, загрузка далее не продолжится, вызывая ожидание пользователя. Разница только в том, что @import будет блокировать страницу чуть раньше, а установленный в HTML верх <link /> чуть позже.

В том, что не будет сбоя.. Загрузится сначала полностью весь основной стиль, а потом вступят правила шрифтов, что кстати увеличит и визуальную загрузку стиля, так как основной стиль уже не будет зависеть от подгрузки файлов.. В ином случае сначала загружаются шрифты, а уже потом читаются правила css начиная с body..

0

307

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

Курама
В Конец Первого Окна стиля:

#pun-stats h2 span,
.category h2 span{
    display:block;
    text-align:center;
    margin-top: 55px!important;
}

Ура!) Спасибо огромное! :jumping:

+1

308

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

В ином случае сначала загружаются шрифты

Шрифты загружаются асинхронно, что мы и наблюдаем в виде мерцания, когда текст при загрузке страницы на какое-то время пропадает или отображается со стандартным шрифтом.
Сразу загрузится в таком случае только css файл, содержащий правила, подключающие шрифты.

0

309

Здравствуйте. При цитировании сообщения с картинкой картинка в цитату не вставляется, а аватар автора в поле цитаты сползает вниз. BB-цитирование, в принципе, проблему решает, но мне интересно, можно ли это исправить еще каким-то образом?

Отредактировано Shephard (Вс, 18 Авг 2019 17:48:43)

0

310

Shephard
Аватар автора можно поправить в css, чтобы не сползал, а картинку (да и другие теги) без BB-цитаты процитировать не получится, BB-цитата для того и существует :)
В планах со временем включить BB-цитату на сервисе вместо стандартной. Пока что в качестве эксперимента на всех форумах bestbb.ru она установлена и работает.

+1

311

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

Shephard
Аватар автора можно поправить в css, чтобы не сползал, а картинку (да и другие теги) без BB-цитаты процитировать не получится, BB-цитата для того и существует :)
В планах со временем включить BB-цитату на сервисе вместо стандартной. Пока что в качестве эксперимента на всех форумах bestbb.ru она установлена и работает.

Спасибо. BB-цитату уже используем, очень нравится. :cool:

+1

312

Alex_63
а мне не нравится что картинки цитируются

0

313

tartar1
:glasses: Ну так кто мешает стандартную цитату использовать, в таком случае...

+1

314

вопрос решен, простите)

Добрый день! Подскажите пожалуйста, не могу решить проблему: на скрине видно, как html-заголовок немного не дотягивает до краешка цитаты. как бы мне его выровнять, я уже всю голову сломала? спасите, пожалуйста.)
http://testbyflow.rusff.ru/viewtopic.ph … mp;p=3#p62 - сообщение где проблема

скрин

https://i.imgur.com/rlFVxYm.png

Отредактировано Trinity Wane (Вт, 3 Сен 2019 09:41:50)

+1

315

Снова я к вам с вопросом.) Пациент - http://testbyflow.rusff.ru/
как можно сделать так, чтобы с телефона была видна табличка с активистами слева, сбоку которая, но при этом сам форум не прижимался к правому краю?

скрин

https://sun9-10.userapi.com/c856028/v856028748/e2d46/c-CDNXkSK8c.jpg

Отредактировано Trinity Wane (Вт, 3 Сен 2019 16:04:47)

0

316

Trinity Wane
Попробуйте такую правку:

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun_wrap {
   padding: 0 100px;
   }

#pun {
   margin: 0 auto 0 0 300px!important;
   position: relative;
   border-width: 0px 0px 0px 0px;
   width: 1037px;
   margin: auto;
   top: 0px;
  }

+2

317

Alex_63
спасибо большое, вы просто спасли нас)

+2

318

Alex_63
прошу прощения, но с компьютера на широких экранах все немного съезжает вправо, можно ли как-то это дело решить, центрировать?) или нам все же  придется пожертвовать табличкой?)

скрин

https://i.imgur.com/QXqy4MD.jpg

0

319

Trinity Wane
Я поправил чуть код в предыдущем сообщении (но видимо Вы успели поставить изначальный), в таком варианте на мобильных устройств отступ будет ровно по границам выступающих частей (т.е. справа форум чуть ближе будет прижат к краю), но на десктопах проблем не будет

0

320

добрый вечер
подскажите, как подфорумы поднять выше, чтобы они не выходили за рамки и не образовывали такое пустое пространство в самом форуме

скрин

http://ipic.su/img/img7/fs/simple-golden-crown-png-5.1567525768.png

http://mybloodydemon.mybb.ru/

0

321

Alex_63
скрин уже с учетом кода что стоит, увы
на компьютерах очень большой сдвиг вправо, проверяли с трех устройств

0

322

Trinity Wane
Нет, без учета правки у Вас стоит (точнее, частично):

/* A5.1 */
#pun_wrap {
   padding: 0 100px;
   width: 100%;
   }

+3

323

Alex_63
ой, все, слепая стала, на пенсию пора  :blush:
Простите, теперь все ровно)

+1

324

Здравствуйте. На форуме установлен скрипт  карточка персонажа. Я его полностью под себя переделала внешне, но есть один момент скорее всего это можно как-то изменить в файле JS.

При нажатии на иконку, как положено появляется окошко, но оно как-то расположено относительно экрана, и получается автопрокрутка. Можно как-то исправить, чтобы окошко появлялось без привязки к расположению на экране. т.е. относительно аватара.

Вот сам js

Отредактировано Эйфория (Ср, 4 Сен 2019 15:17:31)

0

325

Здравствуйте!

картинка

https://i.imgur.com/gAPhgt9.jpg

Можно ли как-то решить эту проблему? Кнопку сверху я пробовала, но не подходит, к тому же она на пк версии дублируется.
Ссылка на форум, на всякий случай: http://testblin01.0pk.ru/

Отредактировано Эвелина Шайн (Ср, 4 Сен 2019 15:25:59)

0

326

Эвелина Шайн
Как вариант:

Код:
#main-reply {
  -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

Отредактировано Deff (Ср, 4 Сен 2019 16:42:21)

+2

327

Эйфория
Откройте форум с темами о персонаже гостю или пиар нику... иначе не увидеть

Отредактировано Deff (Ср, 4 Сен 2019 17:12:48)

0

328

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

Как вариант:

Спасибо, это помогло!

+1

329

Поставили Мгновенные уведомления.
Теперь "Меню сообщений" (там, где Активные темы и Мои Сообщения) не помещается в одну строку.
https://i.imgur.com/QwZtuAC.png
Как можно уложить все эти кнопки в одну строку?

И еще, народ просил слово "Уведомления" в этой строке как-то выделить, например, сделать жирным. Как?

+1

330

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

Теперь "Меню сообщений" (там, где Активные темы и Мои Сообщения) не помещается в одну строку.

Поправил на форуме (у меня там есть права админа, оказывается :O). Заодно и в меню навигации аналогичную проблему пофиксил.

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

И еще, народ просил слово "Уведомления" в этой строке как-то выделить, например, сделать жирным. Как?

Например, так (в HTML верх):

Код:
<style type="text/css">
#pun-ulinks .item8 {font-weight: 700;}
</style>

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

+3

331

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

Поправил на форуме (у меня там есть права админа, оказывается :O). Заодно и в меню навигации аналогичную проблему пофиксил.

О, спасибо! http://forumstatic.ru/files/0001/48/78/78668.gif
Теперь отлично.
А админ-права у вас еще со времен разработки Блогов (на нашем форуме тренировались 8-) )

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

"Уведомления" ... сделать жирным.
Например, так (в HTML верх):......
Только вот стоит ли?

Тоже спасибо. Буду иметь ввиду, может, придется воспользоваться.

+1

332

Здравствуйте! Заметила одну проблему:
https://i.imgur.com/IS5PiNl.png

Стрелочкой показала, где это должно стоять. Я уже обращалась с похожей, но прошлое решение мне не помогло. Помогите, пожалуйста!
Ссылка на профиль админа, http://testblin01.0pk.ru/profile.php?id=2

Код:
#viewprofile div[style^="margin-top: -10"] {
  margin:0!important;
}
#viewprofile #profile-right *{
  text-align:left!important;
}
#viewprofile .hoverprofile,
#viewprofile .miniprofile {
  position:relative;height:auto;
  opacity:1;box-shadow:none;
}
#viewprofile .hoverprofile *[style] {
  margin:0!important;
}

0

333

Эвелина Шайн
добавьте красным:

/* C6.8 */
#viewprofile li span:first-child {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;}

+2

334

Deff
О, спасибо большое!

0

335

продублирую сообщение, а то, кажется, его пропустили на той страничке)
добрый вечер
подскажите, как подфорумы поднять выше, чтобы они не выходили за рамки и не образовывали такое пустое пространство в самом форуме

скрин

http://ipic.su/img/img7/fs/simple-golden-crown-png-5.1567525768.png

http://mybloodydemon.mybb.ru/

0

336

Deff

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

Эйфория
Откройте форум с темами о персонаже гостю или пиар нику... иначе не увидеть

Для чтения? гостю открыт,  рекламе открыла.  Сам  форум

Пока только у меня установлен, ник Вивьен

Отредактировано Эйфория (Пт, 6 Сен 2019 17:29:44)

+1

337

Эйфория
Замените код на такой:

Код:
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
  margin-top: -20px!important;
  margin-left: 110px!important;
  width:40px;  /*Размер иконки*/
}
body .my-tabs {
 position:fixed!important;
  margin-left: 275px!important;
 top:20%!important;
 margin-top:0!important;
}
</style>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/001a/14/51/91930.css" />
<script img-data="http://forumstatic.ru/files/001a/14/51/60782.png" src="http://forumstatic.ru/files/0014/cc/0a/46868.js" forum="32"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

+1

338

medvedeva
Под гостем этого форума на скриншоте не видно  :dontcare:  :dontknow:

0

339

Deff
открыла для гостя

0

340

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

подскажите, как подфорумы поднять выше, чтобы они не выходили за рамки и не образовывали такое пустое пространство в самом форуме

Верстка конечно жуткая, фоновые картинки надо было к .tclcon прикручивать, а не table везде всовывать.
Но коли уж оставлять как есть, то можно добавить чисто для подфорумов правку:

Код:
.punbb .subforums {
    margin: -20px 0 0;
    padding: 0 0 20px;
}

+1

341

Доброго времени суток)

Подскажите, пожалуйста, что сделать с объявлением (или может не с ним), чтобы при просмотре через моб устройство, текст в нем не скукоживало влево?
Эта проблема на двух стилях: сиреневом и коричневом. Мне подумалось, что всему виной блоки в категориях с закруглениями, т.к. на тех стилях, где их нет, все отображается нормально.

Вид объявления с компа

http://d.radikal.ru/d14/1909/81/16b7cb37f581.jpg

Вид объявления с телефона

http://a.radikal.ru/a10/1909/b0/7476155c82d8.jpg

Не критично конечно, но хотелось бы выровнять)
ссылка на сайт - http://curama.mybb.ru/

Отредактировано Курама (Вс, 8 Сен 2019 23:01:30)

0

342

Кукусики, хорошие. Хотелось бы поставить стрелочки на широкий бордюр фона форума, как показано на картинке, но не выходит. При разном расширении они стоят в разных местах. Помогите, пожалуйста.

Картинка

https://i.imgur.com/mKaXcFk.jpg

Ссылка на форум: http://testblin01.0pk.ru

0

343

Эвелина Шайн
Вот в этом месте, это скорее всего находится  стиле, попробуйте параметр, выделенный красным, указать не в абсолютных единицах, а в процентах, К примеру, right:5%. "Поиграйте" с этой цифрой

.go-up, .go-down {
    display: none;
    position: fixed;
right: 137px;   
    z-index: 9999;
    cursor: pointer;
    opacity: 0.7;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
}

0

344

Mirra Bell написал(а):

Вот в этом месте, это скорее всего находится  стиле, попробуйте параметр, выделенный красным, указать не в абсолютных единицах, а в процентах, К примеру, right:5%.

Это я уже пробовала) Она все равно относительно правого края на эти проценты двигается что с компа, что с ноутбука, что с телефона. А хотелось бы как-то зафиксировать в одном месте на бордюре фона

0

345

Эвелина Шайн
Очевидно, где-то стиль перебивается вышестоящим и/или более приоритетным значением.
Сделайте так:

.go-up, .go-down {
    display: none;
    position: fixed;
    right: 137px !important;   
    z-index: 9999;
    cursor: pointer;
    opacity: 0.7;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
}

0

346

Эвелина Шайн написал(а):

Хотелось бы поставить стрелочки на широкий бордюр фона форума, как показано на картинке, но не выходит. При разном расширении они стоят в разных местах. Помогите, пожалуйста.

По сути никак.. position: fixed; выносит из общего потока, действует как абсолют и точка отсчета идет не от блока, в котором находятся блоки стрелок, а от края экрана.. А так как у вас дизайн фиксированный, а не резиновый и переделать его в резиновый это создавать заново дизайн, то по сути никак не зафиксировать стрелки..

Отредактировано kolobdur74 (Пн, 9 Сен 2019 16:56:08)

0

347

kolobdur74
Ладно, пусть будет от края экрана.
Просто я как-то видела на одном из форумов стрелочки, которые были на бордюре фона, вот и подумала, что такое можно сделать.
Спасибо)

0

348

Эвелина Шайн, ну, попробуйте такой вариант:

Код:
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 876px !important;
    z-index: 9999;
    cursor: pointer;
    opacity: 0.7;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
}

Отредактировано kolobdur74 (Пн, 9 Сен 2019 17:58:42)

+2

349

kolobdur74
Вот то что надо! Куда вас поцеловать? Спасибо!

+1

350

Эвелина Шайн написал(а):

Куда вас поцеловать?

Не надо.. :rofl: Поставьте вместо: margin-left: 876px - 882px - будет более по центру бордюра..

Отредактировано kolobdur74 (Пн, 9 Сен 2019 18:10:35)

+1

351

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

Поставьте вместо: margin-left: 876px - 880px - будет более по центру бордюра..

Поставила, спасибо)

+1

352

Эвелина Шайн написал(а):

Поставила, спасибо)

Можно еще пару пикселей прибавить - посмотрите как лучше..

0

353

Люди, а что по моему вопросу?  :question:
пост 341

0

354

Курама
ну, раз уж у вас ширина #submenu жестко прописана как 631 пиксель, можно у .submenutext тоже прописать ширину не 100%, а 630-631. Потому что мобильные почему-то искренне верят, что 100% им надо брать не от родительского #submenu, а от ширины экрана (яблоко так точно, эмулятор мобильного в хроме с ним согласен)

+3

355

Амираль написал(а):

ну, раз уж у вас ширина #submenu жестко прописана как 631 пиксель, можно у .submenutext тоже прописать ширину не 100%, а 630-631. Потому что мобильные почему-то искренне верят, что 100% им надо брать не от родительского #submenu, а от ширины экрана (яблоко так точно, эмулятор мобильного в хроме с ним согласен)

Спасибо, попробую)

0

356

Амираль
Всё отлично! Как раз то, что надо)  :cool:

+1

357

Здравствуйте. Если уже был ранее этот вопрос разобран, то прошу прощения, я не нашел нужной информации по нему. А дело вот, в чем:
Есть ли возможность поместить профиль и его информацию в темах не слева/справа, как она обычно, а к примеру сверху? Чтобы контент постов располагался под профилем с информацией о пользователе, а подпись уже под этим постом. Т.е. содержание сообщения будет находиться между профилем и подписью в темах.
Для наглядности:

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

Имя
Статус
Аватар

Вся остальная информация под вкладками.

Здесь контент сообщения.

Здесь контент подписи.

Сразу признаюсь, что я нашел некоторый способ сделать это, но я не знаю, как оформить профиль по той схеме, которую я описал выше (чтобы он места сильно не занимал).

0

358

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

Есть ли возможность поместить профиль и его информацию в темах не слева/справа, как она обычно, а к примеру сверху? Чтобы контент постов располагался под профилем с информацией о пользователе

Можно, к примеру так:

.punbb .post .post-author {
float: none;
width: 100%;
}
.punbb .post-body {margin-left: 0;}

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

а подпись уже под этим постом

Использовать flex..

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

но я не знаю, как оформить профиль по той схеме, которую я описал выше (чтобы он места сильно не занимал).

Ну, можно так:

.post-author li {display: inline;}

Будет в одну строчку..

+1

359

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

Будет в одну строчку..

Да вот не в одну строчку все пункты надо. А по такому принципу (по аналогии как в скрипте с мини-профилем):

Имя
Статус
Аватар

Зарегистрирован
Уважение
Позитив
и тд

Отредактировано Jolt (Пн, 16 Сен 2019 17:24:09)

0

360

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

Да вот не в одну строчку все пункты надо. А по такому принципу (по аналогии как в скрипте с мини-профилем):

Подобное можно реализовать опять таки через flex, если через css..

0

361

kolobdur74
Что ж, попробую. Спасибо!

+2

362

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

Подобное можно реализовать опять таки через flex, если через css..

К сожалению, мне не удалось эту идею реализовать, так как не разобрался с механикой флекса. Пришлось от нее отказаться. Но все равно спасибо, что отозвались на мой вопрос.


Параллельно задам следующий вопрос: Что делать при таком случае, который изображен на скрине?

скрин

http://sd.uploads.ru/nkiu6.png

Рассказываю ситуацию:
Я использовал метатег <meta name="viewport" content="width=device-width, initial-scale=1"> для того, чтобы выровнять стиль. К примеру, когда заходишь на форум с мобильного устройства и начинаешь писать сообщение в тему, то при наличии этого метатега текстовое поле перестает растягиваться и больше не перекрывает собой кнопки "Отправить" и "Посмотреть". Но побочным эффектом стала "урезка" логотипа, который я достал из шапки и поместил в тело. Вот код как это выглядит:

html {
  background: url("картинка фона"); !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  background-color: transparent # 000;
  background-size: cover;
}

body {
background: transparent url("картинка логотипа") no-repeat top center !important;
padding-top: 350px !important;
margin-top: 0px !important;
}

С пк все выглядит, как должно выглядеть, но вот не с мобильного устройства. Пробовал смотреть с разных браузеров, подозревая сначала "неисправность" их работы. Но теперь понимаю, что дело совсем в другом. И не знаю, как это исправить, да.

0

363

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

Я использовал метатег <meta name="viewport" content="width=device-width, initial-scale=1">

Этот метатег и так установлен на сервисе:
https://i.imgur.com/GWGmKOt.png

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

Вот код как это выглядит

Адрес форума на посмотреть?

Здесь ошибка:

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

background: url("картинка фона"); !important;

url("картинка фона") - кавычки лишнее..

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

background-size: cover;

Ковер так себе решение..
Две ошибки:

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

background-color: transparent # 000;

1. либо transparen, либо цвет (то бишь либо прозрачное, либо цвет)..
2. # 000 - # пишется без пробела.

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

К сожалению, мне не удалось эту идею реализовать, так как не разобрался с механикой флекса.

Он не такой уж сложный, но щас я вам на пальцах о нем не расскажу.. Не раньше зимы во всяком случае..

Отредактировано kolobdur74 (Вт, 17 Сен 2019 17:14:04)

0

364

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

Этот метатег и так установлен на сервисе:

Странно... Тогда почему возникают такие накладки текстового поля на кнопки и как с ними разобраться?

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

Адрес форума на посмотреть?

http://mesozoinh.mybb.ru/

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

1. либо transparen, либо цвет (то бишь либо прозрачное, либо цвет)..
2. # 000 - # пишется без пробела.

Потому и сделал пробел, чтобы цвет не читался, но убирать его самого не стал)

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

Он не такой уж сложный, но щас я вам на пальцах о нем не расскажу.. Не раньше зимы во всяком случае..

Что ж, тогда у меня есть резон подождать)

0

365

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

Потому и сделал пробел, чтобы цвет не читался, но убирать его самого не стал)

Очень много лишнего кода - считайте хлама, в итоге сами будете путаться, лучше сохраняйте версии всего кода после изменений на компе в Notepade++..
По поводу проблемы с шапкой, у вас по ходу телефон с очень низким разрешением, ну и боди лучше в данном случае не трогать, попробуйте заменить это:

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

body {
background: transparent url("картинка логотипа") no-repeat top center !important;
padding-top: 350px !important;
margin-top: 0px !important;
}

На такой код:

Код:
#pun_wrap {
    background: transparent url(http://s9.uploads.ru/h2Gvi.png) no-repeat top center !important;
    padding-top: 350px !important;
    width: 960px;
    margin: 0 auto;
}

И еще не используйте так много импортантов - рано или поздно это выйдет боком.. Если нет необходимости в использовании импортанта не используйте его, а его необходимость в нем в процентах 90 нету.

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

Странно... Тогда почему возникают такие накладки текстового поля на кнопки и как с ними разобраться?

Скиньте скриншот как это выглядит у вас и дайте доступ гостю писать в тестовом форуме, чтобы самому посмотреть..

+1

366

За !important подмечено верно.

+1

367

John Warner написал(а):

За !important подмечено верно.

Я бы вообще начинающим верстальщикам настоятельно рекомендовал о нем забыть, он больше создает вред, чем пользу, когда не совсем понимают как его применять правильно..
Jolt, по поводу импортантов, кстати, советую ознакомиться: Правила приоритетов в CSS

+1

368

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

И еще не используйте так много импортантов - рано или поздно это выйдет боком.. Если нет необходимости в использовании импортанта не используйте его, а его необходимость в нем в процентах 90 нету.

Хорошо, запомню.

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

Скиньте скриншот как это выглядит у вас и дайте доступ гостю писать в тестовом форуме, чтобы самому посмотреть..

Доступ дал. Скриншот:

скрин

http://s7.uploads.ru/ab8Tp.png

0

369

Jolt, ну это проблема конкретного девайса.. Ну, можно попробовать увеличить низ форума, чтобы клавиатура не перекрывала кнопки, попробуйте такой вариант:

Код:
@media screen and (max-width: 540px) {
#pun-viewtopic #pun-crumbs2 {padding-top: 100px;}
}

Величину отступа подберите нужную..

0

370

kolobdur74

@media screen and (max-width: 540px) {
#pun-viewtopic #pun-crumbs2 {padding-top: 100px;}
}

Этот вариант мне не помог. Зато изменив код шапки на этот, что вы предложили мне:

#pun_wrap {
    background: transparent url(картинка логотипа) no-repeat top center !important;
    padding-top: 350px !important;
    width: 960px;
    margin: 0 auto;
}

И совместив его с метатегом (пусть и его повторной вставкой в общий код): <meta name="viewport" content="width=device-width, initial-scale=1"> - и все заработало как надо!
Огромное спасибо за помощь)

+1

371

Помогите, пожалуйста, подкорректировать скрипт Дайсы для ф-рпг, применение.  Хотелось бы его упросить.

1. Оставив только возможность кидать кубик с кнопки из заранее прописанных Вариантов. (Кубик под формой ответа)  В идеале перенести его над форму ответа.
2. Чтобы при этом результат броска выглядел так а не так. (т.е. горизонтально и без нумерации)
3. В посте, убрать кнопку "Показать все результаты."

Нужен максимально простой вариант, чтобы по клику на кубик выпадало случайное число от 1 до 20. (d20)  без лишней информации и без лишних движений.

Форум для теста   Логин через пиар вход

Отредактировано Эйфория (Вт, 24 Сен 2019 12:25:22)

0

372

Кукусики, хорошие. Возникла проблема с оформлением линии hr.
https://i.imgur.com/Sy78NTL.png

Код:
/* Линия разделитель */
hr {
border: 1px dotted #2b2e27 !important;}

Вроде больше нигде никакой код не стоит, но я скорей всего идиот. Хочу поменять на двойную линию, но ее размер не соответствует желаемому. Если убрать размер такая же широкая сплошная линия выходит.
https://i.imgur.com/3N2KZVH.png
Хочется сделать двойную линию, не не выходит, где-то что-то мешает. Помогите, пожалуйста.
Ссылка на тему: http://testblin01.0pk.ru/viewtopic.php?id=50#p170 – есть доступ для гостя.

Отредактировано Эвелина Шайн (Чт, 26 Сен 2019 12:34:12)

0

373

Эвелина Шайн написал(а):

Хочется сделать двойную линию, не не выходит, где-то что-то мешает.

Код:
hr {
    border-top: 4px double #2b2e27;
}

+3

374

kolobdur74
Спасибо!

+1

375

https://i.imgur.com/HqmX60H.png
Как тут можно убрать бордюр и сделать эти аватарки квадратными?
Ссылка: http://testblin01.0pk.ru/userlist.php

+1

376

Эвелина Шайн написал(а):

Как тут можно убрать бордюр и сделать эти аватарки квадратными?

Код:
#pun-userlist.punbb .user-avatar img.ava {
    border: none !important;
    border-radius: 0;
}

+1

377

kolobdur74
То что надо, спасибо!

+1

378

Ссылка на тему: http://testblin01.0pk.ru/viewtopic.php?id=39#p101
Не получается поправить оформление, чтобы картинка наград не наползала на нижний бордюр.

Изображения

Как всейчас

https://i.imgur.com/hWlmZ5D.png

------------>

Как хочется

https://i.imgur.com/VRSLEOo.png

Помогите, пожалуйста!

0

379

Эвелина Шайн
В HTML-верх:

Код:
.post-autor-Sp
{
padding-bottom: 10px;
}

Имеем:
https://i.imgur.com/v0NaaWU.jpg

Ставим значение
https://i.imgur.com/r0jS38P.jpg

Получаем:
https://i.imgur.com/vimWLKl.jpg

+1

380

Эвелина Шайн написал(а):

Не получается поправить оформление, чтобы картинка наград не наползала на нижний бордюр.

Замените здесь:

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 135%;}

На 3em..

+1

381

John Warner
Не помогло, увы)

kolobdur74
О, спасибо большое!

+1

382

Хэй-хэй, появилась одна проблема. Ну как проблема, небольшая такая, но перфекционисты не оценят:
https://i.imgur.com/IEBIa4a.png
Как можно поправить? Когда в подфоруме есть темы все нормально отображается.
Ссылка на форум: http://necra.anihub.ru
Помогите, прощу!

0

383

Эвелина Шайн написал(а):

Как можно поправить?

Поправьте:

.punbb .category div.icon{
  margin-top: 0px!important;
  bottom: 16px;
  }

и

#pun-index .category tr .bottom {
    margin-left: 0;
    padding-left: 45px;
    padding-bottom: 5px;
    line-height: 16px !important;
    color: #333;
    width: 350px;
    font-family: Courier New;
    text-align: left;
    background: transparent;
    border: 0px solid #adadad;
    min-height: 40px;
}

Кстати, старайтесь делать четные ширину и высоту, если хотите, чтобы нормально центрировалось:

.punbb div.icon {
    float: left;
    display: block;
    position: absolute;
    margin-top: 155px;
    height: 35px;
    width: 37px;

}

В данном случае в идеале вообще бы было квадрат..

+1

384

kolobdur74
Вы кудесник! Спасибо.

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

Кстати, старайтесь делать четные ширину и высоту, если хотите, чтобы нормально центрировалось:

Да, спасибо, в следующий раз сделаем как надо!

+1

385

Всего наидобрейшего! это снова я
Возник любопытный вопрос: что делать с таким фокусом от шапки во время постановки профилактики?

смотреть здесь

https://i.imgur.com/Dy7VoF3.jpg

Форум (тестовик) - http://selomayper.rusff.ru
Коды на шапку:

вариант 1
Код:
#pun_wrap {
  background: transparent url("шапка") no-repeat top center !important;
  padding-top: 350px !important;
  width: 980px;
  margin: 0 auto;
}
вариант 2
Код:
body {
  background: transparent url("шапка") no-repeat top center !important;
  padding-top: 350px !important;
}

При использовании любого из вариантов появляется значительный отступ, который не оправдывает свою нужность.

0

386

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

Возник любопытный вопрос: что делать с таким фокусом от шапки во время постановки профилактики?

А какая разница что стоит на странице профилактики? Здесь шапка вообще не при чем - это стиль скрипта профилактики.. Сделайте в фотошопе как вы хотите, чтобы было..

0

387

kolobdur74
Дело в том, что если код на шапку убрать, т.е. саму шапку в принципе извлечь, то и отступ пропадет. И тогда окно с текстом профилактики будет вновь стоять, как изначально должно стоять. Мне просто непонятно, по какой причине это возникает и как это исправить. Простите мне мою дотошность.

0

388

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

Дело в том, что если код на шапку убрать, т.е. саму шапку в принципе извлечь, то и отступ пропадет. И тогда окно с текстом профилактики будет вновь стоять, как изначально должно стоять. Мне просто непонятно, по какой причине это возникает и как это исправить. Простите мне мою дотошность.

Код профилактики писался под определенный стиль на других стилях он может вставать криво.. Поэтому я и спросил как вам надо, чтобы было.. Для этого мне надо видеть как вам надо, то бишь скриншот.. Надо править стиль скрипта профилактики, потому что он полностью ломает стиль, который стоит..

0

389

kolobdur74
Понял вас.

вот так должно выглядеть

https://i.imgur.com/Y6rIOyg.jpg

https://i.imgur.com/kwKzg2I.jpg

0

390

Jolt, полосы у вас в стиле есть? Скиньте эти полосы..

0

391

kolobdur74
Нет, полосы это вкладки окна. Просто замазал их.

0

392

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

Нет, полосы это вкладки окна. Просто замазал их.

А, то есть просто черным? Верните шапку назад.. Я сейчас отредактирую стилевой файл профилактики и скину его вам.. Верните шапку и не трогайте пока свой стиль..

0

393

kolobdur74
А попутно спросить хочу: размер шапки будет иметь специфическое значение?
В плане: изменение ее размера повлияет как-либо на скрипт в дальнейшем?

Отредактировано Jolt (Ср, 2 Окт 2019 15:55:44)

0

394

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

А попутно спросить хочу: размер шапки будет иметь специфическое значение?
В плане: изменение ее размера повлияет как-либо на скрипт в дальнейшем?

Нет, я правлю стиль скрипта не трогая ваш стиль, то есть когда скрипт не работает ваш стиль будет таким каким вы его делаете..

0

395

Jolt, вот мной исправленный стиль профилактики: http://forumstatic.ru/files/000d/8d/19/16431.css Замените на мою ссылку вот здесь в скрипте:

<div id="pircs2"><!-- std.v.1/0/profilaktika --><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/profilaktika.css" />

Проверьте, если всё нормально и всё устраивает, то лучше перезалейте мой файл к себе на форум в Файлы и поставьте оттуда ссылку, а то я могу забыть зачем у меня этот стиль и удалить у себя его..

+2

396

kolobdur74
Все отлично работает! Приогромнейшее спасибо за невероятную помощь!

+1

397

добрый день! у нас на форуме вот такая беда:

беда

https://i.imgur.com/kEB2bD7.jpg

шапка постоянно убегает. как нам быть?
http://novacross.rusff.ru/

0

398

Trinity Wane написал(а):

шапка постоянно убегает. как нам быть?

У меня вроде все нормально отображается.. Но вы в любом случае зря трогаете pun:

#pun {background:  url("http://forumstatic.ru/files/0018/24/aa/98586.png") no-repeat top center, url("http://forumstatic.ru/files/0018/24/aa/71381.png") no-repeat bottom center, #fff url("http://forumstatic.ru/files/0018/24/aa/51433.png") repeat;     margin-top: 821px !important;  margin-bottom: 90px !important; width: 995px; padding-bottom: 0px; background-color: transparent !important;}

Сохраните себе стиль, уберите отсюда, что выделил выше красным, затем здесь:

/* D3.1 */
#pun-navlinks {
    border-style: none;
    border-width: 0;
    margin-top: -472px;
    margin-bottom: 0px;
    text-align: center;
    margin-left: -23px;
}

Поставьте 346px.. После этого проверьте остался сдвиг шапки вниз или нет..

0

399

Trinity Wane, и еще, вы уверены, что хотите размножение фона? Может лучше растянуть его при любом разрешении? К примеру можно так сделать:
Вместо:

/* Фон */
/*OLD url("http://forumstatic.ru/files/0018/24/aa/82777.png*/
body {background:  url(http://forumstatic.ru/files/0019/c7/d9/82777.jpg) repeat;
background-color: #c8bfae;
  background-position : top center;
background-attachment: fixed;}

Сделать:

/* Фон */
/*OLD url("http://forumstatic.ru/files/0018/24/aa/82777.png*/
body {background:  url(http://forumstatic.ru/files/0019/c7/d9/82777.jpg) no-repeat;
background-color: #c8bfae;
background-position : top center;
background-attachment: fixed;
background-size: cover;
}

+2

400

Trinity Wane написал(а):

шапка постоянно убегает. как нам быть?

Trinity Wane
Ощущение, что глюк лично на компе юзера, попробуйте очистку кеша ( контрл+F5 ) или https://is.gd/VvOicV

+2

401

Deff
Судя по скрину, там вообще телефон, а не комп, на телефоне клавиши контрол физически нет ;)

Trinity Wane
Попробуйте браузер обновить, подозреваю, что у Вас не последний Хром. У меня на последнем никуда ничего не убегает:

Скриншот

https://i.imgur.com/3IhL2QH.jpg

+1

402

Alex_63
Я дал ссылку на Гугл с поиском очистки кеша на разных устройствах! (в том числе и на мобильных)
2-е Уже были подобные вопросы с глюком сдвижки успешно решаемые через очистку

Отредактировано Deff (Сб, 12 Окт 2019 12:18:39)

+1

403

kolobdur74
спасибо. шапка у нас убегает периодами а не прям вот постоянно, то есть, например, гружу я изображение и она хоп и вниз.
посмотрим как сейчас будет, спасибо.)
с фоном с телефона теперь какая-то катавасия в плане того, что он словно низкокачественный.

скрин

https://i.imgur.com/BUrN5MP.jpg

Deff
это к сожалению не только у меня, и не только на компе, у многих с телефона и пк та же проблема.

Отредактировано Trinity Wane (Сб, 12 Окт 2019 12:33:15)

0

404

Trinity Wane написал(а):

с фоном с телефона теперь какая-то катавасия в плане того, что он словно низкокачественный.

Наверно проблемы с Блюром
Попробуйте поставить в Первое Окно Стиля
/*Типа Антиблюр*/
body{
  image-rendering: pixelated;
}

0

405

Deff
Теперь все пикселит) то есть, как надо не стало.

+1

406

не актуально

и еще, странно, баннеры партнеров отображаются у нас только на главной, а в темах пустое окно.

+

https://i.imgur.com/d0gOxDc.png

Отредактировано Trinity Wane (Сб, 12 Окт 2019 13:23:34)

0

407

Trinity Wane
Вариант 2:

/*Типа Антиблюр*/
body{
  image-rendering: -webkit-optimize-contrast;
}

0

408

Deff
все то же самое.(

+1

409

Неактуально
Trinity Wane написал(а):

и еще, странно, баннеры партнеров отображаются у нас только на главной, а в темах пустое окно.

У Вас тормозит загрузка баннеров из-за битого шрифта в HTML верх(красным):

<style>
@import url(http://allfont.ru/allfont.css?fonts=avalon-medium);
@import url('https://fonts.googleapis.com/css?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kelly+Slab&display=swap');
@import url(http://allfont.ru/allfont.css?fonts=briolin);
  @import url(http://allfont.ru/allfont.css?fonts=carolina);
@import url(https://fonts.googleapis.com/css?family=Oswald);
</style>

Ccылка не рабочая...
По идее лучше брать шрифты с гугол.fonts , либо перезаливать на форум

Отредактировано Deff (Сб, 12 Окт 2019 13:56:04)

0

410

Ксать со второй попытки загрузился и баннеры сразу появляются...  :crazyfun:

0

411

Trinity Wane написал(а):

все то же самое.(

Нужно рыть в инете... ибо при смене размера экрана и размера фона, разные браузеры  используют разные методы рендинга: (ждите, может к вечеру нарою... или кто поможет

body {
    background: url(http://forumstatic.ru/files/0019/c7/d9/82777.jpg) no-repeat;
    background-color: #c8bfae;
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
}

Либо отменить строчку с background-size: cover; (фон у Вас достаточно большой, будет виден и на больших экранах и на мелких

Отредактировано Deff (Сб, 12 Окт 2019 14:16:49)

+1

412

Trinity Wane
Попробуйте перебрать  все варианты: http://htmlbook.ru/css/image-rendering

Отредактировано Deff (Сб, 12 Окт 2019 15:05:51)

0

413

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

Либо отменить строчку с background-size: cover; (фон у Вас достаточно большой, будет виден и на больших экранах и на мелких

По моему самое лучшее решение.. Границы фона будут видны только выше FullHD - у большинства пользователей пока таких мониторов мало, для мобильных устройств тоже не актуально, а вот решение проблемы background-size: cover; для некоторых браузеров я не нашел, для ПК будет скорее всего везде нормально, а вот для мобильных не уверен..

Отредактировано kolobdur74 (Сб, 12 Окт 2019 15:14:22)

+1

414

Здравствуйте! Появилась такая проблема: уехало вниз сообщение. Сначала такого не было, но после незнаюкаких манипуляций сползло вниз.
https://i.imgur.com/A59UjvIm.png
И "Быстрый ответ" расположен не по центру, даже не знаю почему.
https://i.imgur.com/eXaHAE2m.png
Ссылка на тему: http://faccenore.quadrobb.ru/viewtopic.php?id=17#p33
Помогите пожалуйста т.т

+1

415

Эвелина Шайн написал(а):

Здравствуйте! Появилась такая проблема: уехало вниз сообщение. Сначала такого не было, но после незнаюкаких манипуляций сползло вниз.

Уберите:

<!------- ОБТЕКАНИЕ ИЗОБРАЖЕНИЯ ------->
<style type="text/css">
.post-content p{clear:both}

Здесь:

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;

Лучше 21em сделать..

Эвелина Шайн написал(а):

И "Быстрый ответ" расположен не по центру, даже не знаю почему.

Его под гостем не видно..

+2

416

kolobdur74
Спасибо!

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

Его под гостем не видно..

Ладно, как-нибудь сами) Спасибо за помощь!

+1

417

Эвелина Шайн написал(а):

Ладно, как-нибудь сами) Спасибо за помощь!

Ищите: #pun-main h2 и #pun-main h2 span - скорее всего вы где то отступ слева поставили..

+2

418

kolobdur74
Хорошо, поищем)

0

419

Эвелина Шайн, точку с запятой пропустили, без точки с запятой можно только в конце:

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
z-index: 50;

  }

0

420

Добрый день!
Форум троллит нас нещадно!
Убедиться можно тут
Отображение в профиле под катом:
https://i.imgur.com/3eLbSX8.png

На самом деле код включает в себя еще слова:
https://i.imgur.com/0g5cLn0.png

Расположение настроек:
https://i.imgur.com/8ZinaeM.png

0

421

Северный Ветер
Потому что нефиг брать чужие сборки скриптоф! Ибо получаете дважды проставленные функции!

Уберите из HTML низ этот код:

Код:
<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

Он уже есть в сборке скриптов ниже

<!-- Homura's Wrecking Memories-->
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0014/0a/17/46489.js"></script>
<script type="text/javascript" src="http://forumstatic.ru/files/0011/eb/e1/78360.js"></script>

Свернутый текст

Во втором скрипте http://forumstatic.ru/files/0014/0a/17/46489.js

Отредактировано Deff (Вс, 13 Окт 2019 00:44:12)

+2

422

Deff
Ничего нет чужого.

0

423

Доброго времени суток!
Есть ли возможность немного изменить этот скрипт? Чтобы можно было указать какие конкретно категории выстраивались в 2 столбика (Ибо со скриптом весь форум выстраивается в два столбца)
И можно ли как-то переместить информацию о отписи в теме форумов, что будут в 2 колонки, вниз под описание форума? 
Список форумов в 2 колонки
Заранее спасибо за ответ!

0

424

Вопрос снят

Отредактировано MaxR (Вс, 13 Окт 2019 20:57:43)

0

425

И снова-здорова!
Воспользовался: ♥  Дополнительные смайлы в одном окне со стандартными  ♥
С помощью генератора смайлов. Код вставлял попеременно то в низ, то в форму ответа. Однохренственно не работает.
Форум тот же

Код из генератора

был и нет

Отредактировано Северный Ветер (Пн, 14 Окт 2019 23:58:24)

0

426

Северный Ветер, первое - используйте одинаковые кавычки:

Северный Ветер написал(а):

"u0":["Саяка&Кёко',

Второе:

Северный Ветер написал(а):

"u0":["Саяка&Кёко',

Что такое u0?
Плюс к этому где: ['Пёс'] = [ ?
У вас же есть оригинал:

nabor['Пёс'] = [
'http://funkyimg.com/i/2vSCp.png',

Что мешает им воспользоваться, чтобы правильно сделать? То есть не так должно быть:

Северный Ветер написал(а):

"u0":["Саяка&Кёко',

А вот так:

nabor['Саяка&Кёко'] = [
'http://forumstatic.ru/files/001a/73/ed/51167.gif',

Судя по всему генератор неправильно работает со спецсимволами в названии, типа: Саяка&Кёко

Отредактировано kolobdur74 (Пн, 14 Окт 2019 21:16:42)

+2

427

kolobdur74
Называется, скопировал код из генератора смайлов...
Спасибо, буду ловить ошибки и разбираться

0

428

Северный Ветер написал(а):

Называется, скопировал код из генератора смайлов...

Я потом понял, но не стал редактировать уже весь пост)) Без спецсимволов в названии генератор, судя по всему, работает нормально.. Можете поставить названия без спецсимволов, а потом уже просто дополнить, к примеру: Саяка..

Отредактировано kolobdur74 (Пн, 14 Окт 2019 23:08:01)

0

429

kolobdur74
Спасибо! Подтянул ошибки, убрал спецсимволы, и все заработало!

+2

430

kolobdur74
...или нет.
Рано обрадовался.
Вкладки появились, стандартные смайлы на месте, а вот своих - нет. Хотя картинки загружены через файлы форума и просто так слететь не могут.

0

431

Северный Ветер написал(а):

Вкладки появились, стандартные смайлы на месте, а вот своих - нет. Хотя картинки загружены через файлы форума и просто так слететь не могут.

Скиньте код посмотреть..

0

432

kolobdur74
Код:
здесь_был_код

Отредактировано Северный Ветер (Пн, 14 Окт 2019 23:57:45)

0

433

Северный Ветер, так не работает:

Северный Ветер написал(а):

Саяка и Кёко

Работать будет так:

Саяка_Кёко

0

434

kolobdur74
Спасибо огромное! Вы волшебник!

+1

435

Северный Ветер:

Северный Ветер написал(а):

'http://forumstatic.ru/files/001a/73/ed/25937.gif'],
 
nabor['Мами и Мадока'] = [

В конце набора должна быть точка с запятой, а не запятая.. Вот так:

'http://i.imgur.com/2IQzS6G.png'
];

nabor[4] = [

+2

436

Здравствуйте

А есть скрипт "показать сообщение отдельно"? Я не нашла

+1

437

Виолка
Это как?
Отображение сообщения из темы на отдельной странице (где оно единственное), типа как в vBulletin?
Можно что-то придумать, только какой смысл в этом?

0

438

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

Виолка
Это как?
Отображение сообщения из темы на отдельной странице (где оно единственное), типа как в vBulletin?
Можно что-то придумать, только какой смысл в этом?

да, как на "булке"

в правом верхнем углу номер сообщения и "показать сообщение отдельно"

для распространения информации, у меня пользователи такое требуют. Я как-то обхожусь)

0

439

Виолка написал(а):

для распространения информации

А как это повлияет на распространение информации?  %-)  Просто интересно, мож я чего не знаю

Отредактировано Mirra Bell (Пн, 21 Окт 2019 07:11:41)

+1

440

Виолка
Отписал в ЛС.

+1

441

Mirra Bell написал(а):
Виолка написал(а):

для распространения информации

А как это повлияет на распространение информации?  %-)  Просто интересно, мож я чего не знаю

мои ребята утверждают, что на раскрутку влияет и на рапр-е конкретной информации, чтоб на свой пост, а не на весь огромный топ

0

442

Виолка написал(а):

мои ребята утверждают, что на раскрутку влияет и на рапр-е конкретной информации, чтоб на свой пост, а не на весь огромный топ

Для начала ссылку на форум... Ибо утверждение спорное, дельный совет зачастую зависит от наполнения и направленности

+1

443

Здравствуйте!
В процессе смены дизайна возникла такая проблема, не могу понять, как исправить. Изменила расположение меню навигации. И получается, что, когда ты залогиненый, но оно стоит в нужном месте (скрин1), а когда вылогиниваешься - смещается вправо (скрин 2).
https://i.imgur.com/UN3VnXhm.jpghttps://i.imgur.com/EvGb09Um.jpg

Сайт: http://citest.rusff.ru

Я понимаю, что дело в позициировании, потому что если выставлять размещение блока вручную через position:absolute; то он в обоих случаях стоит, где надо. Но проблема: тогда при разном разрешении экранов все ломается =С

Буду благодарна за помощь.

Отредактировано rybka (Ср, 30 Окт 2019 13:48:36)

+1

444

чот у меня форумы глючат... (гляну попозжа...

0

445

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

Я понимаю, что дело в позициировании, потому что если выставлять размещение блока вручную через position:absolute; то он в обоих случаях стоит, где надо. Но проблема: тогда при разном разрешении экранов все ломается =С

Нун позиционировать через position:absolute; и margin-left:XXpx; (а не просто left:XXpx;)
:flag:

Отредактировано Deff (Ср, 30 Окт 2019 13:54:22)

+3

446

Deff
Есть. Спасибище! Чувствовала же, что просто упускаю что-то очень банальное)

+2

447

rybka
Left двигает от края экрана или (если внутри блока c position:realative(или absolute) от края родителя
margin - двигает от текущего положения

Вот c top - обычно - нормально (ибо мы всегда рассчитываем на подвижку от верха экрана

Отредактировано Deff (Ср, 30 Окт 2019 14:11:56)

+3

448

Deff написал(а):
Виолка написал(а):

мои ребята утверждают, что на раскрутку влияет и на рапр-е конкретной информации, чтоб на свой пост, а не на весь огромный топ

Для начала ссылку на форум... Ибо утверждение спорное, дельный совет зачастую зависит от наполнения и направленности

http://mfgm-forum.ru/

+1

449

Виолка
Тут вряд ли могу что сказать, форум выпадает из моего опыта тематики...
Из общетематического опыта: Могут помочь свои группы в Контакте, Телеграмм и Твитере с описанием и ссылками на форум...
Так же помогают раскрутке большие серьёзные статьи(не перепечатки), опять жа с анонсом в выше названных соцсетях
:flag:

+1

450

Кукусики, хорошие!
Ссылка на форум: http://testblin01.0pk.ru/
Поставила скрипт выезжающего блока, но не могу "задвинуть" его так, чтобы была видна, только "вкладка"
Хочется, чтобы это было вот так:

Картинка

https://i.imgur.com/vo9U7jv.png

А сейчас вот так:

Картинка

https://i.imgur.com/vP3VG5D.png

Помогите, пожалуйста!

0

451

Эвелина Шайн написал(а):

Поставила скрипт выезжающего блока, но не могу "задвинуть" его так, чтобы была видна, только "вкладка"

В НТМЛ верху поставьте вот это значение:

#left-panel {
  outline: red 0px solid;
  top: 100px;
  padding: 0;
  margin-left: -420px;
  position: fixed;
  z-index: 1000;
  left: 0px;
}

+1

452

kolobdur74
Я же меняла это значение оО Вы волшебник, спасибо)

+1

453

Снова здрасте.
Ссылка на форум: http://testblin01.0pk.ru/
Никак не могу понять, почему справа выезжает немного за нужную границу. Размер четный, должен подходить, но нифига не двигается, уже все перепробовала.
https://i.imgur.com/KDEgf77.png
Помогите, прощу

0

454

Эвелина Шайн, очень много телодвижений в стиле..
Заменить:

/* A5.2 */
.punbb {
  width: 1000px;
  position: relative;
  height: auto;
  margin-left: 25px;}

На: margin: 0 auto;
Здесь:

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 5px 1em 5px 1em;
  border-style: none;
  border-width: 0px; }

Дает сдвиг.. Заменить на: padding: 5px 0;
Здесь убрать:

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2  {
  background: url("http://forumstatic.ru/files/0012/8b/74/39355.jpg") no-repeat left;
  height: 20px;
  line-height: 20px;
  width: 1006px;
  margin-left: -3px;
  font-style: normal;
  text-align: center;
  color: #e9e9e9;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;}

0

455

kolobdur74
Теперь все в другую сторону уехало оО

0

456

Эвелина Шайн, я ведь написал на что заменить:

/* A5.2 */
.punbb {
  width: 1000px;
  position: relative;
  height: auto;
margin-left: 0px;}

Не ноль поставить, а заменить полностью на:

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

margin: 0 auto;

Не дергайте лишний раз вправо влево отступами, что внутренними, что внешними - это всегда добавляет лишние проблемы.. Если всё вырезано правильно, то проблем при установке картинок не будет никогда.. В вашем случае вырезано все правильно, а вот отступы дают проблемы..

Отредактировано kolobdur74 (Сб, 2 Ноя 2019 20:29:29)

0

457

kolobdur74
Простите т.т
Но Категории все равно уезжают немного вправо

0

458

Эвелина Шайн написал(а):

Но Категории все равно уезжают немного вправо

Соврал про правильно подогнанную картинку.. У вас ширина:

/* A5.2 */
.punbb {
  width: 1000px;
  position: relative;
  height: auto;
  margin: 0 auto;}

А категории то с шириной:

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2  {
  background: url("http://forumstatic.ru/files/0012/8b/74/39355.jpg") no-repeat left;
  height: 20px;
  line-height: 20px;
  width: 1006px;
  margin-left: 0;
  font-style: normal;
  text-align: center;
  color: #e9e9e9;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  }

Вы делаете туже ошибку, что и большинство начинающих - в меньшее вкладываете большее.. В жизни вы же не будете в дамскую сумочку класть телевизор? Подгоните картинку под размер 1000 пикселей, раз у вас общая ширина является 1000 пикселей.. И ширина в категории лишняя - ее оттуда можно убрать, если картинка будет соответствовать заявленной ширине общего контейнера..

Отредактировано kolobdur74 (Сб, 2 Ноя 2019 20:39:20)

+2

459

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

В жизни вы же не будете в дамскую сумочку класть телевизор?

Я бы попробовала хд
Но я поняла, наконец-то век живи – век учись, блин

Теперь все как надо, спасибо)

+1

460

Эвелина Шайн написал(а):

Я бы попробовала хд

Не советую - порвете, разве что ваша сумочка размером метр на два.. :D Всегда учитывайте что в чем находится, а также, что паддинг всегда приплюсовывает к ширине отступ и слева и справа, то есть padding: 0 5px; - будет добавлять к ширине плюс 10 пикселей..

+1

461

kolobdur74
Спасибо, я запомню)

+1

462

Добрый день!
Скажите, пожалуйста, как в шапку добавить паралакс?

Код:
<div class="parallax" id="parallax">

	<div class="parallax__layer parallax__layer--deep" style="text-align:center;height:500px;background-image:url(http://i.imgur.com/oA6LjwV.png);background-repeat:no-repeat;background-position:bottom center;"></div>

	<div class="parallax__layer parallax__layer--back" style="text-align:center;height:500px;vertical-align:bottom;background-position:bottom center;background-image:url(http://i.imgur.com/1wWfHa2.png);background-repeat:no-repeat;background-position:bottom center;">

	</div>

	<div class="parallax__layer parallax__layer--base" style="background-image:url(http://i.imgur.com/zfNiiUk.png);
background-repeat:no-repeat;background-position:bottom center;
width:1240px;padding:0;">

</div></div>
Код:
/***********************************
Parallax
************************************/

.parallax  {
position:relative;
height: 100vh;
  perspective: 1px;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform-origin: center;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  height:1052px;
  transform: translateZ(-1px) scale(2);
}
.parallax__layer--deep {
  transform: translateZ(-2px) scale(3);
}

Отредактировано Arlekina (Вс, 3 Ноя 2019 09:22:43)

+1

463

Arlekina
Ccылку на форум, вечером, после 6 по москве гляну...
И ссылку на форум! Зависит от стиля!

Отредактировано Deff (Вс, 3 Ноя 2019 09:24:14)

+1

464

Deff
http://designerforumnews.quadrobb.ru/

+1

465

Arlekina, я не знаю точно какого эффекта вы хотите добиться, но вот такой вариант попробуйте:

Код:
<style>
/***********************************
Parallax
************************************/
 
.parallax  {
  position:relative;
  height: 500px;
  perspective: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;  //IE 10+
  scrollbar-width: none;
}
.parallax::-webkit-scrollbar { /* WebKit */
  width: 0;
  height: 0;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform-origin: center;
  height: 500px;
  padding: 100px 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
}
.parallax__layer--deep {
  transform: translateZ(-2px) scale(3);
}
</style>

<div class="parallax" id="parallax">
 
<div class="parallax__layer parallax__layer--deep" style="text-align:center;background-image:url(http://i.imgur.com/oA6LjwV.png);background-repeat:no-repeat;background-position:bottom center;padding-top: 0;"></div>
 
<div class="parallax__layer parallax__layer--back" style="text-align:center;background-image:url(http://i.imgur.com/1wWfHa2.png);background-repeat:no-repeat;background-position:bottom center;padding-top: 40px;"></div>
 
<div class="parallax__layer parallax__layer--base" style="text-align:center;background-image:url(http://i.imgur.com/zfNiiUk.png);background-repeat:no-repeat;background-position:bottom center;"></div>

</div>

+1

466

kolobdur74
https://i.imgur.com/NqseTeSm.jpg
А получится вынести в шапку и чтобы он работал при прокрутке форума?

+1

467

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

А получится вынести в шапку и чтобы он работал при прокрутке форума?

Ну, прокрутка работает при наведении на этот блок.. Если вы хотите, чтобы прокрутка работала на весь форум, а не только на шапку - это нужно, чтобы весь форум занимал всю ширину экрана и весь был вовлечен в параллакс с разбитием на группы, но это уже вероятно нужен будет скрипт.. По  поводу отступа - я бы просто на вашем месте его убрал:

#pun {   
margin-top: 280px !important;
}

В принципе у вас и так всё гармонично выходит..

+1

468

kolobdur74
Просто там, где паралакс, я хочу разместить содержимое таблицы.
А сами картинки поднять туда, где я указала стрелкой.

http://designerforumone.quadrobb.ru/
Есть ещё и на другом тестовом такой паралакс

Отредактировано Arlekina (Пн, 4 Ноя 2019 10:46:58)

+1

469

Arlekina
o.O  :canthearyou:  сорри - загрузили по-полной, возможно сегодня вечером гляну...

+1

470

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

Просто там, где паралакс, я хочу разместить содержимое таблицы.
А сами картинки поднять туда, где я указала стрелкой.

Так а кто мешает это соединить? После картинок поставить вашу таблицу..

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

Есть ещё и на другом тестовом такой паралакс
Почему-то картинки обрезаются о.О

Регулируйте отступами от верха (top:) через #bg1-1, #bg1-2, #bg1-3, #bg2-1 и т.д... Кстати, там используется скрипт..

Отредактировано kolobdur74 (Пн, 4 Ноя 2019 10:56:55)

0

471

Здравствуйте.
Ставлю:

Код:
<style>
#pun * {
    font-family: "Agency FB Cyrillic" !important;
}
</style>

Для замены шрифта на всем форуме http://sg.uploads.ru/t/3fLKS.png
Когда добавляю размер шрифта:

Код:
<style>
#pun * {
    font-family: "Agency FB Cyrillic" !important;
    font-size : 16px;
}
</style>

То расползается минипрофиль, как побороть?
http://s7.uploads.ru/t/wC5PZ.png

Отредактировано ACT3255 (Пн, 4 Ноя 2019 12:57:39)

0

472

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

#pun *

А зачем звездочка? Вообще стандартная установка шрифта на весь форум на Майбб вот такая:

/* A3.2 */
.punbb {
  font: normal 68.75% tahoma, verdana, arial, helvetica, sans-serif;
  }

В вашем случае можно так:

Код:
/* A3.2 */
.punbb {
  font: normal 16px Agency FB Cyrillic;
  }
ACT3255 написал(а):

То расползается минипрофиль, как побороть?

А адрес на форум?

+1

473

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

А адрес на форум?

http://nude-celebrity.ru

0

474

ACT3255, с установленным кодом, который вызывает проблему..

0

475

kolobdur74

Код:
<style>
.punbb {
  font: normal 16px Agency FB Cyrillic;
  }
</style>

Поставил так, очень широкий минипрофиль получается и шрифт Agency FB Cyrillic в форме ответа не по умолчанию.
http://nude-celebrity.ru/viewtopic.php? … =71#p22514
http://s8.uploads.ru/t/aw79N.png
Со шрифтом в форме ответа по умолчанию разобрался
http://s9.uploads.ru/t/N5dqn.png

Отредактировано ACT3255 (Пн, 4 Ноя 2019 13:27:07)

0

476

ACT3255, для сдвига по центру мнипрофиля, поставьте:

Код:
.UL {text-align: center;}

Это:

li.pa-zwezda {
    position: relative;
    width: 200px!important;
    white-space: pre-wrap;
    z-index: 100;
    margin-top: -5px;
    margin-bottom: -0px;
    margin-left: 3px;

    color: red;
}

Замените на:

Код:
margin: -5px auto 0 auto;

Для уменьшение ширины минипрофиля добавьте:

.punbb .post .post-author {width: 19em;}
.punbb .post-body {margin-left: 19em;}

Значение ставите свое одинаковое..

+1

477

kolobdur74
я не пользуюсь "своим стилем" так что не понимаю где это менять.
я ковыряю HTML верх-низ  :confused:

Отредактировано ACT3255 (Пн, 4 Ноя 2019 13:42:38)

0

478

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

.punbb .post .post-author {width: 19em;}
.punbb .post-body {margin-left: 19em;}

Поправка, полный код (добавить в НТМЛ верх) - менять в трех местах на одинаковое число:

Код:
<style>
.punbb .post .post-author {width: 19em;}
.punbb .post-body {margin-left: 19em;}
.punbb .post h3 span {margin-left: 19em;}

.UL {text-align: center;}
</style>
ACT3255 написал(а):

я не пользуюсь "своим стилем" так что не понимаю где это менять.

Я понял - это все с НТМЛ верхом, вот это:

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

li.pa-zwezda {
    position: relative;
    width: 200px!important;
    white-space: pre-wrap;
    z-index: 100;
    margin-top: -5px;
    margin-bottom: -0px;
    margin-left: 3px;

    color: red;
}

Найдите в НТМЛ верху и замените выделенное красным на:

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

margin: -5px auto 0 auto;

+1

479

kolobdur74
Спасибо!!! Все получилось.

+2

480

0

481

Silentium
Убирайте везде left: и заменяйте на margin-left
left позиционирует от края экрана!! margin - от текущего положения...
Размеры Экранов редко совпадают! Проверяйте устойчивость вёрстки ужатием/раздвижкой  окна браузера!

Отредактировано Deff (Пн, 4 Ноя 2019 22:16:20)

+4

482

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

есть ли шанс поправить так, чтоб у всех было как на моих скринах? буду признательна за помощь

У вас дизайн делался под одно разрешение, и форум подгонялся под картинки, а не картинки под структуру форума.. Боюсь, что надо полностью заново верстать, чтобы всё поправить.. Поиграйтесь с Масштабом в браузере, чтобы увидеть как у вас всё плавает..

Отредактировано kolobdur74 (Пн, 4 Ноя 2019 23:39:04)

+1

483

kolobdur74, Deff,
честно, перед тем как обратиться, ужала/раздвигала браузеры, видела проблему. Но опять же, к своему стыду, я не понимаю как её решить, тем более что я не работаю обычно чисто с left..или я так думала/показалось...но честно не помню чтоб от руки сама прописывала через лефт что-либо..
проще говоря, прошу, дорогие, ткните меня носом наглядно в пару примеров косяков и пути их решения, это будет бесценно.

Отредактировано Silentium (Вт, 5 Ноя 2019 08:25:00)

0

484

И снова желаю Вам здравия.
Подскажите пожалуйста, как уменьшить шрифт или сами кнопки тут:
http://s3.uploads.ru/t/L48D1.png

0

485

ACT3255
кинь ник пароль в личку, гляну на форуме...

+2

486

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

честно, перед тем как обратиться, ужала/раздвигала браузеры, видела проблему. Но опять же, к своему стыду, я не понимаю как её решить, тем более что я не работаю обычно чисто с left..или я так думала/показалось...но честно не помню чтоб от руки сама прописывала через лефт что-либо..
проще говоря, прошу, дорогие, ткните меня носом наглядно в пару примеров косяков и пути их решения, это будет бесценно.

Дело не в left или margin, Дефф прав в частных случаях, но ваш случай не он.. Абсолют можно применять только в рамках относительного контейнера, который его будет сдерживать, вы же его выносите вне всей структуры форума, и контейнеры с абсолютом ничего не сдерживает - вот они и гуляют, и что хуже на них основан ваш дизайн.. Следующий момент, ваша основная картинка, он же фон, не отцентрирована и не подогнана под форум, но повешана на боди, соответственно вам под нее надо двигать весь форум, что соответственно тоже дает плавающий эффект, так как картинка в зависимости от разрешения уменьшается и увеличивается.. На фон (на боди) вешается что то незначительное - цвет там или повторяющуюся текстуру, а элементы дизайна форума привязываются к структуре самого форума, а сам форум как правило центрируется.. Плюс к этому форум лучше верстать исходя из разрешения 1920х1080 - как максимальное разрешение для большинства мониторов..

Итог что вам надо сделать:
1. Правильно разрезать картинку дизайн:
- Красивая картинка с колдуном, деревьями и надписью Альварен отрезаем - она идет на фон, как и текстура.. Текстура делается однотипной, квадратной, чтобы при множестве сочеталась как монолитной - она же размножается через repeat. Гиф эффект делаем на картинке, а не отдельным эффектом, иначе получаем плавающий эффект..Разве что сделать одинакового размера высота-ширина с прозрачной основой и повесить два фона на боди в виде шапки, и один фон размножающейся текстурой..
- Рамки вырезаются отдельно: верхняя часть, средняя повторяющаяся часть, нижняя часть - вешаем на pun, можно на punbb.. Размеры желательно, чтобы соответствовали заявленной ширине форума, в вашем случае: width: 900px!important; (!important применяем только в крайних случаях, здесь вы его зачем применяли? Подробнее: Правила приоритетов в CSS )

2. Для использования сбоку, используем скрипт боковой панели, и уже на нее наносим дизайн, а не выносим в абсолюте блок, который плавает. Скрипт боковой панели: Скрипты от пользователей 1 пост 156.

P.S. Все делаем по ширине четным, для высоты нечетное не так критично -  пиксель пополам не делиться.. Если вы хотите, чтобы картинка с колдуном как бы была сбоку - двигаем не форум, а двигаем в фотошопе саму картинку используя прозрачные области, сам форум центрируем с помощью margin: 0 auto; Если нужны отступы сверху снизу можно ставить что-то вместо нуля, или ставить отдельно на все четыре стороны..

Отредактировано kolobdur74 (Вт, 5 Ноя 2019 11:14:19)

+3

487

Silentium
Попробуйте заменить этот пункт на такое:

/* A5.1 */
#pun {
  margin: auto;
  padding: 0px 0px 0px 240px;
  border: none;
  width: 900px!important;
  }

+2

488

kolobdur74
Ого, спасибо за столь развёрнутый ответ, изучу обязательно!
Deff
помогло :) принцип, кстати, поняла, и как вариант решения, отличный. Спасибо большое!

+2

489

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

ACT3255
кинь ник пароль в личку, гляну на форуме...

kolobdur74 написал(а):
Silentium написал(а):

честно, перед тем как обратиться, ужала/раздвигала браузеры, видела проблему. Но опять же, к своему стыду, я не понимаю как её решить, тем более что я не работаю обычно чисто с left..или я так думала/показалось...но честно не помню чтоб от руки сама прописывала через лефт что-либо..
проще говоря, прошу, дорогие, ткните меня носом наглядно в пару примеров косяков и пути их решения, это будет бесценно.

Дело не в left или margin, Дефф прав в частных случаях, но ваш случай не он.. Абсолют можно применять только в рамках относительного контейнера, который его будет сдерживать, вы же его выносите вне всей структуры форума, и контейнеры с абсолютом ничего не сдерживает - вот они и гуляют, и что хуже на них основан ваш дизайн.. Следующий момент, ваша основная картинка, он же фон, не отцентрирована и не подогнана под форум, но повешана на боди, соответственно вам под нее надо двигать весь форум, что соответственно тоже дает плавающий эффект, так как картинка в зависимости от разрешения уменьшается и увеличивается.. На фон (на боди) вешается что то незначительное - цвет там или повторяющуюся текстуру, а элементы дизайна форума привязываются к структуре самого форума, а сам форум как правило центрируется.. Плюс к этому форум лучше верстать исходя из разрешения 1920х1080 - как максимальное разрешение для большинства мониторов..
Итог что вам надо сделать:
1. Правильно разрезать картинку дизайн:
- Красивая картинка с колдуном, деревьями и надписью Альварен отрезаем - она идет на фон, как и текстура.. Текстура делается однотипной, квадратной, чтобы при множестве сочеталась как монолитной - она же размножается через repeat. Гиф эффект делаем на картинке, а не отдельным эффектом, иначе получаем плавающий эффект..Разве что сделать одинакового размера высота-ширина с прозрачной основой и повесить два фона на боди в виде шапки, и один фон размножающейся текстурой..
- Рамки вырезаются отдельно: верхняя часть, средняя повторяющаяся часть, нижняя часть - вешаем на pun, можно на punbb.. Размеры желательно, чтобы соответствовали заявленной ширине форума, в вашем случае: width: 900px!important; (!important применяем только в крайних случаях, здесь вы его зачем применяли? Подробнее: Правила приоритетов в CSS )

2. Для использования сбоку, используем скрипт боковой панели, и уже на нее наносим дизайн, а не выносим в абсолюте блок, который плавает. Скрипт боковой панели: Скрипты от пользователей 1 пост 156.

P.S. Все делаем по ширине четным, для высоты нечетное не так критично -  пиксель пополам не делиться.. Если вы хотите, чтобы картинка с колдуном как бы была сбоку - двигаем не форум, а двигаем в фотошопе саму картинку используя прозрачные области, сам форум центрируем с помощью margin: 0 auto; Если нужны отступы сверху снизу можно ставить что-то вместо нуля, или ставить отдельно на все четыре стороны..

Вы то не ругайтесь ))))))))))) а то куда мы без Вас )))))))))
Скинул в ЛС

Отредактировано ACT3255 (Ср, 6 Ноя 2019 01:09:32)

+1

490

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

Вы то не ругайтесь ))))))))))) а то куда мы без Вас )))))))))

Кто ругается? :huh: Дефф, кстати, нашел решение, которое я вообще пропустил..)) Для этого и сижу здесь, бо как если не практиковать, то всё напрочь очень быстро выветривается.. А на счет абсолюта - да, я его недолюбливаю)) Вероятно еще поэтому упускаю ряд моментов)) На счет моего опуса - это я описал как сам бы верстал.. Мое мнение, что правильный шаблон способствует быстрой верстке, упрощает верстку, и уменьшает количество кода..

0

491

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

Если сломалось оформление в админке
Проблема была решена путем замены селектора, детектируемого блокировщиками, на другой, аналогичный. Если в Вашем пользовательском стиле оформления использовался этот селектор, для восстановления прежнего отображения замените все совпадения .admain в стилях на .adminain.

Оформление съехало до такой степени, что я могу зайти только в категории "Начало", "Резервные копии", "Журнал форума", "Скрипты". Ни одного из блокировщиков не стоит. Что делать?

Демонстрация

https://i111.fastpic.ru/big/2019/1106/be/_cfb390d539500b3fb0bd1c14c0d66bbe.png?noht=1

Отредактировано Brrr (Ср, 6 Ноя 2019 14:06:46)

0

492

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

Оформление съехало до такой степени, что я могу зайти только в категории "Начало", "Резервные копии", "Журнал форума", "Скрипты". Ни одного из блокировщиков не стоит. Что делать?

Общие вопросы по администрированию (7) пост 268

+1

493

kolobdur74 написал(а):
Brrr написал(а):

Оформление съехало до такой степени, что я могу зайти только в категории "Начало", "Резервные копии", "Журнал форума", "Скрипты". Ни одного из блокировщиков не стоит. Что делать?

Общие вопросы по администрированию (7) пост 268

Большое спасибо (сорри за флуд), просто не знал, что мы можем это делать. И еще у вас опечатка в спойлере: .adminmain, а не .adminain - букву пропустили.

Отредактировано Brrr (Ср, 6 Ноя 2019 16:16:22)

+1

494

Brrr, у вас свой стиль в админке, администрация Майбб для того, чтобы убрать проблемы с адблоком сменила класс в админке, вам надо в своем стиле его заменить на актуальный..

0

495

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

И еще у вас опечатка в спойлере: .adminmain, а не .adminain - букву пропустили.

Где у меня опечатка:

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

Проблема в замене класса: .admain на .adminmain - посмотрите стиль через нотпад++, там через поиск можно заменить класс в течении минуты..

?

Отредактировано kolobdur74 (Ср, 6 Ноя 2019 16:18:39)

0

496

kolobdur74
Нет, у Алекса в описании обновления под спойлером.

+2

497

Brrr
Спасибо, опечатка исправлена.

+1

498

Скажите, пожалуйста, как сделать, чтобы форум занимал всю ширину области экрана мобильного устройства без белой полоски справа.
Такую картинку выдаёт проверка на мобилопригодность.

https://i.imgur.com/HigA7LZm.jpg

Вот такой участок кода в первом окне стиля заинтересовал. Всё ли правильно стоит?

Код:
/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

Отредактировано Summertime (Пт, 8 Ноя 2019 17:27:54)

+1

499

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

Скажите, пожалуйста, как сделать, чтобы форум занимал всю ширину области экрана мобильного устройства без белой полоски справа.
Такую картинку выдаёт проверка на мобилопригодность.

В НТМЛ верх:

Код:
<style>
#pun-title TD.title-logo-tdr {width: 0;}
</style>

+1

500

kolobdur74
Спасибо большое. Теперь всё как надо отображается.
https://i.imgur.com/7zlxr0Lm.jpg

Отредактировано Summertime (Пт, 8 Ноя 2019 17:47:40)

+1

501

Всем Часик Добрый! 8-)
Аналогичная проблема, и она в основном на форумах с установленными стилями Community Blue / Green
Стиль хороший, но с глюком)

Код не помог:

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

<style>
#pun-title TD.title-logo-tdr {width: 0;}
</style>

Начните уменьшать окно браузера и внизу появится горизонтальный скролл, сдвиньте его вправо.

См. скриншот

https://i.imgur.com/QO8ldOM.gif

Как пофиксить этот баг?

+1

502

Income
Попробуйте такой фикс (в HTML верх в тегах <style></style>, например)

Код:
@media (max-width: 1024px) {
#pun,
.punbb,
#pun-title,
#pun-title *,
#pun-navlinks {
    width: auto;
    min-width: 0 !important;
}
}

+2

503

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

Income
Попробуйте такой фикс (в HTML верх в тегах <style></style>, например)

Ничего не изменилось.

Судя по тесту, форум отображается нормально на всех устройствах, кроме планшетов:

Скриншот

https://i.imgur.com/wLRV92r.jpg

0

504

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

Ничего не изменилось.

Income, уберите:

<style>
@media (max-width: 1024px) {
#pun,
.punbb,
#pun-title,
#pun-title *,
#pun-navlinks {
    width: auto;
    min-width: 0 !important;
}
}
</style>

Попробуйте такой вариант:

Код:
<style>
@media (max-width: 1024px) {
#pun_wrap #pun {
max-width: 1200px !important;
min-width: 940px !important;
}
#pun #pun-title {min-width: 980px !important;}
#pun #pun-navlinks {
max-width: 1201px !important;
min-width: 900px !important;
width: 100%;
}
}
</style>

А вообще лучше стиль перенести в свой стиль, и убрать из него полностью:

/* E1.1 */
@media all and (max-width: 1200px) and (min-width: 700px) {
  #pun, .punbb, #pun-title table, #pun-navlinks, #pun-ulinks .container {
    max-width: 900px !important;
    min-width: 600px !important;
    }

  #pun-ulinks >.container{
    max-width: 900px !important;
    min-width: 0px !important;
    }

  #pun-main h1 span, #pun-main h2 span {
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    display: inline-block;
    overflow-x: hidden;
    }
}

Отредактировано kolobdur74 (Сб, 9 Ноя 2019 12:52:15)

+1

505

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

Попробуйте такой вариант:

Тем более не поможет, на планшете вьюпорт обычно гораздо меньше, чем 900 пикселей.
Можно попробовать добавить родительский селеткор #pun_wrap к каждому селектору:

@media (max-width: 1024px) {
#pun_wrap #pun,
#pun_wrap .punbb,
#pun_wrap #pun-title,
#pun_wrap #pun-title *,
#pun_wrap #pun-navlinks {
    width: auto;
    min-width: 0 !important;
}
}

+2

506

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

Тем более не поможет

Я перебивал, то что стоит, оно мешает:

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

@media all and (max-width: 1200px) and (min-width: 700px) {

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

на планшете вьюпорт обычно гораздо меньше, чем 900 пикселей.

На ipad? - они с 2к.. Лучше стили ориентировать на мобильные устройства (в том числе и планшеты) на мобильный стиль, а с высоким разрешением на обычный стиль - меньше проблем будет..

0

507

Это, наверное, неисправимо))

Попробуйте такой вариант. Пост 504

https://i.imgur.com/CuVKGHO.jpg

Убрал часть кода /* E1.1 */ из стиля

https://i.imgur.com/OzzHHc9.jpg

Потом попробовал применить эти 2 варианта одновременно. Получилось, почти тоже самое))

Вернул всё по умолчанию и попробовал:

Вариант с селектором

https://i.imgur.com/hmHnKVb.jpg

Взять, например, установить стиль Classic и сжимать окно браузера до предела - форум будет сжиматься без появления скроллинга, и ни один элемент не вылезет за его границы. Что там такого прописано, что он принимает любые размеры окна браузера!?

0

508

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

Взять, например, установить стиль Classic и сжимать окно браузера до предела - форум будет сжиматься без появления скроллинга, и ни один элемент не вылезет за его границы. Что там такого прописано, что он принимает любые размеры окна браузера!?

В верстке.. Будет время попробую сверстать свой вариант Community_Blue.. Тем более, что стал забывать верстку, вот и цель будет..

Отредактировано kolobdur74 (Сб, 9 Ноя 2019 14:12:38)

+3

509

Income
Возможно так ?

<style>
#pun-title TD.title-logo-tdr {width: 0;}
@media screen and (max-width: 540px) {
html,body {min-width:100%!important}
#pun-title {
    margin: 0px auto 30px auto;
    max-width: 900px !important;
    min-width: 600px !important;
}
}
</style>

+1

510

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

Возможно так ?

Аналогично!

https://i.imgur.com/nBfDR90.jpg

Я пробовал полностью удалить из стиля min-width со всеми его параметрами...
Расстояние справа уменьшилось но немного всё равно осталось.

Скриншот

https://i.imgur.com/XyOFS8H.jpg

+1

511

Income
Вроде получилось:

<style>
@media all and (max-width: 1024px) and (min-width: 541px) {
  #pun,
  .punbb,
  #pun-title,
  #pun-title td,
  #pun-navlinks,
  #pun-ulinks {
    min-width: 0 !important;
  }
  #pun,
  #pun-title td {
    width: auto !important;
  }
  .punbb #pun-navlinks {
    margin-left: -2.5em !important;
  }
}
</style>

Но это какой-то костыль, по-хорошему бы стиль заново переверстать, согласен с kolobdur74 (в нем и другие недочеты есть)

+2

512

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

Вроде получилось

Да, этот код работает. Спасибо! http://forumstatic.ru/files/0001/ec/60/81887.gif

0

513

Alex_63, а чего на твоем сервисе нету:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

?

0

514

kolobdur74, на BestBB?
Во-первых, партнерские коды в head не ставятся, поэтому при всем желании его туда не прописать; во-вторых, при включении мобильного стиля в админке этот метатег и так появляется, так что смысла его прописывать отдельно вроде бы и нет (без мобильного стиля он бесполезен и эффекта не дает, насколько помню).

0

515

Здравствуйте. Помогите, пожалуйста, решить проблему со сменой стилей через кнопки. Используется скрипт для создания полноценной и мобильной версии, но при переходе на эту страницу стиль срабатывает неправильно. Опытным путем в настройках браузера было выяснено, что куки запоминаются отдельно для страниц (/pages) и отдельно для остального форума (/) (причем такое поведение не во всех браузерах, в основном встречается в мобильном хроме). Т.е. прямо сейчас у меня в мозилле при переходе на мобильную версию используется её стиль для всех страниц (как и должно быть), а вот в хроме можно отдельно выбрать полную, а в гиде, который по ссылке выше, мобильную %-)

P.S.Надеюсь, что я в правильной теме. Если не туда обращаюсь - направьте, пожалуйста.

Отредактировано Sachimot (Вт, 12 Ноя 2019 14:33:45)

+1

516

Sachimot
Дайте ссылку на пост тут в скриптах, с используемым  кодом для установки

0

517

Deff
вот
http://forum.mybb.ru/viewtopic.php?id=6 … 10#p701301
Чуть изменила его под себя, чтобы переключение шло по клику на текст, а не картинку

0

518

Sachimot
Пробуйте заменить этот кусок:

<script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" href="';
function setcOOkie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcOOkie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function clearSet(L){if(L){setcOOkie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcOOkie("changeStyle");clearSet(Lmem);
</script>


На такой:

Код:
<script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" href="';
function clearSet(L){if(L){$setCookie("changeStyle",L,30*24*60*60*1000);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=$getCookie("changeStyle");clearSet(Lmem);
</script>

Отпишитесь  :flag:

+3

519

Deff, теперь всё работает, вы - чудо!

+1

520

Всем здравствуйте! http://forumstatic.ru/files/0001/ec/60/53488.gif
На днях хотел попробовать заменить стандартные иконки разделов форума (не Тем, а именно Разделов, как здесь - на форуме поддержки).
Но никак не могу преодолеть приоритеты стиля Community Blue.
Можно просто удалить из стиля часть кода, отвечающий за иконки, но это не вариант!

Как заменить иконки разделов форума с установленным стилем Community Blue, при этом не изменяя кода своего стиля?

Использовал вот этот код:

<style type="text/css">
#forum_f1 Div.icon {
margin-left: 25px;
margin-top: 5px;
border-style: none none none none;
height: 30px; width: 30px;
background-repeat: no-repeat;
}
tr#forum_f1 div.icon {background-image: url(http://forumstatic.ru/files/0011/36/35/72016.png);}
tr#forum_f1 div.inew {background-image: url(http://forumstatic.ru/files/0011/36/35/72016.png);}
</style>

Форум, где установлен данный код: http://fcr.f-rpg.ru
Код рабочий: Любой другой стиль ставлю - иконка сразу появляется.

Перебрал различные варианты - не поддаётся ни в какую, как заколдованный)) И !important дописывал, а результат - просто стандартная иконка исчезла и всё.
Может что-то нужно скопировать из стиля и добавить в вышеуказанный код?

Часть кода с иконками из стиля Community Blue

/* CS4 Post status icons and stats image
-------------------------------------------------------------*/

/* CS4.1 */
div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -62px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }

div.inew, div.icon.icon-new, tr.inew div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -62px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

tr.isticky:not(.inew) div.icon, tr.iclosed.isticky:not(.inew) div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -31px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }

tr.inewisticky div.icon, tr.inew.isticky div.icon, tr.inew.iclosed.isticky div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px -31px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

tr.iclosed:not(.inew) div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px 0 !important;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  }

tr.inew.iclosed div.icon {
  background: url(http://forumstatic.ru/files/0012/64/65/87956.png) no-repeat scroll -3px 0 !important;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }

#pun-searchtopics.punbb div.icon {
  margin-right: 20px;
  }

#pun-viewforum div.icon, #pun-searchtopics div.icon {
  margin-top: 2px;
  margin-bottom: 5px;
  }

.punbb .main tr.inew > td:first-child,
.punbb .main tr.inewisticky > td:first-child {
  background:#F1F9FF;
  background: gradient(linear, left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -webkit-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -moz-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -o-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -khtml-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
  }

.punbb .main tr.inew > td:last-child,
.punbb .main tr.inewisticky > td:last-child {
  background:#F1F9FF;
  background: gradient(linear, right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -webkit-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -moz-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -o-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -khtml-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
  }

.punbb tr.inew > td:not(:first-child):not(:last-child),
.punbb tr.inewisticky > td:not(:first-child):not(:last-child) {
  background-color: #F1F9FF;
  }

0

521

Вопрос решен

Отредактировано Arlekina (Ср, 13 Ноя 2019 14:00:45)

0

522

Income
Это код для тем.

Как я поняла, для форумов тут стоит вот что
tr#forum_f24 .icon {
    background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/0000/14/1c/86633.png) no-repeat scroll -3px -140px !important;
}
Картинка - спрайт. координаты прокрутки выбирают какую конкретно для какого форума нужно

+2

523

Mirra Bell написал(а):

для форумов тут стоит вот что

Всё, я понял! Я вообще не правильно делал))
Большое Спасибо за подсказку!
http://forumstatic.ru/files/0001/ec/60/23294.gif

+1

524

Mirra Bell написал(а):

Это код для тем.

Как я поняла, для форумов тут стоит вот что
tr#forum_f24

Эммм, это разные номера форумов.. В данном случае 24, а вот здесь:

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

tr#forum_f1 div.icon {b

Первый.. Они одинаковые, но номера форумов разные..

Mirra Bell написал(а):

Картинка - спрайт. координаты прокрутки выбирают какую конкретно для какого форума нужно

А это да.. На мой взгляд нынче не самый лучший вариант.. Под пиксели хорошая вещь, под единицу размера вьюпорт не очень, хотя в принципе, по нынешним временам спрайт стал во всех вариантах не нужный - выигрыш в килобайтах - это вообще не о чем..

Отредактировано kolobdur74 (Ср, 13 Ноя 2019 17:06:37)

+1

525

Mirra Bell, Income и стоит использовать в браузерах: Инструменты для поиска и редактирования стиля (скриптов).

+3

526

Здравствуйте! Работаю с форумом на Community Blue через htlm-верх-низ, не рискуя лезть в графу "Свой стиль". Хочу проставить собственные иконки на разделы и топики, но сколько туториалов не прочёл и сколько разных кодов не юзал, ничего не помогает. В последний раз использовал вот этот код:

Код:
<style type="text/css">
Div.icon {
background-image : url(http://i.piccy.info/i9/3ee2732a3bbc66b58039cd1eae4ac30a/1573579721/19144/1347308/ykon.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://i.piccy.info/i9/3ee2732a3bbc66b58039cd1eae4ac30a/1573579721/19144/1347308/ykon.png);
background-repeat: no-repeat;
}
</style>

Но ничего не работает. Хотел бы узнать, как через html-верх-низ проставить иконки на разделы? Может это я ничего не понял и изначально делал что-то не так? Буду счастлив получить помощь!

Отредактировано Moour (Ср, 13 Ноя 2019 19:59:49)

+1

527

Moour
В HTML верх:

<style>

/* CS4.1 */
div.icon {
  background: url(../../img/Community_Blue/icon.png) no-repeat scroll -3px -62px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }

div.inew, div.icon.icon-new, tr.inew div.icon {
  background: url(../../img/Community_Blue/icon.png) no-repeat scroll -3px -62px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

tr.isticky:not(.inew) div.icon, tr.iclosed.isticky:not(.inew) div.icon {
  background: url(../../img/Community_Blue/icon.png) no-repeat scroll -3px -31px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }

tr.inewisticky div.icon, tr.inew.isticky div.icon, tr.inew.iclosed.isticky div.icon {
  background: url(../../img/Community_Blue/icon.png) no-repeat scroll -3px -31px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

tr.iclosed:not(.inew) div.icon {
  background: url(../../img/Community_Blue/icon.png) no-repeat scroll -3px 0 !important;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  }

tr.inew.iclosed div.icon {
  background: url(../../img/Community_Blue/icon.png) no-repeat scroll -3px 0 !important;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
</style>

Cсылки меняете на свои

0

528

Deff

Прописал всё в точности так, как Вы и порекомендовали. Из изменений - иконка теперь вообще не отображается. Даже стандартная стилевая. Просто пустое место вместо самой иконки. Я снова сделал что-то не так?..

Код:
<style>

/* CS4.1 */
div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat scroll -3px -62px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }

div.inew, div.icon.icon-new, tr.inew div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat scroll -3px -62px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

tr.isticky:not(.inew) div.icon, tr.iclosed.isticky:not(.inew) div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat scroll -3px -31px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }

tr.inewisticky div.icon, tr.inew.isticky div.icon, tr.inew.iclosed.isticky div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat scroll -3px -31px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }

tr.iclosed:not(.inew) div.icon {
  background: url(http://i.piccy.info/i9/3ee2732a3bbc66b58039cd1eae4ac30a/1573579721/19144/1347308/ykon.png) no-repeat scroll -3px 0 !important;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  }

tr.inew.iclosed div.icon {
  background: url(http://i.piccy.info/i9/3ee2732a3bbc66b58039cd1eae4ac30a/1573579721/19144/1347308/ykon.png) no-repeat scroll -3px 0 !important;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
</style>

+1

529

Moour
Ccылку на сайт с проблемой  :flag:

0

530

Deff
http://wordlofavatar.rusff.ru/

+1

531

Moour
Замените на такое:

Код:
<style>
/* CS4.1 */
div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat!important;
  opacity:.8;
  }

div.inew, div.icon.icon-new, tr.inew div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat!important;
  opacity:.8;
  }

tr.isticky:not(.inew) div.icon, tr.iclosed.isticky:not(.inew) div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat!important;
  opacity:.8;
  }

tr.inewisticky div.icon, tr.inew.isticky div.icon, tr.inew.iclosed.isticky div.icon {
  background: url(http://i.piccy.info/i9/e9b3f11f52eff461461ee6d89a9bc543/1573579708/19267/1347308/Ykonka.png) no-repeat!important;
  opacity:.8;
  }

tr.iclosed:not(.inew) div.icon {
  background: url(http://i.piccy.info/i9/3ee2732a3bbc66b58039cd1eae4ac30a/1573579721/19144/1347308/ykon.png) no-repeat!important;
  opacity:.8;
  }

tr.inew.iclosed div.icon {
  background: url(http://i.piccy.info/i9/3ee2732a3bbc66b58039cd1eae4ac30a/1573579721/19144/1347308/ykon.png) no-repeat!important;
  opacity:.8;
  }
</style>

+2

532

Deff
Заработало! Огромное Вам спасибо!

+1

533

Возникла ещё одна проблема. Когда я прописываю фон для форума, в компьютерной версии форума он отображается весьма корректно, но вот в мобильной при отключеной адаптации под мобильные устройства - нет. Во время листания я вижу не один цельный фон, а несколько таких же, склеенных между собой. Это выглядит примерно так:

Пикча:

https://i.imgur.com/qYhSVJCm.png

Как мне исправить это и сделать так, чтобы одна картинка фона отображалась на весь экран корректно?

На данный момент код такой:

Код:
<style type="text/css">
html, body {background-image: url(http://i.piccy.info/i9/7959d18589ae0949ab883864442c8a20/1573579443/129080/1347308/Snymok.jpg); background-attachment: fixed; background-repeat: repeat;}
</style>

0

534

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

На данный момент код такой:

Ни знаю... - Попробуйте заменить Ваш код, на такой:

Код:
<style type="text/css">
html, body {
  background: url(http://forumstatic.ru/files/0012/d8/04/15710.jpg) left bottom  fixed no-repeat,
  url(http://forumstatic.ru/files/0012/d8/04/64323.jpg) right bottom  fixed no-repeat #5381B5;
}
</style>

Поправил

Поправил Eщё раз!

Отредактировано Deff (Ср, 13 Ноя 2019 23:24:07)

0

535

Там не убирайте картинки ( картинка разрезана на левую и правую часть
Я поправил верх... ну или нужно чуть увеличить обе картинки по высоте

Отредактировано Deff (Ср, 13 Ноя 2019 23:20:23)

0

536

Deff
Не работает. Вообще не отображает фон.

0

537

Moour
Вы просто не спешите - а несколько раз обновляйте страницу!!!
Ибо изо долго грузится и кешируется

0

538

Moour
Сами картинки у Вас видны ? http://forumstatic.ru/files/0012/d8/04/15710.jpg http://forumstatic.ru/files/0012/d8/04/64323.jpg

Код заменяйте целиком ( не меняя картинки на свою

Отредактировано Deff (Ср, 13 Ноя 2019 23:26:36)

0

539

Не помогло. Отображает пикчи в самом конце страницы, когда захожу с телефона. Сверху - синий фон вместо пикчи.

+1

540

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

Не помогло. Отображает пикчи в самом конце страницы, когда захожу с телефона. Сверху - синий фон вместо пикчи.

Понял, тады так:

Код:
<style type="text/css">
html, body {
  background: url(http://forumstatic.ru/files/0012/d8/04/15710.jpg) left top  fixed repeat-y,
  url(http://forumstatic.ru/files/0012/d8/04/64323.jpg) right top  fixed repeat-y #5381B5;
}
</style>

Ещё поправил

Отредактировано Deff (Ср, 13 Ноя 2019 23:37:23)

0

541

Deff
Мне уже неловко от того, как утруждаю своей проблемой Вас... но нет, опять не работает.

0

542

Moour
Cделайте скриншот проблемы и поясните  :cool:

0

543

Deff

Пикча:

https://i.imgur.com/qYhSVJCm.png

Фоны дублируются по несколько раз, видите? Нужно же, чтобы одна картинка покрывала всю страничку, чтобы форум с телефона был визуально приятен.

+1

544

Ещё Вариант

Код:
<style type="text/css">
html, body {
  background: url(http://forumstatic.ru/files/0012/d8/04/15710.jpg) left top  fixed repeat-y,
  url(http://forumstatic.ru/files/0012/d8/04/64323.jpg) right top  fixed repeat-y #5381B5;
  background-size:auto 100%;
}
</style>

+1

545

Deff
Работает! Ещё раз спасибо, очень помогли!

+1

546

Moour
В Принципе типично заставляют, чтобы высота #pun (полотна страницы)для всех страниц практически доходила до конца экрана;
Типо

<style>
#pun {
min-height:100%;
}
</style>

А на законцовку ставят какую-то пикчу в HTML низ с width="100%"

Отредактировано Deff (Чт, 14 Ноя 2019 00:15:43)

0

547

Лан... я спать  :flag:

0

548

Поставили новый диз с переключением стилей и почему-то на новом вылазит главное меню от старого. Хотя вроде все теги для разделения стилей закрыты. И форумы в категориях хоть и выстроились в 2 колонки, встали криво.
Должно быть вот так http://almtest2019.mybb.ru/, а встало вот так http://almarein.spybb.ru/

0

549

Mirra Bell
В контейнере для подключаемых скриптов к стилю тегов <style></style> быть не должно, иначе закрывающий тег становится закрывающим для всего контейнера:

<!-- Чередование цвета форумов на Главной -->
<style type="text/css">
.punbb .category .odd td{background:none rgba(196,178,147,0.15)!important;}
.punbb .category .part td{background: none transparent!important;}
</style>
<script type="text/javascript">
$("#pun-index .category tr[id^='forum']:visible").each(function(i){
if(2*Math.round((i+1)/2)-i-1 > 0){$(this).addClass("odd")
}else $(this).addClass("part");});
</script>

<!--Своя картинка в панель навигации -->
<script>
...

+1

550

Alex_63
Убрала этот кусок вообще, с тем же успехом. Кроме того, в предыдущем дизайне он был же именно в таком виде.

0

551

Можно ли как-то описания форумов сделать для разных дизов? К сожалению, они стали несовместимы

0

552

Mirra Bell написал(а):

Можно ли как-то описания форумов сделать для разных дизов? К сожалению, они стали несовместимы

Ну если описания писать через елемент:after - можно разное описание засунуть в каждый нужный стиль

Отредактировано Deff (Пн, 18 Ноя 2019 15:19:21)

+1

553

Господа умельцы, может ли кто подсказать, как таблицу исправить так, чтобы она адаптировалась под ПК и под Мобильный.
У нас таблица установлена в Объявлении. Если пользоваться с ПК, то всё всех устраивает. Но вот смотришь на форум с экрана мобильника - [пренебрежительное описание] полная.
Таблицу делали давным-давно, может быть сейчас есть какие другие пути.

0

554

Такой вопрос: ставим новый диз, в котором форумы в категориях выстроены в 2 колонки. Они нормально выстраиваются, но почему-то остаются видны те, которые убираются с главной и из которых делаются типа подфорумы. Ссылки на них встали на место, но и сами эти форумы остались. Как их можно спрятать? То, что они убираются, там есть. и это раньше работало для обоих стилей, а вот со скриптом колонок почему-то не хочет. http://almarein.spybb.ru/ - > Дизайн 1

Отредактировано Mirra Bell (Вт, 19 Ноя 2019 15:14:42)

0

555

Mirra Bell
Можно стрелочкой на скриншоте, какие нужно убрать( с учетом вида из под гостя, ну или Вид с под Админа, и какие убрать и тестовый Админ-ник пароль в личку...

0

556

Привет, друзья

У меня на форуме существует следующая проблема: при нажатии на ссылку, ведущую на хостинг с изображением, вместо хостинга открывается сокращатель ссылок https://qps.ru/. Проблема наблюдается в браузере Хром, с мозилы корректно открывается изображение.
Форум: http://themostsupernatural.ru

+1

557

Иса
Возможно к утру... (загрузили юзеры всякими проблемами...)

0

558

Deff
Их много, все не разрисуешь. Примеры: КНИГА МАГИИ, АРХИВ АНКЕТ, КНИГА МЕРТВЫХ, КЛИНКОВОЕ т.д. Все описаны в настройках HTML верх.
Ник/пасс сброшу в ЛС
.

+1

559

Mirra Bell
http://almarein.spybb.ru/search.php?act … ser_id=344

+1

560

Deff
Спасибо огроменное! )

+1

561

Иса
http://themostsupernatural.ru/viewtopic … 30#p632528

0

562

Внезапно вылезли косяки в новом дизе:
Перестал загружаться лого, хотя в файле стиля он прописан и картинка сама по себе отображается, перестало работать сворачивание категорий и перестала отображаться ссылка на последний пост в теме. Собственно, поменяли именно файл стиля с новой картинкой.   http://almarein.spybb.ru/ - > Дизайн 1

0

563

Mirra Bell -Текст: Второе окно стиля - не в тегах коммента!!

/* CS1 Background and text colours
-------------------------------------------------------------*/
Второе окно стиля
/* CS1.0 */
/*лого и фон*/
body {
      background-color: transparent!important;
    background-image: url(http://forumstatic.ru/files/0001/31/13/70666.jpg);
    background-repeat: no-repeat;
background-position:top center;
    }

Отредактировано Deff (Ср, 20 Ноя 2019 12:11:25)

+1

564

Deff
ОМГ! Все так просто. Видимо, я была не проснувшись

0

565

Deff
Это все восстановилось, но категории сворачиваться отказываются ((

0

566

Mirra Bell
У Вас после второго кода в тегах <style>(Для старого стиля) - нет скрипта преобразования,

2-е Код самого скрипта смены Дизайна, с добавляемыми кодами скриптом и HTML - несколько отличается(от кода без оного)... см статью... 

И вообщем то, на форумах bestBB по умолчанию стоит более удобный скрипт смены стиля...  :flirt:

Отредактировано Deff (Ср, 20 Ноя 2019 13:25:32)

+1

567

Всем доброго дня!
Подскажите, пожалуйста, я хочу ограничить определенной группе пользователей (Рекламе) возможность заполнения и редактирования поля подписи. (Встречала случаи, когда амс жаловались на самостоятельное изменение подписи на что-то запрещенное пользователями группы рекламы).
При этом в настройках "Права в подписи" я поставила возможность заполнять ее самостоятельно (потому что ею пользуются игроки), а в редактировании групп пользователей это сделать нельзя.
Изучила FAQ, но нашла только ответы по простому заполнению:
Инструкции по Администрированию форума FAQ
FAQ по Администрированию II
Вооще возможно ли сделать ограничения определенной группе, или же это - только вручную?

Форум http://overthere.rusff.ru/, только создаю и ставлю ограничения.

0

568

CoffeeBreak
Можно просто скрыть подпись у группы в Сообщениях:

.post[data-group-id="5"] .post-sig{
   display:none;
}

0

569

Deff
Не подумала про скрытие. Спасибо!
Буду тестировать)

0

570

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

У Вас после второго кода в тегах <style>(Для старого стиля) - нет скрипта преобразования

Почему нет?  %-)  Для старого там стоит вот что (в HTML низ)

Код:
<!--Сворачивание категорий Ч1-->
<script type="text/javascript">
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
var aimg = {
open: 'http://forumstatic.ru/files/0014/90/a7/28124.png',
close: 'http://forumstatic.ru/files/0014/90/a7/31843.png'
}
var attl = {
  open: 'Скрыть',
  close: 'Показать'
}
</script>

<!--Сворачивание категорий Ч2-->
<script type="text/javascript">
$('#pun-main div.category > h2 div.catleft').after('<span class="offctgr" style="float: right;"><img src="'+aimg.open+'" title="'+attl.open+'" /></span>');
$('#pun-main div.category').each(function (i) {
    var ctgId=$(this).attr('id');
         if(getcookie(ctgId)=='close'){
   $('#'+ctgId+' > div.container').css({display: 'none'});
   $('#'+ctgId+' > h2 > .offctgr img').attr("src",aimg.close).attr("title",attl.close)}
});
$('span.offctgr').click(function(){
var cat=$(this).parents('div.category').attr('id');
$(this).parents('div.category').children('div.container').slideToggle(100);
var s = $(this).find("img").attr("src") == aimg.open ? aimg.close : aimg.open;
var sT = $(this).find("img").attr("title") == attl.open ? attl.close : attl.open;
$(this).find("img").attr("src",s).attr("title",sT)
var catc = getcookie(cat);
catc = catc == 'close' ? 'open' : 'close';
setcookie(cat,catc,3600*24*30*1000);
      return false; });
</script>

И как раз там-то все сворачивается. Не работает в новом, хотя там тоже стоят обе части.

0

571

Скоро моему форуму http://1embroiderygames.0bb.ru/ годик и хочется немного приукрасить его. (хотя старалась и весь год :D )

-

Но по жизни я очень далека от всяких компьютерных  дел,полный профан. Бывший учитель по ИЗО в школе. Поэтому возникает много вопросов. Пытаюсь,как могу,читаю везде. И лезу тут с вопросами  :tired:

На многих форумах вижу красивое оформление (не знаю,как правильно назвать) поля с авой и инфой по профилю.
ну вот так ,например

+

https://i.imgur.com/ZM5e6vQm.jpg  https://i.imgur.com/bxudbYpm.jpg
взяла просто перрвые попавшие на других форумах.
А у меня вот так, совсем простенько https://i.imgur.com/vstUmQcm.jpg

Если это делается в ФШ,а затем включается в стиль оформления, то тогда и не буду заморачиваться,не для моего ума и умения-неумения, а если скриптом со своей какой то рамкой,картинкой, то подскажите ,пожалуйста.

0

572

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

Если это делается в ФШ,а затем включается в стиль оформления

Вы ответили на свой вопрос.. :dontknow:

+1

573

Mirra Bell
Проще наверно не всовывать скрипт скрытия категорий в Переключалки со <style>
А оставить Один общий на Все стили, без упрятывания в переключалку, вместо явных кнопок

open: 'http://forumstatic.ru/files/0001/31/13/28110.png',
close: 'http://forumstatic.ru/files/0001/31/13/40073.png'

Поставить прозрачки(с разными линками),
А в каждом стиле(в самом стиле) дать свой фон и положение и размер на эти прозрачные картинки
селектор картинки может быть и по линку на оную

img[src="Ccылка"]{

}

Отредактировано Deff (Ср, 20 Ноя 2019 22:41:10)

+1

574

murrena
Графику можно заказать... К примеру втут => http://imagiart.ru/viewforum.php?id=59

+1

575

Deff
Спасибо, попробую

+1

576

Sportbar.mybb написал(а):

Господа умельцы, может ли кто подсказать, как таблицу исправить так, чтобы она адаптировалась под ПК и под Мобильный.
У нас таблица установлена в Объявлении. Если пользоваться с ПК, то всё всех устраивает. Но вот смотришь на форум с экрана мобильника - [пренебрежительное описание] полная.
Таблицу делали давным-давно, может быть сейчас есть какие другие пути.

Либо я неправильно спросил, либо непростой вопрос задал...  :glasses:

0

577

Sportbar.mybb
Ну в таком виде она под мобилки не пойдёт, ибо сделано единой табличкой, чтобы таблица перестраивалась нужно верстать каждую колонку в div c display:inline-block;, а внутри div(ов) уже можно вставлять табличку... контента => https://i.imgur.com/NRFRwKN.jpg

Отредактировано Deff (Чт, 21 Ноя 2019 22:18:32)

+2

578

Deff, спасибо. Вы подтвердили мои предположения. В таблице везде установлены фиксированные размеры, а значит, нужно полностью всё переделывать.
Но так как у меня самого ума не хватает на такие вещи, придется искать какие-то другие пути.
Например, сменить таблицу, на "Таблицу с переключаемыми вкладками", ну или ещё побродить по форуму, может что-то и попадётся уже сделанное.

+1

579

Sportbar.mybb написал(а):

В таблице везде установлены фиксированные размеры, а значит, нужно полностью всё переделывать.

Покажите на скриншоте как она должна выглядеть на мобильном устройстве.. Вы же понимаете, что при таком количестве ячеек и информации она банально не поместиться в смартфон..

0

580

Добрый вечер! Видела где то скрипт, но не могу найти.
Проблема. Шапка форума в разных браузерах и на разных компах имеет разную ширину.То есть где то по краям шапки черные полосы, а у меня,например стоит ровно.Видела скрипт автоматического выравнивания по ширине окна.
Помогите,плиз.

Мой скрипт шапки

<!-- шапка -->
<style>

#pun-title {
    background: #000 url(http://forumstatic.ru/files/0019/e4/9d/52514.png)no-repeat center top;
    height: 305px;
}
#pun-navlinks {
    top: 180px;
}
#pun-navlinks + div {
    margin-top: 20px;
}

</style>

+1

581

Sportbar.mybb, сделал такой вариант:

Вариант
Код:
<style>
.tabfoot {
display: inline-flex;
flex-flow: row wrap;
width: 100%;
border-top: 2px solid #0071BC;
border-left: 3px solid #0071BC;
border-right: 3px solid #0071BC;
}

.cellfoot {
flex: 1 1 0px;
display: flex;
flex-flow: column nowrap;

}
.cellfoot div {
flex: 1;
text-align: center;
vertical-align: top;
border: 1px solid #50A8DB;
padding: 10px 0;
}
.cellfoot div:first-child {min-height: 120px;}
.cellfoot div:last-child {
border-bottom: 3px solid #0071BC;
min-height: 160px;
}
.tabfoot .pad {
padding: 0;
display: flex;
}
.tabfoot span {
flex: auto;
text-align: center;
width: 40%;
}
.tabfoot span.cifrL, .tabfoot span.cifrR {
width: 2%;
}
.cifrL {
border-right: 1px solid #50A8DB;
}
.cifrR {
border-left: 1px solid #50A8DB;
}
</style>
<div class="tabfoot">
  <div class="cellfoot">
    <div>
	  <img style="width: 59px;" src="http://forumstatic.ru/files/000b/0a/f7/98700.png">
      <h3>Чемпионат <br> Англии</h3>
	</div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=400&amp;p=8#p55898"> Прогноз на 13й тур </a></div>
	<div><h3> 23.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Master-Bugi</span> <span class="cifrR">112</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>Главбух</span> <span class="cifrR">111</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Г.Иванов</span> <span class="cifrR">109</span></div>
	<div>
	  <img style="width: 150px;" src="http://forumstatic.ru/files/000b/0a/f7/43814.png">
      <h3>Блиц-турнир<br>Чемпионский пояс недели<br><a href="http://sportbar.mybb.ru/viewtopic.php?id=409#p55815"> Сделать прогноз </a></h3>
    </div>
  </div>
  
  <div class="cellfoot">
    <div>
	  <img style="width: 100px;" src="http://forumstatic.ru/files/000b/0a/f7/85256.png">
      <h3>Чемпионат <br> Германии</h3></div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=403&amp;p=8#p55924"> Прогноз на 12й тур </a></div>
	<div><h3> 22.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Master-Bugi</span> <span class="cifrR">78</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>Главбух</span> <span class="cifrR">72</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Лирик</span> <span class="cifrR">66</span></div>
	<div>
	  <img style="width: 80px;" src="http://forumavatars.ru/img/avatars/000b/0a/f7/33-1311618231.jpg">
      <h3>Победитель недели<br>Blink</h3>
	  <br>
    </div>
  </div>
  
  <div class="cellfoot">
    <div>
	  <img style="width: 59px;" src="http://forumstatic.ru/files/000b/0a/f7/12631.png">
      <h3>Чемпионат <br> Испании</h3>
	</div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=402&amp;p=9#p55858"> Прогноз на 14й тур </a></div>
	<div><h3> 22.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Master-Bugi</span> <span class="cifrR">104</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>23Valdes23</span> <span class="cifrR">104</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Г.Иванов</span> <span class="cifrR">99</span></div>
	<div>8</div>
  </div>
  
  <div class="cellfoot">
    <div>
	  <img style="width: 83px;" src="http://forumstatic.ru/files/000b/0a/f7/70052.png">
      <h3>Чемпионат <br> Италии</h3>
	</div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=404&amp;p=8#p55967"> Прогноз на 13й тур </a></div>
	<div><h3> 23.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Главбух</span> <span class="cifrR">109</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>Blink</span> <span class="cifrR">109</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Г.Иванов</span> <span class="cifrR">104</span></div>
	<div>8</div>
  </div>
  
  <div class="cellfoot">
    <div>
	  <img style="width: 71px;" src="http://forumstatic.ru/files/000b/0a/f7/10363.png">
      <h3>Чемпионат <br> России</h3>
	</div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=396&amp;p=17#p55846"> Прогноз на 17й тур </a></div>
	<div><h3> 22.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Instruktor</span> <span class="cifrR">126</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>Г.Иванов</span> <span class="cifrR">122</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Оля</span> <span class="cifrR">119</span></div>
	<div>8</div>
  </div>
  
  <div class="cellfoot">
    <div>
	  <img style="width: 71px;" src="http://forumstatic.ru/files/000b/0a/f7/43960.jpg">
      <h3>Лига <br> чемпионов</h3></div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=399&amp;p=6#p55861"> Прогноз на 7й тур </a></div>
	<div><h3> 26.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Instruktor</span> <span class="cifrR">71</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>Оля</span> <span class="cifrR">70</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Валера</span> <span class="cifrR">69</span></div>
	<div>8</div>
  </div>
  
  <div class="cellfoot">
    <div>
	  <img style="width: 72px;" src="http://forumstatic.ru/files/000b/0a/f7/84271.jpg">
      <h3>Лига <br> Европы</h3></div>
	<div><a href="http://sportbar.mybb.ru/viewtopic.php?id=406&amp;p=4#p55902"> Прогноз на 5й тур </a></div>
	<div><h3> 28.11.2019 </h3></div>
	<div><b>Призовая тройка</b></div>
	<div class="pad"><span class="cifrL">1</span> <span>Master-Bugi</span> <span class="cifrR">98</span></div>
	<div class="pad"><span class="cifrL">2</span> <span>Blink</span> <span class="cifrR">85</span></div>
	<div class="pad"><span class="cifrL">3</span> <span>Главбух</span> <span class="cifrR">85</span></div>
	<div>8</div>
  </div>
</div>

Тестируйте..

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

Проблема. Шапка форума в разных браузерах и на разных компах имеет разную ширину.То есть где то по краям шапки черные полосы, а у меня,например стоит ровно.Видела скрипт автоматического выравнивания по ширине окна.

Адрес форума и скриншоты проблемы..

+1

582

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

Добрый вечер! Видела где то скрипт, но не могу найти.
Проблема. Шапка форума в разных браузерах и на разных компах имеет разную ширину.То есть где то по краям шапки черные полосы, а у меня,например стоит ровно.Видела скрипт автоматического выравнивания по ширине окна.
Помогите,плиз.

Замените

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

#pun-title {
    background: #000 url(http://forumstatic.ru/files/0019/e4/9d/52514.png)no-repeat center top;
    height: 305px;
}

на:

Код:
#pun-title {
background: #000 url(http://forumstatic.ru/files/0019/e4/9d/33223.png) no-repeat center top;
height: 25vw;
background-size: cover;
}

Отредактировано kolobdur74 (Сб, 23 Ноя 2019 10:45:20)

0

583

Форум http://1embroiderygames.0bb.ru/

Скрины

Так сейчас у меня :
Хром https://i.imgur.com/mhXjS95m.jpg

Яндекс https://i.imgur.com/lNHAl5Pm.jpg
На хроме края с закругленными уголками ушли за окно.Но сейчас стоит  картинка 1244х305.

Ставила 1200х305, у меня все ОК было, стояло ровненько на Хроме, но у моего второго админа квадратный монитор и она видела вот такой заплаткой тоже на Хроме https://i.imgur.com/fFULCdTm.jpg
Поставила картинку 1244х305, у нее стало все ровненько,а у меня уехало за края окна.
Понятно, что на разных мониторах и браузерах видится по разному.

Поэтому и спрашиваю скрипт автоматического выравнивания по окну.

0

584

Ой, пока писала, вы ответили выше o.O

Сейчас попробую.

Отредактировано murrena (Сб, 23 Ноя 2019 10:46:22)

0

585

kolobdur74
на Хроме выровнялось, на Яндексе так же левая сторона уходит за окно.(пробовала на тестовике http://1test123.mybb.ru/ )

0

586

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

на Хроме выровнялось, на Яндексе так же левая сторона уходит за окно

Ну, попробуйте высоту поставить такую: height: 24.8vw; Вообще должно было растянуть одинаково на любом браузере.. Дайте ссылку на этот яндекс браузер..

+1

587

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

попробуйте высоту поставить такую: height: 24.8vw;

вместо шапки узкая полока картинки видна всего.

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

айте ссылку на этот яндекс браузер..

да я просто на своем открываю :dontknow:

0

588

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

вместо шапки узкая полока картинки видна всего.

Поставьте на тестовик посмотреть..

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

да я просто на своем открываю

Вот этот у вас стоит: https://browser.yandex.ru/ ?

0

589

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

Поставьте на тестовик посмотреть..

поставила http://1test123.mybb.ru/

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

Вот этот у вас стоит: https://browser.yandex.ru/ ?

вроде да

0

590

murrena написал(а):
kolobdur74 написал(а):

Поставьте на тестовик посмотреть..

поставила http://1test123.mybb.ru/

но теперь по бокам стоит на обоих браузерах ровно. Но только по высоте полоской.

0

591

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

поставила http://1test123.mybb.ru/

Не запятая: height: 24,8vw;, а точка должна быть..

+2

592

kolobdur74
:cool: Класс! Теперь все ровненько! Спасибо огромное! :love:

+1

593

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

Класс! Теперь все ровненько! Спасибо огромное!

Нема за что :flirt: Но при маленьких экранах может обрезаться нижняя полоса (иногда и верхняя).. Полностью убрать это не возможно при такой картинке - это надо ее разрезать и делать плавающей..

+2

594

kolobdur74
Спасибо! :love:  Даже на телефоне все ровно встало, а то и там шапка уползала за края.

+2

595

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

Sportbar.mybb, сделал такой вариант:

Под размер экрана однозначно адаптируется. Правда, не так. как хотелось бы, но все же!
kolobdur74, я попробую пошаманить над уменьшением информации в таблице. Она реально громоздкая и нормально скомпановать вряд ли выйдет.
Если не возражаете, ещё обращусь за помощью.

0

596

Sportbar.mybb написал(а):

Под размер экрана однозначно адаптируется. Правда, не так. как хотелось бы, но все же!

Ну, она действительно большая, боюсь, что это самая лучшая адаптация, которую я могу придумать под маленький экран..

Sportbar.mybb написал(а):

я попробую пошаманить над уменьшением информации в таблице. Она реально громоздкая и нормально скомпановать вряд ли выйдет.

Ну, еще можно для смартфонов убрать менее нужную информацию..

Sportbar.mybb написал(а):

Если не возражаете, ещё обращусь за помощью.

Обращайтесь :yep:

Отредактировано kolobdur74 (Сб, 23 Ноя 2019 23:27:24)

0

597

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

Ну, еще можно для смартфонов убрать менее нужную информацию..

Это возможно?! В смысле, можно сделать так, чтобы для смартфона объявление вообще не отображалось?

0

598

Sportbar.mybb написал(а):

Это возможно?! В смысле, можно сделать так, чтобы для смартфона объявление вообще не отображалось?

В самый низ НТМЛ верха:

Код:
<style>
@media screen and (max-width: 540px) {
#pun-announcement {display: none;}
}
</style>

+1

599

kolobdur74, спасибо! Сейчас попробую.

0

600

kolobdur74, установил. Получилось наполовину.
В вертикальном положении отображается без объявления. В горизонтальном - объявление есть.

https://i.imgur.com/tEQnueFm.png        https://i.imgur.com/yVtfXVim.png

0

601

Sportbar.mybb написал(а):

В вертикальном положении отображается без объявления. В горизонтальном - объявление есть.

Ну, можно так:

Код:
<style>
@media screen and (max-width: 1024px) {
#pun-announcement {display: none;}
}
</style>

+1

602

kolobdur74, да! Теперь нормально в обоих случаях отображается.

Уж простите, за назойливость. Но ничего нельзя сделать вот с этими "пустотами" по краям? Стрелочками отметил.

https://i.imgur.com/thPs1aOm.png

0

603

Если бы ширина форума была бы такой же, как и ширина шапки, то и "меню" разместилось бы нормально.

0

604

Sportbar.mybb написал(а):

Уж простите, за назойливость. Но ничего нельзя сделать вот с этими "пустотами" по краям? Стрелочками отметил.

Замените предыдущий код на этот:

Код:
<style>
@media screen and (max-width: 1024px) {
#pun {
width: 100%;
padding: 0;
}
#pun-announcement {display: none;}
}
</style>

Отредактировано kolobdur74 (Вс, 24 Ноя 2019 16:36:12)

+1

605

kolobdur74, отлично! Спасибо огромное!

+1

606

Вопросов три:
1. Никак не получается вытянуть hover в названии раздела: если название достаточно длинное, ховер складывается в 2 строки (например "Оборотная сторона волшебства"). Уже и увеличивала его длину, и ставила width: auto, все равно складывается.
2. Не получается вывести последнее сообщение в форуме. На тестовом http://almtest2019.mybb.ru/ оно выводится, на рабочем http://almarein.spybb.ru/ нет при тех же параметрах. Менять margin-top пробовала, поле все равно не отображается.
3. Значок новых сообщений в форумах почему-то стал коричневого цвета, а не красного.

Подскажите плз, как это поправить?

0

607

Mirra Bell написал(а):

ховер складывается в 2 строки (например "Оборотная сторона волшебства"). Уже и увеличивала его длину, и ставила width: auto, все равно складывается.

#pun-index .tclcon h3>a{
display:block;
}

+2

608

Снова у меня все сломалось (( Не отображаются фон и футер, хотя с комментами в стилях сейчас все нормально. Что я навернула? http://almtest2019.mybb.ru/

0

609

Mirra Bell написал(а):

Снова у меня все сломалось (( Не отображаются фон и футер, хотя с комментами в стилях сейчас все нормально. Что я навернула?

Картинку:

/*футер*/
#pun_wrap { 
background-image: url("http://forumstatic.ru/files/0001/31/13/98277.png"); background-repeat: no-repeat; background-position: center

bottom;
padding-bottom: 16em;
}

Аналогично:

/*лого и фон*/
body {
      background-color: transparent!important;
    background-image: url(http://forumstatic.ru/files/0001/31/13/34512.jpg);
    background-repeat: no-repeat;
background-position:top center;
    }

Обе ссылки нерабочие.. К слову сказать лучше делайте аккуратнее, иначе в коде начнете путаться, как пример:

Код:
/*футер*/
#pun_wrap {  
  background-image: url("http://forumstatic.ru/files/0001/31/13/98277.png");
  background-repeat: no-repeat; 
  background-position: center bottom;
  padding-bottom: 16em;
}

Для редактирования лучше используйте программу Notepad++

Отредактировано kolobdur74 (Вт, 26 Ноя 2019 22:20:30)

+1

610

Вставить иконку "онлайн" в таблицу последних сообщений вверху.

viewtopic.php?id=413

https://i.imgur.com/RdwkWdY.png
вот сюда, зеленый кружок или чтото после имени.(если онлайн). табличка видна в темах..
Сидишь в теме и глянул вверх а там, сразу видно кто. :)

скрипт

Код:
<script src="/export.php?type=js&max=4" type="text/javascript"></script>
<script type="text/javascript">
var html00='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html222="</tr></tbody></table></div></center>"
html111="<h2>Последние сообщения на форуме</h2><div  class=\"container\"><table cellspacing=\"1\" width=40% style='text-align:left;'><tbody class=\"hasicon\">"
html00+='<tr><td class=\"tcll\">'+content[i][1]+'</td><td class=\"tcll\">'+ts+'<td class=\"tcll\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}
$("#temi").append("<br />"+html111+html00+html222)
</script>

Отредактировано tartar1 (Чт, 28 Ноя 2019 07:22:11)

0

611

tartar1
Замени код скрипта на такой:

Код:
<script src="/export.php?type=js&max=4" type="text/javascript"></script>
<script type="text/javascript">
$.get("/",function (data){
  var arr = [];
  $(data).find('#pun-stats li.item4 + #onlinelist.item5 a[href*="/profile.php?id="]').each(function (){
    arr.push($(this).html());
  });


var html00='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html222="</tr></tbody></table></div></center>"; 
if(arr.indexOf(content[i][1])!=-1)content[i][1]+= ' <img src="http://forumstatic.ru/files/0014/cc/0a/69594.png" width="11"/>';
html111="<h2>Последние сообщения на форуме</h2><div  class=\"container\"><table cellspacing=\"1\" width=40% style='text-align:left;'><tbody class=\"hasicon\">"
html00+='<tr><td class=\"tcll\">'+content[i][1]+'</td><td class=\"tcll\">'+ts+'<td class=\"tcll\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}

$("#temi").append("<br />"+html111+html00+html222);
});
</script>

И в HTML верх воткнуть такой код:

Код:
<style>.post-author.online .pa-title:after{
  content:"";
  display:inline-block;
  margin-left:3px;
  padding:0;
  border:6px solid #226B05;
  border-radius:50%;
}</style>

+1

612

великолепно! надо в скрипты

а вместо кружка слово? если не понравится. (кружок не всем понятен)

0

613

tartar1
Ничо не надо!!! Ибо скрипт не для размножения! Чтобы ставить в скрипты нун ещё полдня(ибо на коленках даёт нагрузку на сервер!)

+2

614

https://i.imgur.com/c3rpB8a.png

0

615

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

а вместо кружка слово? если не понравится

лучше и кружок и слово рядом в скобках наклонный шрифт

0

616

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

а вместо кружка слово? если не понравится. (кружок не всем понятен)

Можно сделать слово при наведении!!
Замени эту строку в скрипте

if(arr.indexOf(content[i][1])!=-1)content[i][1]+= ' <img src="http://forumstatic.ru/files/0014/cc/0a/69594.png" width="11"/>';

на такую:

if(arr.indexOf(content[i][1])!=-1)content[i][1]+= '&#160;<img title="На форуме" src="http://forumstatic.ru/files/0014/cc/0a/69594.png" width="11"/>';

Ну и я бы поправил цвет онлайн кружка в теме( чоб совпадал)

<style>.post-author.online .pa-title:after{
  content:"";
  display:inline-block;
  margin-left:3px;
  padding:0;
  border:6px solid #00FF01;
  border-radius:50%;
}</style>

0

617

Deff
в теме не нужно! нужно кружок и слово рядом. сделал сам

я понял, убрал из верха

благодарность наша не знает границ...

вообще нужная функция,если в темах особенно
а на главной- для украшения

Отредактировано tartar1 (Ср, 27 Ноя 2019 22:06:07)

0

618

Снова я со своей головной болью: в Мозилле форум отображается так, как отображался в хроме после залития кривого стиля и битых картинок. Но уже давно все восстановили, а там он по-прежнему отображается как на скрине № 1

http://almarein.spybb.ru/

https://i.imgur.com/2VGmnTt.jpg

Как сдвинуть название анкеты влево? Уже поставила padding: 22px 100px 22px 0px !important; и все равно не двигается.
https://i.imgur.com/2HinCRE.jpg
А это здесь http://almtest2019.mybb.ru/viewtopic.php?id=2#p9

Отредактировано Mirra Bell (Пт, 29 Ноя 2019 13:04:16)

0

619

Mirra Bell написал(а):

Снова я со своей головной болью: в Мозилле форум отображается так, как отображался в хроме после залития кривого стиля и битых картинок. Но уже давно все восстановили, а там он по-прежнему отображается как на скрине № 1

Похоже, что Мозилла закешировал на собственных серверах:
https://i.imgur.com/aG9Awgf.png
Ссылка старая, я поставил браузер с нуля, у меня точно не было кеша вашего форума на Мозилле.. Попробуйте заменить ваш код на:

Код:
body {
  background: url(http://forumstatic.ru/files/0001/31/13/70666.jpg) no-repeat top center transparent; 
}

Если Мозилла все равно будет показывать старый код, то напишите в их техподдержку от лица вебразработчика..

+1

620

Mirra Bell написал(а):

Как сдвинуть название анкеты влево? Уже поставила padding: 22px 100px 22px 0px !important; и все равно не двигается.

Жуть... По сути никак.. Оберните ссылку в див, на него всё оформление, а ссылку двигайте в нужное место внутри этого дива, а иначе ей двигаться некуда - она у вас вообще за пределы минипрофиля выходит, куда ей двигаться? Либо на .pa-fld4 поставьте оформление и внутри него двигайте ссылку..

На счет имортантов, вы их часто применяете, почитайте: Правила приоритетов в CSS Имортант на Майбб стоит применять когда нужно перебить стиль от сервиса, или стиль внутри НТМЛ (тоже от сервиса), во всех остальных случаях, если вы применяете импортант, и по другому не перебивается, значит что-то вы сделали неправильно..

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 16:37:53)

+1

621

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

Либо на .pa-fld4 поставьте оформление и внутри него двигайте ссылку..

То есть вот так:

Код:
/* Выделение доп. поля квенты под аватаром*/
.pa-fld4 {
  display: block;
  width: 189px;
  height: 15px;
  border: none; 
  margin-left: 15px;
  background: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat;
  color:#99b4e7;
}

#pun-main .post-author ul .pa-fld4 a {
  display: block;
  text-align: left;
  margin-left: 50px;
}

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 16:46:23)

+1

622

Здравствуйте, подскажите пожалуйста, как сделать, что бы данный скрипт "Боковой панели", работал только на главной?
Скрипты от пользователей 3

0

623

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

Здравствуйте, подскажите пожалуйста, как сделать, что бы данный скрипт "Боковой панели", работал только на главной?

Тестируйте:

Код:
<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto 14% auto 25px; width: 990px;}
.sidbar {display: none;}
#pun-index .sidbar {display: block; position:absolute; z-index:1000; top:auto; right:10px; left:1004px; width:210px;}
#pun-index .bar {color: #00000; /* цвет текста */
background:#FFFFFF; /* фон блока */
border: 2px #417ed0   solid; /* стили рамки */
border-radius: 10px 10px 10px 10px; /* закругление углов */
box-shadow:5px 5px 7px #888/*Тень*/}
</style>
<div class="sidbar">
<center>
(Количество блоков размножаете сколько вам надо. Вместо троеточия, ставите то что вам надо)
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
</center>
</div>
<!--конец боковой панели-->

+2

624

kolobdur74
Спасибо, попробую, не могли бы Вы подсказать, что именно изменили, ибо я скрипт уже настроил и хотелось бы внести правки в уже готовый.
Добавлено спустя 3 минуты 16 секунд:
Не совсем то, не на главной, остается пустота справа (форум не растягивается.
http://s8.uploads.ru/t/BjrbT.png http://s7.uploads.ru/t/bhYFD.png

Отредактировано ACT3255 (Пт, 29 Ноя 2019 17:16:30)

0

625

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

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

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

.sidbar {display: none;}
#pun-index .sidbar {display: block; position:absolute; z-index:1000; top:auto; right:10px; left:1004px; width:210px;}
#pun-index .bar {color: #00000; /* цвет текста */

Выделил красным.. Поясняю что сделал:
.sidbar {display: none;} - это я удалил сайдбар со всех страниц..
#pun-index - это ИД селектора главной страницы:

Скриншот:

https://i.imgur.com/XNYCJsC.png

#pun-index .sidbar {display: block; - это я включил обратно, но уже только на главной странице.
#pun-index .bar - это действие для блока с классом .bar, который находится внутри блока с классом .sidbar? только на главной странице.

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 17:22:39)

+1

626

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

Не совсем то, не на главной, остается пустота справа (форум не растягивается.

Адрес форума с установленным кодом..

0

627

kolobdur74
Поясню немного.
Главная:
http://sd.uploads.ru/t/8vXkV.png
Страница в форуме:
https://c.radikal.ru/c38/1911/85/c987112e70d6t.jpg
Вот хотелось бы, на главной есть боковая панель, а на остальном форуме нет, что бы форум растягивался под экран, а то справа пустота.

0

628

kolobdur74 написал(а):
ACT3255 написал(а):

Не совсем то, не на главной, остается пустота справа (форум не растягивается.

Адрес форума с установленным кодом..

http://nude-celebrity.ru/

0

629

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

Вот хотелось бы, на главной есть боковая панель, а на остальном форуме нет, что бы форум растягивался под экран, а то справа пустота.

Я понял... Я имел ввиду с установленным моим кодом.. Попробуйте так:

Код:
<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;}
.sidbar {display: none;}
#pun-index .sidbar {display: block; position:absolute; z-index:1000; top:auto; right:10px; left:1004px; width:210px;}
#pun-index .bar {color: #00000; /* цвет текста */
background:#FFFFFF; /* фон блока */
border: 2px #417ed0   solid; /* стили рамки */
border-radius: 10px 10px 10px 10px; /* закругление углов */
box-shadow:5px 5px 7px #888/*Тень*/}
</style>
<div class="sidbar">
<center>
(Количество блоков размножаете сколько вам надо. Вместо троеточия, ставите то что вам надо)
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
<div class="bar">...</div></br>
</center>
</div>
<!--конец боковой панели-->

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 17:58:13)

+1

630

ACT3255, скиньте свою боковую панель я ее перепишу под свой код..

0

631

kolobdur74
Главная расползлась до нельзя ))))))))))))))))
http://sd.uploads.ru/t/uCO39.png
в форуме тоже широко очень.
Гляньте, код поставил.

Скидываю

Код:
<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto 14% auto 25px; width: auto;}
.sidbar {position:absolute; z-index:1000; top:auto; left:1627px; width:256px;}
.bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}

#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

Отредактировано ACT3255 (Пт, 29 Ноя 2019 17:57:44)

0

632

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

Главная расползлась до нельзя ))))))))))))))))

Я ошибку допустил.. Попробуйте теперь:

Код:
<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto;width: auto;}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;}
.sidbar {display: none;}
#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; left:1627px; width:256px;}
#pun-index .bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}
 
#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

0

633

kolobdur74
Нет, не получается
http://sh.uploads.ru/t/tc9Mw.png
на главной вообще каша )))
в форуме, надо чуть поуже...
Если важно, то у меня 1920х1080 монитор.

Отредактировано ACT3255 (Пт, 29 Ноя 2019 18:07:17)

0

634

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

Нет, не получается

Поправил:

Код:
<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto;width: auto;}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;float: none;}
.sidbar {display: none;}
#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; left:1627px; width:256px;}
#pun-index .bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}
 
#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

0

635

ACT3255, поправил гуляние сайдбара в зависимости от разрешения, которое у вас было:

Код:
<!--Боковая панель-->
<style id="sidbar-style">
#pun {margin: auto;width: auto;}
#pun-index.punbb {margin: 200px 14.8% auto 25px;}
.punbb {width: inherit;float: none;}
.sidbar {display: none;}
#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; right: 1.8%; width:256px;}
#pun-index .bar {color: #FFFFFF; /* цвет текста */ 
background:#27324A; /* фон блока */ 
border: 1px #314366   solid; /* стили рамки */ 
border-radius: 0px 0px 0px 0px; /* закругление углов */
font-family: Agency FB Cyrillic;
font-size: 16px;
</style>
<div class="sidbar"> 
<center>
<div class="bar"></br><div class="blackbox">Последние обновления на форуме</div></br>
<div id="stats-box"></div></div>
<div class="bar"></br><div class="blackbox">Основные темы</div></br>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=2"><img src="http://forumstatic.ru/files/0014/74/cb/11422.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=710"><img src="http://forumstatic.ru/files/0014/74/cb/20317.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=39"><img src="http://forumstatic.ru/files/0014/74/cb/44161.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewforum.php?id=40"><img src="http://forumstatic.ru/files/0014/74/cb/82204.png"></a></div>
<div class="bar"><a href="http://nude-celebrity.ru/viewtopic.php?id=373"><img src="http://forumstatic.ru/files/0014/74/cb/36510.png"></a></div></div>
<div class="bar"></br><div class="blackbox">Голосуй за форум</div></br>
<a href="http://forum-top.ru/vote/6471" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forumstatic.ru/files/0014/74/cb/73631.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div>
<div class="bar"></br><div class="blackbox">Помощь форуму</div></br>
<iframe src="https://money.yandex.ru/quickpay/shop-widget?writer=buyer&targets=&targets-hint=&default-sum=100&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&hint=&successURL=&quickpay=shop&account=41001963094341" width="180" height="230" frameborder="0" allowtransparency="true" scrolling="no"></iframe></div>
<div class="bar"></br><div class="blackbox">Статистика уважения и переход ко всем сообщениям участника</div></br>
<!--Рейтинг-->
<table id="userhero2" style="width: auto;"></table>
<style>
#userhero2 img{
border:1px solid #696969;border-radius: 9000em;
}
#userhero2 figure {
display:block;
height: 50px;
width: 50px;
position: relative;
overflow:hidden;
text-align: center;
}
 
#userhero2 figcaption {
display:block; 
width:44px;
 background:#27324A;
 border-radius: 0 0 7px 7px;
 box-shadow: 0 0 5px #40310A inset;
 color: #fff; font-size: 0.8em;
 font-weight: bold;
 height: 15px;
 left: 3px;
 position: absolute;
 top: 30px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}
</style>
 
 
<script type="text/javascript">
$(function(){
$.get( '/api.php', { method: 'users.orderedList', sort_by: 'respect', sort_dir:'desc', limit:4, fields: 'user_id,username,avatar,respect_plus,respect_minus,sex'}, function(data) {
var x = data.response.users;
	for (var i in x) {
                var v = x[i];
                var Usex = v.sex;
   var ava = v.avatar;
   if (ava == '' && Usex == 2) {ava = 'http://forumstatic.ru/files/0000/14/1c/45689.png'}
   if (ava == '' && Usex <= 1){ava = 'http://forumstatic.ru/files/0000/14/1c/70618.png'};
   var plus = v.respect_plus;
                var minus = v.respect_minus 
                var summa=   Number(plus-minus);           
   var numPlus = Number(summa)/10;
 
 var Inf = '<strong>'+v.username+'</strong></br><a href=\'/search.php?action=show_user_posts&user_id='+v.user_id+'\' style=\'color:#fff;font-size:0.8em;\' target=\'_blank\'>Показать</br> сообщения</a>';
 var person = '<td  style="padding:0;"><figure><a href="/profile.php?id='+v.user_id+'"> <img id="heroes" src="'+ava+'" width="42" height="42" original-title="'+Inf+'"></a><figcaption style="top:50px;">+'+summa+'</figcaption></figure></td>';
$('#heroes').tipsy({live: true,gravity: 's',fade: true,html: true,delayOut: 1500});
$('#userhero2').append(person); 
      }
}, 'json' );
 
    $('#userhero2 td figure').live('mouseenter mouseleave', function(event) {
    if (event.type == 'mouseenter') {
    $(this).find('figcaption').stop().animate({'top':'30px'}, 200, function(){});
  } else {
    $(this).find('figcaption').stop().animate({'top':'50px'}, 200, function(){});
  } }); });
</script>
</center>
</div>
<!--конец боковой панели-->

+1

636

kolobdur74
Вроде сработало, теперь подвину сайдбар и посмотрю, спасибо за помощь!!! :cool:

0

637

ACT3255, щас подождите.. я еще поправлю..

+2

638

ACT3255, Замените в коде это (красным выделил):

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

#pun-index .sidbar {display: block;position:absolute; z-index:1000; top:auto; right: 1.8%; width:256px;}

На:

Код:
right: 1%;width: 14%;

Так сайдбар не должен гулять..

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 18:17:37)

+1

639

kolobdur74
Ну вроде нормально, только http://s5.uploads.ru/t/bdw6s.png http://s7.uploads.ru/t/nqNAz.png

выпадает не там,
ну это посмотрим, надо все ровно ещё кнопки выравнивать, расползлись немного.

Отредактировано ACT3255 (Пт, 29 Ноя 2019 18:20:40)

0

640

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

выпадает не там

Ну, попробуйте здесь поправить:

#userhero2 figcaption {
display:block;
width:44px;
background:#27324A;
border-radius: 0 0 7px 7px;
box-shadow: 0 0 5px #40310A inset;
color: #fff; font-size: 0.8em;
font-weight: bold;
height: 15px;
left: 3px;
position: absolute;
top: 30px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}

+1

641

ACT3255, попробуйте добавить:

.tipsy {margin-top: -200px;}

+1

642

kolobdur74
Ну вроде все настроил, немного под себя подогнал, спасибо большое за помощь!!!
Добавлено спустя 17 минут 16 секунд:
Небольшой вопрос, чё это она вылазит так?
http://s3.uploads.ru/t/fVQ3z.png
Запросы по скриптам[9]

Отредактировано ACT3255 (Сб, 30 Ноя 2019 00:18:17)

+1

643

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

Небольшой вопрос, чё это она вылазит так?

Добавьте сюда:

#activist h1 {background: #8caad2 !important;border-radius: 0 9px 9px 0;box-shadow: 20px 0 15px #4071b4 inset;color: #fff !important;font-size: 1.05em;height: 24px;
padding-left: 4px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );
}

Вот это: max-width: 200px !important;

+1

644

kolobdur74
Спасибо, идеально!

+2

645

kolobdur74
Спасибо!
Название анкеты сдвинулось, но картинка перестала отображаться, причем что при  background: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat; , что при background-image: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat;
И цвет шрифта названия остался оранжевым, а написано, что должен быть #99b4e7 - голубой.

0

646

Mirra Bell написал(а):

Название анкеты сдвинулось, но картинка перестала отображаться, причем что при  background: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat; , что при background-image: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat;
И цвет шрифта названия остался оранжевым, а написано, что должен быть #99b4e7 - голубой.

Вы сами себе усложняете жизнь держа дубликаты и на всякий случай, уберите вот это:

/* Выделение доп. поля квенты под аватаром*/
/*
.pa-fld4 > a{
  display: block;
  width: 189px;
  height: 15px;
  border: none;
  margin-left: 15px;
  background-image: url(http://forumstatic.ru/files/0001/31/13/62079.png);
  background-repeat: no-repeat;
/*  padding: 22px 0!important;*/
  padding: 22px 100px 22px 0px !important;
  color:#99b4e7!important;
  text-align: center!important;
}*/

+1

647

Не работает поиск, грустно...

+1

648

Геннадий Эдуардович
ГХРУ стим!!: )

а кто им пользуется?
я раз в месяц. а можно впихнуть. гугл

ВО! гугл показывает релевантные страницы

0

649

tartar1 я им пользуюсь постоянно...

0

650

Геннадий Эдуардович
где?

0

651

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

Геннадий Эдуардович
где?

Нажмите на кнопку Вебсайт и поймёте где, у меня боковая панель из-за этого не работает...

0

652

Геннадий Эдуардович Не работает поиск на форуме.

+2

653

Deff, я там не могу писать, для меня быстрый ответ закрыт к сожалению... :dontknow:

+1

654

Всем доброго времени суток!
Подскажите, пожалуйста, на форуме http://coffeebreak.rusff.ru/ в объявлении плашки расположены вертикально. Как их расположить горизонтально? Код такой:

<center><div class="plashspn1"><img src="картинка" title="выплывающий текст картинки">видимый текст баннера <a href="ссылка">наименование ссылки</a>. (с)</div><div class="plashspn1"><img src="https://funkyimg.com/i/2WXWR.png" title="Coffee Break">Конкурсы, пряники, подарки - уже совсем <a href="ссылка">скоро</a>. (с)</div></center>

0

655

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

Подскажите, пожалуйста, на форуме http://coffeebreak.rusff.ru/ в объявлении плашки расположены вертикально. Как их расположить горизонтально? Код такой:

Замените:

.plashspn1 {
    font-family: 'Beer money';
    color: #baa67c;
    text-shadow: #000000 0px 1px 0px;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 10px;
    margin-top: 14px;
    background: #473415ba;
    padding: 4px 0px;
    width: 215px;
    margin-left: -5px;
    border: solid 2px;
    -moz-border-image: url(http://forumstatic.ru/files/000f/c7/5b/23274.jpg) 4 repeat;
    -webkit-border-image: url(http://forumstatic.ru/files/000f/c7/5b/23274.jpg) 4 repeat;
    border-image: url(http://forumstatic.ru/files/000f/c7/5b/23274.jpg) 4 repeat;
    box-shadow: #5c4b37 0 0 5px;
}

На:

Код:
.plashspn1 {
    font-family: 'Beer money';
    color: #baa67c;
    text-shadow: #000000 0px 1px 0px;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: left;
    line-height: 10px;
    background: #473415ba;
    padding: 4px 0px;
    width: 215px;
    margin-left: 5px;
    border: solid 2px;
    -moz-border-image: url(http://forumstatic.ru/files/000f/c7/5b/23274.jpg) 4 repeat;
    -webkit-border-image: url(http://forumstatic.ru/files/000f/c7/5b/23274.jpg) 4 repeat;
    border-image: url(http://forumstatic.ru/files/000f/c7/5b/23274.jpg) 4 repeat;
    box-shadow: #5c4b37 0 0 5px;
    display: inline-block;
}

Отредактировано kolobdur74 (Чт, 5 Дек 2019 00:03:12)

+2

656

kolobdur74
Вы - просто бог! Спасибо огромное! Все получилось!

+2

657

Подскажите как можно (и можно ли) сделать переадресацию кнопки "Регистрация" на определенную тему/страницу форума. Регистрация как таковая будет на сайте закрыта, новых будут регистрировать админы/модеры, а новые участники при нажатии на кнопку регистрации хотелось бы чтоб попадали на страничку создания анкеты вместо страницы создания аккаунта.

+1

658

здравствуйте!
обратил внимание, что скрипт оформления всплывающей подсказки почему-то не работает в сообщениях, где есть маска для профиля: сообщение выделено пунктиром, но сама подсказка не высвечивается. при этом во всех остальных случаях подсказка работает нормально.

форум — http://raskol.rusff.ru/

установленные скрипты для оформления подсказки и маски профиля

хтмл-верх:

Код:
<!--Оформление всплывающей  подсказки-->
<style>
#tooltip {
position: absolute;
    background-color: #f9f9f9;
    z-index: 999;
    max-width: 200px;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 1px;
    -khtml-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-family: arial;
    font-size: 11px;
    letter-spacing: 0px;
    display: none;
    color: #7b7b7b;
    padding: 5px;
    text-align: center;
   text-transform: lowercase;
}
</style>

хтмл-низ

Код:
<!--скрипт всплывающей подсказки -->
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script>  
 $(document).ready(function(){ 
 $('a [title]').quicktip({ speed:700 }); 
 $('img [title]').quicktip({ speed:700 }); 
 $('div [title]').quicktip({ speed:700 }); 
 $('span [title]').quicktip({ speed:700 }); 
 }); 
 </script>

скрипт маски:

Код:
<!-- маска --!>
<script src="http://f.etrin.ru/hvss/hvss.min.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['а потом наступил мрак', 'архив анкет', 'общий архив', 'архив аушек', 'неяс вер ис пост', 'квестовые эпизоды', 'воздух пестрит вариациями гроз и пиздеца', 'матчасть'],
    forumAccessExtended: {
        'неяс вер ис пост': ['Пользователи'],
        'квестовые эпизоды': ['Пользователи'],
        'альтернатива': ['Пользователи'],
        'раскол-ау': ['Пользователи'],
        'орландуем по блумовски': ['Пользователи'],
        'раскол-fm': ['Пользователи'],
        'дневники': ['Пользователи'],
        'а потом наступил мрак': ['Пользователи'],
        'общий архив': ['Пользователи'],
        'архив аушек': ['Пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'лз',
            description: '',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<a href="ссылка на анкету">деятельность</a>, возраст',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title ', 'pa-avatar ', 'pa-fld1', 'pa-fld2', 'pa-posts ', 'pa-respect ', 'pa-last-visit ', 'pa-ip']
});
</script>

+1

659

iand
Пробуйте заменить код на такой:

<!--скрипт всплывающей подсказки -->
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script> 
$(document).ready(function(){
$('a [title]').quicktip({ speed:700 });
$('img [title]').quicktip({ speed:700 });
$('div [title]').quicktip({ speed:700 });
$('span [title]').quicktip({ speed:700 });
$('abbr [title]').quicktip({ speed:700 });
});
</script>

Удалив красное

0

660

Deff
убрал красное, но теперь подсказка вообще нигде не высвечивается  http://funkyimg.com/i/2y4M2.png

+2

661

iand
Кидайте Админ ник пароль и ссылку на Пост с установленной маской (клик по дате в сообщении) и нужен скриншот этого поста, где смотреть элемент с подсказкой

0

662

Как на отдельной странице убрать отображение боковой панели?

https://i.imgur.com/nWjqJLP.jpg

http://almarein.spybb.ru/

И заодно еще вопрос: поставила снег на категории вот этой штукой

Код:
<!-- Снег на категориях -->
<style>
    #pun-main h2,.category,#pun-stats,li.pa-avatar,.multipage {position:relative;}
    #pun-main h2:before,.category:before,#pun-stats:before,.multipage:before {
    background: url(http://forumstatic.ru/files/0017/24/d9/72411.png) no-repeat scroll 50% 0% !important;
    display: block; content:"";
    height:30px;
    left:-5px;
    padding:0 5px;
    position:absolute;
    top:-17px;
    width:100%;
    }
</style>

Но теперь внутри разделов важные темы перестали отделяться полосой.  Как их подружить?

Оказалось, что это все связано: когда ставлю снег, вылазит боковая панель во втором дизе. Как это поправить?

Отредактировано Mirra Bell (Вт, 17 Дек 2019 13:13:22)

0

663

Ап

Mirra Bell написал(а):

когда ставлю снег, вылазит боковая панель во втором дизе. Как это поправить?

+1

664

Mirra Bell
Поздно вечером постараюсь глянуть..

+1

665

Deff
Спасибо )

+1

666

Mirra Bell написал(а):

#pun-main h2:before

0

667

Mirra Bell написал(а):

Но теперь внутри разделов важные темы перестали отделяться полосой.  Как их подружить?

Может так ?

Код:
<!-- Снег на категориях -->
<style>
    #pun-index #pun-main h2,.category,#pun-stats,li.pa-avatar,.multipage {position:relative;}
    #pun-index #pun-main h2:before,.category:before,#pun-stats:before,.multipage:before {
    background: url(http://forumstatic.ru/files/0017/24/d9/72411.png) no-repeat scroll 50% 0% !important;
    display: block; content:"";
    height:30px;
    left:-5px;
    padding:0 5px;
    position:absolute;
    top:-17px;
    width:100%;
    }
</style>

Про боковушку не понял что не так, как её увидеть, поясните в личку

+2

668

Deff
Ура, с боковушкой все получилось, спасибо! ) А вот важные темы так и не отделяются. Я говорю вот о чем:

https://i.imgur.com/gVMycUJ.jpg

Это в дизе № 2, так же должно быть и в № 1, но почему-то не получается, полосок не стало

+1

669

Mirra Bell написал(а):

Ура, с боковушкой все получилось, спасибо! ) А вот важные темы так и не отделяются. Я говорю вот о чем:

Ну ты скрипт внесла ток в старый стиль - вынес из стилей, поставил в конец HTML низ  :flag:

+1

670

+1

671

Alex_63
Я имею ввиду в переключатель скриптов

+1

672

Здравствуйте.
Подскажите пожалуйста, поменял стиль, как убрать эту маленькую иконку на главной (чего то не выходит)
https://i.imgur.com/LNpQSRIb.png
http://act3255.mybb.ru/

0

673

ACT3255
В HTML верх

Код:
<style>
td.tcr a {
    background: transparent!important;
    padding-left: 0px!important;
}
</style>

+2

674

Deff
Спасибо )

+2

675

Вопрос:
Возможно ли зделать вывод последнего поста на форуме на главную. Только не темы, а именно поста/сообщения. И ограничить к примеру 10-15 словами (по возможности со смайлами, но не картинками)
Соответстенно пост этот кликабельный.
Ну и завернуть его в marquee для удобства.
В итоге:
Чтобы на главной была бегущяя строка последнего сообщения.
Автор_время_сообщение

Наданный момент имею такой скрипт:

Код:
<!-- Cкрипт последние 10 сообщений  -->
<script src="/export.php?type=js&max=1" type="text/javascript"></script>
<script type="text/javascript">
if($(".punbb").attr("id")=="pun-index"){ $(document).ready(function(){
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h2><span>Последнее сообщение</span></h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\"></th><th scope=\"col\"></th><th scope=\"col\"></th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}
$("#pun-ulinks").after('<div id=pun-stats class=section><div class=statscon>'+html1+html+html2+'</div></div>');
});};
</script><!-- Конец Скрипта последние 10 сообщений от rps -->

Убрал лишнее сверху. Счас выглядит так
https://i.imgur.com/EekSGuDm.png
Вот мне и хотелось бы аналогичное, только не с выводом темы, а именно с сообщением.

Я думаю это возможно :unsure:

0

676

МАЧОнаДАЧЕ
Где-то Был скрипт от Romych - поищите в поиске или тут => Каталог скриптов/css по авторам

+1

677

Deff
Благодарю :cool: (по моему я только там и не был)
Я чёт уже как пару дней роюсь и не могу нечего подобного найти

0

678

Deff
Ваша наводка была верной :cool:
Воспользовался таким вариантом

Код:
<script type="text/javascript">
$(function(){
$.get('export.php?type=xml','id=1',processXML);
function processXML(data){
var JAuthor=$(data).find('author').eq(0).text();
var JContent=$(data).find('content').eq(0).text();
var JPosted=$(data).find('posted').eq(0).text().slice(0,-5);
$('#pun-ulinks.section ul.container').after('<div class="container"><table cellspacing="0" width=100%><tr><td class="cont" style="text-align:center;">'+ JAuthor +'</td><td style="text-align:center;"><a href='+ JLink +'>'+ JTitle +'</a></td><td class="cont"><marquee scrollamount="2">'+ JContent +'</marquee></td><td style="text-align:center;">'+ JPosted +'</td></tr></table></div>');
$('.cont').css('background', 'none');
} });
</script>

И сразу же вопроы:
1. Возможно опустить саму строку (так как она в шапке)
https://i.imgur.com/C6agErym.png
В идеале. Заменить. Вставить данный код именно в то место где у меня стоит "10 сообщений" (в моём случае 1сообщение).
2. Всё таки зделать ограничение слов (в моём случае пусть будет 2 строки)
3. Убрать время поста (автор/тема/пост)

0

679

МАЧОнаДАЧЕ
Попробуйте поискать в поиске ещё раз по Нику Romych и контенту Последние сообщения
(Ибо были обрезанные строки последних сообщенний до 200-300 символов

Отредактировано Deff (Вт, 24 Дек 2019 15:46:33)

0

680

Deff
На данный момент этим и занимаюсь

+1

681

Всем привет
Ребят, выручайте. Что  я не так делаю...
http://gelior.rolka.su/viewtopic.php?id=60#p65

стоит скрипт Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика
На тестовике все есть. На основном (ссылка выше) все сделано в точности.. Но спойлер не показывается!
Еще неведомым образом пропали кнопки под профилем "почта, лс, профиль".

0

682

В дополнение:
Когда скрипт убираю, дополнительное поле все равно не появляется

0

683

Vulmera
Зайдите в Администрирование-Поля Профиля и сделайте какие-нибудь поля видимыми (кроме Ника и Аватара)
Нет ни одного видимого в профиле поля, которое должно быть в спойлере - нет и спойлера (Типично хотя бы сообщения и уважение должны быть показаны
И скрипты скрытия ставят под самый конец правки дизайна Профиля в топике, сначала устанавливают нужные поля и их порядок  :dontcare:

Отредактировано Deff (Вс, 29 Дек 2019 00:10:39)

+1

684

Deff
Убрала скрипт вообще.. Поля все, которые можно - открыты. Все равно нет ничего( Где я накосячила..

0

685

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

Убрала скрипт вообще.. Поля все, которые можно - открыты. Все равно нет ничего( Где я накосячила.

Cделайте скриншот - Администрирование-Поля профиля
У Вас нет видимых полей в Топике, кроме Аватара и Ника

Отредактировано Deff (Вс, 29 Дек 2019 14:58:01)

0

686

Deff
https://i.imgur.com/gJlFTrDm.png

+1

687

Vulmera
Киньте Админ-Ник пароль в личку... Походу глюк сервиса( если всё это так, как Вы демонстрируете

0

688

Deff
Отправила..

+1

689

Vulmera
Зарегайте новый форум, чем ждать пока разберуться

Думаю глюк возник из-за того, что...

( Вы не правьте настройки в Группах Модераторы по умолчанию, ибо думаю сбой произошёл из-за того что Вы отключили изначально все возможности в настройках группы модераторы, а раз никто не мог ставить уважения и позитив, значит и поля не нужны( тут то сервис и завис

Сейчас В Исходном коде страницы не появляются поля в Топике, кроме статуса при любых настройках!

Отредактировано Deff (Вс, 29 Дек 2019 15:20:30)

0

690

Deff
т.е это все-таки глюк сервиса?
А нет возможности откатить форум до момента, когда глюк прошел?

0

691

Vulmera
Дайте ссылку на Ваш форум и профиль (лучше сразу с админправами) для теста, что-то я склоняюсь к тому, что что-то отключили в настройках/стиле, не похоже на проблему от движка.

+1

692

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

Дайте ссылку на Ваш форум и профиль (лучше сразу с админправами) для теста, что-то я склоняюсь к тому, что что-то отключили в настройках/стиле, не похоже на проблему от движка.

Нету полей в исходнике страницы  :dontknow:

+1

693

Alex_63
http://gelior.rolka.su/viewtopic.php?id=60#p65

+1

694

Deff
Vulmera
Включил отображение полей:
http://forumupload.ru/uploads/0000/14/1c/32995/57305.jpg
Кстати, смайлики и счетчик сообщений тоже наверное включить стоит.

+1

695

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

Включил отображение полей:

:cool:  :crazyfun:

+1

696

Ребят :flag: есть такая просьба (касаемо Deff и kolobdur74)
Возможно же под НИКи зделать вкладки
Скрин
https://i.imgur.com/glROQ5Bm.png
Само собой чтоб рамка подгонялась под длинну НИКа (по возможности).
И к примеру чтобы я (как админ) мог под каждый ник поставить цветную рамку/бордер.
К примеру если ник имеет фиолетовый цвет, то и в постах он должен быть в фиолетовой рамке (цвета рамок стандарт цвет)
То есть подчёркнуто (на скрине) зелёным
https://i.imgur.com/Mzjl7NNm.png
Эти НИКи с данной рамкой.
Короче типо как важная тема итд итп

:writing: И с Наступающим всех Вас!!!  :cool:

0

697

Перестали прикрепятся фото, иконки свои к темам, из скрипта Своя (или стандартная) Иконка к теме V1.0
видимо из за смены адреса картинок в скрипте и на форуме, если вставлять картинку с новым адресом http://forumuploads.ru/uploads/..................jpg  то иконка не прикрепляется, если с адресом uploads.ru то всё хорошо прикрепляется

Отредактировано Suruchanu (Пн, 30 Дек 2019 09:25:01)

0

698

Suruchanu
Нахрена дублируешь посты %-)
28 декабря 2019: Форумное хранилище пользовательских файлов  пост 18

-1

699

МАЧОнаДАЧЕ написал(а):

И к примеру чтобы я (как админ) мог под каждый ник поставить цветную рамку/бордер.

Если ник в ссылке на Профиль - то да, Есть код от Romych окраска Ников по группам через css
Если просто ник, то нет

0

700

Deff
Я правильно тебя понял
https://i.imgur.com/JyH6SsD.png
Синяя стрелка (это понятно) можно
Красная стрелка нельзя ни как  :unsure: да

Ну а рамку хотябы под ник можно? (там где красной стрелочкой выделено)

Отредактировано МАЧОнаДАЧЕ (Пн, 30 Дек 2019 11:06:34)

0

701

МАЧОнаДАЧЕ написал(а):

Синяя стрелка (это понятно) можно
Красная стрелка нельзя ни как  :unsure: да

Да

МАЧОнаДАЧЕ написал(а):

Ну а рамку хотябы под ник можно? (там где красной стрелочкой выделено)

Ну по какому признаку ставить рамку ? если только  на тег [b][/b], но тогда всё выделяемое жирным будет в рамках ?

+1

702

Deff написал(а):
МАЧОнаДАЧЕ написал(а):

Синяя стрелка (это понятно) можно
Красная стрелка нельзя ни как  :unsure: да

Да

МАЧОнаДАЧЕ написал(а):

Ну а рамку хотябы под ник можно? (там где красной стрелочкой выделено)

Ну по какому признаку ставить рамку ? если только  на тег [b][/b], но тогда всё выделяемое жирным будет в рамках ?

Ненене. Я думал может как-то можно было бы обернуть данный скрипт

<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>

Типо того

<script type="text/javascript">
function to(username)
<style>
username
new_div.className = "container";
border: 2;cursor: pointer red;
{insert('' + username + '' + ', ');}
</style>
</script>

Само собой + username + стоит в тегах b


Слушай. А изобрази как это будет выглядеть

Ну по какому признаку ставить рамку ? если только  на тег [b][/b], но тогда всё выделяемое жирным будет в рамках

Может вообще потом убрать тег b с панели :unsure:

Отредактировано МАЧОнаДАЧЕ (Пн, 30 Дек 2019 16:04:56)

0

703

МАЧОнаДАЧЕ написал(а):

Ненене. Я думал может как-то можно было бы обернуть данный скрипт

Это разве что привязать событие на клацанье по нику, чтобы класс при вставке добавлялся.. Можно ли это сделать - это Дефф или Алекс только скажут..

МАЧОнаДАЧЕ написал(а):

Может вообще потом убрать тег b с панели :unsure:

Но всё что было до убирания будет в рамке.. Так можно сделать хоть сейчас..

0

704

kolobdur74
Ляпнул %-) неподумавши :rofl: там же много чего в "b"
А что-нибудь аналогичное у тебя есть?

0

705

МАЧОнаДАЧЕ написал(а):

А что-нибудь аналогичное у тебя есть?

Ну, в тексте нет, есть скрипт Алекса: Скрипты от пользователей 3 пост 375 (только там вроде ограничение в 100 пользователей), и есть от Ромыча выделение индивидуальных ников: Цветовыделение ников при помощи только CSS (без скриптов) На счет текста, как Дефф сказал - привязаться не к чему, нужна привязка..

Отредактировано kolobdur74 (Пн, 30 Дек 2019 17:40:02)

+1

706

kolobdur74
Понял :stupor: отстал
С наступающим :flag:

0

707

Alex_63
Deff
а ларчик-то просто открывался))
Спасибо!)

0

708

МАЧОнаДАЧЕ написал(а):

Понял :stupor: отстал

Тестируйте (в НТМЛ низ):

Код:
<!-- Бордюр по клику на ник -->
<style>
.nik {border: 1px solid red;padding: 1px;font-weight: 600;}
</style>
<script>
function to(username)
{insert('[class]' + username + '[/class]' + ', ');}
$(function(){
$('.post-content:contains("[class")').each(function(){
var htmlspan = $(this).html().replace(/\[class]([^`]*?)\[\/class\]/gi, "<span class='nik'>$1</span>");
$(this).html(htmlspan)
});
});
</script>

В теории можно сделать и по группам..

+2

709

kolobdur74
1. В принципе почти то что я хотел :cool:
А теперь бы углы закруглить.... То есть. Не прямоугольник а овал бы.... Возможно?

2. И по подробнее можно пробник "по группам" :writing:

Отредактировано МАЧОнаДАЧЕ (Вт, 31 Дек 2019 15:18:29)

0

710

kolobdur74
Чуть чуть дополнил твой скрипт :writing:
Я же хотел чтобы ник как-то выделялся (в посте).
Так как ты зделал его через border, то появились варианты его оформления.

Короче малость украсил

http://forumupload.ru/uploads/0000/14/1c/36838/t99811.png

Вот что у меня вышло  :cool:

Ну а вот выложу то что дополнил

Код:
<!-- Бордюр по клику на ник -->
<style>
.nik {border: 10px double blue; /* Параметры границы */
    background: #fc3; /* Цвет фона */
    padding: 1px; /* Поля вокруг текста*/}
</style>
<script>
function to(username)
{insert('[class]' + username + '[/class]' + ', ');}
$(function(){
$('.post-content:contains("[class")').each(function(){
var htmlspan = $(this).html().replace(/\[class]([^`]*?)\[\/class\]/gi, "<span class='nik'>$1</span>");
$(this).html(htmlspan)
});
});
</script>

Подписал чтобы всем было понятно что и где менять на своё :tomato:

+1

711

МАЧОнаДАЧЕ написал(а):

1. В принципе почти то что я хотел :cool:
А теперь бы углы закруглить.... То есть. Не прямоугольник а овал бы.... Возможно?

Любое стилевое оформление.. Для закругления: border-radius: 5px;

МАЧОнаДАЧЕ написал(а):

2. И по подробнее можно пробник "по группам" :writing:

Пока это только теория, возможно и не осилю - я с скриптами не очень дружу))

МАЧОнаДАЧЕ написал(а):

Вот что у меня вышло  :cool:

Прикольно)) :cool:

+1

712

kolobdur74
Ну через border-radius это понятно :flag:
Так же можно (проверил у себя) вставить фоновую картинку (под ник) и даже гиф (что многие хотели).
Я поковыряюсь и выложу уже то что вообщем вышло.

А ты подумай как можно приспособить данный скрипт к категориям (создак/админ/модер/юзер/гость итд)

Может чё дельное и выйдет :dontknow:

:flag: С Новым годом!!!
Всех благ и процветаний

+1

713

kolobdur74
А не поскажешь как убрать эти кнопки

Вот скрин

http://forumupload.ru/uploads/0000/14/1c/36838/t47647.png

То есть вверху темы чтобы остались на месте, а над формой ответа убрать. Возможно?

0

714

МАЧОнаДАЧЕ написал(а):

А не поскажешь как убрать эти кнопки

В НИМЛ верх:

Код:
<style>
#pun-viewtopic .linksb .postlink,  #pun-viewtopic .linksb .pagelink {display: none;}
</style>

Отредактировано kolobdur74 (Чт, 2 Янв 2020 16:26:27)

+1

715

kolobdur74 Это именно то что я пытался (безуспешно зделать)  :cool: пасиб

+1

716

kolobdur74 Вот есчё проблема :angry: я хз где именно её решить

Свёрнутый текст

http://forumupload.ru/uploads/0000/14/1c/36838/t45594.png

Видишь подвал двоится. Самое интересное что не на всех страницах.
В этом то и беда. Не понял когда именно это началось (возможно что-то поставил и съехал подвал).
Я так понимаю что надо искать здесь

Код:
.linkst .pagelink, .linksb .pagelink {left: -62px; padding-left: 15px;}
.linkst .postlink, .linksb .postlink {font-family: romul,times new roman; text-transform: uppercase; right: -61px; text-align: right; font-size: 12px;}
.linkst .pagelink, .linksb .pagelink, .linkst .postlink, .linksb .postlink {height: 49px; width: 281px !important; position: absolute; line-height: 45px;}
#pun-about {margin-top: 0;   width: 828px; margin: 0 68px;}
#pun-about .container {text-align: right; line-height: 500%; padding: 0.8em 1em;}
#pun-crumbs2 {border-bottom: medium none; margin: 0 68px; overflow: hidden; width: 828px;}
#pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; font-family: romul,times new roman;}
.punbb .main .tcl {padding-left: 40px;}
.punbb div.icon {position: absolute; height: 24px; margin-left: -27px; width: 23px;}
#pun-viewtopic .linkst .postlink, #pun-viewtopic .linksb .postlink {background-position: 0 -100px;}
#topic-users-in {margin-bottom: 50px; margin-top: -5px;}
#topic-modmenu {margin-top: -15px; padding-top: 35px;}
.subscribelink {text-align: right;}
#pun-viewtopic #pun-main {width: 828px;}
.punbb .post-body {margin-left: 210px;}
.topic {margin-top: -45px !important;}
.punbb .post {margin-top: -15px;}
.punbb .post h3 {position: relative; top: 35px; margin-left: 250px;}
.punbb .post h3 span {display: block; text-align: right;}
.punbb .post h3 strong, .punbb .post h3 a {display:block; margin-left: 220px;}
.punbb .post h3 strong {text-align: right; font-weight: normal;}
.punbb .post h3 strong:before {content: "Пост №"}
.punbb .post-box {position:relative; padding: 40px 80px 10px 10px;}
.post-rating {position: absolute; right: 0; top: 30px;}
div.post-rating p:before {content: "Рейтинг: "}
.post-rating .container, .post-vote .container {margin: 0 !important;}
.post-vote {position: absolute; right: 70px; top: 30px;}

Я думаю что эта строка....да?

#pun-about .container {text-align: right; line-height: 500%; padding: 0.8em 1em;}

Пробовал плясать с % ставил больше/меньше. Не решил

Может что помоветуешь :dontknow:

0

717

МАЧОнаДАЧЕ написал(а):

Видишь подвал двоится. Самое интересное что не на всех страницах.
В этом то и беда. Не понял когда именно это началось (возможно что-то поставил и съехал подвал).

Потому что у тебя две завершающие картинки, то бишь подвал:

body {background: url("http://s1.uploads.ru/T5nLt.jpg") no-repeat scroll center bottom;}
     #html-footer {background: url("http://s1.uploads.ru/aYjR0.jpg") no-repeat scroll center top transparent;}

Зачем стоит на боди не понял..

+2

718

kolobdur74 Благодарочка :cool:
Без понятия зачем стоял бубляж. Но раньше он не конфликтовал.
Проблема появилась недавно. Так что какой-то код его и вызвал в конфликт.
Это уже не важно. Пасиб за наводку

0

719

МАЧОнаДАЧЕ написал(а):

Без понятия зачем стоял бубляж. Но раньше он не конфликтовал.
Проблема появилась недавно. Так что какой-то код его и вызвал в конфликт.
Это уже не важно. Пасиб за наводку

На самом деле он был всегда, но увидеть его можно только при короткой высоте форума и только на вытянутом экране типа смартфона... В ином случае фон будет перекрываться форумом..

Отредактировано kolobdur74 (Чт, 2 Янв 2020 22:55:09)

+2

720

kolobdur74 Я понял за что отвечала эта строка (есть косяк на одной тест страничке). Как-бы пох :rofl:
В общем даже если взять мимальную текст страничку то выглядит это так
http://forumupload.ru/uploads/0000/14/1c/36838/t21099.png
В принципе и хер с ним что снизу подфон синий и не кроется подвал окончательно.
Это в любом случае лучше чем было.
Так что ты реально помог :yep:

0

721

МАЧОнаДАЧЕ написал(а):

В принципе и хер с ним что снизу подфон синий и не кроется подвал окончательно.
Это в любом случае лучше чем было.

Ну, можно попробовать такой вариант:
Вместо:

#pun {margin: 0 auto; position: relative; width: 963px;}

И:

#pun {background: url("http://s1.uploads.ru/7ruXv.jpg") repeat-y scroll center top #F6E8DB;}

Поставить:

Код:
.punbb {
    margin: 0 auto 200px auto;
    position: relative;
    width: 963px;
    float: none;
}

И:

Код:
.punbb {
    background: url(http://s1.uploads.ru/7ruXv.jpg) repeat-y scroll center top #F6E8DB;
}

Вместо:

#html-footer {background: url("http://s1.uploads.ru/aYjR0.jpg") no-repeat scroll center top transparent;}

И (убрать выделенное красным):

#html-footer {height: 302px; margin-bottom: 0;}

Поставить:

Код:
#pun_wrap {
    background: url(http://s1.uploads.ru/T5nLt.jpg) no-repeat scroll center bottom transparent;
}

Перед изменениями сохрани свой вариант на всякий случай..

+1

722

МАЧОнаДАЧЕ, и еще момент 1 пиксель пополам не делиться, поэтому ширину не стоит ставить нечётную, так как такая ширина не отцентрируется, поэтому поправь:

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

width: 963px;

Или 962 или 964.. И всегда так делай, что с формированием картинок в фотошопе, что при вёрстке..

+1

723

kolobdur74
Вот опять где-то что-то съехало, после правок :angry:

Скрин

http://forumupload.ru/uploads/0000/14/1c/36838/t68633.png

На скрине видно. При вставке кода (надпись КОД) съехал ниже. Тем самым полузаметен.
Стоял скрипт Выделение текста (копир) я его снёс. Но проблема осталась.
Варианты решения?

0

724

МАЧОнаДАЧЕ написал(а):

Варианты решения?

А ссылку на проблемный пост?

0

725

kolobdur74 К примеру вот  http://for.ixbb.ru/viewtopic.php?id=610

Видишь форма с кодом. А надпись Код (сверху) ниже границы

0

726

МАЧОнаДАЧЕ написал(а):

Видишь форма с кодом. А надпись Код (сверху) ниже границы

Ну, поставь больший отступ вверх:

.punbb .quote-box cite, .punbb .code-box strong.legend {margin-left: 27px;margin-top: -10px;position: absolute;}

К примеру -20px.. Кстати, мой тебе совет - в одну строчку для оптимизации css - это конечно хорошо, но читабельность при этом становится нулевая.. Без комментариев и в одну строчку в таком коде копаться очень тяжело в первую очередь тебе самому.. Лучше разбивать коды так:

.punbb .quote-box cite, .punbb .code-box strong.legend {
  margin-left: 27px;
  margin-top: -10px;
  position: absolute;
}

С промежуточной строкой между кодами и комментариями как в стандартных дизайнах, как пример:

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  }

/* A2.2 */
.punbb * {
  margin: 0;
  }

Это гораздо читабельнее..

И на счет, чтобы кириллица читалась браузерами, добавь: CSS трюки пост 121..

+1

727

МАЧОнаДАЧЕ написал(а):

kolobdur74
Чуть чуть дополнил твой скрипт :writing:
Я же хотел чтобы ник как-то выделялся (в посте).
Так как ты зделал его через border, то появились варианты его оформления.

Короче малость украсил

http://forumupload.ru/uploads/0000/14/1c/36838/t99811.png

Вот что у меня вышло  :cool:

Ну а вот выложу то что дополнил

Код:
<!-- Бордюр по клику на ник -->
<style>
.nik {border: 10px double blue; /* Параметры границы */
    background: #fc3; /* Цвет фона */
    padding: 1px; /* Поля вокруг текста*/}
</style>
<script>
function to(username)
{insert('[class]' + username + '[/class]' + ', ');}
$(function(){
$('.post-content:contains("[class")').each(function(){
var htmlspan = $(this).html().replace(/\[class]([^`]*?)\[\/class\]/gi, "<span class='nik'>$1</span>");
$(this).html(htmlspan)
});
});
</script>

Подписал чтобы всем было понятно что и где менять на своё :tomato:

Итак что вышло в общем итоге :writing:

Ну с бордером мы разобрались (его можно ставить любой в моём случае double blue а вы какой вам катит)


Чтобы вставить под НИК фон (к примеру гиф у меня без фона) то заменяем вместо выше в скрипте эту строку, на ту что ниже:
background: url('http://forumupload.ru/uploads/0019/ef/02/2/14782.gif');/*картинка*/


Картинку (гиф) само собой ставьте свою (ставил для теста)


Чтобы поставить под НИК градиент то меняйте на это:

background: linear-gradient(#218BAD, #00FFFF, #FF69B4, #FFFF00, #FFFFFF, #362EAD);/*градиент под НИКом*/

Тут вы можете играть с цветами как вам угодно.


Ну и вот вам на последок (меняйте ту же строку)

background: radial-gradient(форма градиента / размер / позиция центра, первый цвет, второй цвет и т.д.);

Тут уж сами пробуйте и разбирайтесь :flag:


Ну вот вышло как-то так. Может кому и пригодится

+1

728

kolobdur74
А можно по подробне об  @charset "utf-8";  что значит?

читалась браузерами

С твоего поста

0

729

МАЧОнаДАЧЕ написал(а):

С твоего поста

Это преобразование документа в utf-8.. На Майбб в Своем стиле с этой кодировкой есть проблемы - абракадабра вместо кириллицы, данный код решает эту проблему..

0

730

kolobdur74 Хорошо что предупредил :cool: пасиб

+1

731

kolobdur74
А такой вопрос :writing:
Не могу отцентровать (середину фон) профиль. Верх/низ всталиировно, но середина ни как не встаёт.
Возможно что где-то стоят какие-то отступы

Тема с примером    http://for.ixbb.ru/viewtopic.php?id=456&p=9

Всё здесь

/*********Фон мини-профиля в Топике********/
.punbb .post .post-author {
  background:url(http://forumupload.ru/uploads/0019/ef/02/2/28640.jpg) 25px 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow:visible!important;
  margin-left:-50px!important;
  margin-right:-20px;
  padding-right:20px;
  margin-bottom: 22px!important;
}
.punbb .post .post-author > ul {
  background:url(http://forumupload.ru/uploads/0019/ef/02/2/90813.jpg) 0 top no-repeat,url(http://forumupload.ru/uploads/0019/ef/02/2/86197.jpg) -5px bottom no-repeat; /*Фон верха - низа*/
  margin:-22px -30px -22px 0!important;
  padding:30px 30px 70px 20px!important;
  position:relative;
}

https://i.imgur.com/ERPjhBOm.jpg

Ширина та же что и верх/низ

Счас стоит вот так

https://i.imgur.com/tNIa1alm.png

В чём может быть проблема? Как вылечить?  :dontknow:

Отредактировано МАЧОнаДАЧЕ (Сб, 4 Янв 2020 09:12:54)

0

732

МАЧОнаДАЧЕ написал(а):

Не могу отцентровать (середину фон) профиль. Верх/низ всталиировно, но середина ни как не встаёт.
Возможно что где-то стоят какие-то отступы

Ну, ты тут намудрил.. Во первых в данном случае надо вешать все три фона на ul (.punbb .post .post-author > ul):

.punbb .post .post-author > ul {
    background: url(http://forumupload.ru/uploads/0019/ef/02/2/90813.jpg) center top no-repeat,
                       url(http://forumupload.ru/uploads/0019/ef/02/2/86197.jpg) center bottom no-repeat,
                       url(http://forumupload.ru/uploads/0019/ef/02/2/28640.jpg) center center repeat-y;
    margin: -22px -30px -22px 0!important;
    padding: 30px 30px 70px 20px!important;
    position: relative;
}

Во вторых:

МАЧОнаДАЧЕ написал(а):

background:url(http://forumupload.ru/uploads/0019/ef/02/2/90813.jpg) 0 top no-repeat,url(http://forumupload.ru/uploads/0019/ef/02/2/86197.jpg) -5px bottom no-repeat; /*Фон верха - низа*/

На фига ты двигаешь фон в пикселях? В данном случае это не надо.. Для верха - top center, для низа - bottom center, для повторяющегося - center center и он идет последним, чтобы верхний и нижний его перекрыли..

Во третьих зачем столько отступов и на .post-author и ul да еще и с импортантами?

И последний момент: у тебя слишком длинные перечни селекторов - при нормальных условиях этого не надо (во всяком случае в данном случае), вполне достаточно: .post-author и .post-author ul, если что-то где то у тебя перебивает, то значит у тебя уже не есть правильно.. Советую почитать: Правила приоритетов в CSS

Отредактировано kolobdur74 (Сб, 4 Янв 2020 11:45:45)

+1

733

del

Отредактировано ACT3255 (Сб, 4 Янв 2020 13:54:17)

0

734

kolobdur74
Ненене :angry: не помогло (частично) как ты написал
Вот что я зделал

Вкладка

https://i.imgur.com/ivMxy4lm.png

Видишь низ напротив наград чуть-чуть не правится (верх встал теперь как надо/центр тоже)
Выровнилось но не всё.
Можешь поравить?

/*********Фон мини-профиля в Топике********/
.punbb .post .post-author > ul {
  background:url(http://forumupload.ru/uploads/0019/ef/02/2/90813.jpg) top no-repeat,url(http://forumupload.ru/uploads/0019/ef/02/2/86197.jpg) -2px bottom no-repeat; /*Фон верха - низа*/
  margin:-22px -20px -22px 0!important;
  padding:30px 30px 50px 24px!important;
  position:relative;
}
.punbb .post .post-author {
  background:url(http://forumupload.ru/uploads/0019/ef/02/2/28640.jpg) center center; /*Фон размножаемый по вертикали*/
  overflow:visible!important;
  margin-left:-20px!important;
  margin-right:-20px;
  padding-right:20px;
  margin-bottom: 22px!important;
}

И как мне сдвинуть нижнюю картинку/фон ? :dontknow:

0

735

Подскажите пожалуйста, где взять такой скрипт навигации по страницам?
https://i.imgur.com/oZamSEQl.jpg

0

736

МАЧОнаДАЧЕ написал(а):

Ненене :angry: не помогло (частично) как ты написал
Вот что я зделал

Ты меня читаешь кусочками? Я тебе дал готовый код:

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

.punbb .post .post-author > ul {
    background: url(http://forumupload.ru/uploads/0019/ef/02/2/90813.jpg) center top no-repeat,
                       url(http://forumupload.ru/uploads/0019/ef/02/2/86197.jpg) center bottom no-repeat,
                       url(http://forumupload.ru/uploads/0019/ef/02/2/28640.jpg) center center repeat-y;
    margin: -22px -30px -22px 0!important;
    padding: 30px 30px 70px 20px!important;
    position: relative;
}

Поставь его и убери отсюда:

МАЧОнаДАЧЕ написал(а):

.punbb .post .post-author {
  background:url(http://forumupload.ru/uploads/0019/ef/02/2/28640.jpg) center center; /*Фон размножаемый по вертикали*/
  overflow:visible!important;
  margin-left:-20px!important;
  margin-right:-20px;
  padding-right:20px;
  margin-bottom: 22px!important;
}

Отредактировано kolobdur74 (Сб, 4 Янв 2020 13:41:17)

0

737

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

Подскажите пожалуйста, где взять такой скрипт навигации по страницам?

В НТМЛ низ:

Код:
<style>
/* пагинатор */
#paginator{
  opacity:.98;padding:.2em;
  position:absolute;
  left:6em;border:1px solid;
  table-layout:auto!important;
  width:auto!important;
  border-radius:4px;
  border-spacing: 0;
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.5)inset;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  z-index:1000;margin-top:1px;
  border-top:solid 1px #eee !important;
}
#paginator:before{
  content:"";display:block;position:relative;
  height:6px;top:-5px;margin-bottom:-6px;
}
#paginator td{
  background:transparent!important;
  padding:0.1em;
  border-style:none!important;
}
#paginator a{
  border:solid 1px transparent;
  display:inline-table;
  width:2em;height:2em;
  line-height:2em;
  text-align:center;
  margin:-.2em;
}
#paginator a:hover{
  opacity:.8;
  background-color: rgba(240, 249, 255, 0.77);
  border:solid 1px;
  border-radius:50%;
}
.second {
  display: none;
  font-size: 0.8em;
}

@media screen and (max-width: 540px) {
  #paginator{left: -1em; border-collapse:collapse;}
  .first {font-size: 0.7em;}
  .second{font-size: 0.5em;}
}
</style>
<script>
//Пагинатор MyBB
if($('#pun-viewtopic,#pun-viewforum,#messages').length&&$('.pagelink a').length)(function(){var tx,tS,Max,bgclr,paginator,Lnk;tx=$('.pagelink a:not(.next):last').html();tS=$('.pagelink strong').html();if(parseInt(tS)>parseInt(tx)){tx=tS;}Max=tx;Lnk=$('.pagelink a:first')[0].href.replace(/&.+$/gim,'');bgclr=$('.crumbs:first').css('background-color');brclr=$('.crumbs:first').css('border-bottom-color');function strok(n){if(p%n==0)paginator+='</tr><tr>'};paginator='<div id="pagenav" style="display:none;position:relative"><table id="paginator"><tr>';for(var p=1;p<=Max;p++){var L=p.toString().length,Cs=' class="'+(L>=3?'second"':'first"');paginator+='<td '+Cs+'><a id="pnav" style="text-decoration:none;" href="'+Lnk+'&p='+p+'">&nbsp;'+p+'&nbsp;</a></td>';Max>50?strok(20):strok(10);}paginator+='</tr></table></div>';if(p<=4){return!1}$('.pagelink').append(paginator);$('div[id="pagenav"] table').css({'border-color':brclr,'background-color':bgclr});})();$('.pagelink').hover(function(){$(this).find('#pagenav').toggle();});$('#pagenav').on('mousemove touchmove',function(e){var offset=$(this).offset();var currentY=e.originalEvent.touches?e.originalEvent.touches[0].pageY:e.pageY;var y=parseInt((currentY-offset.top));y>90?$('.second').toggle(true):$('.second').toggle(false);});
</script>

+1

738

Здравствуйте.
Можно ли переместить блок "Похожие темы" под последнее сообщение над формой ответа (Быстрый ответ)
скриншот прилагаю
https://i.imgur.com/NOYiMf3m.png
Спасибо.
Ну или как вариант, опустить форму ответа (Быстрый ответ) под блок "Похожие темы"

Отредактировано ACT3255 (Сб, 4 Янв 2020 14:05:02)

0

739

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

Можно ли переместить блок "Похожие темы" под последнее сообщение над формой ответа (Быстрый ответ)

В НТМЛ верх:

Код:
<style>
#pun-main {
  display: grid;
  grid-template:
      "pun-main-h1"
	  "linkst"
      "topic"
	  "topic-feed"
	  "topic-users-in"
	  "linksb"
	  "similar-topics"
	  "post-form"
	  / 1fr;
}

#pun-main h1 {grid-area: pun-main-h1;}
.linkst {grid-area: linkst;}
.topic {grid-area: topic;}
#topic-feed {grid-area: topic-feed;}
#topic-users-in {grid-area: topic-users-in;}
.linksb {grid-area: linksb;}
#post-form {grid-area: post-form;}
#similar-topics {grid-area: similar-topics;}
</style>

Тестируйте, я не проверял.. Если какие косяки вылезут пишите..

+1

740

kolobdur74
Великолепненько!!!  :cool:
https://i.imgur.com/i2md0mIm.png
Ещё раз убеждаюсь, в Вашей доброте и желании помочь людям.
Спасибо!

+1

741

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

Великолепненько!!!  :cool:

Проверьте по всем страницам форума - он может влиять на другие страницы.. Я сейчас все таки его перепишу только для страницы темы..

0

742

ACT3255, замените код на этот:

Код:
<style>
#pun-viewtopic #pun-main {
  display: grid;
  grid-template:
      "pun-main-h1"
	  "linkst"
      "topic"
	  "topic-feed"
	  "topic-users-in"
	  "linksb"
	  "similar-topics"
	  "post-form"
	  / 1fr;
}

#pun-viewtopic #pun-main h1 {grid-area: pun-main-h1;}
#pun-viewtopic .linkst {grid-area: linkst;}
#pun-viewtopic .topic {grid-area: topic;}
#pun-viewtopic #topic-feed {grid-area: topic-feed;}
#pun-viewtopic #topic-users-in {grid-area: topic-users-in;}
#pun-viewtopic .linksb {grid-area: linksb;}
#pun-viewtopic #post-form {grid-area: post-form;}
#pun-viewtopic #similar-topics {grid-area: similar-topics;}
</style>

Изменения будут только на странице темы.. Так точно на других страницах не вылезут непредвиденные косяки..

+1

743

kolobdur74
Заменил.
С первым кодом проверил 10 страниц.
10 из 10 все нормально.

+1

744

kolobdur74
Примногоблагодарствую вашему умению :cool:
Где-то у меня бъёт css. По этому малость правлено, но встало как надо :yep:

Есчё вопрос....

Так как я в css не силён...... Такой вопрос:

Имеем таблицу "учасники" у меня съехала рамка (так как я погонял ширину форума).

скрин

https://i.imgur.com/r7qwQQUm.png

Правил размер текста..... Не то..... Отдельно
Так вот:
Ты не можешь мне тыкнуть где именно в css этот код (таблица).
Я хочу убрать одну графу (последняя) БЫЛ
И я думаю проблема более мение решится

Ссылка на  http://for.ixbb.ru/userlist.php

0

745

МАЧОнаДАЧЕ написал(а):

Я хочу убрать одну графу (последняя) БЫЛ

Попробуй так:

Код:
<style>
#pun-userlist .usertable .tc3:last-child {display: none;} 
</style>

+1

746

kolobdur74 Мелковат текст.... Но главное таблица встала ровно

https://i.imgur.com/58q06gAm.png

Ты реально головастый в кодинге :cool:

+1

747

МАЧОнаДАЧЕ написал(а):

Мелковат текст....

Ну, сделай больше:

#pun-userlist .usertable td {
font: normal 10px/normal 'Times New Roman'!important;
}

0

748

kolobdur74
Так у меня и стоит именно 10px :yep:
В общем я хз но полностью на всём форуме размер уменьшен (что текст что изображения). Да оно как-бы не столь важно. Я уже и так пристругался.

0

749

МАЧОнаДАЧЕ написал(а):

Так у меня и стоит именно 10px :yep:

Так я показал на твоем коде где поменять, чтобы стало больше.. Поставь там 16px.. Это размер шрифта в этой таблице..

0

750

kolobdur74 написал(а):
МАЧОнаДАЧЕ написал(а):

Так у меня и стоит именно 10px :yep:

Так я показал на твоем коде где поменять, чтобы стало больше.. Поставь там 16px.. Это размер шрифта в этой таблице..

Да я понял понял.
Так и я говорю что не катит. То есть. Если ставлю больше (к примеру 16px) то табла съезжает.

скрин

https://i.imgur.com/9KhcYLpm.png

Пробовал. Максимально это 10px. Больше  (12 итд) таблица едет в бок

0

751

МАЧОнаДАЧЕ написал(а):

Пробовал. Максимально это 10px. Больше  (12 итд) таблица едет в бок

Странно, у меня ничего не едет, а поставь посмотреть..

0

752

kolobdur74
Счас поставил 16px  http://for.ixbb.ru/userlist.php  видишь рамка съехала (но размер текста збест)

0

753

МАЧОнаДАЧЕ написал(а):

Счас поставил 16px  http://for.ixbb.ru/userlist.php  видишь рамка съехала (но размер текста збест)

У меня ничего никуда не съезжает.. В каком браузере смотришь? На телефоне смотришь?

0

754

kolobdur74 написал(а):
МАЧОнаДАЧЕ написал(а):

Счас поставил 16px  http://for.ixbb.ru/userlist.php  видишь рамка съехала (но размер текста збест)

У меня ничего никуда не съезжает.. В каком браузере смотришь? На телефоне смотришь?

Яндекс с планшета Ирбис  :huh:

Можешь скрин зделать


Пойду с ноута гляну.......

Отредактировано МАЧОнаДАЧЕ (Сб, 4 Янв 2020 19:44:12)

0

755

МАЧОнаДАЧЕ написал(а):

Можешь скрин зделать

Эмуляция мобильного:
https://i.imgur.com/uByWRfs.png
Нормальный с ПК:
https://i.imgur.com/EPrV9UL.png

+1

756

МАЧОнаДАЧЕ написал(а):

Яндекс с планшета Ирбис  :huh:

Не лучший вариант для верстки..

+1

757

kolobdur74
Слушай у меня с компа тоже збест стоит :cool:  а с телфа так же как и с планшета.
Пусть всё так и останется. Позже может этим займусь. Пока всё устраивает

Тебе респект :yep: за помощь

+1

758

МАЧОнаДАЧЕ написал(а):

а с телфа так же как и с планшета.

Посмотри с другого браузера, с Оперы или Хрома..

0

759

kolobdur74 С хрома та же беда. А оперой не пользуюсь.
Пусть всё так и останется (до конкретных жалоб)

1. Слушай. А другие таблицы не съедут? (с нашей правкой)
2. Если съедут. Решение такое-же? (любых таблиц)
3. Напиши пожалуйста (правильно) как мне скрыть другую таблицу
к примеру эти 2 таблицы...... "самые активные" и "самые неотлучные"  http://for.ixbb.ru/statistic.php#administration

0

760

МАЧОнаДАЧЕ написал(а):

2. Если съедут. Решение такое-же? (любых таблиц)

Я тебе уже говорил, что при таких дизайнах надо вешать на один селектор.. Второе, у тебя очень большой внутренний отступ для ячеек таблиц:

.punbb .main td {border-style: solid none none solid !important; border-width: 1px 0 0 1px !important; border-color: #d5bda2; padding: 0.8em 1em;}

И здесь:

.punbb .main .tcl {padding-left: 40px;}

Если ты это делал только для главной, то лучше вот так сделать:

Код:
#pun-index .main td {border-style: solid none none solid !important; border-width: 1px 0 0 1px !important; border-color: #d5bda2; padding: 0.8em 1em;}

И:

Код:
#pun-index .main .tcl {padding-left: 40px;}
МАЧОнаДАЧЕ написал(а):

Напиши пожалуйста (правильно) как мне скрыть другую таблицу
к примеру эти 2 таблицы...... "самые активные" и "самые неотлучные"

Вот так:

Код:
#most_active, #most_connected {display: none;}

0

761

kolobdur74
Ну и есчё одну просьбочку можно.....

Надо в данном скрипте (подписал что за скрипт) текст зделать белым цветом (так как табличка дерево). Сам чёт как то недоковырял как надо (все слова....замена аватар/постов/рейтинг/вы гость/войдите/зарегистрируйтесь)

<!-- ЮЗЕР-ПАНЕЛЬ -->
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="logoup") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='u-panel'><div id='u-ava'><a href='/profile.php?section=avatar&id="+UserID+"' title='Замена аватар'><img src="+UserAvatar+"></a></div><div id='u-prof'><p><b>"+UserLogin+"</b></p><p>Постов: "+UserPosts+"</p><p>Рейтинг: "+UserRespectPlus+"</p></div></div>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0

while(arr ){
if(arr[i].id=="logoup" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='u-panel'><div id='u-prof'>Вы <b>Гость</b>! <a href='login.php'>ВОЙДИТЕ</a> или <a href='register.php'>ЗАРЕГИСТРИРУЙТЕСЬ</a>.</div></div>"+name
}i++}
</script>

0

762

МАЧОнаДАЧЕ написал(а):

Надо в данном скрипте (подписал что за скрипт) текст зделать белым цветом (так как табличка дерево). Сам чёт как то недоковырял как надо (все слова....замена аватар/постов/рейтинг/вы гость/войдите/зарегистрируйтесь)

Над скриптом:

Код:
<style>
#u-panel {color: red;}
</style>

Вместо: color: red; нужный цвет..

Кстати, зделать - там с должна быть)) Немного глаз режет))

0

763

kolobdur74  зделать/сделать  %-) моя беда со школы (то так то так пишу)

скрин

https://i.imgur.com/f3HVDgCm.png

Цвет не изминился :nope:

0

764

МАЧОнаДАЧЕ написал(а):

Цвет не изминился :nope:

Потому что цвет уже был забит в Своем стиле:

#u-ava, #u-prof {color: #3B3021; display: inline-block; padding-left: 4px; text-shadow: 0 0 5px #F39456; vertical-align: top;}

Убери мой код и замени цвет в этом месте..

МАЧОнаДАЧЕ написал(а):

зделать/сделать  %-) моя беда со школы (то так то так пишу)

:D

+1

765

kolobdur74 Ну и хорош на сегодня :rofl: итак я тебя грузил без остановки .....
Вот бы мне так натаскаться как и ты (в кодинге)
Есчё раз пасиб :cool:

0

766

МАЧОнаДАЧЕ написал(а):

Вот бы мне так натаскаться как и ты (в кодинге)

Есть помощники:
Справочники и учебники по CSS, HTML, JavaScript
Инструменты для поиска и редактирования стиля (скриптов).
Правила приоритетов в CSS
Шпаргалки для начинающих по HTML и CSS

0

767

kolobdur74 Да это я всё видел.
Понимаешь. У меня столько других "думок" что в принципе и некогда, да и некуда думать об кодинге :O
Переодически читаю по css и html, но для меня это не просто даётся.
Что-то копирую. Что-то запоминаю. Ну а большая часть этого, проходит мимо.
Ведь не мальчик уже. :smoke:
Но я стараюсь по мере возможности (по охотке).

Что ты можешь сказать о форуме http://for.ixbb.ru
Интересует вообще мнение "понимающего" человека (принимается любая критика). Возможно что-то изменю или дополню по твоему совету!  :yep:
Если надо вход, то ПиАрЩиК _ 123456

Извиняюсь за выхлоп мыслей :tired:

Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 01:03:10)

0

768

МАЧОнаДАЧЕ написал(а):

Что ты можешь сказать о форуме http://for.ixbb.ru
Интересует вообще мнение "понимающего" человека (принимается любая критика). Возможно что-то изменю или дополню по твоему совету!  :yep:

Красиво, но очень много лишнего кода.. Ты подгоняешь в одном месте, не учитывая, что код повторяется во многих других местах, соответственно у тебя начинаются сдвиги в других.. По хорошему тебе бы досконально изучить структуру форума с помощью инструментов для вебпрограммирования в браузере.. Вот к примеру, что ты хотел сделать этим кодом:

.category tr{
  display:table;width:100%;
  clear:both;position:relative;
}

Зачем строку таблицы превратил в таблицу? Зачем отменил флоат? Зачем там ширина в 100%? И зачем позиция для строки таблицы? Совершенно не нужный код, который тебе еще и ломает таблицу.. И опять таки я же показывал как лучше писать код, чтобы самому было удобно читать его.. Ведь не читабельно делаешь..

МАЧОнаДАЧЕ написал(а):

Переодически читаю по css и html, но для меня это не просто даётся.

Но основные моменты НТМЛ надо знать, к примеру обязательных тегов той же таблицы или обязательные теги списка.. Основные элементы, что они делают, и для чего они предназначены надо знать, а уже тогда вешать на них css.. В ином случае будет как с строкой, которую я выше как пример показал.. То есть тег <tr> - это обязательный тег таблицы, который отвечает за строку, внутри которой находятся обязательные теги ячейки <td> или <th>.. На тег строки <tr> как правило стилевые свойства не вешаются, тем более что строка мало поддается стилевым изменениям.. Я поэтому и писал шпаргалки по основным НТМЛ и CSS..

Отредактировано kolobdur74 (Вс, 5 Янв 2020 01:42:51)

0

769

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

Вот к примеру, что ты хотел сделать этим кодом:

Это довольно кривой хак: CSS трюки, по-другому на тот момент не придумал, как засунуть в строку таблицы градиентный разделитель

+1

770

kolobdur74
1. Не я же писал данный диз (был взят готовый и частично писан/правлен).
2. То есть вот это:

.category tr{
  display:table;width:100%;
  clear:both;position:relative;
}

Надо найти и удалить? (в css) я правильно понял? (или как-то заменить)
3. По поводу градиент разделителя. Есть что-то более правильное?
³.¹_ Хотелось бы всё таки иметь красивый разделитель.

³.²_ Из выше сказаного мною

Переодически читаю по css и html, но для меня это не просто даётся.
Что-то копирую. Что-то запоминаю. Ну а большая часть этого, проходит мимо.

4. Вопрос. Счас есть какой-то смысл устанавливать счётчики топов (ну яндекс и гугл не всчёт).


Вопрос 2 частично отпадает

То есть вот это:

.category tr{
  display:table;width:100%;
  clear:both;position:relative;
}

Надо найти и удалить? (в css) я правильно понял? (или как-то заменить)

Убрал.

Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 09:57:00)

0

771

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

по-другому на тот момент не придумал, как засунуть в строку таблицы градиентный разделитель

Ну, там псевдоэлемент и так вроде работает нормально..

МАЧОнаДАЧЕ написал(а):

Убрал.

Да, он по ходу не нужен, во всяком случае этот код ломал у тебя таблицу, если будут какие где глюки бум подумать..
Кстати, это:

<style>
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: right;
clear: right;
text-align:right;
line-height: 100%;
  }
</style>

Неправильный код - он у тебя статистику ломает.. Попробуй такой вариант:

Код:
<style>
#pun-stats li {line-height: 100%;}
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
}
#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}
</style>
МАЧОнаДАЧЕ написал(а):

4. Вопрос. Счас есть какой-то смысл устанавливать счётчики топов (ну яндекс и гугл не всчёт).

Drs36, я уже отвечал - пользы от счетчиков нет, есть только вред, так как не твой форум они рекламируют, а ты их.. Вреда от счетчиков поисковиков нет, но и пользы нет, если ты в поисковиках зарегистрировал свой форум..

0

772

МАЧОнаДАЧЕ, а да, поменяй код: CSS трюки - по ходу все таки Свой стиль совсем не дружит с UTF-8..

0

773

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

МАЧОнаДАЧЕ, а да, поменяй код: CSS трюки - по ходу все таки Свой стиль совсем не дружит с UTF-8..

1. Я так и думал (по поводу счётчиков). Позже снесу их
2. Поставил правку

<style>
#pun-stats li {line-height: 100%;}
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
}
#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}
</style>

Сломало бордер

скрин

https://i.imgur.com/cxVw4JIm.png

Так что снёс опять

3. Поменял на  @charset "Windows-1251";

Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 12:48:31)

0

774

МАЧОнаДАЧЕ написал(а):

Сломало бордер

Он и так у тебя сломан, а судя по твоему скриншоту, ты не убрал этот код:

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

<style>
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: right;
clear: right;
text-align:right;
line-height: 100%;
  }
</style>

https://i.imgur.com/Bs2zjZS.png
Поставь мой код вместо своего и дай посмотреть как выглядит..

0

775

kolobdur74
Да нет же всё убрано :yep:

Давай я те пасс в л/с кину (ты и посмотришь что да как) может есчё косяки найдёшь (скорее всего).

Отписал в л/с

0

776

МАЧОнаДАЧЕ написал(а):

Да нет же всё убрано :yep:

Где же убрано в НТМЛ верху:

<!--Убирает слово объявление-->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<style>
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: right;
clear: right;
text-align:right;
line-height: 100%;
  }
</style>

0

777

МАЧОнаДАЧЕ написал(а):

Давай я те пасс в л/с кину (ты и посмотришь что да как) может есчё косяки найдёшь (скорее всего).

Глянул как выглядит стиль изнутри - жуть, в плане читабельности.. Разбираться в таком стиле - это глаза себе сломать.. Пока лучше ограничиться правками, которые действительно бросаются в глаза.. Поправил статистику.. Стиль - жуть для правок..

0

778

kolobdur74
Вот вот вот..... :insane:
Вообще (изначально) автор Герда :writing: (может у неё свой "особый" стиль)

дополнил:

Можешь в css подписать что к чему относится (то есть админка....профиль....шапка....подвал итд......тупо в заголовках подпиши) чтоб мне проще было искать и править

Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 15:01:12)

0

779

МАЧОнаДАЧЕ написал(а):

Вообще (изначально) автор Герда :writing: (может у неё свой "особый" стиль)

Ну, она скорее всего его не предназначала для правок и оптимизировала код для машины.. Для человека такой код не годится, для поисковиков - самое то, считается оптимизированным, еще комментарии убрать..

0

780

kolobdur74
Дополнил прошлый свой пост
Что значит?

еще комментарии убрать..

Я тоже так думаю. Ведь она (судя по дизам) давольно хорошо в жтом разбирается

0

781

МАЧОнаДАЧЕ написал(а):

Можешь в css подписать что к чему относится (то есть админка....профиль....шапка....подвал итд......тупо в заголовках подпиши) чтоб мне проще было искать и править

Не всё так просто.. Там группировка селекторов идет в разных местах, то есть те же таблицы разнесены, а так как цвет и фон у нее тоже разбросаны на оба окна, то вычленить, что именно вот этот раздел относится, к примеру, именно к таблице не получится..

0

782

kolobdur74
Тогда это ж*па :rofl:
А с этим дизом как? Ты ковырял его  http://samo.mybb.online


Почему не могу редактировать форумы? (хотя бывает срабатывает)
https://i.imgur.com/EOpub8Vm.png

Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 15:32:05)

0

783

МАЧОнаДАЧЕ написал(а):

А с этим дизом как? Ты ковырял его  http://samo.mybb.online

Это мой диз))) :D Домик в лесу (Новогодняя тема) Правда недостатков в нем хватает))

МАЧОнаДАЧЕ написал(а):

Почему не могу редактировать форумы? (хотя бывает срабатывает)

Возможно не точно наводишь.. Ты под каким браузером это делаешь? Вообще лучше влазить в Админку только на ПК и через Хром, Оперу или Мозиллу..

0

784

kolobdur74
Я знаю что твой диз :rofl: по этому и спросил (его подогнать под 2 диз). Хочу чтобы были 2 диза зима/лето

С ноута редко лазию. С планшета в основном. С хрома как раз и сижу

0

785

МАЧОнаДАЧЕ написал(а):

Хочу чтобы были 2 диза зима/лето

В принципе реально, пример реализации нескольких дизов у меня в минипрофиле.. Только сначала надо довести до ума (твоих потребностей) основной диз..

МАЧОнаДАЧЕ написал(а):

С ноута редко лазию. С планшета в основном. С хрома как раз и сижу

Не лучшая идея - мобильные браузеры всё еще сыроваты и уступают своим старшим собратьям на ПК по возможностям и стабильности..

0

786

kolobdur74
Ну вообще то у меня почти всё есть :flag:
1.  Хочу есчё поставить _последний пост на главную_  (строка marguee в 1-2 строчки не больше). Чтобы стояла там же где сейчас стоит _последний пост_ (только он выводит тему). Лишнее я выкинул (оставил только ник/время/тема).
2. Одеть посты в рамку (типо того как я сделал проф в темах).
3. Баннеры я пока вставил (после первого поста), но не опредилился к чему (думаю это будет как новость, либо рекла инфы юзера_по заказу).
4. Ну и вывести на главной (лево верх) 2 кнопки. Диз лето. Диз зима.


В принципе это всё что мне требуется.
Онлайн мне пока не интересен (так как хочу набить форум 3-5 тыс полезным темами/статьями). Ну а потом можно уже и рекламу покупать для заманухи народа.


Запросы у меня не велики. Так что думаю со временем всё решится.

В первую очередь я форум создал для себя, а не для того чтобы на нём заработать (как это в основном счас делают).

Опять у меня душевный выхлоп  :rofl:

0

787

МАЧОнаДАЧЕ написал(а):

Ну вообще то у меня почти всё есть

Я имел ввиду, что надо довести до ума основной дизайн, потому что этот дизайн будет не только в Своем стиле, но и отдельным файлом в скрипте для переключения дизайнов.. И чтобы не не лазать сразу в два места для правок, лучше чтобы основной диз был, по возможности, доведен до конца..

0

788

kolobdur74 Выходит я тебя не допонял :nope: Тебе виднее.
Я то хз как правильно подключать несколько дизайнов
Ну тогда остаётся дальше ковырять этот диз  (до победного)

0

789

МАЧОнаДАЧЕ написал(а):

Ну тогда остаётся дальше ковырять этот диз  (до победного)

Да, в ином случае будет двойная работа, которая внесет еще большую путаницу..

+1

790

kolobdur74 Короче ты меня "обрадовал"  %-)

+1

791

МАЧОнаДАЧЕ написал(а):

Короче ты меня "обрадовал"  %-)

:D

0

792

kolobdur74
Тебе смешно. Да.
А я вгрузился :stupor:

0

793

Здравствуйте.
Подскажите, как сделать, что бы название темы, дата сообщения и автор были в одну строчку? (на главной)
https://i.imgur.com/ogXOFA5m.png
или что бы текст был под иконкой темы
использую этот скрипт Скрипты от пользователей 3

Тестовый форум http://act3255test.mybb.ru/

хотелось бы вот типо такого
https://i.imgur.com/6F95VMKm.png

Отредактировано ACT3255 (Пн, 6 Янв 2020 15:31:48)

0

794

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

Подскажите, как сделать, что бы название темы, дата сообщения и автор были в одну строчку? (на главной)

В НТМЛ верх:

Код:
<style>
#pun-index .wrp-td br {display: none;}
#pun-index .wrp-td span[data-text] {
  vertical-align: top;
  margin-left: 5px;
}
</style>

0

795

kolobdur74
Не то... наверно из-за иконки, все ломается
https://i.imgur.com/lHy6wNkm.png

0

796

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

из-за иконки, все ломается

Поправил:

Код:
<style>
#pun-index .wrp-td br {display: none;}
#pun-index.classic a.addIcon, #pun-index .wrp-td span {vertical-align: top;}
#pun-index .wrp-td span[data-text] {margin-left: 5px;}
</style>

+1

797

kolobdur74
Спасибо! Вы прям кудесник ))))))))))))

+1

798

kolobdur74
1. Смотри как под гостем
http://forumupload.ru/uploads/0000/14/1c/36838/t88296.png
Зарегистрируйтесь широковато. Надо сдвинуть влево.

2. Ты не убирал PRвход?

Отредактировано МАЧОнаДАЧЕ (Пн, 6 Янв 2020 16:52:02)

0

799

МАЧОнаДАЧЕ написал(а):

2. Ты не убирал PRвход?

Не убирал.. Подгрузка долгая..

МАЧОнаДАЧЕ написал(а):

1. Смотри как под гостем

Завтра поправлю))

0

800

kolobdur74
Благодарю :yep:

0

801

МАЧОнаДАЧЕ написал(а):

Благодарю :yep:

Поправил под гостем.. Посмотри нормально ли?

+1

802

kolobdur74
Да :cool: всё збест
Всё пока на этом :mybb: хватит

+1

803

Какое-то время при входе на форум наблюдаю вот такие штуки. Я понимаю, что это какие-то уведомления, но вот какие? И где они подключились? От русфф?

0

804

Mirra Bell
1-е Ссылку на форум
2-е Попробуйте навести курсором на зелёненьки кнопки и посмотреть их код (по правой кнопке) и сделать скриншот кода

Отредактировано Deff (Чт, 9 Янв 2020 20:42:25)

+1

805

Mirra Bell написал(а):

Какое-то время при входе на форум наблюдаю вот такие штуки. Я понимаю, что это какие-то уведомления, но вот какие? И где они подключились? От русфф?

По ходу это сколько лет исполнилось имениннику.. Но не работает этот код:

<style>
#birthday figure {display:block;height: 40px;width: 40px;position: relative;overflow:hidden;}
#birthday figcaption {display:block; width:40px;background:rgba(153,204,0,0.8);border-radius: 0 0 7px 7px;box-shadow: 0 0 10px #40310A inset;color: #fff; font-size: 1em;font-weight: bold;height: 15px;position: absolute;top: 21px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );}
</style>

Поэтому уносятся вверх, так как они в абсолюте.. Попробуйте заменить: #birthday figure на #onlinelist figure..

+3

806

kolobdur74
Точно. Мне бы и в голову не пришло связать их с именинниками. Вчера было трое и три вот таких зеленых фишки.

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

Попробуйте навести курсором на зелёненьки кнопки и посмотреть их код (по правой кнопке) и сделать скриншот кода

Блин ) тоже не додумалась )

+1

807

Доброго, есть вот такой скрипт Скрипты от пользователей 2
Можно ли использовать данную технологию для смены картинок в быстром ответе (постах)?
Добавлено спустя 14 минут 40 секунд:
вот как тут только картинки в постах
http://cwlegendofsea.ru/

Отредактировано Кэтью (Вт, 21 Янв 2020 18:39:39)

+1

808

Здравствуйте. Вчера/сегодня на форуме на мобильной версии (кнопка есть на скрине) появилась проблема отображения с мобильных устройств. Рекламный блок (белый прямоугольник над категорией) стал вылезать за пределы body и раздвигать форум, в результате масштабирование под ширину экрана сломалось. Пыталась подглядеть эту проблему с браузера пк (с выключенными блокировщиками рекламы), но реклама пару раз засветилась, а теперь упорно не вылезает, хотя с мобильного каждый раз видна. Что поправить в мобильном стиле, чтобы реклама тоже ужалась под размер видимой области?

скрины

http://forumupload.ru/uploads/0000/14/1c/31361/89700.png
http://forumupload.ru/uploads/0000/14/1c/31361/t37788.png

+2

809

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

Рекламный блок (белый прямоугольник над категорией) стал вылезать за пределы body и раздвигать форум, в результате масштабирование под ширину экрана сломалось.

А я еще добавлю, что дизайн форума испохабили. Понимаю, что денег хочется, но надо же как-то приличнее это делать!

0

810

Кэтью написал(а):

Можно ли использовать данную технологию для смены картинок в быстром ответе (постах)?

Ну используйте тот же код обертывая в тег HTML в сообщениях => http://forumupload.ru/uploads/0000/14/1 … /38635.png

+1

811

Здравствуйте!

Помогите, пожалуйста, никак не получается своими силами разобраться :(

После установки дизайна заметили, что исключительно на айфонах (любых моделей и с любых браузеров - как с сафари, так и с дополнительно установленных для проверки оперы, хрома и иже с ними) наезжают друг на друга меню действий и навигация:

как-то так эта яблочная оргия выглядит

https://sun9-30.userapi.com/c857024/v857024740/54a75/g2L5xICUkzg.jpg

На андроидах всё хорошо и аккуратно, никаких проблем не наблюдается.
Мобильный стиль в администрировании отключен.
Cсылка на сам форум:

0

812

князь дивана написал(а):

После установки дизайна заметили, что исключительно на айфонах (любых моделей и с любых браузеров - как с сафари, так и с дополнительно установленных для проверки оперы, хрома и иже с ними) наезжают друг на друга меню действий и навигация:

Попробуйте убрать (выделил красным):

/* D4.2 */
#pun-ulinks .container {
  max-width:900px;
  border-top:none;
  margin-top:-43px;
  padding-bottom:26px;
  text-align: right;
  }

0

813

kolobdur74
К сожалению, особых изменений не произошло(((

примерно аналогичная картина продолжает наблюдаться

https://sun9-60.userapi.com/c204820/v204820472/47715/_yhdrLgcehA.jpg

В D3.2 тоже пробовали убрать - ничего не меняется.

0

814

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

2-е Замените "Администрирование" скриптом на более короткое слово

+1

815

князь дивана написал(а):

К сожалению, особых изменений не произошло(((

Тогда поднимите наверх, и сделайте корректно.. Уберите:

/* A5.1 */
/* ширина форума проставляется здесь */
#pun {
  margin: auto;
  width: 900px;
  position: relative;
  }

Замените:

/* D4.2 */
#pun-ulinks {
  max-width:900px;
  border-top:none;
  margin-top:-43px;
  padding-bottom:26px;
  text-align: right;
  }

На:

Код:
/* D4.2 */
#pun-ulinks {
  position: absolute;
  width: 840px;
  border-top: none;
  top: 10px;
}

Да и здесь лучше 82 пикселя поставить:

/* D3.2 */
#pun-navlinks {
  max-width:900px;
  margin-top:-78px;
  padding-bottom:0px;
  margin-left:0px;
  text-align:center;
  }

+1

816

Deff
Дефф, спасибо за рекомендацию! В будущем дизайне воспользуемся ею обязательно))

kolobdur74
Спасибо большое! Вы - наш спаситель  :love: Теперь на айфонах всё работает и даже смотрится интереснее)))

+1

817

Добрый день! Сегодня появилось вот такое окно. Это что? Вчера и все время все было ОК. И на тестовом ,и на основном сайтах появилось.
http://forumupload.ru/uploads/0000/14/1c/36358/t68704.jpg

ФОРУМ

+2

818

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

Это что?

Это вот:

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

Здравствуйте. Вчера/сегодня на форуме на мобильной версии (кнопка есть на скрине) появилась проблема отображения с мобильных устройств. Рекламный блок (белый прямоугольник над категорией) стал вылезать за пределы body и раздвигать форум, в результате масштабирование под ширину экрана сломалось. Пыталась подглядеть эту проблему с браузера пк (с выключенными блокировщиками рекламы), но реклама пару раз засветилась, а теперь упорно не вылезает, хотя с мобильного каждый раз видна. Что поправить в мобильном стиле, чтобы реклама тоже ужалась под размер видимой области?

скрины

http://forumupload.ru/uploads/0000/14/1c/31361/89700.png
http://forumupload.ru/uploads/0000/14/1c/31361/t37788.png

sshmmv написал(а):
Sachimot написал(а):

Рекламный блок (белый прямоугольник над категорией) стал вылезать за пределы body и раздвигать форум, в результате масштабирование под ширину экрана сломалось.

А я еще добавлю, что дизайн форума испохабили. Понимаю, что денег хочется, но надо же как-то приличнее это делать!

Admin, ау!

+1

819

sshmmv
у меня и на мобильной версии и на ПК.

Добавлено спустя 16 минут 18 секунд:
Спасибо! Поправили!!!! :cool:

Отредактировано murrena (Пт, 24 Янв 2020 07:53:44)

0

820

murrena
Разумеется. Весь дизайн насмарку!

Добавлено спустя 2 минуты 6 секунд:

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

Спасибо! Поправили!!!!

Нет. Тестят это уродище.

Отредактировано sshmmv (Пт, 24 Янв 2020 07:56:27)

0

821

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

Разумеется. Весь дизайн насмарку!

у меня все норм!

0

822

Отмечусь по поводу белого блока рекламы - у части пользователей он больше не распирает страницу, но нашлись и те, у кого проблема осталась( Как узнаю, с чего сидят - дополню сообщение.
Ну и да, белый яркий прямоугольник выглядит не очень, если честно. Уж лучше бы рекламу было видно, но она на нём мне упорно не показывается х)

+1

823

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

но нашлись и те, у кого проблема осталась( Как узнаю, с чего сидят - дополню сообщение.

Заодно пусть кеш в браузере почистят на всякий случай..

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

белый яркий прямоугольник выглядит не очень, если честно. Уж лучше бы рекламу было видно, но она на нём мне упорно не показывается х)

А антибаннер есть?

0

824

Sachimot
у вас наверно впн

0

825

У меня снова этот белый блок появился.
Может что то админы делают и рано паниковать.
А смотрится безобразно этот белый прямоугольник. Просто чудовище какое то!

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

Заодно пусть кеш в браузере почистят на всякий случай..

у меня все почищено. А раз он временно убирался кем то - то вывод: админы работают с ним.

0

826

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

А раз он временно убирался кем то - то вывод: админы работают с ним.

Ну, реклама и будет прыгать..

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

У меня снова этот белый блок появился.

А вот на счет белого блока - вполне может антибаннер вырезать, если установлен..

0

827

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

А вот на счет белого блока - вполне может антибаннер вырезать, если установлен..

отключен на моих форумах. И вижу только огромный белый блок. А вообще это безобразие - сунуть в оформление форума рекламный блок, да еще такой огромный. Уж лучше берите плату небольшую в год,чем так портить дизайны форумов.

0

828

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

отключен на моих форумах. И вижу только огромный белый блок.

Может все равно на него реагировать..

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

А вообще это безобразие - сунуть в оформление форума рекламный блок, да еще такой огромный. Уж лучше берите плату небольшую в год,чем так портить дизайны форумов.

Ну, дизайн должен подразумевать рекламу (если делается с учетом использования без отключения), другое дело, что все привыкли, что верхней рекламы давно не было, но никто не обещал, что ее не будет никогда.. Другое дело, что на рекламный блок тяжело влиять и подгонять под дизайн..

0

829

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

Другое дело, что на рекламный блок тяжело влиять и подгонять под дизайн..

можно ли отключить его в платных услугах? Это пойдет как отключение верхнего рекламного блока?

0

830

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

можно ли отключить его в платных услугах? Это пойдет как отключение верхнего рекламного блока?

Ну, насколько я знаю отключение подразумевает отключение всей рекламы и внизу и вверху..

0

831

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

Ну, насколько я знаю отключение подразумевает отключение всей рекламы и внизу и вверху.

а как понять тогда  эти настройки?
http://forumupload.ru/uploads/0000/14/1c/36358/t99012.jpg

У меня по нижней галочке уже отключено. Теперь наверное надо будет в верхнем окошке галочку использовать?

0

832

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

У меня по нижней галочке уже отключено.

Это отключение вот этого:
https://i.imgur.com/0xpAT43.png
А так же при переходе по ссылке не показывается белая страница, что вы переходите на такой то сайт..

Отредактировано kolobdur74 (Пт, 24 Янв 2020 12:41:22)

+1

833

kolobdur74
понятно, спасибо!

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

Теперь наверное надо будет в верхнем окошке галочку использовать?

это поможет убрать этот белый блок?

0

834

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

это поможет убрать этот белый блок?

Думаю, что да.. Это и есть верхний баннер..

+2

835

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

http://forumupload.ru/uploads/0000/14/1c/36358/t99012.jpg

У меня по нижней галочке уже отключено.

murrena
Какой курс "кредита" к деньгам?
Во сколько денег в год вам обходится вот такое вот финансовое "обязательство":

Ориентировочная стоимость услуги на следующий месяц — 18 кредитов.

Внимание! Стоимость рассчитывается динамически и в следующем месяце может значительно отличаться как в меньшую, так и в большую сторону.

:question:

0

836

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

Какой курс "кредита" к деньгам?
Во сколько денег в год вам обходится вот такое вот финансовое "обязательство":

1 кредит = 1 руб.  За год стоимость услуги не менялась.

Меня просто очень раздражает,если есть что то мешающее хорошему восприятию общей картины на мониторе компа. Поэтому придется и сейчас воспользоваться платной услугой чтобы убрать этот белый блок. Он просто рушит все восприятие форума,как единого целого.

Чтобы заработать кредиты мы на форуме провели платную лотерею. Стоимость билета была всего 10 руб.

Отредактировано murrena (Пт, 24 Янв 2020 13:48:34)

+2

837

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

Какой курс "кредита" к деньгам?

1 кредит = 1 рубль..

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

Во сколько денег в год вам обходится вот такое вот финансовое "обязательство":

Для разных форумов разные расценки. 17 марта 2010г.: Отключение рекламы и Фонд форума Что такое кредиты?

+1

838

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

Для разных форумов разные расценки.

а от чего это зависит? Расценка.

0

839

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

а от чего это зависит? Расценка.

В теории рассчитывается от количества пользователей, время существования форума и средней посещаемости форума.. Но калькуляция всего это очень условна, тут по этому поводу Герда, помниться, сильно ругалась..

+3

840

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

Чтобы заработать кредиты мы на форуме провели платную лотерею.

Просто прибавлю 18 руб к месячной стоимости сигарет сотовой связи.

0

841

Admin
Мысли вслух..

Сейчас на форумах все внешние ссылки автоматически пропускаются через сокращатель ссылок. Помимо этого, при размещении внешней ссылки в сообщении предлагается сократить ссылку. Не является ли, в этом случае, кнопка Сокращатель ссылок абсолютно излишней? Не пора ли убрать ее с сервиса?
Кнопка эта – уродливая! Если это специально так задумано, чтобы вынудить людей платить деньги сервису за избавление от нее, как с новшеством с верхним белым рекламным блоком, то не является ли это не очень порядочным поступком по отношению к пользователям сервиса, годами вылизывающими дизайн своих форумов? Ведь можно же было все сделать гораздо приличнее... бережнее отнестись к труду людей по оформлению своих форумов.

Отредактировано sshmmv (Пт, 24 Янв 2020 20:05:47)

0

842

Скрины от человека, у которого после чистки кеша осталась проблема с вылезающей рекламой

картинки

http://forumupload.ru/uploads/0017/aa/81/189/64243.png
http://forumupload.ru/uploads/0017/aa/81/189/70849.png

P.S. у него же со встроенного "чистого" браузера

картинки

http://forumupload.ru/uploads/0017/aa/81/189/12004.png
http://forumupload.ru/uploads/0017/aa/81/189/59901.png

Отредактировано Sachimot (Пт, 24 Янв 2020 21:54:16)

+1

843

Ужас!

0

844

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

Здравствуйте. Вчера/сегодня на форуме на мобильной версии (кнопка есть на скрине) появилась проблема отображения с мобильных устройств. Рекламный блок (белый прямоугольник над категорией) стал вылезать за пределы body и раздвигать форум, в результате масштабирование под ширину экрана сломалось. Пыталась подглядеть эту проблему с браузера пк (с выключенными блокировщиками рекламы), но реклама пару раз засветилась, а теперь упорно не вылезает, хотя с мобильного каждый раз видна. Что поправить в мобильном стиле, чтобы реклама тоже ужалась под размер видимой области?

Мы работаем над исправлением ошибок в отображении рекламы на мобильных устройствах.

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

Сейчас на форумах все внешние ссылки автоматически пропускаются через сокращатель ссылок. Помимо этого, при размещении внешней ссылки в сообщении предлагается сократить ссылку. Не является ли, в этом случае, кнопка Сокращатель ссылок абсолютно излишней? Не пора ли убрать ее с сервиса?

Сокращатель в своём первоначальном применении (для сокращения ссылок и использования этих коротких ссылок в сообщениях) всё так же актуален. При переходе по внешним ссылкам генерируется временная ссылка в сокращателе, а при обычном использовании - постоянная.

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

то не является ли это не очень порядочным поступком по отношению к пользователям сервиса, годами вылизывающими дизайн своих форумов? Ведь можно же было все сделать гораздо приличнее...

Кнопка тоже уже несколько лет стоит (правда, какое-то время показывалась совместно с обычной рекламой).
И потом:

<...> мы оставляем за собой право размещать на Вашем форуме рекламную информацию в виде баннеров и рекламных объявлений без ущерба для содержания Вашего форума.

MyBB имеет право изменять некоторые характеристики баннерной рекламы на Вашем форуме.

(Соглашение с MyBB: mybb.ru/agreement).

+2

845

Alex_63
Спасибо, конечно, за неустанную заботу по повышению удобства пользования сервисом:

https://i.imgur.com/QQ4rXlMl.jpg

Форум: http://cebro.mybb.ru/

Alex_63
Это:

https://i.imgur.com/YT58I0v.png

устранит последствия от новшества?

Отредактировано sshmmv (Сб, 25 Янв 2020 11:39:05)

0

846

И чтобы всё было в одном месте:

Завхоз написал(а):

Здравствуйте.
Проблемы появились с появлением верхнего рекламного баннера. Форум аццки виснет, набранные сообщения слетают при внесении исправлений (потому что меняется картинка), в мобильной версии гуляет размер поля - набор сообщений тоже затруднен. Некоторые форумчане испытывают трудности со входом на форум - даже если это зависит от браузера, нельзя же предложить толпе народа поменять свой рабочий браузер только из-за одной рекламной плашки....
Понимаем, что размещение рекламы не зависит от наших хотелок - но все-таки, может быть, когда-нибудь и как-нибудь - возможно перенести баннер вниз, например в плашку "Название форума - Создать форум бесплатно"? Да и внешний вид форума ведь тоже не последнее, что интересовало нас при его создании.
Спасибо.

Отсюда: Верхняя реклама: проблемы с входом и сообщениями

Хотя лучше бы переименовать тему Завхоз в Верхняя реклама: проблемы с входом, сообщениями и дизайном, и все сообщения отсюда перенести в нее, начиная с этого сообщения.

0

847

sshmmv
В переносе сообщений нет необходимости.

На мобильных устройствах вид баннера будет корректироваться. Проблема есть, однако локализовать её пока у меня не получилось: сколько ни пытался, так и не смог добиться, чтобы баннер разъехался и у страницы появилась прокрутка :dontknow: Но мы работаем над этим.

И да, отключение верхнего баннера в платных услугах решит проблему (баннера не будет).

+1

848

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

И да, отключение верхнего баннера в платных услугах решит проблему (баннера не будет).

Через UC Browser:

https://i.imgur.com/EK70Ps9l.png

Нет рекламного блока – и колонки не съезжают. Но я грешил на его чудовищномощное кэширование, при котором очистить кэш браузера можно только его переустановкой начисто.

В таком случае, хорошо. Но если вдруг останется также:

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

https://i.imgur.com/QQ4rXlMl.jpg

то я с вас не слезу!  :)

Отредактировано sshmmv (Сб, 25 Янв 2020 18:04:59)

+1

849

Deff написал(а):
Кэтью написал(а):

Можно ли использовать данную технологию для смены картинок в быстром ответе (постах)?

Ну используйте тот же код обертывая в тег HTML в сообщениях => http://forumuploads.ru/uploads/0000/14/ … /38635.png

Доброго, спасибо, скрипт сработал, но картинки не меняются, а просто расположены рядом
Вот тут можно глянуть http://dpb.mybb.ru/viewtopic.php?id=14#p45

Отредактировано Кэтью (Сб, 25 Янв 2020 23:07:30)

+1

850

Кэтью
Стиль воткните в конец первого окна стиля:

Код:
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
   opacity:0.00;
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}

Из HTML верх коды стиля в скрипте HTML в постах от сервиса не работают

Отредактировано Deff (Сб, 25 Янв 2020 23:33:40)

0

851

Deff
Работает, спасибо

+1

852

Можно сокращатель ссылок убрать сверху, а внизу оставить?

+1

853

не отображаются фото в Мои загрузки

скриншот

https://i.imgur.com/M1A6GL9.png

Up! Вопрос актуален.

Alex_63
да любой, вот первый на вскидку

тут работает, у меня нет...
ни на основном ни на тестовом.

Код:
<iframe width="720" height="405" src="//rutube.ru/play/embed/13047370" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe><p><a href="https://rutube.ru/video/7cb6bcce0d1b2b42ee85cd5a18964a40/">ДОМ-2 После заката 5725 день Ночной эфир (12.01.2020)</a> от <a href="//rutube.ru/metainfo/tv/936/">ДОМ-2. После заката</a> на <a href="//rutube.ru/">Rutube</a>

Отредактировано ACT3255 (Вс, 26 Янв 2020 19:21:04)

0

854

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

не отображаются фото в Мои загрузки

Альбомы загрузчика пока не правил, но про это помню, сделаю, как дойдет до этого очередь.

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

тут работает, у меня нет...
ни на основном ни на тестовом.

В следующей версии редактора поправим.
А пока можете поставить к себе на форум код-правку:

Код:
<script type="text/javascript">
//Исправляем работу с Rutube
if (typeof MYBB_vsc != "undefined") MYBB_vsc.RG["rutube.ru"]={l:"0",t:"rutube.ru",x:/rutube\.ru\/play\/embed\/(\d+)/,nf: "http://video.rutube.ru/%TOKEN%"};
</script>

+1

855

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

Можно сокращатель ссылок убрать сверху, а внизу оставить?

Вы можете отключить рекламу в разделе Администрирование - Платные услуги: Отключение рекламы, пункт Отключение верхнего баннера на форуме.

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

Или так:

Не стоит рекомендовать использовать блокировщики рекламы. Единственно верный вариант был на Вашем первом скриншоте.

0

856

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

Можно сокращатель ссылок убрать сверху, а внизу оставить?

Вы можете отключить рекламу в разделе Администрирование - Платные услуги: Отключение рекламы, пункт Отключение верхнего баннера на форуме.

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

Или так:

Не стоит рекомендовать использовать блокировщики рекламы. Единственно верный вариант был на Вашем первом скриншоте.

А почему Сокращатель ссылок расценивается как рекламный баннер?

0

857

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

А почему Сокращатель ссылок расценивается как рекламный баннер?

На нем так же, как и на рекламе, сервис на свое существование деньги зарабатывает. Поэтому и форумы для нас бесплатны: http://mybb.ru/

+2

858

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

А почему Сокращатель ссылок расценивается как рекламный баннер?

В данный момент ссылка на сокращатель выполняет роль рекламных баннеров и установлена в соответствующие контейнеры.
Услуга отключения рекламы предусматривает отключение верхнего рекламного баннера, нижнего рекламного блока, строки "Copyright" и страницы "переход по внешней ссылке" (для выбора доступны любые из этих пунктов).

+2

859

Alex_63
Общие. Вопросы. По оформлению:

https://i.imgur.com/fcrcNmRl.png https://i.imgur.com/H8VmRVhl.png

ЭТО ЧТО???

+2

860

http://forumupload.ru/uploads/0000/14/1c/36441/t14799.jpg
http://forumupload.ru/uploads/0000/14/1c/36441/t47061.jpg

0

861

Причин не знаю, но если вы нажали на прохождение "не робот" и заблокировали дальнейшие всплывающие окна, то у вас все равно может выползать реклама, даже при установленном блокировщике.
Чтобы убрать ее, нужно зайти в Настройки сайтов (правой кнопкой мыши по значку):
http://forumupload.ru/uploads/001a/75/37/2/t82456.jpg
И очищаете данные. Снова будет выползать окно с проверкой на "не робот", его лучше пока просто закрывать.
http://forumupload.ru/uploads/001a/75/37/2/t67960.jpg

0

862

sshmmv
bektau
Тестируются варианты рекламы. Это временно, продлится максимум до полуночи.

+1

863

Alex_63
Может, если ставить более новую рекламу на мобильные, то лучше не ту, что застилает вообще весь экран смартфона? А не выплывает баннерком где-нибудь снизу.
Потому что если реклама будет выползать на весь экран при каждом втором-третьем-пятом переходе, пользователи выморозятся очень быстро.

+1

864

УжОс, у меня форумчане все жалуются, говорят с мобильного невозможно сидеть, огромные баннеры прям возле клавиатуры, писать не удобно все мешается.
Вообще последнюю неделю с рекламой какой-то ад, огромный баннер нарисовался вверху форума, три года форуму впервые такое =(

+1

865

Кошмар и ужас. Если будут вот так баннеры лезть - пользователи разбегутся. Прям как на сайтах в 2010. Не знаю к чему приведут пробы, но сейчас вылезает после каждого перехода на полэкрана.

Свернутый текст

https://i.imgur.com/kyfjTWfm.jpg

ну и полная пахабщина. знакомства? ещё бы девочек по вызову рекламили...

https://i.imgur.com/CZgf2cvm.jpg

Отредактировано Иса (Вт, 28 Янв 2020 16:02:09)

+3

866

нормальная реклама

0

867

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

Тестируются варианты рекламы.

3,14здец!

https://i.imgur.com/BwfYVlel.png
https://i.imgur.com/gQeofhKl.png

Отредактировано sshmmv (Вт, 28 Янв 2020 20:25:21)

+2

868

У меня пользователи взвыли.
Господа, а можно хотя бы девочек по вызову не рекламировать? И в мобильной версии реально невозможно ничего делать.

+2

869

И ещё, если что-то тестируется на всей платформе, настолько мешающее работе форумов, было бы здорово об этом ДО начала работ узнавать, а не когда уже все пользователи закидали жалобами.

+3

870

Наконец-то добралась до решения самого главного вопроса: после смены диза новый дизайн, установленный по умолчанию, для некоторых гостей и ботов, делающих скрины главной страницы (например, всяких ТОПов), выглядит так

https://img.rpgtop.su/screens/mini/6/22268.jpg

Не видно ни меню, ни боковой панели, ни оформления форумов. В настройках стилей CSS у меня поставлено так:
/* A0.1 */
  @import url(http://forumstatic.ru/files/0001/31/13/25210.css);
Т.е., по идее, и при первом входе все должно загружаться. Почему этого не происходит? Оформление форумов прописано для каждого стиля в самих форумах.

Отредактировано Mirra Bell (Ср, 29 Янв 2020 10:49:19)

0

871

Mirra Bell
Диз под кнопки установлен и при первом входе, пользователю прогружается стиль по умолчанию

Mirra Bell написал(а):

/* A0.1 */
  @import url(http://forumstatic.ru/files/0001/31/13/25210.css);

Вот этот. А потом пользователь уже выбирает сам, какой из двух вариантов выбрать. Если в том цсс, что лежит у вас в А0.1 не прописано оформление для вашей панели и меню, или если эти вещи подключаются к дизам под кнопками с помощью дополнительных контейнеров (я просто не знаю, как у вас сделано), то соответственно, они и не появятся, пока не выберешь одну из кнопок диза.

Отредактировано Инженер (Ср, 29 Янв 2020 12:43:27)

+1

872

Инженер
Панель да, прописана в HTML-верх, а именно оформление форумов есть в загружаемом стиле, в самих форумах только указывается какое из оформлений для какого диза выбрать. Но я поняла в чем проблема, собственно, так и думала. Буду придумывать как решить.

0

873

Вопрос - возможно ли переселить форум с одной платформы на другую, не создавая все с нуля, вручную перенося каждую тему, каждую страничку?

0

874

Инженер
Нет, т.к. для этого нужна база, а ее сервис на руки никому не выдает.

0

875

Инженер
админы могут

0

876

Инженер написал(а):

Вопрос - возможно ли переселить форум с одной платформы на другую, не создавая все с нуля, вручную перенося каждую тему, каждую страничку?

Если имеется ввиду с одной партнерки Майбб на другую, то можно при договоренности с обоими партнерками.. С партнерки на головной сервис Майбб - нет.. С Майбб на другой сервис или свой хостинг - нет..

+1

877

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

с одной партнерки Майбб на другую

Где искать варианты партнерок, кроме  «QuadroSystems» или как оно правильно обзывается?

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

при договоренности с обоими партнерками

Где найти эту самую администрацию, чтобы договориться форум поддержки «QuadroSystems» сдох очень давно.

0

878

Инженер
переселяйтесь на бестбб, там подфорумы

+1

879

Так. Я хочу хоть немного конкретики - да или нет и если да, то "топайте вот туда и говорите вот с тем".

0

880

Инженер
поговорите с Алексом в ВК,
http://bestbb.ru/

0

881

Инженер написал(а):

Так. Я хочу хоть немного конкретики - да или нет и если да, то "топайте вот туда и говорите вот с тем".

Ну, по квадро можно попробовать написать Duka Если на партнерку Алекса, то напишите ему Alex_63

0

882

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

Согласны с вымогательством?: Я нет.

Да флаг в руки, меня сейчас интересует иной вопрос, а не моральная сторона администрации сервиса. А вы мешает.
kolobdur74
Спасибо!

+1

883

Инженер написал(а):

Да флаг в руки, меня сейчас интересует иной вопрос, А вы мешает.

Нет, это вы раздел и тему перепутали:
» Единый форум поддержки » Вопросы к администрации » Перенос домена на другой форум/перенос форума с партнерки на майбб  :flag:

0

884

Инженер
На квадро не ходите, там глюков еще больше, а саппорта практически нет.

0

885

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

С перезрелыми проститутками.

Вот-вот.
Ничего поприличней для рекламирования не нашлось?
А ничего что на форумы не только взрослые дяди заходят, но и учащиеся???

+2

886

Не смогла разобраться, может кто-то подскажет.
Добавляю на форум Объявление в виде html, в котором присутствует две ссылки. Из-за этого, почему то становится ссылками некоторый текст внизу форума (видно на скриншоте)
https://i3.imageban.ru/thumbs/2020.01.31/90545f7391e74ea245cfa6589f755549.png

В объявление я вставляю такой код:

Код:
<div align="center"><font size="3" color="#423728" face="helvetica">Если вы хотите задать вопрос Магам, вы можете написать его в теме форума "Ищем ответы":</font><br /></div>

<div align="center"><font size="3" color="#423728" face="helvetica"><a href="http://nikogde.ru/viewforum.php?id=35"><img src="http://forumstatic.ru/files/0018/63/9f/43592.gif" />
</font><br /></div>



<div align="center"><font size="3" color="#423728" face="helvetica">На нашем форуме вы можете общаться на интересующие вас темы.</font><br /></div>
<div align="center"><font size="3" color="#423728" face="helvetica">Если вы не зарегистрированы, то вам недоступны некоторые разделы форума.</font><br /></div>


<div align="center"><font size="3" color="#423728" face="helvetica"><a href="http://nikogde.ru/register.php"><img src="http://forumstatic.ru/files/0018/63/9f/48973.png" />
</font><br /></div><br />

Что нужно исправить, чтоб ссылки в объявлении никак не влияли на другие места форума, чтоб "всего тем", "всего сообщений" и тп снова стали не кликабельными?

0

887

mst6666
пропущен тег </a>

+2

888

Друзья, никак не совладаю с профилем.
http://themost.rolka.su/viewtopic.php?id=9#p215
В нем есть три темных полосы.
Как на них соответствующе подвинуть строчки
Мэг Мастерс • 800 лет
демон
анкета • способности • хроники

Перепробовала все варианты отступов - не ложатся.
Пробовала отдельно на поля фон сделать полоской - текст оказывается ниже, а не на ней и никак не двигается.

Должно быть так расположено

https://i.imgur.com/l0zhjpi.png

Отредактировано Иса (Сб, 1 Фев 2020 01:09:55)

0

889

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

Пробовала отдельно на поля фон сделать полоской - текст оказывается ниже, а не на ней и никак не двигается.

Должно быть так расположено

Хм, ну точно не так надо:
http://forumstatic.ru/files/0014/d0/61/38724.jpg
Первый момент начиная сначала, который вам дает проблемы всегда:

/* A2.2 */
.punbb * {
  margin: 0
  }

В переводе - это означает, что все маргины запрещены, которые не имеют больший приоритет, то бишь, кроме .punbb и чего то там, то есть здравствуй дядя импортант:

.pa-fld1{text-align: center !important; color:#6b6b69 !important; margin-bottom:5px !important; padding-top: 5px !important;
font-size:10px;}

Сто пятьдесят импортантов в стиле - не есть хорошо..

По поводу:

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

Пробовала отдельно на поля фон сделать полоской - текст оказывается ниже, а не на ней и никак не двигается.

Покажите как ставили.. Вообщем то ставим на весь минипрофиль основной фон (ul), на общие li ставим собственный фон, а на индивидуальные поля прописываем тогда уже третий фон, то есть как то так:

.post-author ul {
    background: картинка;
}
.post-author li {
    background: картинка;
}

.post-author li.pa-fld1, .post-author li.pa-fld2, .post-author li.pa-fld3 {
    background: картинка;
}

То что вы навесили на .punbb .post .post-author - это жесть, вы сами пытались сложить эти три картинки хотя бы в фотошопе:

.punbb .post .post-author {
  width: 220px !important;;
   background: url(http://forumstatic.ru/files/0014/d0/61/38724.jpg) 0px bottom no-repeat, url(http://forumstatic.ru/files/0014/d0/61/98250.jpg) 0px top no-repeat, url(http://forumstatic.ru/files/0014/d0/61/85292.jpg) 0px repeat-y;
  margin-left:-30px;
}

Отредактировано kolobdur74 (Сб, 1 Фев 2020 01:45:00)

0

890

http://wiedzmin.rolevaya.ru/
добрый день.) у нас пропала кнопка кубика-дайсов из формы ответа, не подскажите, в чем может быть проблема?

проблема

https://i.imgur.com/TEcnwbn.png

0

891

Trinity Wane
Картинку поменяйте и появится...
Как вообще можно помочь, если Вы дали ссылку на форум который на профилактике, сам скрипт не выложили, что бы проверить кнопки (картинки)

0

892

ACT3255
так мы дали данные для входа же.
картинку перезаливали в форумные файлы, все равно ее не видит. скрипт

Код:
<!--Кубики-->
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
{
   var buttonCell = form.getElementsByTagName("tr")[0].insertCell(15);
   buttonCell.id = "button-dice";
   buttonCell.title = "Бросить кубики";
   buttonCell.innerHTML='<img onclick="dice();" src="/i/blank.gif">';
}
</script>
<script type="text/javascript">
function dice()
{
var FoundErrors = '';
var diceRes=""
var CountCube = prompt("Количество кубиков", "3");
var SideCube = prompt("Сколько граней у кубика?", "6");
if(CountCube>9){
alert("Нельзя бросать столько кубиков"); 
return false;}
if(SideCube>9){
alert("Не бывает таких кубиков"); 
return false;}
if (!CountCube)
{return false;}
if (!SideCube)
{return false;}
for(i=0; i<CountCube;i++){
var dice = (Math.round(Math.random()*SideCube))
if(dice==0) dice=1;
diceRes += dice*1936+"-"
}
smile('[dice='+diceRes+CountCube+SideCube+']')
}
</script>
<script>
function addDice(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[dice=",from))==-1) return str;
if((pos2=str.indexOf("]"),pos+6)==-1) return str;
newpos=str.indexOf("]",pos+6)
if(newpos<pos2 && newpos!=-1) str=addDice(str,pos+6,true)
if((pos2=str.indexOf("]",pos+6))==-1) return str;
str=str.substring(0,pos)+makeDice(str.substring(pos+6,pos2))+str.substring(pos2+1,str.length)
if( str.indexOf("[dice=")!=-1 && internal==false) str=addDice(str,0,false)
return str}
function makeDice(dice){
diceMass = dice.split("-")
diceC = dice.substring(dice.length-2, dice.length-1)
diceS = dice.substring(dice.length-1, dice.length)
var diceR=0, diceRu="";
for(i=0;i<diceMass.length-1;i++){diceR+=diceMass[i]/1936;}
for(i=0;i<diceMass.length-1;i++){if(diceMass[i]==diceMass[diceMass.length-2]){diceRu+=diceMass[i]/1936;}else{diceRu+=parseInt(diceMass[i]/1936)+"+";}}
txt="<div class=\"quote-box\"><blockquote><p><b>Исходный бросок</b>: "+diceC+"d"+diceS+"<br /><br /><b>Результаты броска</b>: ("+diceRu+")="+diceR+"</p></blockquote></div>"
return txt}
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addDice(post.innerHTML,0,false)}}
</script>
<!--Конец кубиков-->

во втором окне стиля прописано для кнопки

Код:
#button-dice {
background-image:url(http://forumstatic.ru/files/001a/aa/d5/74816.gif);
}

0

893

Trinity Wane
Странно, поставил Ваши коды на тестовом, все работает, возможно с чем то конфликтует.
Почистите кеш браузера, может закешировалось...

Отредактировано ACT3255 (Сб, 1 Фев 2020 12:34:28)

0

894

Trinity Wane
у вас другой скрипт блокирует

0

895

tartar1
ACT3255
да вот все скрипты уже вытащили, и все равно не пашет оно. а на другом форуме работает, да

0

896

Trinity Wane
перезалейте пикчо

0

897

Trinity Wane

Форум wiedzmin.rolevaya.ru написал(а):

Неправильное имя и/или пароль. Забыли пароль?

sshmmv
Предупреждение в профиль.
Нижний баннер, кстати, везде одинаковый - и на центральном сервисе, и на BestBB, и на QuadroBoards.

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

И с чего вы решили, что "кредит" всегда будет стоить 1 руб? А когда его к стоимости 1 доллара приравняют, ЧТО запоете?

1 кредит всегда равнялся 1 российскому рублю. Так будет и дальше.
Однако стоимость отключения рекламы (количество кредитов, необходимое для подключения услуги) на каждом конкретном форуме рассчитывается в зависимости от его активности и может отличаться в разные периоды.

Инженер
Ответил в ЛС.

0

898

Тема отмодерирована (сообщения не по теме перенесены в неважные).

+2

899

Странный, наверное, вопрос, но ни у кого нет пустого бланка форума в CSS? Я про тот, который стоит по-умолчанию в разделе свой стиль.

0

900

Squalo
у меня есть, 50руб
))))))))

0

901

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

Странный, наверное, вопрос, но ни у кого нет пустого бланка форума в CSS? Я про тот, который стоит по-умолчанию в разделе свой стиль.

Вы имеете в виду то, что при создании форума стоит по умолчанию в Своем стиле? Ну, так создайте тестовик - он все равно нужен, там будет..

+2

902

Squalo
Структура style.css

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 30px;
  position: relative;
  }

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

Цвета style_cs.css

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #f1f1f1;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #f7f7f7;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #1474C3;
  color: #fff;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #E1EDF7;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #f7f7f7;
  color: #005EAB
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #dedfdf;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #f9f9f9;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #004F90;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #C9D6E0;
  }

/* CS2.5 */
.punbb th {
  border-color: #dedfdf
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #005EAB;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #005EAB
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #B42000;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #fff;
  text-decoration: underline
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

+2

903

kolobdur74 да, он самый. Я думала об этом варианте, но тут и проблема, это и так тестовик грубо говоря, поэтому создавать тестовик для тестовика...странно. Не хотела плодить форумы без надобности. У меня был этот файл, который спецом сохраняла для таких случаев, но... видимо он умер вместе с одним из хардов.

Alex_63 Спасибо огромное!

+3

904

Здравствуйте. На вкладке "активные темы" непросмотренные темы по умолчанию выделяются жирным. Можно ли вместо этого сделать, чтобы они подсвечивались другим цветом?

0

905

Тай 'ин
Можно. Ссылку на форум только напишите :)

+1

906

Alex_63, http://ourdiary.mybb.ru/

0

907

Тай 'ин

Ваш форум написал(а):

Вы не имеете прав для просмотра этих форумов.

0

908

Alex_63, эээ, ну как бы да, у нас всё закрыто... Я вообще думала, вы просто скажете, какой код куда вписать)

0

909

Тай 'ин
Ну например так, в HTML верх:

<style type="text/css">
#pun-searchtopics .inew .tcl a,
#pun-viewforum .inew .tcl a
{
    color: #цвет;  /* здесь указываем нужный цвет */
    font-weight: normal; /* если нужно снять жирность */
}
</style>

Если на странице форума не нужно менять выделение (оставить как есть, поменять только в Активных и т.п.), то красное удалите.

+1

910

Alex_63, получилось! Большое спасибо!  :shine:

+1

911

Привет ))
Помогите с парочкой траблов.

1. Есть кнопка смены имиджа (в середине кнопок, черный квадратик)
http://themost.rolka.su/post.php?tid=53
Как ее передвинуть в самое начало ряда кнопок, перед дайсами. А лучше вообще на левую боковую сторону.

2. Заголовки категорий на главной.
http://themost.rolka.su/
Если не разворачивать мазилу на все окно, то они на пиксель-два сдвигаются вправо.
В опере такого нет.
Поправить бы.

0

912

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

1. Есть кнопка смены имиджа (в середине кнопок, черный квадратик)
http://themost.rolka.su/post.php?tid=53
Как ее передвинуть в самое начало ряда кнопок, перед дайсами. А лучше вообще на левую боковую сторону.

Вот кусок скрипта в HTML низ замените на вариант красным

<style>#avtrChang-area{position: absolute; right: 5%;top: 43px;} .post-content legend.hide{  display:none;} .punbb .pa-avatar img {max-width:180px;height:auto;}</style>
<style>#custom-change{background-image:url(http://forumstatic.ru/files/0014/d0/61/87520.jpg);background-position:center;background-repeat:no-repeat; line-height:0;padding:0;width:100%}
</style>
<div class="container" id="change" style="display:none;position: absolute;z-index:2;left: 4px;margin-top: 5px;width: 90px;font: bold 8px tahoma;padding: 6px;line-height: 10pt;text-transform: uppercase;text-align: left;color: #36273d;background: #faead5;
background: url(http://forumstatic.ru/files/0014/d0/61/67270.jpg);
box-shadow: 0 0 4px #1d1d1d inset; border: 1px solid #89908d !important;">
<span style="cursor:pointer;" onclick="bbcode('[AVA]', '[/AVA]');return changeVisibility('change', this)">• Смена аватара</span><br>
<span style="cursor:pointer;" onclick="bbcode('[STA]', '[/STA]');return changeVisibility('change', this)">• Смена статуса</span><br>
<span style="cursor:pointer;" onclick="bbcode('[SGN]', '[/SGN]');return changeVisibility('change', this)">• Смена подписи</span><br>
<span style="cursor:pointer;" onclick="bbcode('[NIC]', '[/NIC]');return changeVisibility('change', this)">• Смена ника</span>
</div><script type="text/javascript">
if((form=document.getElementById("form-buttons")))
$("#button-dice").before('<td id="change01" style="position:relative;"><img src="/i/blank.gif" id="custom-change"  title="Смена аватара, ника, подписи в посте" onclick="return changeVisibility(\'change\', this);" /></td>');
$('#change').appendTo($('#change01'));</script>

+1

913

Иса
Попробуйте поправить скрипт так:

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){
    myarray=new Array(
    "welcome to the new world", "http://forumstatic.ru/files/0014/d0/61/69528.jpg",
    "games information", "http://forumstatic.ru/files/0014/d0/61/84647.jpg",
    "Northeast", "http://forumstatic.ru/files/0014/d0/61/22488.jpg",
    "Midwest", "http://forumstatic.ru/files/0014/d0/61/77598.jpg",
    "South", "http://forumstatic.ru/files/0014/d0/61/24837.jpg",
    "West", "http://forumstatic.ru/files/0014/d0/61/15484.jpg",
"Other Locations", "http://forumstatic.ru/files/0014/d0/61/69528.jpg",
"out of the world", "http://forumstatic.ru/files/0014/d0/61/77575.jpg",
    "PR-zone", "http://forumstatic.ru/files/0014/d0/61/25883.jpg",
    "do it yourself", "http://forumstatic.ru/files/0014/d0/61/43238.jpg"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){
    var cssObj = {
       "height":"64px",
       "background-color": "transparent",
       "background-image":"url("+myarray[q+1]+")",
       "background-position":"23px 50%",
       "background-repeat":"no-repeat"
    }
            if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
            q++}
        });
    });
    </script>

+1

914

Deff
:love: спасибо! все работает

+1

915

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

Как ее передвинуть в самое начало ряда кнопок, перед дайсами. А лучше вообще на левую боковую сторону.

Навскидку здесь (HTML низ) поменять селектор на id какой-то другой кнопки:

$("#button-dice").before('<td id="change01" style="position:relative;"><img src="/i/blank.gif" id="custom-change"  title="Смена аватара, ника, подписи в посте" onclick="return changeVisibility(\'change\', this);" /></td>');

Если не совсем понятно, на что менять, напишите в ЛС данные от какого-нибудь тестового аккаунта, чтобы можно было посмотреть с него.

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

они на пиксель-два сдвигаются вправо.

Они и не стыкуются:

Скриншот

http://forumupload.ru/uploads/0000/14/1c/32995/t81164.jpg

Попробуйте уменьшить это значение на один пиксель (код в поле HTML верх):

.punbb {max-width: 938px!important;padding-left: 40px;}

0

916

Доброго!
есть небольшой вопрос по скрипту от сервиса (доступен в админке) "Количество непрочитанных тем в каждом форуме"
наблюдаю такое и на этом форуме, собственно вопрос:

при выходе-входе на форум все темы помечаются прочитанными,
если долго "просидеть" в какой-то теме + "ответить" - то после возврата на главную страницу - также все темы уже "прочитаны", и понять появились ли новые сообщения и каких именно темах весьма проблематично.. 
хотелось бы понять логику по которой "снимаются" данные уведомления и время их активности

Отредактировано Виталий1980 (Пт, 7 Фев 2020 02:08:37)

+2

917

Виталий1980
В нашем движке трекинг новых сообщений неполный, т.е. непрочитанными считаются те темы и форумы, которые содержат в себе сообщения с датой позднее последнего визита текущего пользователя. При завершении сессии (15 минут неактивности, выход из аккаунта или переход по ссылке "Всё прочитано") время последнего визита обновляется, поэтому сообщения, бывшие до этого непрочтёнными, таковыми уже не считаются.

В темах трекинг частично усовершенствован по сравнению с исходным движком PunBB, а именно - при заходе в тему непрочитанность с неё снимается. Но по завершении сессии всё равно все темы прочитываются вне зависимости от того, зашли Вы в них или нет.

Изменение логики трекинга назревает уже давно, но это потребует значительных модификаций в движке (т.к. на этом всё построено). В будущем, возможно, будем работать над этим, но не в ближайшей перспективе.

Компенсировать этот недостаток отчасти можно с помощью мгновенных уведомлений об ответах, сообщениях в темах подписки и т.п. Так Вы не пропустите ничего важного. Уведомления работают на этом форуме, так что можно посмотреть вживую.

Отредактировано Alex_63 (Пт, 7 Фев 2020 15:20:38)

+3

918

Alex_63
Спасибо за пояснения.

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

В нашем движке трекинг новых сообщений неполный

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

будем работать над этим, но не в ближайшей перспективе.

печалька..
для технического форума, где каждый пост несет реальную смысловую нагрузку, это конечно большой минус..
надо подумать, как с этим справиться, в принципе использование ссылки "активные темы" это хоть какой-то разумный выход (хоть по последним постам).
распишу для своих этот момент..

а увеличить количество активных тем в списке как-то можно ?

0

919

Виталий1980 написал(а):

надо подумать, как с этим справиться,

Как вариант, дописал (отредактировал) в предыдущем сообщении:

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

Компенсировать этот недостаток отчасти можно с помощью мгновенных уведомлений об ответах, сообщениях в темах подписки и т.п.

Можно подписываться на темы, на создание новых тем в форуме, ну и ответы будут уведомляться.

Виталий1980 написал(а):

а увеличить количество активных тем в списке как-то можно ?

В активных темах (до момента прочтения, т.е. обновления времени последнего визита) - все темы, в которых появились новые сообщения. Количество уже прочитанных тем, увы, увеличить возможности нет.
Есть ещё ссылка Ответы, там отображаются все темы, в которых Вы оставляли сообщения и в которых появились новые сообщения после Вашего.

0

920

на "мгновенные уведомления" я глаз положил уже давно, "копим", и присматриваемся ко всему остальному..

пока плюсов больше, чем минусов  :)  может и уживемся.
осталась пара глобальных вопросов, найти оптимальный способ адаптации к защищенным облачным хранилищам + внятные "бэкапы" форума, и осядем точно и на долго у Вас.

в плане навигации и отслеживания тем, стратегия уже вырисовалась оптимальная.
Спасибо!

+1

921

Проблема в таблице на доп. страницах. С компьютера все корректно отображается, с моб. версии текст в первой колонке "ломается". При этом на странице с похожим содержанием все отображается нормально.

0

922

Инженер
Попробуйте добавить метатег в Администрирование - Раскрутка:
Имя viewport, Содержимое width=device-width,initial-scale=1.0

+1

923

Разобрался сам

Отредактировано Инженер (Вс, 9 Фев 2020 11:34:32)

+2

924

внезапно появились проблемы с аватарами участников возле тем и т.д.: аватары съехали, хотя в настройках ничего не менялось, всё прописано давным-давно. если подкрутить отступы и сделать аватар ниже, то он перекрывает название темы и последнее сообщение.

форум - http://raskol.rusff.ru/

теперь всё выглядит вот так:

https://i.imgur.com/7YDuFyE.png
https://i.imgur.com/D9niEGZ.png

Отредактировано iand (Чт, 13 Фев 2020 19:11:13)

0

925

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

внезапно появились проблемы с аватарами участников возле тем и т.д.: аватары съехали, хотя в настройках ничего не менялось, всё прописано давным-давно. если подкрутить отступы и сделать аватар ниже, то он перекрывает название темы и последнее сообщение.

Такое у Вас написано в стиле. Наверное как-то так можно поправить:

.punbb .user-avatar img.ava {
    border: 2px solid #cdbeb0 !important;
    border-radius: 0% !important;
    height: 30px !important;
    width: 89px!important;
    margin: 0px 9px -24px -4px !important;
    opacity: 0.75!important;
    background-position: center center !important;
    background-size: auto 101% !important;
    background-repeat: no-repeat !important;
}

+1

926

Alex_63

налезает на текст

https://i.imgur.com/HyrCQRG.png

нормально смотрится только, если отрегулировать размер изображения до 30 пикселей, но я бы хотел оставить прежний размер аватаров, если это возможно (и понять, почему оно вдруг перестало нормально отображаться)

UPD: плюс, у некоторых пользователей в списке участников не отображаются аватары, хотя они установлены в профиле.

Отредактировано iand (Пт, 14 Фев 2020 00:12:18)

0

927

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

(и понять, почему оно вдруг перестало нормально отображаться)

Скрипт обновился, оформление аватарок чуть поменялось. Всего предусмотреть при таких изменениях, к сожалению, не получается.

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

но я бы хотел оставить прежний размер аватаров, если это возможно

А так?

.punbb .user-avatar {
    width: 89px !important;
}
.punbb .user-avatar img.ava {
    border: 2px solid #cdbeb0 !important;
    border-radius: 0% !important;
    height: 30px !important;
    width: 89px!important;
    margin: 0px 9px -24px -4px !important;
    opacity: 0.75!important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

0

928

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

UPD: плюс, у некоторых пользователей в списке участников не отображаются аватары, хотя они установлены в профиле.

Исправлено, спасибо.

0

929

Alex_63
сработало, спасибо!

+1

930

Здравствуйте. Не получается найти, как сделать. Нужно что бы поля профиля "сообщений" и "репутация" были под названием, как поле "золотишко" на скриншоте.

скрин

http://forumupload.ru/uploads/0000/14/1c/16351/t13944.png

форум

0

931

Здравствуйте.
Ставлю сторонний виджет (всё устраивает кроме двух нюансов)
https://i.imgur.com/UHDYlF0m.png https://i.imgur.com/iaMcqfwm.png
убрать жирный шрифт и отцентровать название темы.
Ставлю:

Код:
<style> .feed-container .content .item .title { font-weight: normal; text-align: center; } </style>

но нифига не срабатывает (может это тупо невозможно?)
В самом коде виджета ничего подобного для правки нет:

код
Код:
***

Подскажите кто в теме  :flag:

Отредактировано ACT3255 (Сб, 15 Фев 2020 22:19:00)

0

932

Сэйран
Скрипты от пользователей 3

ACT3255
Виджет внутри фрейма, во фрейм свой код добавить нельзя. Так что не получится, к сожалению.

+3

933

Здравствуйте, может кто-нибудь подсказать как настроить стиль в данном плеере?:

Код:
<audio controls src="URL"></audio>

Мне нужно сделать его прозрачным и уменьшить размер.
Буду благодарна за любую помощь.

0

934

мятный чай
Cтандартный тег audio не кастомизируется. Можно только сделать свою обёртку для него.
Хотя уменьшить визуально можно, использовав transform: scale.

+2

935

если пользователь без аватара
http://forumupload.ru/uploads/0000/14/1c/8746/t80040.jpg
каким скриптом можно вставить ему свой аватар по умолчанию на главную?

скрипт аватара по умолчанию в сообщениях уже стоит такой:

Код:
<script type="text/javascript">var DefAvtr="http://forumupload.ru/uploads/0000/35/39/46035-4.gif";var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});</script>

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

0

936

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

каким скриптом можно вставить ему свой аватар по умолчанию на главную?

Ну, если не трогать скрипт, то можно так:

Код:
<style>
.user-avatar-link .ava[style*=default_avatar] {background-image: url(своя картинка) !important;}
</style>

+2

937

kolobdur74
огонь! работает)

+1

938

Скажите пожалуйста, можно ли как-то убрать надпись "подарков" из ппрофиля и заменить слово "наград" картинкой открывающей награды по клику?

https://i.imgur.com/4XZVA3H.png

+1

939

мятный чай
Ссылку на форум для начала напишите.

prizrak
Включи поиск пользователей всем группам, а то аватарки похоже только админам и видны. У меня показывает стандартные и не кликабельные у всех.

+2

940

Alex_63
включил
теперь норм?

+1

941

prizrak
Ага, аватарки появились. )

+1

942

Alex_63
ссылка

0

943

Здравствуйте, хорошие.
Начала делать блоки для шапки и возникла нехорошая проблема.
Форум: http://ntcnjdbtkby03.anihub.ru/
Проблема: при наведении на ссылки и на описание форума (над картинкой) проявляется таблица, которая должна быть скрыта.
Вопрос: можно ли что-то сделать, чтобы таблица появлялась только тогда, когда наводишь на картинку?

Отредактировано Эвелина Шайн (Вт, 18 Фев 2020 13:19:04)

0

944

Эвелина Шайн написал(а):

можно ли что-то сделать, чтобы таблица появлялась только тогда, когда наводишь на картинку?

Оберните все блоки, кроме навигации в еще один блок, к примеру в: <div class="table-box">Здесь все блоки кроме <!------- НАВИГАЦИЯ -------></div>
И повесьте на него вместо #html-header:

#html-header:hover .invisibleTable {
  visibility: visible;
  opacity: .982;
}

То есть вот так:

.table-box:hover .invisibleTable {
  visibility: visible;
  opacity: .982;
}

В теории должно сработать..

+2

945

Здравствуйте! Скажите, пожалуйста, есть ли скрипт для замены "последний визит: дата" на слово "оффлайн" или вроде того? Типа этого, но не картинкой, а словами?

0

946

kolobdur74
Спасибо большое!

+1

947

Mr. Bum написал(а):

Здравствуйте! Скажите, пожалуйста, есть ли скрипт для замены "последний визит: дата" на слово "оффлайн" или вроде того? Типа этого, но не картинкой, а словами?

Ну, как то так (в НТМЛ верх):

<style>
.pa-last-visit {font-size: 0;}
.pa-last-visit:before {
content: "оффлайн";
font-size: 12px;
}
</style>

+1

948

kolobdur74
ахах, а ларчик-то просто открывался) спасибо!

+1

949

Снова возвращаюсь к своей теме: как можно выставить не просто диз по умолчанию (если их на форуме больше одного), а сделать так, чтобы для гостей и ботов кнопка выбора этого диза была нажатой?

0

950

Mirra Bell

(!Lmem?$("#changeStyle img:first"):$("#changeStyle img[alt='"+Lmem+"']")).addClass("STYLselect");

+1

951

Здравствуйте, почему-то не настраивается высота блока с прокруткой в появляющейся таблице. Я пыталась настроить, но никак не выходит.
http://kjhlkn.quadrobb.ru
Помогите, пожалуйста, решить проблему. Скрин сделать не получается, извините.

0

952

Эвелина Шайн
overflow-y:150px - нет такого. Есть overflow-y:auto :)

<div style="width: 400px; height: 150px !important; overflow-y: auto;  text-align: justify;">

+2

953

Alex_63
А раньше это не работало хд спасибо! И Извините, туплю ближе к ночи хд

+2

954

раньше был и работал такой Абсолютный помощник по дизайну CSS 2 (beta)
вводишь туда свой форум, тыкаешь на любое место на форуме и он даёт тебе код этого места, с которым уже можно воротить всё возможное (менять фон, цвет, размеры и т.д.)
есть ли сейчас какой-то аналог?

0

955

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

есть ли сейчас какой-то аналог?

Скриптового нет, но почти аналог - вебинструменты для разработчика: Инструменты для поиска и редактирования стиля (скриптов). К сожалению там полные картинки умерли, только миниатюры рабочие..

Пара скриншотов:

https://i.imgur.com/WESI2p4.png
https://i.imgur.com/QwULJ0G.png
https://i.imgur.com/pBaLp8o.png
https://i.imgur.com/h3VF3Ek.png

Синим - это отображение элемента при наведении на элемент в левой колонке, зеленым - это отображение данного свойства для данного элемента.. На последнем скриншоте я показал как можно изменить паддинг, к примеру, на 100 пикселей..

Отредактировано kolobdur74 (Чт, 27 Фев 2020 18:48:31)

+1

956

prizrak
у меня есть код

30 руб на телефон

Отредактировано tartar1 (Чт, 27 Фев 2020 18:44:06)

0

957

prizrak, выше в своем посту добавил скриншоты.. В принципе не хуже скрипта, а по функционалу намного лучше чем Абсолютный помощник..

+2

958

kolobdur74
спасибо, буду пробовать :)

tartar1
такой код у тебя - Абсолютный помощник по дизайну CSS ?

+2

959

prizrak
да,только с окошком

0

960

Здравствуйте! Надеюсь, что пишу в ту тему, но если честно слегка заблудилась, поэтому не серчайте. Вопрос следующий. Я оформила поле профиля в ксс, чтобы там можно было лз делать, однако не могу использовать там хтмл-код, можете подсказать, что может быть я не учла?

0

961

Элизабет фон Рихтер написал(а):

Я оформила поле профиля в ксс, чтобы там можно было лз делать, однако не могу использовать там хтмл-код

Для использования html требуется убрать возможность редактирования пользователей. Т.е. html-лз может ставить только администратор.
Чтобы включить ограничение на редактирование, непосредственно в редактировании добавленного поля профиля найдите Заполнение и поставьте точку на "Нет".

0

962

gru
О, спасибо большое за ответ. Жаль, конечно, что пользователи не смогут иметь такую возможность, но что поделать...

0

963

Элизабет фон Рихтер
Чтобы могли пользователи, можно попытаться заморочиться с несколькими полями профиля, но их количество, насколько помнится, ограничено.)

0

964

gru
Да и будет не слишком удобно для них же, поэтому просто создам тему, пожалуй)

0

965

Элизабет фон Рихтер написал(а):

gru
Да и будет не слишком удобно для них же, поэтому просто создам тему, пожалуй)

теоретически ничего не мешает распарсить содержимое поля и заменить его на html скриптом, но практически у меня лично так и не дошли руки хд

0

966

Амираль написал(а):

теоретически ничего не мешает распарсить содержимое поля и заменить его на html скриптом,

И создать дыру в безопасности форума, через которую любой желающий своим скриптом, вставленным в поле профиля, сможет, например, сменить пароль любому зашедшему администратору.
HTML в полях для пользователей для того и отключен, чтобы исключить такую возможность.
Вообще давать доступ к использованию HTML пользователям - зло, если только это не безопасный HTML в постах от сервиса (который изолирует пользовательский код внутри фрейма).

0

967

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

И создать дыру в безопасности форума, через которую любой желающий своим скриптом, вставленным в поле профиля, сможет, например, сменить пароль любому зашедшему администратору.
HTML в полях для пользователей для того и отключен, чтобы исключить такую возможность.
Вообще давать доступ к использованию HTML пользователям - зло, если только это не безопасный HTML в постах от сервиса (который изолирует пользовательский код внутри фрейма).

Парсить разрешенный список тегов, их кидать как html, остальное текстом хд
Скрипт туда офк входить не будет, просто потому што
Большинству же что надо от этих доп полей? - <b>/<strong>, <i>, <s>, <u>, <br>, <hr>, <a>, <img>. Ну мб еще размер и цвет шрифта, но это не точно
(Но мне безумно_лень)

Отредактировано Амираль (Пт, 13 Мар 2020 16:40:00)

0

968

Помогите. пожалуйста, с этим скриптом Перенос колонок тем и сообщений под описание форума  V.2
Как разместить этот блок сразу после названия подфорума? Видела у многих, но так и не поняла, как настроить. Как например здесь:
https://i.imgur.com/DkLqfCu.jpg
https://i.imgur.com/lMROoDD.jpg

0

969

Господа, приветствую.
Вопрос по скрипту скрытия присутствия: Скрипты от пользователей 1
Попробовала установить на форуме http://indiesex.rolebb.com/ на ник moderator. Ник действительно скрывается в списке активных пользователей, но последний визит виден в профиле и списке пользователей:
https://i.imgur.com/wYLSFr0m.png

Можно ли это исправить?

0

970

del

Отредактировано ACT3255 (Чт, 19 Мар 2020 23:47:01)

0

971

Все ещё надеюсь получить ответ. Спасибо)

Smoking Ace написал(а):

Господа, приветствую.
Вопрос по скрипту скрытия присутствия: Скрипты от пользователей 1
Попробовала установить на форуме http://indiesex.rolebb.com/ на ник moderator. Ник действительно скрывается в списке активных пользователей, но последний визит виден в профиле и списке пользователей:
https://i.imgur.com/wYLSFr0m.png

Можно ли это исправить?

+1

972

Smoking Ace написал(а):

Все ещё надеюсь получить ответ. Спасибо)

Smoking Ace написал(а):

Господа, приветствую.
Вопрос по скрипту скрытия присутствия: Скрипты от пользователей 1
Попробовала установить на форуме http://indiesex.rolebb.com/ на ник moderator. Ник действительно скрывается в списке активных пользователей, но последний визит виден в профиле и списке пользователей:
https://i.imgur.com/wYLSFr0m.png

Можно ли это исправить?

Аналогично.

0

973

https://i.imgur.com/Wc5Jbbl.jpg

Скрипт кнопки прокрутки вверх и вниз, путается. То нажимается вверх, когда нужно вниз, то нажимается вниз когда нужно вверх. Помогите.
Может скрипт я неправильно подобрал или не рассчитал интервал.
Вот скрипт который стоит на форуме.

0

974

Alucard
Ссылку на страницу с проблемой

0

975

Перестали работать подключённые шрифты.
http://modaomafianoir.rolka.su/
Проверил по другим форумам, где есть такое же - тоже не работают. Это общая ошибка?

0

976

Инженер
Имхо вряд ли, если только глюк обновления браузера
Ксать тут http://modaomafianoir.rolka.su/   не вижу загрузки шрифтов через стиль...(Где они у Вас подключаются ?

0

977

Deff
Спросил у других - с того же браузера все норм... Теперь даже не знаю, в чем дело.

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

не вижу загрузки шрифтов через стиль...(Где они у Вас подключаются ?

Свой стиль, верхнее окно :
@font-face {
font-family: "AtibaCyrillic";
src: url("http://forumstatic.ru/files/001a/b4/c9/88590.eot");
src: url("http://forumstatic.ru/files/001a/b4/c9/88590.eot?#iefix") format("embedded-opentype"),
url("http://forumstatic.ru/files/001a/b4/c9/57364.woff") format("woff"),
url("http://forumstatic.ru/files/001a/b4/c9/79254.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

0

978

Инженер, после .eot?') - наверно запятая, а не точка с запятой ?
Попробуйте такой формат загрузки: Кросс Браузерная подгрузка Шрифтов на форум

Ну или через гуголфонт

Отредактировано Deff (Чт, 26 Мар 2020 08:56:29)

+1

979

Deff
Проблема как-то странно распространяется, у кого-то все норм, у кого-то во всех браузерах все слетело.

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

Попробуйте такой формат загрузки

Спасибо. Буду пробовать.

+1

980

Инженер
В принципе сейчас многие пользуются более простой формой загрузки через local:

@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Regular'), local('BebasNeueRegular'), url('http://forumstatic.ru/files/000f/09/5e/24056.woff2') format('woff2'), url('http://forumstatic.ru/files/000f/09/5e/74317.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

Конвертеров шрифтов из одного типа в другие полно в инете, форма выше позволяет вписывать только два типа шрифтов, вместо 4-х

+1

981

Deff
При попытке поправить шрифты внезапно перестал включаться Свой стиль.
Дизайн форума отображается нормально до тех пор, пока не пытаешься внести какие-то изменения в диз и жмешь "сохранить", после этого все слетает.

0

982

Инженер написал(а):

При попытке поправить шрифты внезапно перестал включаться Свой стиль.
Дизайн форума отображается нормально до тех пор, пока не пытаешься внести какие-то изменения в диз и жмешь "сохранить", после этого все слетает.

+

У меня все дизайны послетали, и ни один свой стиль больше не отображается.

0

983

Инженер
Arlekina
Это работы на сервисе, скорей всего.

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

Ну, это опять я телодвижение делал. Но данная 502 из-за скриптов, часто они не обращаются к статике через отдельные домены, а берут её прямо с форумов. Придется сделать перенаправление, а затем уже статику можно будет менять.

0

984

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

Alucard
Ссылку на страницу с проблемой

на всех страницах

0

985

Alucard
Попробуйте заменить код на такое:

Код:
<!--кнопки вверх вниз-->
    <div class="go-up" id='ToTop'><img src="http://forumupload.ru/uploads/0002/90/ea/2/17818.png" border="0" width=100% style="margin:-32px 0 auto -30px"/></div>
    <div class="go-down" id='OnBottom'><img src="http://forumupload.ru/uploads/0002/90/ea/2/47870.png" border="0" width=100% /></div>
    <style>
    .go-up,.go-down {
    display:none;
    position:fixed; /*позиционируем*/
    right:90px; /*указываем положение, если слева - left*/
    z-index:9999; /*показываем поверх все элементов на странице*/
    cursor:pointer;
    opacity:.7; /*прозрачность*/
    margin-bottom:5px; /*отступ снизу (можно не указывать)*/
    width:30px; /*ширина кнопки*/
    height:130px; /*высота кнопки*/
    }
    .go-up {
    bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
    }
    .go-down {
    bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
    }
    .go-down:hover,.go-up:hover {
    opacity:1;
    }
    </style>
    <script type="text/javascript">
    $(function() {
    if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn(600)
    $(window).scroll(function(){
      if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut(600)
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
    $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},400)})
    });
    </script>

0

986

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

Alucard
Попробуйте заменить код на такое:

Поставил этот код, но теперь выглядит вот так.
https://i.imgur.com/CugT9Co.jpg

0

987

Alucard
Ща поправлю

0

988

Alucard
Но направление скрола сейчас не теряется ???

0

989

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

Но направление скрола сейчас не теряется ???

вверх и вниз работает, но хотелось чтобы они стояли вот так https://i.imgur.com/MLTmcAX.jpg

0

990

Alucard

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

но хотелось чтобы они стояли вот так

Ну для этого мечи не подходят, слишком длинные, подсмотрел идею со сдвигом: аналогичные стрелочки с мечами на форуме по рыцарям
Поищите в гугле - стрелочки(иконки) вверх вниз
Поправил, чтобы не наползали на тело форума

Код:
	<!--кнопки вверх вниз-->
        <div class="go-up" id='ToTop'><img src="http://forumupload.ru/uploads/0002/90/ea/2/17818.png" border="0" width=100% style="margin:-32px 0 auto -30px"/></div>
        <div class="go-down" id='OnBottom'><img src="http://forumupload.ru/uploads/0002/90/ea/2/47870.png" border="0" width=100% /></div>
        <style>
        .go-up,.go-down {
        display:none;
        position:fixed; /*позиционируем*/
        margin-left:1150px; /*указываем положение, если слева - left*/
        z-index:9999; /*показываем поверх все элементов на странице*/
        cursor:pointer;
        opacity:.7; /*прозрачность*/
        margin-bottom:5px; /*отступ снизу (можно не указывать)*/
        width:30px; /*ширина кнопки*/
        height:130px; /*высота кнопки*/
        }
        .go-up {
        bottom:95px; /*положение от низа окна браузера верхняя кнопка*/
        }
        .go-down {
        bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
        }
        .go-down:hover,.go-up:hover {
        opacity:1;
        }
        </style>
        <script type="text/javascript">
        $(function() {
        if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
        $(window).scroll(function(){
          if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
          else $("#ToTop").fadeIn("slow")
        });
        if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn(600)
        $(window).scroll(function(){
          if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut(600)
          else $("#OnBottom").fadeIn("slow")
        });
        $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
        $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},400)})
        });
        </script>

Отредактировано Deff (Пт, 27 Мар 2020 00:03:02)

+1

991

Deff
И на этом спасибо. +

+1

992

Вс еще хотелось бы получить ответ на свой вопрос Общие вопросы по оформлению (65)

0

993

kernel
До всей этой эпопеи с аватарками – увеличение размера и изменение месторасположения – страницы в стиле для мобильных: главная, активные темы и т.п. как-то аккуратнее выглядели, чем сейчас. Можно какими-то образом сделать, как было раньше?

0

994

https://i.imgur.com/qZK6N9lm.png
Как убрать вот это расстояние?

0

995

ACT3255
Допишите в стили:

.punbb #pun-ulinks, .punbb #LastUploads {
    margin: 0;
    padding: 0;
}
.punbb #LastUploads .scroll {
    height: 100px;
    line-height: 100px;
}

sshmmv
Изменение месторасположения - это про что? Кроме отсутствия границы и увеличения размера аватарок на несколько пикселей принципиально ничего не менялось.
Впрочем, размер и границу можно настроить в css, чтобы было как раньше.

+1

996

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

sshmmv
Изменение месторасположения - это про что? Кроме отсутствия границы и увеличения размера аватарок на несколько пикселей принципиально ничего не менялось.
Впрочем, размер и границу можно настроить в css, чтобы было как раньше.

Вчера они слегка сместились вниз, и с учетом увеличившегося размера, в мобильном стиле всё стало как-то очень не аккуратно выглядеть.

А что надо прописать в стилях, чтобы для мобильного сделать, как раньше?

0

997

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

А что надо прописать в стилях, чтобы для мобильного сделать, как раньше?

Не вижу разницы с тем, что было до вчерашнего дня. Стили были скопированы с тех, что были в скрипте, только селекторы поменялись. Поясните на скриншоте, что Вы имеете в виду.

0

998

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

Поясните на скриншоте, что Вы имеете в виду.

скриншот

https://i.imgur.com/MmymdJMm.png

Еще вчера днем надпись Последнее сообщение НЕ нависала над аватаром, а находилась справа от него. А увеличенный диаметр аватара как будто бы заузил колонку с последними сообщениями. Теперь бывает, что текст справа от аватара разрывается аватаром на два куска, с большой пустотой между ними.

До изменения в аватарах ни чего подобного не было, и много лет. Наоборот, было всё очень аккуратно и красиво.

Отредактировано sshmmv (Сб, 28 Мар 2020 19:23:04)

0

999

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

А увеличенный диаметр аватара как будто бы заузил колонку с последними сообщениями.

Со вчерашнего дня аватар не увеличивался. Размеры такие же, как были при последнем обновлении скрипта.

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

Теперь бывает, что текст справа от аватара разрывается аватаром на два куска, с большой пустотой между ними.

На Вашем скриншоте проблем не вижу, раньше точно так же было. В названиях тем содержатся достаточно длинные слова, которые вместе не умещаются в одну строчку, поэтому второе переносится на следующую.

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

надпись Последнее сообщение

Добавлено скриптом, от нас не зависит.
Единственное, можно попробовать дописать в стили такое, возможно будет лучше:

Код:
@media screen and (max-width: 540px) {
td.tc_tbl {
    padding-left: 0 !important;
}
}

+2

1000

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

На Вашем скриншоте проблем не вижу, раньше точно так же было. В названиях тем содержатся достаточно длинные слова, которые вместе не умещаются в одну строчку, поэтому второе переносится на следующую.

Еще раз:

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

Еще вчера днем надпись Последнее сообщение НЕ нависала над аватаром, а находилась справа от него. А увеличенный диаметр аватара как будто бы заузил колонку с последними сообщениями. Теперь бывает, что текст справа от аватара разрывается аватаром на два куска, с большой пустотой между ними.

До изменения в аватарах ни чего подобного не было, и много лет. Наоборот, было всё очень аккуратно и красиво.

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

Единственное, можно попробовать дописать в стили такое, возможно будет лучше:

Большое спасибо! Попробую.

0

1001

Alex_63
Так лучше стало. Спасибо еще раз!

+1

1002

Утро доброе!   :rain:

Обнаружил такой момент, после появления встроенных мини аватарок в движке, сбилась высота колонок.

Было
https://i.imgur.com/emVpV0Lm.jpg

Стало
https://i.imgur.com/3VbYaPkm.jpg

Копался в стилях, но что то пока никак не выходит сузить колонку :(

Что делать то  :question:

Отредактировано albino (Пн, 30 Мар 2020 11:44:11)

0

1003

albino
Выкладывайте ссылки на форум с проблемой!

0

1004

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

albino
Выкладывайте ссылки на форум с проблемой!

Прошу прощения

Вот ссылка
http://techique.mybb.ru/viewforum.php?id=7

+1

1005

albino, наверно высота строк таблицы ?
Добавьте в HTML верх:

<style>
.punbb .user-avatar {
    margin: 0 9px -7px 0px!important;
}
</style>

Отредактировано Deff (Пн, 30 Мар 2020 12:20:29)

+2

1006

Ух, ну слава богу.

Всё теперь радует глаз. Спасибо !

0

1007

Доброго дня!
Не самая "горящая" проблема, но намозолила глаза. На форуме установлен скрипт создания заголовков h1 через форму ответа. В основном тексте сообщений они отображаются замечательно, в блоках кода и цитаты начинаются проблемы. В коде особенно актуально, т.к. выделение начиная со второго заголовка (и далее, если они есть) видит в них только текст, без тега. Соответственно, сама функция записи кода теряет смысл. Можно что-то сделать, чтобы в коде отображался именно код?
И, если возможно, то подогнать длину ленты под размер блока цитаты.

Скриншоты

https://i.imgur.com/1whCzVO.png
https://i.imgur.com/37WrO4M.png

http://dragonsempire.mybb.ru/

Отредактировано Аллинэя (Ср, 1 Апр 2020 20:51:40)

0

1008

Аллинэя написал(а):

ы. В коде особенно актуально, т.к. выделение начиная со второго заголовка (и далее, если они есть) видит в них только текст, без тега. Соответственно, сама функция записи кода теряет смысл. Можно что-то сде

Аллинэя
Скрипты от пользователей 3

Аллинэя написал(а):

И, если возможно, то подогнать длину ленты под размер блока цитаты.

Ccылку на пост с заголовком внутри цитаты, видную гостю

Отредактировано Deff (Чт, 2 Апр 2020 02:03:11)

0

1009

Периодически на форуме появляется рекламная заставка с предложением юридических услуг.
div class="pravoved-ru-widget pravoved-ru-widget--auto"
Никто не знает, как эту дрянь скрыть? Стилями не получается, так как в коде прописано открытым текстом:

<div class="pravoved-ru-widget pravoved-ru-widget--auto" data-widget="sticky" data-partner-id="98b2a2a5da87c9ca828755ede22c5ae7" style="display: block !important; position: fixed !important; overflow: hidden !important; bottom: 0px !important; left: 0px !important; width: 100% !important; height: 80px !important; opacity: 1 !important; z-index: 2147483646 !important; visibility: visible !important; margin: 0px !important; padding: 0px !important; border: none !important; background: transparent !important; transition: none 0s ease 0s !important; animation: 0s ease 0s 1 normal none running none !important; min-width: 100% !important; top: 0px !important;"><iframe width="100%" height="100%" scrolling="no" id="__15857558" class="__full_15857558" src="about:blank" style="transition: none 0s ease 0s !important; position: absolute !important; display: block !important; margin: 0px !important; padding: 0px !important; border: none !important; overflow: hidden !important; max-width: none !important; max-height: none !important; top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; width: 100% !important; height: 100% !important;"></iframe></div>

Задолбал он, конечно...

0

1010

maxim-ra
1. ссылка на форум.
2. удалите код и всего делов то.

+1

1011

maxim-ra
Вероятно, у Вас форум на партнерском сервисе, а этот код - реклама от партнёра. Но чтобы сказать точно, нужна ссылка на форум, как выше верно отметил ACT3255.

0

1012

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

maxim-ra
1. ссылка на форум.
2. удалите код и всего делов то.

Удалить код откуда?? )

0

1013

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

maxim-ra
Вероятно, у Вас форум на партнерском сервисе, а этот код - реклама от партнёра. Но чтобы сказать точно, нужна ссылка на форум, как выше верно отметил ACT3255.

Вероятно.

http://zcity.lifeforums.ru/

Эта фигня появляется периодически. Надо обновить несколько раз страницу, если сразу не вылезла.

0

1014

maxim-ra
Да, это реклама от партнёра (нижний рекламный блок):

Код:
<!-- юрист -->




<div class="pravoved-ru-widget pravoved-ru-widget--auto" data-widget="sticky" data-partner-id="98b2a2a5da87c9ca828755ede22c5ae7"></div>

<!-- Разместите код загрузчика в конце страницы, загрузчик может быть один для нескольких виджетов -->
<script class="pravoved-ru-loader">;(function (w, d) {var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.my.feedot.com/js/loader.min.js'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);}(window, document));</script>
<!-- /юрист -->

Отключить рекламу можно платно в разделе Администрирование - Платные услуги.

0

1015

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

maxim-ra
Да, это реклама от партнёра (нижний рекламный блок):

Код:
<!-- юрист -->
 
 
 
 
<div class="pravoved-ru-widget pravoved-ru-widget--auto" data-widget="sticky" data-partner-id="98b2a2a5da87c9ca828755ede22c5ae7"></div>
 
<!-- Разместите код загрузчика в конце страницы, загрузчик может быть один для нескольких виджетов -->
<script class="pravoved-ru-loader">;(function (w, d) {var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.my.feedot.com/js/loader.min.js'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);}(window, document));</script>
<!-- /юрист -->

Отключить рекламу можно платно в разделе Администрирование - Платные услуги.

Это хуже всего :-) Я думал как-то бесплатно ее снести

0

1016

maxim-ra
Сервис, в том числе партнёрский, существует за счет средств, получаемых с размещения рекламы на форумах. Так что бесплатно возможности отключить рекламу точно нет.

0

1017

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

maxim-ra
Сервис, в том числе партнёрский, существует за счет средств, получаемых с размещения рекламы на форумах. Так что бесплатно возможности отключить рекламу точно нет.

Удивительно, что кто-то платит за это, а полностью бесполезно. Написал 10 сообщений по этой форме - 0 реакций )
ну ладно, юристы видимо, богатые.

0

1018

maxim-ra
Это уже не к нам вопрос, мы (MyBB) такую рекламу не используем)

0

1019

Простите, а сообщения типа:
Сообщение выслано на указанный адрес вместе с инструкцией по изменению пароля.

Мгновенно приходит? Или могут быть задержки?

И жалуются люди, что нет сообщения с регистрацией...

Отредактировано maxim-ra (Чт, 2 Апр 2020 14:11:03)

0

1020

maxim-ra
По идее должно мгновенно. Если нет во входящих, поищите в спаме, хотя вообще не должны туда письма попадать.

0

1021

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

По идее должно мгновенно. Если нет во входящих, поищите в спаме, хотя вообще не должны туда письма попадать.

ну вот напрочь не работает... Ни забыл пароль, ни просто сообщение с паролем при регистрации...

Отредактировано maxim-ra (Чт, 2 Апр 2020 14:47:16)

+1

1022

Deff
Спасибо, помогло
первый пост, должна быть видна

0

1023

maxim-ra написал(а):

ну вот напрочь не работает... Ни забыл пароль, ни просто сообщение с паролем при регистрации...

Только что проверил, через "забыли пароль" новый пароль на почту пришёл.

0

1024

На форуме нет нижней прокрутки, а она очень нужна при масштабировании окна браузера. Помогите, пожалуйста
пример (1, как у всех, 2 , как у меня):

Свернутый текст

1

http://forumupload.ru/uploads/0000/14/1c/34898/91692.png

2

http://forumupload.ru/uploads/0000/14/1c/34898/37983.png

Ссылка: форум

Отредактировано madnyaska (Чт, 2 Апр 2020 15:22:02)

0

1025

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

Только что проверил, через "забыли пароль" новый пароль на почту пришёл.

Прошу прощения, а каком форуме? На моем?

0

1026

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

На форуме нет нижней прокрутки

Всё верно, у Вас она в стиле и отключена)

body {background: rgba(0, 0, 0, 0) url("http://forumstatic.ru/files/0013/66/99/30778.jpg") repeat-x scroll center top; height: 396px; overflow-x: hidden; margin-left: 100px;}

Код в окне Цвета style_cs.css, выделенное удалите.

maxim-ra написал(а):

Прошу прощения, а каком форуме? На моем?

На своём тестовом.
На Вашем сейчас отправил запрос на изменение пароля (через "забыли пароль") на почту m***m@fl******ing.ru.

+1

1027

мб знает кто-нибудь способ классификации bb-таблиц?
Хочу настроить css так, чтобы таблицы в постах красиво отображались в мобильной версии дизайна, но таблицы очень разные и единого решения для них не придумывается. Если бы их можно было как-то различать - хоть по class, хоть по количеству столбцов - это меня бы спасло )

0

1028

Uso
По идее в мобильном стиле таблицы в постах (ширина которых превышает ширину тела форума) стоит делать с горизонтальной прокруткой, такое решение вполне универсальное и должно нормально подходить для большинства таблиц.
А классифицировать не представляю, как именно, class непонятно на основе чего присваивать им, а одинаковое количество столбцов ничего не даст, таблицы всё равно могут быть слишком разными)

0

1029

Alex_63
у нас много таблиц в 2 столбца) 1 - картинка, 2 - текст. И, собственно, они хуже всех читаются с мобильных. Если хотя бы их отделить от общей массы - я уже спасу несколько деревьев сделаю что-то хорошее)
но как их считать в css - идей нет(
и горизонтальная прокрутка их, пожалуй, не сделает более читабельными... впрочем, надо попробовать.

0

1030

Uso
Подумаю, что можно сделать на уровне сервиса. Пока можно поэкспериментировать скриптом)

0

1031

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

На своём тестовом.
На Вашем сейчас отправил запрос на изменение пароля (через "забыли пароль") на почту m***m@fl******ing.ru.

Отправить то отправили, но ничего не приходит... никому... Ни мне, ни кто регистрируется...

0

1032

maxim-ra
В Вашем случае скорее всего проблема на стороне e-mail сервиса, который Вы используете. Насчет тех, кто регистрируется - ничего не могу сказать, возможно тоже та же ситуация, но с нашей стороны, насколько я вижу, всё работает корректно.

0

1033

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

maxim-ra
В Вашем случае скорее всего проблема на стороне e-mail сервиса, который Вы используете. Насчет тех, кто регистрируется - ничего не могу сказать, возможно тоже та же ситуация, но с нашей стороны, насколько я вижу, всё работает корректно.

Вы имеете ввиду почтовые сервисы получателей этих сообщений?
Ради интереса, можете зарегистрироваться со своей почты? Вам придет сообщение?

А то катастрофа какая-то... люди пытаются регистрироваться, а не получается....В списке зарегистрированных есть, а почта не пришла им...

Отредактировано maxim-ra (Чт, 2 Апр 2020 16:15:44)

+1

1034

maxim-ra
Да, не приходит. Будем разбираться.

0

1035

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

Да, не приходит. Будем разбираться.

Весьма благодарен...

+1

1036

maxim-ra
Поправили, должно работать. Из-за переезда на старом сервере почта не работала.

+1

1037

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

Поправили, должно работать. Из-за переезда на старом сервере почта не работала.

Вроде зафурычило.

+1

1038

Аллинэя написал(а):

первый пост, должна быть видна

В стиле добавить красным

/* Ленты */
h2, h1 {
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 5px 20px 0;
    height: 27px;
    margin: 0px -21px 10px;
    background:
radial-gradient(ellipse at center bottom , rgba(177, 156, 145, 0.1), rgba(0, 0, 0, 0.2)) repeat scroll 0% 0%,
url("http://forumstatic.ru/files/0010/2b/d6/86025.png") no-repeat scroll 100% 50% /*правый*/,
url("http://forumstatic.ru/files/0010/2b/d6/29420.png") no-repeat scroll 0% 50% /*левый*/,
linear-gradient(to right, rgba(40, 32, 29, 0.7), transparent, rgba(40, 32, 29, 0.7)) repeat scroll 0% 0%,
transparent url("http://forumstatic.ru/files/0010/2b/d6/61126.png") repeat-x scroll 0% 50%;
    box-shadow: 0px 3px 10px rgb(21, 18, 15), 0px -4px 10px rgb(21, 18, 15);
}

И заменить этот пункт:
.post-box h1 {margin: 0px -19px 10px auto;}

0

1039

добрый день, уважаемые специалисты!)
помогите, пожалуйста, разобраться с парой проблем, если вас не затруднит)

скрины

Фон для поста в личных сообщениях выглядит совсем плохо, есть ли вероятность того, что это поправимо? хд
http://forumupload.ru/uploads/0000/14/1c/37032/t74314.jpg
А вот тут у меня почему-то никак не отображается фон конкретно для поля профиля (fld1)
http://forumupload.ru/uploads/0000/14/1c/37032/t72368.jpg

А ещё есть ли возможность сделать такой же фон для быстрого ответа, как и фон для поста? Я тут тоже пыталась разобраться, в итоге фон быстрого ответа появлялся, но и вылезал при этом там, где вообще не нужно...
Вот форум: http://testoviyfor.mybb.ru
Заранее большое спасибо))

0

1040

Добра
письма с адреса
nginx@old.mybb.ru
попадают в спам, соответственно, все уведомления, регистрации, подписки люди не видят
http://rains.rusff.ru/

0

1041

Куплимия написал(а):

А вот тут у меня почему-то никак не отображается фон конкретно для поля профиля (fld1)

У вас ошибка в Цвета style_cs.css:

#pun .tcr, .punbb .post-content p{
color:#261d19;{

Всё, что ниже работать не будет..

+2

1042

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

Добра
письма с адреса
nginx@old.mybb.ru
попадают в спам, соответственно, все уведомления, регистрации, подписки люди не видят
http://rains.rusff.ru/

Эта почта работает на старом сервере на время переезда. После того как партнёры заменят IP в ресурсных записях своих доменов на новые, отправка почты на их форумах соответственно будет с того же адреса, как и раньше.

0

1043

Alex_63
партнеры в данном случае это администрация rusff?

0

1044

kolobdur74, спасибо большое! исправила.
А Вы не подскажете, как быть с лс? ( Может, хотя бы выровнять получится?

+1

1045

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

Alex_63
партнеры в данном случае это администрация rusff?

Да, именно.

0

1046

Куплимия написал(а):

А Вы не подскажете, как быть с лс? ( Может, хотя бы выровнять получится?

Смотреть ЛС надо.. Это либо через скрипт Пиар вход, либо киньте в личку Ник Пароль..

+1

1047

Deff
Спасибо, разобралась)

0

1048

Вопросец возник. Почему Важные темы отображаются в самом низу форума?:с

Свернутый текст

http://forumupload.ru/uploads/0000/14/1c/34898/61476.png

ссылка: форум

0

1049

madnyaska
13 марта 2020: Переезд в другой ЦОД. Информация по возможным проблемам

+1

1050

madnyaska
Исправил.

0

1051

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

Да, именно.

спасибо
что будет, если они не сменят запись до 30 апреля?

0

1052

llyn_rhianen
Форумы станут недоступны, пока запись всё-таки не будет сменена)
Но по нашим сведениям, должны уже сменить в течение недели.

0

1053

Я, наверное, вас уже всех достала, но меня волнует еще один вопрос. У нас на форуме домен второго уровня стоит, на нем сайт функционирует исправно, но по старому адресу дизайн мало того, что не грузится, так еще и таблица не обновилась со всем дизайном. Получается какой-то сбой в матрице. В чем проблема ? Прикладываю скрины:

Свернутый текст

На домене второго уровня:

http://forumupload.ru/uploads/0000/14/1c/34898/41695.png

На старой ссылке:

http://forumupload.ru/uploads/0000/14/1c/34898/95079.png

Ссылки на форум:
домен второго уровня
Старая ссылка

Отредактировано madnyaska (Сб, 4 Апр 2020 21:49:03)

+1

1054

madnyaska
Попробуйте сделать повторное сохранение стиля на старой ссылке (странно, но походу сохранение стиля на новом домене не транслируется на старый

Код стиля на старом http://forumstatic.ru/styles/001a/74/14 … 294232.css
Код стиля на новом: http://forumstatic.ru/styles/001a/74/14 … 866945.css

Отредактировано Deff (Сб, 4 Апр 2020 22:03:41)

0

1055

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

Попробуйте сделать повторное сохранение стиля на старой ссылке (странно, но походу сохранение стиля на новом домене не транслируется на старый

О! Заработало
Спасибо

0

1056

madnyaska
Ну вообщем все одно, желательно чтобы @kernel заметил сообщение  :flag:

0

1057

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

madnyaska
Ну вообщем все одно, желательно чтобы @kernel заметил сообщение  :flag:

Партнёрка же. IP в dns не поменяли, с другого сервера работают.

+2

1058

0

1059

Alucard
А точно стоит?) Плохо же читаться текст будет.
Если все-таки стоит, то в HTML верх (значение прозрачности можно регулировать):

Код:
<style>
.punbb > *:not(#html-header) {
    opacity: .9
}
</style>

+1

1060

Alex_63
спасибо, будем верить и надеяться

0

1061

Alex_63
Ну как сказать, эксперименты требует жертв.
Я не умен в дизайне, лучше поменяю собственные лого или иконки дизайны майба.
Чем заказывать дизайн для форума за 1000-2000руб
А так благодарю за скрипт.

+1

1062

Код:
<style>
.punbb a:link, #punbb a:visited {color: #D9843E;}  
.punbb a:hover {color: D9843E ;} 
.punbb a:pun-main h2, #pun-stats h2 {color: D9843E ;} 
</style>

что не так с этим скриптом? Не работает.

0

1063

Alucard
Начнём с того, что это не скрипт, а код стиля)
Ну и написан с ошибками:

<style>
.punbb a:link, #.punbb a:visited {color: #D9843E;} 
.punbb a:hover {color: D9843E ;}
.punbb a:#pun-main h2, #pun-stats h2 {color: D9843E ;}
</style>

+2

1064

Добрый день. Второй день сталкиваюсь с проблемой (то ли что-то со скриптом, то ли не знаю даже, что предположить): стоит скрипт быстрого редактирования сообщения. После успешного редактирования, нажимаю кнопку "отправить", сообщение отправляется, но вместе итогового варианта вижу лишь пустое место. Приходится обновлять страницу, дабы узреть, что же я там наредачил.
Собственно, вопрос: по каким причинам такое может быть?

0

1065

..Boleyn
Пройдите сюда: 13 марта 2020: Переезд в другой ЦОД. Информация по возможным проблемам

По ссылке http://forumstatic.ru/files/0015/c4/3f/97896.js у Вас версия 3.1.2 или 3.1.3?
3.1.3 у меня работает из любого браузера.

+1

1066

Почитал, спасибо. Но все равно остался вопрос: кэш браузера, так? А что за ссылка

По ссылке http://forumstatic.ru/files/0015/c4/3f/97896.js у Вас версия 3.1.2 или 3.1.3?

и как это проверить/заменить, чтобы работало? простите, тупенький я

0

1067

..Boleyn написал(а):

как это проверить/заменить, чтобы работало?

Очистить у браузера кэш. Если не знаете как, поищите в интернете по фразе: как очистить кэш в браузере

..Boleyn написал(а):

А что за ссылка

Скрипт, которым вы пользуетесь:

Код:
<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script src="http://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>

После очистки кэша в браузере можете пройти по ней, и почитать, что написано в заголовке.  :)

Отредактировано sshmmv (Пн, 6 Апр 2020 11:59:42)

+2

1068

sshmmv
Заработало, спасибо большое)

+1

1069

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

Uso
Подумаю, что можно сделать на уровне сервиса. Пока можно поэкспериментировать скриптом)

Если интересно, добиться нужного эффекта удалось через такое сочетание:
.post-content td[style="width:223px"] {}
.post-content td[style="width:223px"] + td {}
и принудительное присвоение ширине первой из двух ячеек именно такой ширины.

Не скажу, что мне прямо очень нравится такое решение, но цель достигнута - с мобильного дизайна эти таблицы отображаются читабельно. Ну и без скриптов обошлось, что для меня как верстальщика приятно.

0

1070

Uso
Интересный вариант, но для всех таблиц не подойдет, у таблиц же может быть гораздо больше столбцов, чем два) Их тоже придётся как-то учитывать. К тому же вместо пикселей можно было ширину указать в единицах, связанных с размерами вьюпорта)

0

1071

Alex_63
разумеется. Но проанализировав наш контент, пришли к выводу, что такие вещи нам нужны только для двух видов таблиц - и именно их через подобные стили прописали.
Так что это, конечно, не универсальное решение, но все-таки помогает )

+1

1072

Подскажите, как вставить логотип в мобильную версию? Искал по поиску, но ничего не нашел.

0

1073

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

логотип в мобильную версию

Ох, лучше не надо!
Гораздо важнее поставить Значок форума: Администрирование > Настройки > Значок форума

+1

1074

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

Ох, лучше не надо!

Почему не надо? Напишите лучше как поставить)

0

1075

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

Подскажите, как вставить логотип в мобильную версию? Искал по поиску, но ничего не нашел.

В стандартную версию от сервиса? А как вы это видите - покажите на скриншоте..

+1

1076

Добрый день. Я никак не могу разобраться с данным скриптом: ♥  Дополнительные смайлы в одном окне со стандартными  ♥
Есть возможность убрать первую вкладку или заменить ее на свою? Т.е. полностью убрать стандартные смайлы

0

1077

dj_maximus

#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
#smilies-area div[class^="t-"]:not(.t-1){display:none;width:470px;}
#smilies-area li.t-0,#smilies-area div.t0{display:none!important}
</style>

+1

1078

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

А как вы это видите - покажите на скриншоте..

Фон для шапки и само лого на этом фоне, вот сюда:

0

1079

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

Фон для шапки и само лого на этом фоне, вот сюда:

Ну, если фон цветом, то вот так:

Код:
<style>
@media screen and (max-width: 540px) {
.punbb #pun-navlinks .container {
background: url(ссылка на лого) top left no-repeat red;
}
}
</style>

Где: red - цвет фона..
top left - местоположение лого от верха и слева.. Можно в пикселях или процентах..

+1

1080

-

Отредактировано mr.Fierce (Чт, 9 Апр 2020 20:20:42)

0

1081

Добрый день!
Столкнулся с проблемой...  Как не пытаюсь поставить  главное меню по центру темной полосы - не получается. Скрипты, что находил здесь при помощи поиска двигают весь блок меню по отношению к шапке, но не сами ссылки.

Добавлено спустя 2 часа 30 минут 59 секунд:
Проблему помогли решить. Еще раз благодарю :)

Отредактировано ХаоС (Сб, 11 Апр 2020 17:12:16)

0

1082

---

Отредактировано bektau (Сб, 11 Апр 2020 16:41:52)

0

1083

/надеюсь, рядовым пользователям можно участвовать в помощи другим? Если нет, то прошу простить, больше не буду)

ХаоС написал(а):

спустить главное меню(сами ссылки) по центру

попробуйте в этом участке кода

Код:
/* D.3 */
#pun-navlinks li {
    display: inline;
    line-height: 100%;
  }

поставить это:

Код:
#pun-navlinks li {
    display: inline-block;
    line-height: 100%;
    margin-top: 18px;
}

+2

1084

Sachimot
Божественно! Благодарю!)

0

1085

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

/надеюсь, рядовым пользователям можно участвовать в помощи другим?

Даже нужно, если такая возможность есть) Более того, практически все сюда и пришли рядовыми пользователями, а уже только потом кто-то из них стал модераторами и админами.

0

1086

Подскажите, как из Статистики убрать пункт Приглашающие (на скриншоте именно он)?

https://i.imgur.com/B5UeBjs.png

0

1087

Alex_63, ок)

Hope13 в стили добавьте

Код:
#most_invitations {
    display: none;
}

+2

1088

Sachimot
Спасибо!

0

1089

Доброго)
Есть вот такой скрипт с новыми хостингами изображений для форума вместо аплоудс от Алекса

Код:
<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!-- конец-->

Существует ли возможность заменить в нем имеджбан на другой хостинг (vfl)? Это бы очень ускорило работу и облегчило жизнь. Заранее спасибо, если кто-то поможет

0

1090

Добрый день. Уже давно назрел вопрос. Есть такой скрипт:

<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/44995.js"></script>

Но почему-то он работает не на всех форумах.
На данный момент конкретно меня интересует этот:

0

1091

не актуально

Отредактировано nata_an (Вс, 26 Апр 2020 00:57:44)

0

1092

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

Существует ли возможность заменить в нем имеджбан на другой хостинг (vfl)?

Нет, у vfl нет публичного API для загрузок. Поэтому использовать его не представляется возможным.

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

Но почему-то он работает не на всех форумах.
На данный момент конкретно меня интересует этот:

Посмотрел, сходу не понял причину. Подробнее посмотрю позже. А вообще в планах заменить скрипт соответствующим функционалом в ядре форумов.

+2

1093

Alex_63, а, вот оно что. Спасибо за ответ)

0

1094

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

А вообще в планах заменить скрипт соответствующим функционалом в ядре форумов.

Спасибо. Это было бы замечательно.

0

1095

Добрый день! Помогите решить следующий момент: http://evilbane.rusff.ru/ на данном форуме в профиле следующая проблема: http://forumupload.ru/uploads/001a/a3/fe/4/178556.png названия полей (посты, репутация, сообщения) скрыты и это ок)) но вот в блоке "репутация" видно двоеточие. Вопрос: как его убрать? И можно ли что-то сделать с зеленым квадратом рядом с цифрой репутации? (желательно уменьшить и, если это реально, заменить цвет. скажем, на красный).

0

1096

..Boleyn написал(а):

Вопрос: как его убрать? И можно ли что-то сделать с зеленым квадратом рядом с цифрой репутации? (желательно уменьшить

В НТМЛ верх:

Код:
<style>
.post-author .pa-respect {
font-size: 0;
}
.post-author .pa-respect span {
font-size: 9px;
}

.post-author .pa-respect img {
width: 7px;
padding-right: 2px;
}
</style>
..Boleyn написал(а):

и, если это реально, заменить цвет. скажем, на красный

Это картинка, для ее смены нужна другая..

+1

1097

kolobdur74
Очаровательно! Благодарю))

+1

1098

Снова здесь. Какая-то проблема со скриптом обтекания, вот этим - Скрипты от пользователей 3
Какое-то время работал, а сейчас перестал. Причем, когда страница подгружается, он делает обтекание, а потом страница загружается до конца и эффект пропадает. С таким я еще не сталкивался) Он вроде бы работает, а вроде бы и нет. Может, он каким-то другим скриптом перекрывается?

0

1099

Mota_Wolfen
Ссылку на пост с проблемой.

+1

1100

Alex_63, скидываю тест - на нем, впрочем, проблема аналогичная

0

1101

Mota_Wolfen
Конфликт со скриптом всплывающих подсказок. Он убирает атрибут title, на основе которого к элементу abbr должно применяться обтекание.

+1

1102

Alex_63, есть какие-то варианты обхода или скрипт?( Если нет, тогда буду думать, от чего из могу отказаться

0

1103

Mota_Wolfen
Пробуйте заменить скрипт подсказки:

<!--скрипт всплывающей подсказки -->
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script> 
$(document).ready(function(){
$('a [title]').not('[title^="float"]').quicktip({ speed:700 });
$('img [title]').not('[title^="float"]').quicktip({ speed:700 });
$('div [title]').not('[title^="float"]').quicktip({ speed:700 });
$('span [title]').not('[title^="float"]').quicktip({ speed:700 });
});
</script>

+3

1104

Deff, йес, заработало, подсказка тоже работает) Спасибо, ребят -)

+1

1105

Доброго)
Что-то я туплю, но.. как в объявлении картинки сдвинуть под кнопки переключения вкладок, и не переломать все?

0

1106

Hecate_An
Поправьте в стиле таблы на красное:

/****************************************
   Таблица с переключаемыми Вкладками

****************************************/

#tab2,#tab2*{
  paddibg:0;
  margin:0;
}
#tab2 {
background: transparent url(http://forumstatic.ru/files/001a/2a/eb/12532.png) 50% 0% no-repeat;
    width: 939px !important;
    margin-left: -2px;
/*outline:solid red 1px;  Убираем Строку после настройки*/
}
#tab2,#tab2 td{
  border:none 0 transparent!important;
  border-collapse:collapse;
}

+2

1107

Deff
Отлично! Спасибо)

0

1108

нашла)
все равно спасибо. знаю мне бы тут помогли

Отредактировано xl (Сб, 2 Май 2020 15:22:10)

0

1109

Один из пользователей форума сказал о подобной проблеме:

текст в кодах почему-то переводится на кириллицу, и так только у меня

https://i.ibb.co/kDGtFFV/789.png
сам форум: http://singularity.anihub.ru

0

1110

Доброго времени суток!
У нас почему-то все пункты меню стоят ровно, а те, что добавлены скриптом (быстрые входа два) стали налезать друг на друга практически (встали впритык), можно это как-то исправить? Раньше было хорошо, но при смене части дизайна оно немного поехало... Заранее благодарю!

Как выглядит

https://sun9-69.userapi.com/c206724/v206724451/1107f2/q-RyyHsyFRU.jpg
Ссылка на форум: *не актуально*

Отредактировано ХаоС (Вт, 5 Май 2020 15:01:06)

0

1111

ХаоС
https://i.imgur.com/20mSEROm.png
так надо?
в верх HTML попробуйте:

Код:
<style>
#pun-navlinks li {
    display: inline-block;
    line-height: 100%;
    margin-top: 18px;
    margin-left: 10px;
}
</style>

Отредактировано ACT3255 (Вт, 5 Май 2020 13:23:40)

+2

1112

Добрый день!
У меня стоит таблица с переключаемыми вкладками в сообщениях, настройка такая:
http://rob.offtopic.su/viewtopic.php?id=1#p1

верх
Код:
<style type="text/css">
/******************************************************************
  Cтиль:"магазины"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
/* Стиль "Ушка" вкладок */
.s-tabs>span{
color: #7d7d7d;
    display: inline-block;
    font-family: Arial !important;
    font-size: 12px !important;
    margin-right: 4px;
    letter-spacing: 1px !important;
    padding: 10px 10px 8px;
    border-top: 2px solid #8080802e;
    background: rgba(236, 236, 236, 0.21);
}
/* Активное "Ушко" */
.s-tabs>span.selected{
background: rgb(236, 236, 236);
    color: #777777;
    border-top: 2px solid grey;
    box-shadow: none;
}
</style>
низ
Код:
<!-- магазины --><script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
</script><!-- /End// магазины -->
код таблицы (например)
Код:
<div class="shop"><ul class="s-tabs">
<span>Вкладка 1</span><span>Вкладка 2</span><span>Вкладка 3</span>
<li class="stab" style="display:block;">
<table width="100%">
<tr>
<td width="15%" bgcolor="#ececec">....</td>
<td bgcolor="#ececec"><b>...</b>. ....</td>
</tr>
</table>
</li>
<li class="stab">
<table width="100%">
<tr>
<td width="15%" bgcolor="#ececec">....</td>
<td bgcolor="#ececec"><b>...</b>. ....</td>
</tr>
</table>
</li>
<li class="stab">
<table width="100%">
<tr>
<td width="15%" bgcolor="#ececec">....</td>
<td bgcolor="#ececec"><b>...</b>. ....</td>
</tr>
</table>
</li>
</ul>
</div>

Где в коде нужно указать, чтобы автоматически, например, открывалась вкладка 1, а не все три?

+1

1113

ACT3255
Да, стало лучше, спасибо большое!

0

1114

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

Где в коде нужно указать, чтобы автоматически, например, открывал

Попробуйте так:

<!-- магазины --><script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').hide().eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
</script><!-- /End// магазины -->

+1

1115

Deff, спасибо, но так и осталось.

0

1116

Добрый день!
Подскажите, как настроить одинаковое отображение тем и сообщений?
Адрес форума - ***
http://forumupload.ru/uploads/0000/14/1c/34944/653921.png

Отредактировано Arlekina (Ср, 6 Май 2020 10:25:51)

0

1117

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

Deff, спасибо, но так и осталось.

Он ( скрипт вкладок) срабатывает раньше, чем его обрабатывает HTML в постах
Попробуйте так:

<!-- магазины --><script type="text/javascript">
    $(document).ready(function() {
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').hide().eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
});
</script><!-- /End// магазины -->

+1

1118

Deff, просто раньше, если не ошибаюсь, таких проблем не было. конечно, не исключено, что плохо помню или не обращала внимание, так как эта штука была актуальна для меня последний раз несколько лет назад хд
Сейчас всё заработало как надо. Спасибо большое!
Добавлено спустя 10 минут 43 секунды:
А ещё поставила скрипт "хтмл в постах" в самый верх...

Отредактировано nicknaame (Вт, 5 Май 2020 18:50:02)

0

1119

nicknaame
Ну раньше скрипт переключения вкладок имел имеено последний вид
Ваш вид скрипта предназначен для непреобразуемого кода HTML в Объявлении, или в шапке. но не в постах с преобразованием в HTML

Отредактировано Deff (Вт, 5 Май 2020 18:52:37)

0

1120

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

Подскажите, как настроить одинаковое отображение тем и сообщений?

Ну самое простое - выровнять текст описаний по высоте во всех форумах. пустое - можно заполнить в конце тегами <br>

Отредактировано Deff (Вт, 5 Май 2020 18:57:16)

+1

1121

Deff
Благодарю!

0

1122

Здравствуйте. Подскажите, как можно через css заменить "Слова статистика" форума на что-то свое?

Свернутый текст

http://forumupload.ru/uploads/0000/14/1c/18613/547739.jpg

0

1123

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

Здравствуйте. Подскажите, как можно через css заменить "Слова статистика" форума на что-то свое?

#pun-stats h2>span{
    display:none;
  }
    #pun-stats h2:before{
    content: "Moё Слово!";
    font-size:16px;
  }

+1

1124

Подскажите, как можно заменить эти слова?
я искал, но видно просмотрел...
https://i.imgur.com/h7KkUah.png

Отредактировано Auchen (Пт, 8 Май 2020 01:28:43)

0

1125

Доброе утро. Подскажите, почему вылезло вдруг скрытое "репутация" (под серой полоской в профиле), хотя до этого не было (была видна одна полоска) http://evilbane.rusff.ru/viewtopic.php? … =23#p45669 и как это исправить.
И еще вопрос: как поменять местами (только цвет полосок, т.е. где это находится) цвет полосок. Допустим, хочу чтобы серая была посередине, а бирюза с правого края (там где сейчас репутация)

0

1126

..Boleyn
Я не вижу, сделайте скриншот ...
http://forumupload.ru/uploads/0000/14/1c/22787/857015.jpg

..Boleyn написал(а):

как поменять местами (только цвет полосок, т.е. где это находится) цвет полосок.

Второе Окно стиля:

.post-author .pa-respect {
    border-top: 6px solid #646565;
}

.pa-posts {
    border-top: 6px solid #b32829;
}

.pa-fld4 {
    border-top: 6px solid #1c5656;
}

.lzname {

+1

1127

..Boleyn
Попробуйте очистить кеш(мож чото подвисло

0

1128

Deff
http://forumupload.ru/uploads/001a/a3/fe/4/517809.png
при чем, со всех имеющихся браузеров: опера, яндекс и хром. и не только у меня так. (а еще снова перестал отображаться текст сообщения, после редактирования, при установленном скрипте быстрого редактирования). может, кэш почистить надо (куки)?

0

1129

..Boleyn написал(а):

при чем, со всех имеющихся браузеров: опера, яндекс и хро

А ясно, я под гостоем смотрел, под пиаром да...
Какой то скрипт отвалился

0

1130

Deff написал(а):
..Boleyn написал(а):

при чем, со всех имеющихся браузеров: опера, яндекс и хро

А ясно, я под гостоем смотрел, под пиаром да...
Какой то скрипт отвалился

а как узнать, какой?) как-то странно, что от гостя все ок, а не от гостя - нет хм

+1

1131

очистил кэш и куки, проблема с редактированием исчезла.

0

1132

..Boleyn
Попробуйте заменить строку в Первом окне на красное:

/*Замена cлова "Репутация" в Топике в Профиле*/
.post-author .pa-respect span a[href^="/respect.php?id="]{
font-size:0!important;
}
.post-author .pa-respect>a[href^="/respect.php?id="]:before{
content:"";
}

cинию можно удалить

+2

1133

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

Попробуйте заменить строку в Первом окне на красное:

чудесно! сработало, спасибо!

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

Второе Окно стиля:

и это тоже! спасибо)

0

1134

блин. еще момент: перед квадратом изменения репутации и дальнейшей цифрой стоит ":". его тоже убирали, чтоб не светилось это :
но видимо скрипт, через который убирали, стоял в одном из окон хтмл и тоже слетел. можно это тоже как-то запрятать?
http://forumupload.ru/uploads/001a/a3/fe/2/928006.png

0

1135

..Boleyn

Там ещё двоеточие скрипт не убирает

Найдите в HTML низ код:

<script>
$('.pa-respect').each(function (){
$(this).html($(this).html().replace('>: ','>'));
});
</script>

Замените на такой:

<script>
$(function(){
$('.pa-respect').each(function (){
$(this).html($(this).html().replace('>: ','>'));
});});
</script>

Отредактировано Deff (Пт, 8 Май 2020 12:15:15)

+1

1136

..Boleyn
Tам чот возможно синию строку я зря сказал убрать... чот репа не кликается на таблицу c коментариями
Спросите у torst там он как то натягивал ссылку на серый(терь зелёный) бордюр ( я уже не помню...  там через position: absolute

Отредактировано Deff (Пт, 8 Май 2020 12:24:24)

+1

1137

Deff
не убирает, зараза(
покрутил с расположением (ставил в самый вверх хтмл-низа и даже в хтмл-вверх) - не скрывает

+1

1138

Код:
<script>
$(window).load(function(){
$('.pa-respect').each(function (){
$(this).html($(this).html().replace('>: ','>'));
});});
</script>

А так ?

+1

1139

Короче убежал до завтра ...  :flag:

0

1140

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

А так ?

неа( написали торсту, может он что подскажет
спасибо!

+1

1141

..Boleyn
Ну ссылку он натянуть наверно сможет, а с двоеточием вряд ли - русфф походу код поменял замены уважения на репутацию - потому у Вас и вылезло  :dontknow:

Подумаю до завтра - мож чо придумается

Отредактировано Deff (Пт, 8 Май 2020 12:29:30)

0

1142

Вариант:

.pa-respect .fld-name{
  color:transparent!important;
}

+1

1143

..Boleyn
Вон css выше для скрытия двоеточия

+1

1144

Auchen
Для "Активны" в HTML низ:

<!--Универсальный скрипт замены. -->
<script>
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
UniverСhange("#pun-stats .item5","Активны","Свой текст");
//На следующей строке можно добавить еще запрос
</script>

+2

1145

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

Вон css выше для скрытия двоеточия

помогло!

0

1146

репутация правда не кликабельна вообще. фиг знает что случилось... пока ответа нет.

+2

1147

..Boleyn
Поправьте в Первом Окне Стиля:

.post-author .pa-respect{position:relative;}
.post-author .pa-respect a[href^="/respect.php?id="]{
  display:inline-block;
  width:55px;
  height:6px;
  position:absolute;
  top:-6px;left:0;
  margin:0;
}

+1

1148

Доброго вечера.
Подскажите, есть ли способ в текущем скрипте отображения аватаров на главной, лс и пр. поменять картинку, которая ставится по умолчанию гостям и участникам, не имеющим аватаров?

0

1149

MD
Попробуйте так:

.avatar-image[style*="default_avatar.jpg"]{
       background-image:url(Новая Ссылка)!important;
    }

+2

1150

Deff
Спасибо, как всегда выручаете.

+1

1151

подскажите, пока могли появиться названия полей профиля? мы их отключали через ксс

https://snipboard.io/XsL7w2.jpg

0

1152

llyn_rhianen
Поменяли формат названия полей:
Теперь они в тегах span
Вариант отключения названий(через стиль):

.pa-fld1 .fld-name {display:none;}

Красное - меняете на селектор нужного поля

Отредактировано Deff (Сб, 9 Май 2020 00:44:40)

0

1153

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

Поправьте в Первом Окне Стиля:

король и бог! работает)))

+1

1154

Deff
кстати, хотел спросить. сейчас, когда ставишь плюс в репу, сама репутация изменяется. вот так
http://forumupload.ru/uploads/001a/a3/fe/4/12652.png
здесь так. у меня на форе так. от чего это может быть?

0

1155

а еще я заметил, что в профиле на плюс не нажимается. только под постом..

+2

1156

Deff
Спасибо, поправим

Присоединяюсь к вопросу выше про репутацию, под профилем тоже не работает

+1

1157

Доброго!
Подскажите, пожалуйста, как можно поменять название конкретного доп.поля на иконку (через стиль желательно)?
Ну и слово "репутация"/"уважение" тоже хотелось бы заменить на пнгшку.

0

1158

Shuit
за бабосы

0

1159

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

Shuit
за бабосы

А через скрипты?
...до этого у нас стоял скриптец и все было норм. Но после недавних изменений все слетело к чертям :')
Кстати, скриптец:

Код:
<script type="text/javascript">
  var F = []; //c фигней
  var F1 = [1,2,3,5]; // без 
  var F2 = [4];// лн
var img = '<img src="https://i.imgur.com/7InmGeO.png" align="top"> ';
var img1 = '<img src="https://i.imgur.com/NDlst1W.png" align="top"> ';
  for(i in F) {$('.post-author li.pa-fld'+F[i]).each(function(){$(this).html($(this).html().replace(/(.*?):(?: |<br>)/,'❖ '));});}
  for(i in F1) {$('.post-author li.pa-fld'+F1[i]).each(function(){$(this).html($(this).html().replace(/(.*?):(?: |<br>)/,''));});}
   for(i in F2) {$('.post-author li.pa-fld'+F2[i]).each(function(){$(this).html($(this).html().replace(/(.*?):(?: |<br>)/,img));});}

$(window).load(function() {

$("li.pa-respect a:[href*='respect.php']").html(img1);
console.log('love');

});

</script>
..Boleyn написал(а):

а еще я заметил, что в профиле на плюс не нажимается. только под постом..

Такая же проблема.

Отредактировано Shuit (Сб, 9 Май 2020 15:26:45)

0

1160

Shuit
я бы вам посоветовала призвать сюда @Deff, а не слушать тартара, потому что отвечает он невпопад. Если Deff ответит, что за деньги, тогда да, но полагаю, что там проблема не тех масштабов.

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

Подскажите, пожалуйста, как можно поменять название конкретного доп.поля на иконку (через стиль желательно)?
Ну и слово "репутация"/"уважение" тоже хотелось бы заменить на пнгшку.

(продублирую ваш вопрос, чтоб Дефф просмотрел)

0

1161

Shuit
Посмотрите пост 1152 - Там дан пример как скрыть название поля!!
Заменяйте ток красное!

Отредактировано Deff (Сб, 9 Май 2020 17:14:35)

+2

1162

@Deff

может, вы подскажете, почему репутация не кликабельна в профиле? я вижу выше правку, но она нам, вероятно, не подходит
http://rains.rusff.ru/

+1

1163

llyn_rhianen
Ну Почему - она кликабельна - ток проверил, единственно некрасива под кликающем после клика(остальные до собственного клика ничо не замечают)
А так нун теребить Alex_63, он контачит с Админами

0

1164

Deff
почти ни у кого на форуме она не прожимается и не меняется репутация

напишу Алексу, но вообще странно, потому что на ЛИЛе, например, работает у меня, а на моем форуме - нет

Отредактировано llyn_rhianen (Сб, 9 Май 2020 20:12:36)

+1

1165

http://yellowcross.f-rpg.ru/

тоже не кликаются плюсы иногда пробивает, но очень-очень редко

0

1166

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

Shuit
Посмотрите пост 1152 - Там дан пример как скрыть название поля!!
Заменяйте ток красное!

Не-не, это работает!
У нас был скрипт, мы заменили его на то, что вы указали. Но в том же скрипте была прикручена замена названия доп.поля и репутации на картинки о_о
Вот эти товарищи:

Код:
var img = '<img src="https://i.imgur.com/7InmGeO.png" align="top"> ';
var img1 = '<img src="https://i.imgur.com/NDlst1W.png" align="top"> ';[/quote]
т.е. у нас раньше выглядело все вот так, а стало - вот этак:

http://forumupload.ru/uploads/0000/14/1c/15921/936946.png
http://forumupload.ru/uploads/0000/14/1c/15921/384523.png

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

я бы вам посоветовала призвать сюда @Deff, а не слушать тартара, потому что отвечает он невпопад. Если Deff ответит, что за деньги, тогда да, но полагаю, что там проблема не тех масштабов.

и да, благодарю за уточнение :3

Отредактировано Shuit (Сб, 9 Май 2020 21:15:08)

0

1167

Deff
Дефф, одну общую вещь у всех, у кого плюсы сломаны, я нашла, а именно:
если смотреть код страницы, найдётся вот такое

<script type="text/javascript">
if (RusffCore.sets.reputation) {
  FORUM.PartnerVote = function() { return false; };
}
</script>

При этом RusffCore.sets.reputation не пробивается поиском ни в html верхе/низе, ни в стиле (глупо там было искать, конечно, но я искала)
Там, где плюсы работают, этого нет. Я не могу это объяснить никак, потому что в скриптах-то у форума такого нет, но в коде страницы есть.

0

1168

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

Ну Почему - она кликабельна

в том-то и суть, что в лз репутация не кликается. только под постом (или, может, частично: на каких-то форумах - да, на каких-то нет. у меня вот не кликается в профиле).

0

1169

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

Deff
почти ни у кого на форуме она не прожимается и не меняется репутация

напишу Алексу, но вообще странно, потому что на ЛИЛе, например, работает у меня, а на моем форуме - нет

если будет ответ, дайте, пожалуйста, знать.

0

1170

..Boleyn
обещали поправить вскоре

+1

1171

Добрый день!
Гуру CSS, подскажите, пожалуйста, как переместить темы/сообщения в произвольное место (в рамках конкретного форума)?
Как можно назначить стиль отображения отдельно для тем и отдельно для сообщений?

например, сюда

http://rob.offtopic.su/
http://forumupload.ru/uploads/0000/14/1c/32693/972533.png

0

1172

nicknaame
Пробуйте так, в том же порядке следования в стиле:

.Add.Tems_And_messages{ /*Для Тем*/

}
.Add.Tems_And_messages[style^="margin-left"]{ /*Для сообщений*/

}

0

1173

Ещё раз здравствуйте! Заметила, что у меня установлен скрипт пиар-входа, но он не работает. Почему?

Код:
<!---------------------------- пиар-вход ---------------------------->
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Реклама'; //Ник PR-аккаунта
PR.pass = 'DFVGBH1991'; //Пароль PR-аккаунта
PR.btn_text = 'https://i.imgur.com/fkcqk5K.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

http://eidren.rolka.su/

+1

1174

Deff
Можете глянуть сообщение 1166?:') Или хотя бы посоветовать куда с этим можно направиться? Даже если платно

+1

1175

Shuit
Кидайте Админ-Ник пароль и ссылку в личку...

0

1176

Всем доброго! Я не знаю, как мне настроить отображение категории в теме. Всяко уже попробовала, но у самой не выходит
http://forumupload.ru/uploads/0000/14/1c/34109/424191.jpg
http://kitilez.quadrobb.ru/viewtopic.php?id=2
Помогите, пожалуйста

0

1177

Эвелина Шайн
Сделайте эскиз на скриншоте, что вы  и куда хотите добавить...
2-е Под гостем ссылки http://kitilez.quadrobb.ru/viewtopic.php?id=2 - не видно!

0

1178

Deff
О, простите подфорум открыла!
Ну, сделать название по центру, и высоту категории настроить в 20px и еще можно бы жирным, чтобы заметнее было.

картинка

http://forumupload.ru/uploads/0000/14/1c/34109/11659.jpg

+1

1179

Эвелина Шайн
Если ток для тем, в конец Первого окна стиля:

#pun-viewtopic #pun-main h1{
  text-align:center;
}

Если для форумов и всех стальных страниц(Профиль и т.д) - красное - убираем

+1

1180

Deff
О, спасибо вам большое!

+1

1181

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

Shuit
Кидайте Админ-Ник пароль и ссылку в личку...

Кинули. qwq Что бы мы без вас делали...

+1

1182

Shuit
Поставил в конец Первого Окна Стиля:

Код:
/*Ставим Иконки на Доп. Поля*/
.pa-fld4,.pa-respect{
  vertical-align:middle;
}
.pa-fld4 .fld-name,
.pa-respect .fld-name{
  font-size:0!important;
  position:relative;
  display:inline-block
   margin:0!important;
}
.pa-fld4 .fld-name:before,
.pa-respect .fld-name a:before{
   display:inline-block;
}
.pa-fld4 .fld-name:before{
  content: url(https://i.imgur.com/7InmGeO.png);
}
.pa-respect .fld-name a:before{
  content: url(https://i.imgur.com/NDlst1W.png);
  top:4px;
}

Отредактировано Deff (Вс, 10 Май 2020 21:43:50)

+1

1183

Deff
огроменное спасибо!*_*
Всегда выручаете :3

+1

1184

Ребят, может это уже где-то обсуждалось, не знаю. Но вроде бы в профиле репутация кликабельна. Даже выскакивает (через раз) окно комментария. Но при этом плюс все равно не ставится. Только под постом. Это еще правится на  админ уровне самой платформы или это уже какие-то косяки в самом форуме?

0

1185

..Boleyn
Правки на на самом  сервисе, в процессе ( от праздников люди отходят)

+1

1186

Deff  :flag: Дароф.

Подскажи пожалуйста:
1. Как мне аватарку (в теме с постом) поставить справа, а всю инфу юзера оставить слева (короче так же как сдесь).

2. Как задать ограниченный размер поле ввода сообщения относительно экрана при вводе сообщения.
Поясню:
Надо чтобы вся форма ввода была (сама форма и при написании) не более 80% экрана.

Возможно такое сделать?
А то я как не кручу выходит вообще не то :tired:

Сам форум если надо  http://vip.maminforum.com

Заранее благодарю :yep:

+1

1187

МАЧОнаДАЧЕ написал(а):

Deff  :flag: Дароф.

Подскажи пожалуйста:
1. Как мне аватарку (в теме с постом) поставить справа, а всю инфу юзера оставить слева (короче так же как сдесь).

2. Как задать ограниченный размер поле ввода сообщения относительно экрана при вводе сообщения.
Поясню:
Надо чтобы вся форма ввода была (сама форма и при написании) не более 80% экрана.

Возможно такое сделать?
А то я как не кручу выходит вообще не то :tired:

Сам форум если надо  http://vip.maminforum.com

Заранее благодарю :yep:

Ну для Вашего сайта попробуйте так(В HTML верх): - У Вас нестандартно получается из-за установки рамок на Авики

<style>
#pun-viewtopic.punbb .post-author{
   position:relative;
  width:100%!important;
}
#pun-viewtopic .pa-avatar .Wrp-ava{
   position:absolute!important;
   top:-6px;
  z-index:1000;
  right:14px;
}
</style>

Для сужения формы ответа наверно так:

#post {
  width:80%;
}

Отредактировано Deff (Ср, 13 Май 2020 19:04:31)

+1

1188

Deff
Из поста выше :writing:
1. Благодарю за сдвиг авы вправо.
2. Пробовал и так тоже. Не помогает.
Дело в том что форма ответа стоит ровно только с компа, а с мобилы не имеет фиксированного размера и при нажатии на форму расширяется на 20% (тем самым выходя за рамки телефона).


Если брать (из вашего поста выше), я пробовал именно так. И задавал разную ширину. Но опять же когда начанаешь писать то форма увиличивается (с телефона), в том же случае с компа форма фиксированая, но идёт с уменьшением на те % которые ты задаёшь :yep:

Скорее всего мне придётся  всё таки ставить доп Диз под мобилы :dontknow:

0

1189

Здравствуйте. Один из пользователей пожаловался, что форум отображается некорректно: тело съезжает вправо и правая сторона «съедается»:
https://i.imgur.com/jpIdt4ol.png
https://i.imgur.com/s1LV9mNl.png
Разрешение у пользователя 1280x800, браузер - Google Chrome.
У меня лично разрешение 1920x1080, браузер такой же, все нормально отображается, по центру.
Измерила «тело» форума - 1206 пикселей, то есть, по идее, должно вписываться в ширину1280 пикселей.
В чем может быть причина?
http://ice-and-fire.ru/

+1

1190

Shephard
Пусть ткнёт настройки окна (три точки в правом верхнем) - глянет масштаб, http://forumupload.ru/uploads/0000/14/1 … 732926.jpg
возможно он не 100% , а 110% к примеру

Типично нечаянно увеличивается при скроле мыши и зажатом контрл

+2

1191

МАЧОнаДАЧЕ написал(а):

Дело в том что форма ответа стоит ровно только с компа, а с мобилы не имеет фиксированного размера и при нажатии на форму расширяется на 20% (тем самым выходя за рамки телефона).

В HTML верх:

<style>
.punbb textarea {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
</style>

Отредактировано Deff (Чт, 14 Май 2020 15:02:00)

0

1192

решено!

привет!

у нас тут очень некрасиво едет окошко личных сообщений.

скрин.

https://i.imgur.com/kRIA833.png

очевидно, по вине вот этого элемента:

.punbb .post-content {
    padding: 10px 20px 0px 110px;
    width: 650px;
    text-align: justify;
}

но при его удалении так же некрасиво едет текст сообщений в темах.

скрин.

https://i.imgur.com/NnZBYfd.png

можно ли как-то всё это дело пофиксить?
заранее спасибо за помощь! <З

Отредактировано К.Ц. (Чт, 14 Май 2020 20:07:10)

0

1193

Добрый день/вечер.
После установки нового дизайна обнаружили у себя небольшой баг, который срабатывает только в Администрировании. А именно - меню форума уползает куда-то вниз, если зайти в http://distance.anihub.ru/admin_index.php.
И вроде фиг бы с ним, но мне, как админу, не то что бы неудобно, а просто хочется, чтоб красиво было везде, а не только там, где все видят

Вот так оно выглядит в норме

https://sun9-19.userapi.com/c857328/v857328675/1917fb/Kj-04tvkIsk.jpg

А вот что случается, если зайти в Администрирование

https://sun9-19.userapi.com/c857328/v857328675/191804/kTU5a0vZw2A.jpg

Проблему наблюдаем тут.

Добавлено спустя 17 часов 48 минут 43 секунды:
есть ещё небольшой конфликт со скриптом регулировки размера шрифта в постах, во время поиска он делает вот так:

Специально зацепила два сообщения, чтоб было видно, как оно съезжает, и как оно должно быть

https://sun9-69.userapi.com/c858236/v858236297/1fa43e/s2Gc-oy5Q4g.jpg

Можно ли скрипт отключить на странице поиска?

Отредактировано iotauri (Пт, 15 Май 2020 12:53:06)

0

1194

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

Shephard
Пусть ткнёт настройки окна (три точки в правом верхнем) - глянет масштаб, http://forumfiles.ru/uploads/0000/14/1c … 732926.jpg
возможно он не 100% , а 110% к примеру

Типично нечаянно увеличивается при скроле мыши и зажатом контрл

Нет, даже на 90% не вползает.

0

1195

Shephard
у него разрешение экрана 800

0

1196

Deff

В HTML верх:

<style>
.punbb textarea {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
</style>

К сожалению не помогло

Добавлено спустя 1 час 9 минут 27 секунд:

Пытался посмотреть как сдесь прописана форма ответа.... Не вышло

Так как если (телефон) включить в настройках полная версия то форма ответа тоже увеличивается (идёт стиль под комп), а при выключенном (сейчас) идёт мобильный стиль и Фома ответа фиксируется рамками экрана.


Так можно ли узнать как на этом форуме прописана в стиле форма ответа.
Или это нереально :whistle:

Любой ответ приму

Отредактировано МАЧОнаДАЧЕ (Чт, 14 Май 2020 21:38:37)

0

1197

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

Shephard
у него разрешение экрана 800

Говорит, что 1280х800 пикселей.

0

1198

Можно ли в bb-кодах реализовать вложенную таблицу? Если я просто вставляю вторую таблицу внутри ячейки td первой, ничего не получается. Или это возможно сделать только в HTML?

0

1199

Дублирую проблему, чтоб призвать в тему волшебника Деффа
iotauri написал(а):

Добрый день/вечер.
После установки нового дизайна обнаружили у себя небольшой баг, который срабатывает только в Администрировании. А именно - меню форума уползает куда-то вниз, если зайти в http://distance.anihub.ru/admin_index.php.
И вроде фиг бы с ним, но мне, как админу, не то что бы неудобно, а просто хочется, чтоб красиво было везде, а не только там, где все видят

Вот так оно выглядит в норме

https://sun9-19.userapi.com/c857328/v857328675/1917fb/Kj-04tvkIsk.jpg

А вот что случается, если зайти в Администрирование

https://sun9-19.userapi.com/c857328/v857328675/191804/kTU5a0vZw2A.jpg

Проблему наблюдаем тут.

Добавлено спустя 17 часов 48 минут 43 секунды:
есть ещё небольшой конфликт со скриптом регулировки размера шрифта в постах, во время поиска он делает вот так:

Специально зацепила два сообщения, чтоб было видно, как оно съезжает, и как оно должно быть

https://sun9-69.userapi.com/c858236/v858236297/1fa43e/s2Gc-oy5Q4g.jpg

Можно ли скрипт отключить на странице поиска?

@Deff можете помочь, пожалуйста?

+1

1200

iotauri
Попозже, через часок, кидайте админ-ник пароль в личку  :flag:

0

1201

Mirra Bell написал(а):

Можно ли в bb-кодах реализовать вложенную таблицу? Если я просто вставляю вторую таблицу внутри ячейки td первой, ничего не получается. Или это возможно сделать только в HTML?

Если я правильно понимаю то вы хотите доп. таблицу с кнопкой (на bb панели)

Можно по подробнее какая именно таблица вас интересует?

И где вы хотите её реализовать?

Имею несколько хороших вариантов:

http://vip.maminforum.com/pages/sozdanie_tablitsi
http://vip.maminforum.com/pages/dobavle … v_tablitsu
http://vip.maminforum.com/pages/podsvet … strok_tabl

0

1202

МАЧОнаДАЧЕ
Нет ) меня интересует в принципе такая возможность для оформления некоторых тем. Хотя наверное я смогу решить проблему разбивкой ячеек

+1

1203

Mirra Bell
Понял :mybb: иду мимо :D

0

1204

Mirra Bell написал(а):

Можно ли в bb-кодах реализовать вложенную таблицу? Если я просто вставляю вторую таблицу внутри ячейки td первой, ничего не получается. Или это возможно сделать только в HTML?

Ну достаточно сложный парсинг сервисом, тут и с текущей комбинацией возникают ошибки...
По идее проще реализовать точно тоже через HTML в сообщении

+2

1205

Возник вопрос по скрипту: Скрипты от пользователей 3
Есть ли возможность сделать так, что в игровой зоне за каждое сообщение шло, к примеру, по 10 баллов, а во флудовой - к примеру, по 1 балу за пост (или по 0,5)

0

1206

Ещё раз здравствуйте! Заметила, что у меня установлен скрипт пиар-входа, но он не работает. Почему?

Код:
<!---------------------------- пиар-вход ---------------------------->
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Реклама'; //Ник PR-аккаунта
PR.pass = 'DFVGBH1991'; //Пароль PR-аккаунта
PR.btn_text = 'https://i.imgur.com/fkcqk5K.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

http://eidren.rolka.su/

0

1207

Smauga
У Вас код кривой установлен, не тот, что Вы выложили!!

У Вас скрипт дублируется дважды!!

<!---------------------------- пиар-вход ---------------------------->
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Реклама'; //Ник PR-аккаунта
PR.pass = 'DFVGBH1991'; //Пароль PR-аккаунта
PR.btn_text = 'https://i.imgur.com/fkcqk5K.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>

+1

1208

Deff
Все равно не работает

0

1209

Smauga
У меня всё работает!

Свернутый текст

http://forumupload.ru/uploads/0000/14/1c/22787/271067.jpg

Стиль подвижки Пиар-Входа у Вас во втором Окне стиля:

#navpr_1 {
    position: absolute;
    margin: -32px 0 0 80px;
    transform: scaleY(0.72);
}

Отредактировано Deff (Сб, 23 Май 2020 23:17:23)

0

1210

Deff
Ах вот где этот гад спрятался! Пардон, за беспокойство.

+1

1211

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

Ах вот где этот гад спрятался! Пардон, за беспокойство.

Я бы перекрасил на картинке шрифт PR в белый цвет, ибо пиарщик тоже фиг найдёт!

+1

1212

Доброго времени! Подскажите, как первый эффект отсюда: https://age-dragon.com/scripts/34-anima … ylok.html# перенести на форум на все ссылки при наведении? И с возможностью добавить свою картинку вместо скобок?
код этого эффекта для удобства:

Код:
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: 'Raleway', sans-serif;
}

nav a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

Тестовик: http://acbuh.hutt.ru/ссылка

Отредактировано dj_maximus (Вт, 26 Май 2020 08:31:02)

0

1213

Доброго времени суток!
Возник вопрос: Есть ли скрипт для сокрытия поля с информацией автора в постах?

выглядит это так

https://sun9-20.userapi.com/GwPy0-hhAnC7DufoE8E8YLxvqXS2wXcshDr4hg/4aholvNHz9I.jpg https://sun4-17.userapi.com/kfL1tM7oHS3waoC6xlruVIK4cDd1agUI9Hj8xg/XN6-7SGXXEo.jpg
https://sun4-10.userapi.com/N9f3diQLhHyxLv9s59obP8oI7-NBnEso3k8IQA/lzscXIejPew.jpg

Я искал нечто подобное, но, увы, так и не нашел.

0

1214

Jolt
Именно такого здесь не видела, но в каталоге есть такой: "Мини-стиль для некоторых тем (в посте скрываем автора)". Там надо через запятую перечислить номера тем, где это надо закрыть

0

1215

Mirra Bell
Похожий код, но хотелось бы именно обладать возможностью по собственному желанию скрывать определенные сообщения в темах.

0

1216

Допустим, если взять эти два кода:

для скрытия во всех темах форумного раздела

<!-- Скрываем мини-профиль в темах определенных форумов © Alex_63 -->
<script type="text/javascript">
var fIDarr = "1,3"  //ID форумов, в темах которых применяем стиль
.split(/\s*,\s*/);
function addStyle() { /*==123==;
  <style type="text/css">
  .post-author,.pl-email,.pl-website{ display: none !important; }
  .post-body,.post-links,.post-links ul,.post h3>span{
    margin-left: 0 !important;
  }
  </style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
if($.inArray($('head>link[rel="up"]')[0].href.split('id=')[1],fIDarr)!=-1&&$('#pun-viewtopic').length)
  document.write(addStyle);
</script>

для скрытия определенной темы в форумном разделе

<script type="text/javascript">
!function(){
var tIDarr = "92,124,255,480"  //ID тем, в  которых скрываем минипрофиль
.split(/\s*,\s*/);
function addStyle() { /*==123==;
  <style type="text/css">
  .post-author,.pl-email,.pl-website{ display: none !important; }
  .post-body,.post-links,.post-links ul,.post h3>span{
    margin-left: 0 !important;
  }
  </style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
tIDarr.indexOf($('head>link[rel="alternate"]')[0].href.split('id=')[1])!=-1&&$('#pun-viewtopic').length&&document.write(addStyle);}();
</script>

То как будет выглядеть код для скрытия определенных сообщений мини-профиля в определенных сообщениях в определенных темах форумного раздела?

Отредактировано Jolt (Вт, 26 Май 2020 12:25:35)

0

1217

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

То как будет выглядеть код для скрытия определенных сообщений в определенных темах форумного раздела?

В скриптах есть код скрытия поста до опредёлённой даты - проставьте 2030 год ?

0

1218

Deff
Ой, прошу прощения за оговорку. Имел ввиду скрытие мини-профиля. зачитался

0

1219

dj_maximus

.punbb a {
    position: relative;
   transition:3s;
}
a:hover:before {
   content: url(ccылка);
   display:inline-block;
  transform: translateX(20px);
}
a:hover:after {
   content: url(ccылка);
   display:inline-block;
  transform: translateX(20px);
}

0

1220

Jolt
Ну простейшее - у каждого поста есть селектор - по клику на дату в сообщении его можно вычислить в ссылке:
http://forum.mybb.ru/viewtopic.php?id=38556&p=61#p957485

Далее в Свой Стиль или в теги <style></style> в HTML верх

#p957485  .post-author{display:none;}
#p957485  .post-body {margin-left:0!important;}

Отредактировано Deff (Вт, 26 Май 2020 12:37:31)

0

1221

Deff
Понял. Спасибо за помощь!

0

1222

Deff
Исходя из кода:

Код:
#pun-crumbs1 .crumbs,.post h3 a.permalink{
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

Добавить аналог. Надо уменьшить.
Вы подписаны на эту тему: Отписаться

Отредактировано МАЧОнаДАЧЕ (Чт, 28 Май 2020 14:07:11)

+1

1223

МАЧОнаДАЧЕ написал(а):

Добавить аналог. Надо уменьшить.
Вы подписаны на эту тему: Отписаться

Попробуйте добавить красное:

.subscribelink, #pun-crumbs1 .crumbs,.post h3 a.permalink{
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

+1

1224

Deff
Именно оно :cool:

А вот есчё вопрос

Раскрыть

http://forumupload.ru/uploads/0000/14/1c/36838/t299241.png

Вот стрелками показано.
Строка стоит ниже (текст белым цветом так и есть).
Надо строку поднять в зелёнуюю полосу выше

0

1225

Добрый день!
Помогите разобраться, порой в теме после профиля вылазит полоса размером с пиксель, так её можно убрать?
https://i.imgur.com/Ih7CbBH.png
http://whunt.rusff.ru/

0

1226

МАЧОнаДАЧЕ написал(а):

от стрелками показано.
Строка стоит ниже (текст белым цветом так и есть).
Надо строку поднять в зелёнуюю полосу выше

Поправьте в Стиле на цифру красным:

/* D4.1 */
#pun-ulinks  {
  margin-top: -105px;
  }

+1

1227

радость написал(а):

Помогите разобраться, порой в теме после профиля вылазит полоса размером с пиксель, так её можно убрать?
https://i.imgur.com/Ih7CbBH.png
http://whunt.rusff.ru/

Cтранно, по идее не должно!

Попробуйте добавить такой костылик в Конец Первого Окна Стиля:

.punbb .post .post-author{
   position:relative;
}
.punbb .post .post-author:after {
   content: " ";
   display:block;
   /*outline:red solid 1px;*/
   width:245px;
   height:10px;
   margin-left:12px;
   position:absolute;
   margin-top:5px;
   background: url(http://forumupload.ru/uploads/0000/14/1c/22787/250440.png) 0 0 no-repeat;
}

Отредактировано Deff (Пт, 29 Май 2020 20:02:51)

+1

1228

Доброго времени суток.
Подскажите, пожалуйста, не могу понять, как это исправить...
Делала замену внешнего вида для репутации/соо, и, при этом, сам плюс в посте тоже меняет свой внешний вид.
http://forumupload.ru/uploads/0000/14/1c/37046/827088.png
вижу, что он относится к .pa-respect, но может есть возможно корректировать его отдельно?

Отредактировано South (Сб, 30 Май 2020 06:02:01)

-1

1229

South
Ставьте в html верх

Код:
<style>
.post {position:relative!important;}
.rating-vote {
  z-index:100;
  position:absolute!important;
  right:0;
  top:84%;
}
</style>
<script type="text/javascript">
$(document).ready(function(){$('.post .post-rating').each(function(){
var b = $(this).next('.post-vote');
if(b.length){ b.wrap('<div class="rating-vote"></div>');
$(this).prependTo($(this).next());}
else $(this).wrap('<div class="rating-vote"></div>');});});
</script>

top:84%; цифру 84 меняем на своё (подгоняйте по месту)

0

1230

МАЧОнаДАЧЕ написал(а):

South
Ставьте в html верх

Код:
<style>
.post {position:relative!important;}
.rating-vote {
  z-index:100;
  position:absolute!important;
  right:0;
  top:84%;
}
</style>
<script type="text/javascript">
$(document).ready(function(){$('.post .post-rating').each(function(){
var b = $(this).next('.post-vote');
if(b.length){ b.wrap('<div class="rating-vote"></div>');
$(this).prependTo($(this).next());}
else $(this).wrap('<div class="rating-vote"></div>');});});
</script>

top:84%; цифру 84 меняем на своё (подгоняйте по месту)

Спасибо большое!
Подскажите, а возможность убрать рамку вокруг плюсика есть?
Пробовала добавить в скрипт

Код:
  border: none!important;

но не помогло..

Отредактировано South (Сб, 30 Май 2020 09:14:25)

0

1231

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

Делала замену внешнего вида для репутации/соо, и, при этом, сам плюс в посте тоже меняет свой внешний вид.

Добавьте уточнение, к селектору(красным) во Втором окне Стиля

.pa-posts, .post-autor .pa-respect {
    padding: 1px 0px 1px 3px!important;
    margin-top: 1px !important;
    display: inline-block!important;
    float: none!important;
    width: 85px;
    text-align: center;
    text-transform: uppercase;
    margin-left: 1px !important;
    letter-spacing: 0.3px;
    font-family: roboto;
    font-size: 8px;
    border: 2px solid #c9c6c7;
}

Отредактировано Deff (Сб, 30 Май 2020 11:34:22)

+1

1232

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

Cтранно, по идее не должно!
Попробуйте добавить такой костылик в Конец Первого Окна Стиля:

Спасибо больше! Как всегда выручаете! ♥

0

1233

Deff

/* D4.1 */
#pun-ulinks  {
  margin-top: -105px;
  }

Помогло относительно :stupor:

Диз сделан с ошибками (Фотошопа)

Если делаю правки выше/ниже, съезжает вся шапка (а она у меня до самого форума без объявления)


Нашёл выход такой

Данную строку разобъю в "плашки" ниже, а саму строку уберу :yep:


Возможно сделать профиль/личку как в моб.версии? Хотя моб.версия выключена в настройках :dontknow:
То есть к примеру:
Аватарка | инфа | инфа

+1

1234

МАЧОнаДАЧЕ написал(а):

Данную строку разобъю в "плашки" ниже, а саму строку уберу :yep:

Ну не спеши, ща сделаю чуть иначе...

0

1235

МАЧОнаДАЧЕ
Найдите эту строку во Втором окне стиля

#pun-ulinks .container {     border-top: none;    margin-top: -592px;    margin-left: 155px;    text-align: center;    position: absolute;    padding: 1px 0px 0px 0px !important;    font-weight: 500;    width: 734px;    letter-spacing: 0.6px;    color: #ffffff !important;    font-size: 11px;   text-transform: uppercase;    font-family: "bebas neue" !important;}

/* ссылки при наведении */

Замените на такое:

#pun-ulinks .container {
    border-top: none;
    top: 47px;
    margin-left: 155px;
    text-align: center;
    position: absolute;
    padding: 1px 0px 0px 0px !important;
    font-weight: 500;
    width: 734px;
    letter-spacing: 0.6px;
    color: #ffffff !important;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "bebas neue" !important;
}

/* ссылки при наведении */

Регулировка красным

+1

1236

Deff
Прям 100% попадание :cool: пасиб

+1

1237

Deff
Не помнишь :idea: на вскидку.
Где-то тут встречал.
Последний пост в темах сверху

Добавлено спустя 8 часов 1 минуту 3 секунды:

И вот эту строку опустить так же как мы подняли верхнюю

открыть скриншот

http://forumupload.ru/uploads/0000/14/1c/36838/t152238.png

Отредактировано МАЧОнаДАЧЕ (Вс, 31 Май 2020 04:23:43)

0

1238

решил самостоятельно

Отредактировано dj_maximus (Вс, 31 Май 2020 17:40:08)

0

1239

проблема возникла со скриптом: https://forum.mybb.ru/viewtopic.php?id= … 26#p937384
уважение (в моем случае - репутация) меняться категорически не хочет. пробовал менять названия, но все бес отолку. а внутренний перфекционист плачет из-за кривости столбцов

http://singularity.anihub.ru/

0

1240

dj_maximus
Где-то был код через стиль, поищите по моему нику(в течении пары недель)

0

1241

МАЧОнаДАЧЕ написал(а):

И вот эту строку опустить так же как мы подняли верхнюю

Попробуй цифры поменять:

#pun-crumbs1 p.container {
border-top: none;
    padding: 1em 1em 0.8em 1em;
    text-align: center;
    font-weight: bold;
   color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-family: bebas neue;
    margin: 0px 0px -18px 10px !important;
  }

Свернутый текст

Надо сказать дизайн верстал новичек

0

1242

Deff
Та же самая беда как и в посте  Общие вопросы по оформлению (65)

Так же съезжает шапка :unsure:

0

1243

МАЧОнаДАЧЕ
Мне нужен ник-пароль, ибо гостя не пускает в темы. а нужно придумать чоб эта надпись не съезжала и там и там!

0

1244

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

МАЧОнаДАЧЕ
Мне нужен ник-пароль, ибо гостя не пускает в темы. а нужно придумать чоб эта надпись не съезжала и там и там!

Без проблем :yep: в л/с кинул

+1

1245

А подскажите, пожалуйста, как прописать в css код рейтинга сообщения? хочется изменить размер цифры +1 да и фон ей поменять на Ваш манер..

0

1246

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

А подскажите, пожалуйста, как прописать в css код рейтинга сообщения?

.post-rating .container a[title]{
  font-size: 22px;
  color: #FF0000;
}

+2

1247

Добрый день. Слезно прошу помощи тт

Пилили для форума таблицу с вкладками\кнопками, но где-то в коде накосячили(

https://forumupload.ru/uploads/0000/14/1c/37156/451520.png

Цель таблицы: сделать красивую биржу труда, которая бы в себя вмещала 3 города + разные сферы. И нажимая на разные города\сферы, можно было бы посмотреть на все это под разным углом, в развороте. Ну и чтобы удобно было.

Проблема: перескакивают сферы деятельности и города, когда из одного города переходишь в другой. Т. е. я жму кнопку "город 1" и "сфера 1", потом выбираю сферу 2, сферу 3 и все хорошо. Жму на кнопку "город 2", все еще остаюсь в 3 сфере, но если я хочу нажать на сферу 1, то и город слетает на 1... и т.о. приходится жать снова на город 2. А таких перескоков вроде не должно быть( Как их обойти? Чтобы не обнулялись клики так сказать?
Надеюсь понятно объяснила( Но если сами потыкаете в таблицу, то поймете, о чем речь, наверное.

Возможно, мы просто не в том направлении думали и можно как-то иначе это сделать другим кодом. Направьте на путь истинный, пожалуйста)

Ссылка с временным пристанищем таблицы

код
Код:
[html]

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr" class="punbb" style="padding:0!important;width:100%!important">
   <head>
      <base target="_blank" href="http://evilbane.rusff.ru/">
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/styles/001a/a3/fe/style.1589008640.css">
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/extra.38.css">
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/mobile.6.css">
      <style>
         .post-author .pa-respect {
         font-size: 0;
         }
         .post-author .pa-respect span {
         font-size: 9px;
         }
         .post-author .pa-respect img {
         width: 7px;
         padding-right: 2px;
         }
      </style>
      <style>#profile-right strong.GamePst2{ color: #000!important }</style>
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001a/a3/fe/18845.css?1">
      <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/f/ru/bestbb/notifications.css">
      <link rel="stylesheet" type="text/css" href="http://forumstatic.ru/f/ru/bestbb/notifications.reputation.css?441947">
      <style type="text/css" id="extra">
         html {
         background: none !important;
         overflow: hidden;
         width: 100% !important;
         padding: 0 !important;
         margin: 0 !important;
         }
         body {
         background: none !important;
         padding: 0 !important;
         margin: 0 !important;
         display: inline-block !important;
         position: relative !important;
         }
         body::before, #pun_wrap::before {
         content: none;
         }
      </style>
   </head>
   <body>


      <style>
        .job_post_wrapper {
          display: flex;
          flex-direction: column;
          width: 630px;
        }
        .job_post_wrapper input[type="radio"] {
          display: none;
        }
        .job_post_wrapper > label {
          width: 100px;
          padding: 5px 5px;
          display: block;
          word-spacing: 5px;
          letter-spacing: 2px;
          background: #176e6d;
          color: #d6d6d6;
          border: 1px solid #135a5a;
          text-transform: uppercase;
          font-family: montserrat;
          text-shadow: 1px 1px #114e4d;
          box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset;
          position: relative;
        }
        .job_post_wrapper label:hover,
        .job_post_wrapper input[type="radio"]:checked + label {
          background-color: #7a7770;
          font-weight: normal;
          color: #2d2a21;
          cursor: pointer;
        }
        .job_post_wrapper table {
          display: none;
        }
        .sfera1 {
          display: block;
        }
        .job_post_wrapper > input:nth-of-type(1):checked ~ .sfera1,
        .job_post_wrapper > input:nth-of-type(2):checked ~ .sfera2,
        .job_post_wrapper > input:nth-of-type(3):checked ~ .sfera3,
        .job_post_wrapper > input:nth-of-type(4):checked ~ .sfera4 {
          display: block; 
          padding-top: 2px;
          text-align: justify;
          position: relative;
          top: -120px;
          right: -100px;
        }
        table {
          width: 500px;
          position: relative;
          float: right;
        }


         .korpus > div,
         .korpus > input {
            display: none;
          }
         .korpus {
            text-align: center;
            padding: 10px;
          }
         .korpus label {
            width: 120px;
            padding: 5px 5px;
            display: inline-block;
            word-spacing: 5px;
            letter-spacing: 2px;
            background: #176e6d;
            color: #d6d6d6;
            border: 1px solid #135a5a;
            text-transform: uppercase;
            font-family: montserrat;
            text-shadow: 1px 1px #114e4d; 
            box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset;
          }
         .korpus label:hover {
            background-color:  #706d78;
            color:  #2d2a21;
          }
         .korpus input[type="radio"]:checked + label {
            background-color: #7a7770;
            font-weight: normal;
            color:  #2d2a21;
          }
         .korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
         .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
         .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) {
            display: block; 
            padding-top: 2px;
            text-align: justify;
         }
         .text {
            height: 300px;
            overflow-y: scroll;
            padding: 4px 10px 4px 10px;
            margin: 10px 4px 0 0 !important;
          }
         .textarea {
            height: 100px;
            overflow-y: scroll;
          }
      </style>

      <div class="job_post_wrapper">
        <input type="radio" name="choose_sf" checked="checked" id="sf1" onclick="document.getElementById('sf1ct1').checked = true" >
        <label for="sf1">Сфера 1</label>
        <input type="radio" name="choose_sf" id="sf2" onclick="document.getElementById('sf2ct1').checked = true" >
        <label for="sf2">Сфера 2</label>
        <input type="radio" name="choose_sf" id="sf3" onclick="document.getElementById('sf3ct1').checked = true" >
        <label for="sf3">Сфера 3</label>
        <input type="radio" name="choose_sf" id="sf4" onclick="document.getElementById('sf4ct1').checked = true" >
        <label for="sf4">Сфера 4</label>
        <table class="sfera1">
          <tbody>
              <tr>
                <td colspan="2">
                    <div class="korpus">
                      <input type="radio" name="sfera1_city" checked="checked" id="sf1ct1">
                      <label for="sf1ct1">Город1</label>
                      <input type="radio" name="sfera1_city" id="sf1ct2">
                      <label for="sf1ct2">Город2</label>
                      <input type="radio" name="sfera1_city" id="sf1ct3">
                      <label for="sf1ct3">Город3</label>
                      <div class="text">
                        Сфера 1 Город1
                      </div>
                      <div class="text">
                        Сфера 1 Город2
                      </div>
                      <div class="text">
                        Сфера 1 Город3
                      </div>
                    </div>
                </td>
              </tr>
          </tbody>
        </table>
        <table class="sfera2">
        <tbody>
            <tr>
              <td colspan="2">
                  <div class="korpus">
                    <input type="radio" name="sfera2_city" checked="checked" id="sf2ct1">
                    <label for="sf2ct1">Город1</label>
                    <input type="radio" name="sfera2_city" id="sf2ct2">
                    <label for="sf2ct2">Город2</label>
                    <input type="radio" name="sfera2_city" id="sf2ct3">
                    <label for="sf2ct3">Город3</label>
                    <div class="text">
                      Сфера 2 Город1
                    </div>
                    <div class="text">
                      Сфера 2 Город2
                    </div>
                    <div class="text">
                      Сфера 2 Город3
                    </div>
                  </div>
              </td>
            </tr>
        </tbody>
        </table>
        <table class="sfera3">
          <tbody>
            <tr>
                <td colspan="2">
                  <div class="korpus">
                      <input type="radio" name="sfera3_city" checked="checked" id="sf3ct1">
                      <label for="sf3ct1">Город1</label>
                      <input type="radio" name="sfera3_city" id="sf3ct2">
                      <label for="sf3ct2">Город2</label>
                      <input type="radio" name="sfera3_city" id="sf3ct3">
                      <label for="sf3ct3">Город3</label>
                      <div class="text">
                        Сфера 3 Город1
                      </div>
                      <div class="text">
                        Сфера 3 Город2
                      </div>
                      <div class="text">
                        Сфера 3 Город3
                      </div>
                  </div>
                </td>
            </tr>
          </tbody>
        </table>
        <table class="sfera4">
          <tbody>
            <tr>
                <td colspan="2">
                  <div class="korpus">
                      <input type="radio" name="sfera4_city" checked="checked" id="sf4ct1">
                      <label for="sf4ct1">Город1</label>
                      <input type="radio" name="sfera4_city" id="sf4ct2">
                      <label for="sf4ct2">Город2</label>
                      <input type="radio" name="sfera4_city" id="sf4ct3">
                      <label for="sf4ct3">Город3</label>
                      <div class="text">
                        Сфера 4 Город1
                      </div>
                      <div class="text">
                        Сфера 4 Город2
                      </div>
                      <div class="text">
                        Сфера 4 Город3
                      </div>
                  </div>
                </td>
            </tr>
          </tbody>
        </table>
      </div>

      <iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe>
   </body>
</html>[/html]

Отредактировано coxme (Сб, 13 Июн 2020 16:37:39)

0

1248

добрый день.

не так давно заметил проблему (вид раз, вид два) т.е. строку это при просмотре сообщений пользователя, не видно вообще. как сделать так, чтобы она выглядела также, как и в лс (вот). т.е. эта черная подложка, а сверху весь текст. проблема эта здесь http://theredrum.ru/

0

1249

..Boleyn написал(а):

не так давно заметил проблему (вид раз, вид два) т.е. строку это при просмотре сообщений пользователя, не видно вообще. как сделать так, чтобы она выглядела также, как и в лс (вот). т.е. эта черная подложка, а сверху весь текст. проблема эта здесь http://theredrum.ru/

Попробуйте убрать (выделил красным):

#pun-viewtopic .post h3 {
    height: 17px;
    font-family: 'Montserrat Alternates', sans-serif;
    margin: 0 5px 0 5px !important;
    border: 1px solid #252525;
    background-color: #232323;
    font-weight: 600;
    text-transform: lowercase;
    font-size: 9px;
    box-shadow: 0 5px 10px #00000063 inset, 0 0 6px #c4c9c859 inset;
    text-shadow: 1px 1px #00000054;
}

Отредактировано kolobdur74 (Сб, 20 Июн 2020 21:29:18)

+3

1250

Добрый день!
Подскажите, пожалуйста, скрипт для формы ответа, который дает всплывающие подсказки при наведении на ссылку.

Примерно так.

https://i.imgur.com/dorg13R.jpg

Или подскажите, куда можно обратиться с этим вопросом.
Спасибо!

0

1251

Здравствуйте.
Подскажите, как уменьшить это расстояние? (между текстом и краем блока)
https://i.imgur.com/2PrCUx5.jpg

Форум http://salaamnamaste.rusff.ru/

0

1252

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

Подскажите, как уменьшить это расстояние? (между текстом и краем блока)

Ну, попробуйте так:

Код:
.post-content  .scrollbox {
    min-height: 2em;
    height: auto !important;
}

+3

1253

kolobdur74
спасибо)

+1

1254

Здравствуйте. Подскажите, пожалуйста. Как в третьей вкладке в профиле выровнять строчки Сообщения и уважения по центру?

http://anotherlondon.rusff.ru/

0

1255

Андалузка
так надо?
https://i.imgur.com/DMEPNoCm.png

+1

1256

ACT3255
да-да!!

0

1257

Андалузка
В Конец Первого Окна Стиля:

.pa-posts .fld-name,
.pa-respect .fld-name {
  display:block!important;
}
.pa-posts,.pa-respect {
  margin:0 auto!important;
}
.post-ul-Sp.Sp3 {
  width:180px;
  text-align:center!important;
}

+2

1258

Deff
Спасибо огромное!!! Получилось)

+1

1259

привет!
здесь перестал работать скрипт (хтмл-верх):

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
position: absolute;
background: #121212;
z-index: 999;
max-width: 160px;
border: none;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
font-family: arial; /* шрифт */
font-size: 9px; /* размер текста */
display: none;
color: #fff; /* цвет текста */
text-align: center;
padding: 5px;
letter-spacing: 1.2px;
font-weight: lighter;
text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script> 
$(document).ready(function(){
$('a [title]:not(abbr)').quicktip({ speed:500 });
$('img [title]:not(abbr)').quicktip({ speed:500 });
$('div [title]:not(abbr)').quicktip({ speed:500 });
$('span [title]:not(abbr)').quicktip({ speed:500 });
});
</script>
<!--//End//-Всплывающие Подсказки при наведении-->

ничего не меняли, раньше всё было в порядке, но теперь почему-то не функционирует.
буду благодарен за любую помощь :>

Отредактировано К.Ц. (Пт, 3 Июл 2020 21:08:10)

0

1260

К.Ц.
.js вроде как не доступен.

+2

1261

ACT3255
да, я тоже предположил, что в этом проблема. есть ли какой-то аналог скрипта с всплывающими подсказками при наведении на ник в блоке активности?

0

1262

К.Ц.
Замените это

<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>

На такое:

Код:
<script type="text/javascript" src="http://forumstatic.ru/files/0012/d8/04/24666.js"></script>

+2

1263

Deff
спасибо большое, отпустило :>

+1

1264

Еще раз здравствуйте.
Столкнулась с тем, что после добавления скрипта Скрипты от пользователей 3
На мобильном телефоне весь форум поехал вкривь и вкось.
https://imgur.com/zf0dmnX
До установки скрипта все было хорошо. В чем косяк?

0

1265

Андалузка
Для начала ссылку на страницу с проблемой, снятой со скриншота, с установленным скриптом!
2-е Не заметил проблем в этой теме: http://anotherlondon.rusff.ru/viewtopic.php?id=4#p4  http://forumupload.ru/uploads/0000/14/1 … 247649.jpg

Попробуйте очистить кеш браузера... (2-е, когда мы выравнивали по центру инфу  под третьей кнопкой - жалоб от Вас не было!

Отредактировано Deff (Сб, 4 Июл 2020 09:21:29)

0

1266

Deff
Прошу прощения, забыла про ссылку.

Дело в том, что когда мы поправляли  - я смотрела с компьютера. На нем все норм.
Потом вышла с мобильного телефона и обнаружила, что все в раздрае. С компьютера все по-прежнему норм.

0

1267

Андалузка написал(а):

Потом вышла с мобильного телефона и обнаружила

Ну у меня нет сейчас мобильного с инетом...
Попробуйте спросить на этом форуме(Укажите, что с мобильного): http://imagiart.ru/viewtopic.php?id=159 … 7#p1107703

0

1268

Deff
Хорошо, спасибо. Попробую.

0

1269

Доброго дня!

Ребят, может кто подсказать, как правильно поставить вот этот скрипт?
https://forumd.ru/viewtopic.php?id=4472
Код ставится, все норм. НО в профиле пользователя не появляется.
Можете подсказать как добавлять награды для выставления?

0

1270

Vulmera
Вот он тут на ЕТП Обновленные награды , с разными пояснениями-плюшками, в профиле вроде как и не должен появляться, появляется при клике на цифру наград в топике

Отредактировано Deff (Вс, 5 Июл 2020 18:48:19)

+2

1271

Возникли проблемы с регистрацией через почту @protonmail.
Можно как-нибудь решить эту проблему?

0

1272

bektau
В банлисте нету, проверил.
Это что за сервер такой вообще?

0

1273

John Warner написал(а):

Это что за сервер такой вообще?

Если верить Вики, то

ProtonMail — сервис веб-почты с шифрованием, созданный в 2013 году сотрудниками ЦЕРН (Европейская организация по ядерным исследованиям). Серверы и штаб-квартира находятся в Швейцарии[2]. Владелец — Proton Technologies AG (Женева)[3]

И еще: 29 января 2020 года Роскомнадзор сообщил, что на территории России введена полная блокировка услуг "ProtonMail".

+2

1274

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

Можно как-нибудь решить эту проблему?

Так что увы.

+1

1275

Здравствуйте.
Подскажите, пожалуйста. Сваяла вот такую таблицу:

Код:
[table layout=fixed width=15%]
[tr][td colspan=2; bgcolor=#9aa1a9][align=center][b]ПН[/b][/align][/td]
[/tr]
[tr][td colspan=2; bgcolor=#9aa1a9][align=center][b]1[/b][/align][/td]
[/tr]
[tr]
[td bgcolor=#2c4562][b][align=center]Утро[/align][/b]
[align=center]t°+15 [abbr="Облачно, без осадков"][img]http://forumupload.ru/uploads/0011/3d/dc/2/274329.png[/img][/abbr][/align][/td]
[td bgcolor=#9aa1a9 ][b][align=center]День[/align][/b]
[align=center]t°+15 [abbr="Облачно, без осадков"][img]http://forumupload.ru/uploads/0011/3d/dc/2/274329.png[/img][/abbr][/align][/td]
[/tr]
[tr]
[td bgcolor=#9aa1a9 ][b][align=center]Вечер[/align][/b]
[align=center]t°+15 [abbr="Облачно, без осадков"][img]http://forumupload.ru/uploads/0011/3d/dc/2/274329.png[/img][/abbr][/align][/td]
[td bgcolor=#2c4562][b][align=center]Ночь[/align][/b]
[align=center]t°+15 [abbr="Облачно, без осадков"][img]http://forumupload.ru/uploads/0011/3d/dc/2/274329.png[/img][/abbr][/align][/td]
[/tr]
[/table]

А можно ли как-то сделать так, чтобы эта таблицу можно было вставить несколько раз подряд и чтобы она выстроилась по горизонтали, а не одна над другой. (Я, как бы предполагаю, что можно каждый ряд делать таблицей, но это не очень удобно.)
Хотелось бы как-то так чтобы это выглядело

http://forumupload.ru/uploads/0011/3d/dc/2/163442.jpg

http://anotherlondon.rusff.ru/viewtopic.php?id=4#p184

0

1276

Андалузка написал(а):

А можно ли как-то сделать так, чтобы эта таблицу можно было вставить несколько раз подряд и чтобы она выстроилась по горизонтали, а не одна над другой. (Я, как бы предполагаю, что можно каждый ряд делать таблицей, но это не очень удобно.)
Хотелось бы как-то так чтобы это выглядело

Сможете показать в фотошопе как хотелось бы? То есть покажите идеальный вариант картинкой..

0

1277

kolobdur74
так показала же

0

1278

Андалузка написал(а):

так показала же

Ааа, то есть должно быть как на скриншоте? Щас подумаю..

0

1279

Можно привязать стиль к теме или конкретному сообщению
Типа:

#p958962 table[width="15%"]{
  display:inline-block;
}

Отредактировано Deff (Ср, 8 Июл 2020 15:28:38)

0

1280

Deff
я, конечно, добавила. Но, боюсь, не настолько умна, чтобы понять что с этим делать дальше(

0

1281

Андалузка
Дайте ссылку на пост с несколькими таблицами впритык, видную гостю(клик по дате в сообщении)

Отредактировано Deff (Ср, 8 Июл 2020 16:39:58)

+1

1282

Андалузка, в НТМЛ верх:

Код:
<!-- Стиль для погоды -->
<style>
.general_weather {display: flex;}

.weather, .day_grid {display: grid;}

.weather {
  width: 10%;
  grid-template: "day day"
                 "number number"
 "morning daytime"
 "evening night";
  grid-template-columns: 1fr 1fr;
  text-align: center;
  background: #9aa1a9;
  border: 2px solid #F5F5F5;
}

.weather div {
  padding: 0.4em 0.5em;
  border-bottom: 1px solid #F5F5F5;
}

.morning, .evening {border-right: 1px solid #F5F5F5;}

.evening, .night {border-top: 1px solid #F5F5F5;}

.day_grid {
  grid-template: "time_day"
                 "temp"
 "weather_picture";
  grid-template-columns: 1fr;
}

.day {grid-area: day;}
.number {grid-area: number;}
.morning {grid-area: morning;}
.daytime {grid-area: daytime;}
.evening {grid-area: evening;}
.night {grid-area: night;}

.time_day {grid-area: time_day;}
.temp {grid-area: temp;}
.weather_picture {grid-area: weather_picture;}

.morning, .night {background: #2c4562;}

.day, .number, .time_day {font-weight: bold;}
</style>

В пост вставлять через НТМЛ в сообщениях, скрипт надеюсь включен? Вот этот код в пост, или в любое другое место, которое поддерживает НТМЛ (например в объявление):

Код:
<div class="general_weather">

<!-- Понедельник -->
<div class="weather">

<div class="day">ПН</div>

<div class="number">1</div>

<div class="morning day_grid">
<p class="time_day">Утро</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="daytime day_grid">
<p class="time_day">День</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="evening day_grid">
<p class="time_day">Вечер</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="night day_grid">
<p class="time_day">Ночь</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

</div>
<!-- Конец Понедельник -->

<!-- Втроник -->
<div class="weather">

<div class="day">ВТ</div>

<div class="number">2</div>

<div class="morning day_grid">
<p class="time_day">Утро</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="daytime day_grid">
<p class="time_day">День</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="evening day_grid">
<p class="time_day">Вечер</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="night day_grid">
<p class="time_day">Ночь</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

</div>
<!-- Конец Вторник -->

<!-- Среда -->
<div class="weather">

<div class="day">СР</div>

<div class="number">3</div>

<div class="morning day_grid">
<p class="time_day">Утро</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="daytime day_grid">
<p class="time_day">День</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="evening day_grid">
<p class="time_day">Вечер</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

<div class="night day_grid">
<p class="time_day">Ночь</p>
<p class="temp">t°+15</p>
<abbr class="weather_picture" title="Облачно, без осадков">
<img src="http://forumupload.ru/uploads/0011/3d/dc/2/274329.png">
</abbr>
</div>

</div>
<!-- Конец Среда -->

</div>

Надеюсь понятно что куда вам вписывать? Сделал наиболее понятным образом.. Тестируйте..

Отредактировано kolobdur74 (Ср, 8 Июл 2020 17:54:04)

+3

1283

kolobdur74
спасибо большое. выглядит отлично и как надо  :cool:

http://anotherlondon.rusff.ru/pages/pogoda

+1

1284

У меня тоже вопрос по таблице, никак не получается вписать ее в пост по ширине, обрезается. Уже ставила layout в и fixed, и в auto, и прописывала ширину внутри ячеек, и никак. Надо чтобы таблица вписывалась вся без полосы прокрутки при разной ширине поста, т.к. дизайны меняются.
Последний код

Код:
[html]
<table layout=fixed width=100% cellpadding="1" border="1">
<col1 width=5%>
<col2 width=3%>
<col3 width=3%>
<col4 width=3%>
<col5 width=3%>
<col6 width=3%>
<col7 width=3%>
<col8 width=3%>
<col9 width=3%>
<col10 width=3%>
<col11 width=3%>
<col12 width=3%>
<col13 width=3%>
<col14 width=3%>
<col15 width=3%>
<col16 width=3%>
<col17 width=3%>
<col18 width=3%>
<col19 width=3%>
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
<tr>
<td bgcolor=#dcccb2></td> 
<td bgcolor=#dcccb2>эльф</td> 
<td bgcolor=#dcccb2>люди</td> 
<td bgcolor=#dcccb2>драк</td> 
<td bgcolor=#dcccb2>ДСТ</td> 
<td bgcolor=#dcccb2>ДКЛ</td> 
<td bgcolor=#dcccb2>тифл</td> 
<td bgcolor=#dcccb2>айрес</td> 
<td bgcolor=#dcccb2>обор</td> 
<td bgcolor=#dcccb2>вампы</td> 
<td bgcolor=#dcccb2>призр</td> 
<td bgcolor=#dcccb2>гномы</td> 
<td bgcolor=#dcccb2>шеф</td> 
<td bgcolor=#dcccb2>дриады</td> 
<td bgcolor=#dcccb2>ним</td> 
<td bgcolor=#dcccb2>вив</td> 
<td bgcolor=#dcccb2>орки</td> 
<td bgcolor=#dcccb2>личи</td> 
<td bgcolor=#dcccb2>генази</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]вд[/color]</td> 
<td bgcolor=#31271e>[color=silver]+*[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]вд[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]вд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]огн[/color]</td> 
<td bgcolor=#31271e>[color=silver]сум[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огн[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]огн
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд
огня[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]друид[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]приз[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]кровь[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr> 
<td bgcolor=#dcccb2 colspan=19]</td> 
</tr> 
<tr>
<td bgcolor=#31271e>[color=silver]св.
мг.[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]свет[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]мент[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]тлп[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]тьма[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]черн[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]only
шаманы[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]некр[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]черн[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]пси[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]руны[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]иллюз[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огн
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]жреч[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
</table>
[/html]

Еще был такой вариант

Код:
[html]
<table layout=fixed width=100% cellpadding="1" border="1">
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
<tr>
<td bgcolor=#dcccb2 width=2%></td> 
<td bgcolor=#dcccb2 width=2%>эльф</td> 
<td bgcolor=#dcccb2 width=2%>люди</td> 
<td bgcolor=#dcccb2 width=2%>драк</td> 
<td bgcolor=#dcccb2 width=2%>ДСТ</td> 
<td bgcolor=#dcccb2 width=2%>ДКЛ</td> 
<td bgcolor=#dcccb2 width=2%>тифл</td> 
<td bgcolor=#dcccb2 width=2%>айрес</td> 
<td bgcolor=#dcccb2 width=2%>обор</td> 
<td bgcolor=#dcccb2 width=2%>вампы</td> 
<td bgcolor=#dcccb2 width=2%>призр</td> 
<td bgcolor=#dcccb2 width=2%>гномы</td> 
<td bgcolor=#dcccb2 width=2%>шеф</td> 
<td bgcolor=#dcccb2 width=2%>дриады</td> 
<td bgcolor=#dcccb2 width=2%>ним</td> 
<td bgcolor=#dcccb2 width=2%>вив</td> 
<td bgcolor=#dcccb2 width=2%>орки</td> 
<td bgcolor=#dcccb2 width=2%>личи</td> 
<td bgcolor=#dcccb2 width=2%>генази</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]вода[/color]</td> 
<td bgcolor=#31271e>[color=silver]+*[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]вода[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]воды[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]огонь[/color]</td> 
<td bgcolor=#31271e>[color=silver]сум[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огонь[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]огня
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]возд
огня[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]друид[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]призыв[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]кровь[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr> 
<td bgcolor=#dcccb2 colspan=19]</td> 
</tr> 
<tr>
<td bgcolor=#31271e width=2%>[color=silver]св.
мг.[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]светл[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]мент[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]тлп[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]тьма[/color]</td> 
<td bgcolor=#31271e>[color=silver]дроу[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]черн[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]only
шаманы[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]змл
мтл[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2 width=2%>[color=black]некрос[/color]</td> 
<td bgcolor=#dcccb2>[color=black]дроу[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]черн[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e width=2%>[color=silver]пси[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]руны[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr>
<td bgcolor=#31271e>[color=silver]иллюз[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]-[/color]</td> 
<td bgcolor=#31271e>[color=silver]+[/color]</td> 
<td bgcolor=#31271e>[color=silver]огонь
возд[/color]</td> 
</tr>
<tr>
<td bgcolor=#dcccb2>[color=black]жреч[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]-[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
<td bgcolor=#dcccb2>[color=black]+[/color]</td> 
</tr>
<tr> 
<td bgcolor=#31271e colspan=19></td> 
</tr> 
</table>
[/html]

0

1285

Mirra Bell написал(а):

У меня тоже вопрос по таблице, никак не получается вписать ее в пост по ширине, обрезается. Уже ставила layout в и fixed, и в auto, и прописывала ширину внутри ячеек, и никак. Надо чтобы таблица вписывалась вся без полосы прокрутки при разной ширине поста, т.к. дизайны меняются.

Скриншот скиньте как должно выглядеть..

0

1286

kolobdur74
Где-то

так

https://i.imgur.com/yrSAlVJ.jpg

Это сделано в ВВ-кодах, но мне надо именно в HTML, а там не получается

Отредактировано Mirra Bell (Чт, 9 Июл 2020 19:30:46)

0

1287

Mirra Bell
По идее подсмотреть код страницs(cонтрл+U), и скопировать HTML ?

И да, в HTML от сервиса может не получиться центровка именно из-за того, что там HTML во фрейме, тогда лучше поставить HTML с допуском по группам

Отредактировано Deff (Чт, 9 Июл 2020 19:37:33)

+1

1288

Mirra Bell написал(а):

Это сделано в ВВ-кодах, но мне надо именно в HTML, а там не получается

Перенос разрешается или надо без переноса? Количество ячеек по вертикали и горизонтали конечное или плавающее?

Отредактировано kolobdur74 (Чт, 9 Июл 2020 19:57:51)

0

1289

kolobdur74
Без переноса, количество столбцов и строк фиксированное

Deff
Да фиг с ней, с центровкой, мне главное - чтобы вся таблица влазила в пост. А код я посмотрела, он вот

такой  %-)

https://i.imgur.com/SXtQ9YC.jpg

Я его неделю буду разбирать ) да и занимает он больше 57 тыс знаков, а моя таблица - около 15, мне это критично.

+1

1290

Mirra Bell, ну тестируйте:
В НТМЛ верх:

Код:
<!-- Стиль для таблицы рас -->
<style>
.general, .stroka {display: grid;}

.general {
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
}

.stroka {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  text-align: center;
}

.one {background: #dcccb2;color: #31271e;}
.two {background: #31271e;color: #ffffff;}
</style>

Где, вот здесь:

.stroka {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  text-align: center;
}

Красным пишем количество ячеек в строке..

Этот код ставим в любое место где используется НТМЛ:

Код:
<!-- Таблица рас -->
<div  class="general">

<!-- Первое двустрочье -->
<div class="stroka">

<!-- Первая строка -->
<div class="one">Назв</div>
<div class="one">Эльфы</div>
<div class="one">Люди</div>

<!-- Вторая строка -->
<div class="two">вода</div>
<div class="two">+*</div>
<div class="two">+</div>

</div>

<!-- Второе двустрочье -->
<div class="stroka">

<!-- Первая строка -->
<div class="one">Назв</div>
<div class="one">Эльфы</div>
<div class="one">Люди</div>

<!-- Вторая строка -->
<div class="two">вода</div>
<div class="two">+*</div>
<div class="two">+</div>

</div>

<!-- Третье двустрочье -->
<div class="stroka">

<!-- Первая строка -->
<div class="one">Назв</div>
<div class="one">Эльфы</div>
<div class="one">Люди</div>

<!-- Вторая строка -->
<div class="two">вода</div>
<div class="two">+*</div>
<div class="two">+</div>

</div>

</div>

Я сделал в виде двустрочья - в каждом блоке с классом stroka идет две строки (сколько надо столько их и делаем), то есть в каждом блоке идет две строки класс one - это верхняя строка, класс two - это нижняя строка.. Надеюсь понятно объяснил.. Для примера сделал три на три - больше было лень.. Тестируйте..

Отредактировано kolobdur74 (Чт, 9 Июл 2020 21:23:28)

+5

1291

Добрый день!
Подскажите пож-та, есть ли возможность (скрипт или еще что) в форуме при создании темы выделить название темы (ЗАГОЛОВОК).
http://forumupload.ru/uploads/0000/14/1c/36358/t549430.jpg
Поясню. В форуме есть главная тема и остальные все как бы сопутствующие. Вот чтобы эта главная не терялась в списке остальных тем форума этого, нужно выделить ее цветом или жирным шрифтом.

Отредактировано murrena (Ср, 15 Июл 2020 06:24:25)

0

1292

https://sun9-37.userapi.com/9tjzBJsEO96wGhLm76SHoruw1gdGVQXQFoA6tw/orjjB6xej84.jpg

почемуто с компа эти кнопки нормально расположены - внизу, а с мобильного посередине экрана

0

1293

у меня есть таблица респектов в объявлении

https://i.imgur.com/n2qdepT.png

она переключается в мобильной версии в две колонки. надо чтоб не переключалась. чтоб оставались колонки все

0

1294

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

Поясню. В форуме есть главная тема и остальные все как бы сопутствующие. Вот чтобы эта главная не терялась в списке остальных тем форума этого, нужно выделить ее цветом или жирным шрифтом.

В Модер меню есть пункт: Выделить тему
http://forumupload.ru/uploads/0000/14/1c/22787/37770.jpg
На стандартных дизайнах от сервиса тема выделяется жирным и закрепляется вверху тем раздела... По идее, поскольку у таких тем есть специфический селектор можно дополнительно выделить. к примеру цветом или подчеркиванием

+2

1295

Deff
Спасибо огромное! Тема закрепилась наверху с пометкой ВАЖНО. А вот цветом или жирным шрифтом не удалось выделить. Это потому что у меня Свой стиль форума?

0

1296

murrena
Ну добавьте в Стиль чо нидь такое:

.punbb .stickytext + a,
.punbb .stickytext + strong > a {
  color:#800000 !important;
  font-weight:bold!important;
  }

Отредактировано Deff (Ср, 15 Июл 2020 12:41:27)

+1

1297

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

murrena
Ну добавьте в Стиль чо нидь такое:

.punbb .stickytext + a,
.punbb .stickytext + strong > a {
  color:#800000 !important;

а куда именно?

0

1298

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

а куда именно?

Ну к примеру в конец Первого окна стиля

+1

1299

Deff
а как задать минимальную ширину для объявления? при 530 ширине не переключается таблица в мобильный

0

1300

Deff http://images.vfl.ru/ii/1548991449/e4f4cdc5/25202689.gif получилось! Спасибо!!!!

0

1301

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

Тестируйте..

Я наконец-то до этого дошла и протестировала, получилось вот что https://i.imgur.com/R89v6dX.jpg
Т.е. в первой строке элементы выстроились не по горизонтали, а по вертикали

Отредактировано Mirra Bell (Пт, 17 Июл 2020 18:41:15)

0

1302

Mirra Bell написал(а):

Я наконец-то до этого дошла и протестировала, получилось вот что

Адрес наше всё)) Смотреть надо.. С учетом, что нынешний Хром пересмотрел отображение флекс, может он и грид пересмотрел..

+1

1303

При регистрации появляется окошко:

http://forumupload.ru/uploads/0000/14/1c/36441/399744.jpg

Подскажите, как исправить.

0

1304

добрый день!
фор: http://neversay.mybb.ru
ставлю шапку футер, но его не видно, меняю местами с шапкой - появляется, но исчезает шапка (не знаю есть ли смысл в этом)
подскажите, где я прокосячила и как сделать так, чтобы все стояло

Отредактировано Bowie (Пн, 20 Июл 2020 15:39:29)

-1

1305

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

ставлю шапку, но ее не видно, меняю местами с шапкой

Замысловатый текст, я бы сказал что ребус...
Сделайте скриншот, ткните стрелкой, - чего не видно ?
Ну или в ФШ эскиз как должно быть в итоге

+1

1306

Deff написал(а):
Bowie написал(а):

ставлю шапку, но ее не видно, меняю местами с шапкой

Замысловатый текст, я бы сказал что ребус...
Сделайте скриншот, ткните стрелкой, - чего не видно ?
Ну или в ФШ эскиз как должно быть в итоге

выглядит на данный момент так:

тык

https://sun1-29.userapi.com/mvH0TSqaqQVaViHmpC1UeA50X7K3mXHQRNU07g/KGl6rn6ZbZ4.jpg

должно быть:

тык

https://sun1-90.userapi.com/H7MAWov4rWYGPaupmBCboFNrSDM6PzZALqQdSQ/0EOVkR-NL-E.jpg

вместо футера в первом сообщении написала шапку, сори

+1

1307

Bowie
А какой код установки для футера ?
Чот я его не нахожу ?
И дайтес ссылку на картинку футера

+1

1308

Bowie
Перезалейте картинку на форум http://s5.uploads.ru/JnZ5B.png (Администрирование-Файлы)- замените ссылку ( нерабочая!!)

Отредактировано Deff (Пн, 20 Июл 2020 15:46:37)

+1

1309

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

Bowie
А какой код установки для футера ?
Чот я его не нахожу ?
И дайтес ссылку на картинку футера

вот так, но не пашет

код футера

/* низ */
#pun-about p.container {
background-image: url(https://forumstatic.ru/files/0019/7/28/43390.png);
background-position: top center;
background-repeat: no-repeat;
height: 189px;
width: 933px;
margin-left: -18px;
margin-top: -55px;
position:relative; }

картинка

https://forumstatic.ru/files/0019/7/28/43390.png

Отредактировано Bowie (Пн, 20 Июл 2020 16:37:10)

0

1310

Bowie
Уберите лишнюю фигурную скобку:

/* фон форума */
body {background-image: url("http://forumstatic.ru/files/001a/da/9c/29547.png"); background-repeat: repeat;  background-position: top center; }
}

Отредактировано Deff (Пн, 20 Июл 2020 15:58:35)

+2

1311

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

Bowie
Уберите лишнюю фигурную скобку:

/* фон форума */
body {background-image: url("https://forumstatic.ru/files/001a/da/9c/29547.png"); background-repeat: repeat;  background-position: top center; }
}

:confused: мне стало очень стыдно
спасибо большое!!

+1

1312

Deff
нужно сделать ссылку видную только гостю - (-ссылку на страницу входа)

на самом верху форума, //я сам поставлю

0

1313

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

Deff
нужно сделать ссылку видную только гостю - (-ссылку на страницу входа)

на самом верху форума, //я сам поставлю

<div Valign="bottom"><style type="text/css">
span#okno{
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 30000;
opacity: 0.8;
width: 290px;
height: 80px;
background: #000000;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #ffffff;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #ffffff 0px 1px 0px;
border-radius: 3px;
}
</style>
<span id="okno"><strong>Здравствуйте Гость!</strong><br>
Вы видите это сообщение, так как Вы не зарегистрировались на «бла бла бла»!
<a href="/login.php"><strong>Войдите</strong></a> или <a href="/register.php"><strong>Зарегистрируйтесь</strong></a>, чтобы иметь возможность бла бла бла.</span></div>
</div>


Настраивай через стиль как надо :yep:
Лишнее удали
[видимое только для гостя форума]

0

1314

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

Deff
нужно сделать ссылку видную только гостю - (-ссылку на страницу входа)

на самом верху форума, //я сам поставлю

уже нашел

неудобно - редактировать не могу

0

1315

При регистрации появляется окошко:

http://forumupload.ru/uploads/0000/14/1c/36441/399744.jpg

Подскажите, как исправить.

Форум http://perscitium.mybb.ru

0

1316

bektau
вы новую тему в в Ошибках заведите

+1

1317

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

нужно сделать ссылку видную только гостю - (-ссылку на страницу входа)

<style>
/*Показ только для гостя*/
#pun:not(.gid3) .guest-link{
   display:none;
}
</style>

<a class="guest-link" href="/login.php">Вход для гостя</a>

Ccылку красным ставишь куда нужно, под самый конец(после настройки местоположения) добавляешь стиль в HTML верх

+1

1318

Deff
да я уже нашел. в форме входа взял

быстрых входов

у меня блок скрывается а в нем ссылка-картинка

0

1319

Deff
скрипт скрытия пригодился для другой ссылки, нужный
вы его в скрипты

0

1320

Здравствуйте! Подскажите, пожалуйста, как сделать отображение постов как тут?
http://wchess.f-rpg.ru/viewtopic.php?id=51#p83

0

1321

Liam Alar написал(а):

Здравствуйте! Подскажите, пожалуйста, как сделать отображение постов как тут?

Здравствуйте. Можно этим скриптом: Скрываем профиль в постах

0

1322

Здравствуйте! После недавнего обновления, навигация в профиле съехала в бок, за пределы форума... Но вопрос в другом: как сделать чтобы она была в строчку, наверху? Ну, как вот на текущем форуме:

https://i.imgur.com/4Jl80Ds.png

Я пыталась понять как выровнять в строку навигацию своими силами... И в справочники заглянула и через инструменты разработчика в браузере посмотрела...  Но видимо я ещё не настолько умная и нужна помощь знающих людей. Подскажите, пожалуйста.

0

1323

Мэрилин Мэрис
привет. :)

найди в стиле красное:

#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
}

*твои свойства могут отличаться

синее - удаляем

и дописываем в любое удобное окно:

#profilenav li {display: inline-block;}

+1

1324

Мэрилин Мэрис написал(а):

Я пыталась понять как выровнять в строку навигацию своими силами...

Можно её в просмотре вообще убрать. В остальных местах она вроде никуда не съехала.
http://forumd.ru/viewtopic.php?id=6257#p138525
Второй вариант разметки должен вам подойти.

+2

1325

Герда
satsana
Спасибо большое! Попробую оба варианта и посмотрю что лучше...

0

1326

Liam Alar

<script type="text/javascript">
var fIDarr = "22,37,72,13"  //ID форумов, в темах которых применяем стиль
.split(/\s*,\s*/);
function addStyle() { /*==123==;
  <style type="text/css">
  .post-author,.pl-email,.pl-website{ display: none !important; }
  .post-body,.post-links,.post-links ul,.post h3>span{
    margin-left: 0 !important;
  }
  </style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
if($.inArray($('head>link[rel="up"]')[0].href.split('id=')[1],fIDarr)!=-1&&$('#pun-viewtopic').length)
  document.write(addStyle);
</script>

Где красным выделены цифры - это ваши темы которые будут без мини профилей (только текст).
Последняя тема (её номер) без запятой

+1

1327

Вопрос. Пытаюсь подключить возможность показывать правила?
Вот эти:

Если включено, при регистрации показывается текст ваших правил, после ознакомления с которым необходимо нажать на кнопку «Согласен». Кроме того в меню навигации появляется ссылка на ваши правила.

Но когда включаю в шапке всплывает это:

http://forumupload.ru/uploads/0000/14/1c/35969/251080.png

http://enteros.rusff.ru/

Отредактировано Энтерос (Ср, 29 Июл 2020 21:32:54)

0

1328

Энтерос
а они вам нужны на главной? у вас в цитате прямо написана причина

Энтерос написал(а):

Кроме того в меню навигации появляется ссылка на ваши правила.

можете просто скрыть эту ссылку как-то так например:

Код:
#navrules {
    display: none !important;
}

+1

1329

Энтерос написал(а):

Но когда включаю в шапке всплывает это:

Невнимательно читали:

Энтерос написал(а):

Кроме того в меню навигации появляется ссылка на ваши правила.

Вот она у вас и появляется.. Так как она не учтенная в стиле, то выползает вот так..

0

1330

to ash and bone написал(а):

можете просто скрыть эту ссылку как-то так например:

Благодарю.
Я не знал, как скрыть ссылку, т.к. этот дизайн делал не я и нужными навыками не владею.

+1

1331

У меня стоит вот этот скрипт для выбора всех тем при модерации форума.

Код:
<!-- Чекбокс "Выбрать все" при модерировании темы и форума © Alex_63 -->
<style>.modmenu #CheckAll{margin-left:0.7em!important}</style>
<script type="text/javascript">if($('#pun-modviewforum').length){$('th.tcmod').html('<input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',true);}else{$(this).parents('table').find('td.tcmod input[type="checkbox"]').attr('checked',false);}});}else if(GroupID<=2 && $('.punbb[id^="pun-multi"]').length){$('.modmenu .button').before('<span>Выбрать все</span><input type="checkbox" id="CheckAll" title="Выбрать все">');$('#CheckAll').click(function(){if($('#CheckAll').attr('checked')){$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',true);}else{$(this).parents('#pun-main').find('.pl-select input[type="checkbox"]').attr('checked',false);}});}</script>
<!-- //END// -Чекбокс "Выбрать все" при модерировании темы и форума -->

Но сам чек не видно. Пыталась менять его позицию margin-left в ту и другую сторону, но он так и не появляется. Чем еще его можно "проявить"?

0

1332

Mirra Bell
Ссылку на форум. думаю вы его скрыли, ибо чекбокс в форуме стоит в верхней строке.
http://forumupload.ru/uploads/0000/14/1c/22787/t137819.jpg

Отредактировано Deff (Чт, 30 Июл 2020 11:47:28)

+1

1333

Deff
http://almarein.spybb.ru/

+1

1334

Mirra Bell
Она у Вас в Стиле скрыта дважды!!
Ищите две строки с таким кодом:

/*возвращаем на место чек в ЛС*/
.punbb:not(#pun-messages) thead { display: none; }

Замените на такое:

/*возвращаем на место чек в ЛС*/
.punbb:not(#pun-messages):not(#pun-modviewforum) thead {display: none;}

+2

1335

Здравствуйте,подскажите пожалуйста код, как можно банеры уменьшить а при наведение на банер он бы увеличивался?https://forumupload.ru/uploads/0000/14/1c/36250/t93499.png

0

1336

хаус
http://forumd.ru/viewtopic.php?id=2207

0

1337

Герда написал(а):

хаус
http://forumd.ru/viewtopic.php?id=2207

Спасибо большое.

0

1338

Герда написал(а):

хаус
http://forumd.ru/viewtopic.php?id=2207

Здравствуйте,у меня возникла проблема,банеры уехали в лево,а хотелось бы что бы они были  как на картинки https://forumupload.ru/uploads/0000/14/1c/36250/t702572.png
а уехали вот так все остальные при наведение https://forumupload.ru/uploads/0000/14/1c/36250/t69394.png

+1

1339

хаус
Ссылку на форум с проблемой

0

1340

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

хаус
Ссылку на форум с проблемой

http://dresscode.mybb.ru/
А проблема , то что ,банеры при наведение уехал в лево,а хотелось чтоб он был на своем месте

+1

1341

хаус
Попробуйте заменить этот стиль в HTML верх:

<style>
.a-prev:hover .preview{
display: block!important;
margin-left: 0px;
position: absolute!important;
margin-top: -9px!important;
z-index: 11;
}
.a-prev .preview{display:none}
</style>

На такой:

Код:
<style>
.a-prev{
  display:inline-block;
  position:relative;
  width:80px;
  height:80px;
}
.a-prev img {
  display:none;
}
.a-prev .preview{
  display:inline-block;
  width:100%;
  height:100%;
}
.a-prev .preview:hover{
  margin: auto!important;
  left:0;right:0;
  top:0;bottom:0;
  position:absolute;
  z-index:100;
  width:auto;
  height:auto;
}
<style>

0

1342

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

хаус
Попробуйте заменить этот стиль в HTML верх:

<style>
.a-prev:hover .preview{
display: block!important;
margin-left: 0px;
position: absolute!important;
margin-top: -9px!important;
z-index: 11;
}
.a-prev .preview{display:none}
</style>

На такой:

Код:
<style>
.a-prev{
  display:inline-block;
  position:relative;
  width:80px;
  height:80px;
}
.a-prev img {
  display:none;
}
.a-prev .preview{
  display:inline-block;
  width:100%;
  height:100%;
}
.a-prev .preview:hover{
  margin: auto!important;
  left:0;right:0;
  top:0;bottom:0;
  position:absolute;
  z-index:100;
  width:auto;
  height:auto;
}
<style>

Огромнещее спасибо,вы волшебник!

0

1343

Добрый день. нужна помощь. Мы установили маску, но аватар не фиксируется по размеру, а расползается.
https://i.postimg.cc/W32GS3mX/image.jpg

а второй вопрос:
установили код Выпадающая Табличка по клику на иконку в профиле топика: кнопочка прыгает у каждого игрока выше или ниже. Как решить проблему и зафиксировать её на одном месте? Внизу профиля.
Спасибо)

0

1344

mr Morian написал(а):

Добрый день. нужна помощь. Мы установили маску, но аватар не фиксируется по размеру, а расползается.
https://i.postimg.cc/W32GS3mX/image.jpg

а второй вопрос:
установили код Выпадающая Табличка по клику на иконку в профиле топика: кнопочка прыгает у каждого игрока выше или ниже. Как решить проблему и зафиксировать её на одном месте? Внизу профиля.
Спасибо)

При изложении проблемы не забудьте указать адрес вашего форума!

+1

1345

извините, вот ссылка http://waldmond.f-rpg.ru/

0

1346

Здравствуйте! Помогите, пожалуйста, с окошком переадресации. Фон почему-то разъехался, и я не могу понять, что именно я подкрутила неправильно

Ссылка на форум: http://kawaiicity.rolka.su/

Вот как это выглядит на картинке:
https://d.radikal.ru/d22/2008/7c/2eb71e08a5e3t.jpg

Вот как это выглядит в скрипте:

Код:
/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto 0px auto;
width: 820px;
float: center;
}

/* A5.2 */
.punbb {
  float: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
  }

/* A5.3 */
#pun-redirect #pun-main {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  position: relative;
  z-index: 1000;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }


/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* A5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 1px 1px 1px 1px
  }

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { height: 27px;
  padding: 0.7em 0.1em 0.1em 0.1em; 
  margin: 0.5em auto 0.1em auto;  
  border-style: none;
  font-family: Book Antiqua;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  border-width: 0 1px 1px 0;
  }

Спасибо заранее за помощь, я уже всё перетыкала в скрипте

Отредактировано herbarium (Вс, 2 Авг 2020 12:52:45)

+1

1347

herbarium
Выложите поправленный скриншот, как должно выглядеть в итоге  :flag:

0

1348

mr Morian написал(а):

Добрый день. нужна помощь. Мы установили маску, но аватар не фиксируется по размеру, а расползается.
https://i.postimg.cc/W32GS3mX/image.jpg

Дайте ссылку на пост с проблемой, видной гостю( клик по дате в сообщении)

+1

1349

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

Дайте ссылку на пост с проблемой, видной гостю( клик по дате в сообщении)

от читателя если зайдете,
http://waldmond.f-rpg.ru/viewtopic.php?id=296#p19189
http://waldmond.f-rpg.ru/viewtopic.php?id=122#p17519
вот проблема маски

+1

1350

mr Morian, добавьте куда-нибудь в стиль вот такое:

Код:
.pa-avatar img {
    max-width: 100%;
}

+1

1351

mr Morian
Добавьте в конец первого Окна стиля:

li.pa-avatar img[alt]{
    max-width:200px;
    height:auto;
  }

0

1352

mr Morian
Работающую Кнопку всплывающей таблы я не нашёл, дайте ссылку на пост с проблемой видную гостю или читателю

Отредактировано Deff (Вс, 2 Авг 2020 14:09:28)

0

1353

Можно вообще в стиль прописать

Код:
img {
    max-width: 100%;
}

чтобы картинки с гарантией не разъезжались нигде...

0

1354

satsana
Огромное вам спасибо! Помогло, теперь все как надо!

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

mr Morian
Добавьте в конец первого Окна стиля:

li.pa-avatar img[alt]{
    max-width:200px;
    height:auto;
  }

ах первое, хорошо сейчас поправлю)
Спасибо ))

На счет второй проблемы никто не знает ответ?
Ставили по образцу таблицу в профиль https://forum.mybb.ru/viewtopic.php?id=34908#p849117
http://waldmond.f-rpg.ru/viewtopic.php?id=69#p309 перо в профиле у нас.
https://i.postimg.cc/QdDpJDL6/image.jpgвот это, обведено.
У одного игрока уползает в одно место. У другого в другое. Прямо вот у этих двух в теме можно заметить разницу. Его хотелось бы зафиксировать у всех на одном месте. Такое можно сделать как-то? Спасибо!

0

1355

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

Выложите поправленный скриншот, как должно выглядеть в итоге  :flag:

Вот так, чтобы фон светло-зелёный был по размеру с верхней полоской разноцветной, а не вылазил за края
https://a.radikal.ru/a40/2008/77/2ecf72a16d49t.jpg

+1

1356

mr Morian написал(а):

У одного игрока уползает в одно место. У другого в другое.

Это из-за того, что вы делаете ему отступ сверху, а там высота анкетки у всех разная. Попробуйте спозиционировать его от нижнего края профиля.
https://i.gyazo.com/0475a8b533504b2d46267a1619817d4c.png
Вот эти маргины убираем, вместо них добавляем вот такое примерно:

Код:
    right: 10px;
    bottom: 20px;

И ещё найдите в стиле .punbb .post .post-author - добавьте туда свойство     position: relative;
Должно сработать.

+1

1357

herbarium, на вскидку:

Код:
.redirect-page #pun {
    background: none;
}
.redirect-page #pun-main {
    background: #769964;
}

Отредактировано satsana (Вс, 2 Авг 2020 14:57:20)

0

1358

satsana
Вы спаситель! Спасибо за оперативность и помощь! Вроде все везде сработало и встало на место.  Еще раз спасибо!

+1

1359

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

Вот так, чтобы фон светло-зелёный был по размеру с верхней полоской разноцветной, а не вылазил за края

Поставьте этот скрипт: Cкрипт для тестирования и настройки страницы переадресации

Настроите сами, там есть код стиля для примера  :flag:

0

1360

Добрый день. Раз уж зашла речь о скрипте всплывающей таблички по клику в профиле, хочу спросить совета по микробагу, который наблюдаю у себя.

сам скрипт
Код:
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
  margin-top: -3px!important;
  margin-left: 173px!important;
  width:30px;  /*Размер иконки*/
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -250px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 250px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background:#e4e4e4!important;
  border-color: #717171!important;
}
.my-tabs > .tab-a {
height:500px!important;
}
</style>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0008/e1/93/15047.css" />
<script img-data="http://sa.uploads.ru/SoT3N.png" src="http://forumstatic.ru/files/0013/44/56/57946.js" forum="20"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>
Как иконка выглядит в профиле

Вот этот маленький круглый кракен (иконки кастомные в зависимости от категории участника, так что это просто пример).
https://cdn.discordapp.com/attachments/439155439050031105/739453237266088006/unknown.png

Описание бага: при нажатии на иконку появляется таблица с информацией (это как раз то, что нужно), но при этом немного прокручивается страница вниз. Описание дурацкое, знаю, но по-другому передать это не могу: как будто просто чуть сдвигается колесо прокрутки, и всё.
Ссылка на пост с проблемой, видной гостю: http://distance.anihub.ru/viewtopic.php … 12#p132446 (жать на тёмно-синюю голову кота в профиле Maksim Gorky).
Записать видео не могу, к сожалению, а баг виден только "вживую".

Отредактировано iotauri (Вс, 2 Авг 2020 15:10:16)

0

1361

iotauri
Имхо в теме с табличкой была правка, лениво перебирать, да и нун Ваш код добить...
Ещё на РЕНО в теме: http://imagiart.ru/viewtopic.php?id=15991

0

1362

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

лениво перебирать, да и нун Ваш код добить...

Добрый вы дядя. Я поищу, конечно, но если кто найдёт быстрее - от помощи не откажусь.

0

1363

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

Я поищу, конечно, но если кто найдёт быстрее - от помощи не откажусь.

Найдено, неактуально
Чинится жёсткой фиксацией из этого поста Выпадающая Табличка по клику на иконку в профиле топика:

+1

1364

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

Добрый вы дядя. Я поищу, конечно, но если кто найдёт быстрее - от помощи не откажусь.

Я кнешн могу, но тады Ваш код будет завтра ( ибо по текущему движению ток к 11-12 ночи...

0

1365

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

Я кнешн могу, но тады Ваш код будет завтра ( ибо по текущему движению ток к 11-12 ночи...

Нашла, нашла.) Всё работает, всё хорошо. Я просто ожидала более размытых поисков, но всё оказалось довольно быстро.

+1

1366

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

Я просто ожидала более размытых поисков, но всё оказалось довольно быстро.

Хм, я тож расчитывал на более долгий поиск  o.O

+1

1367

satsana
это куда именно нужно вставить? в какое из окошек А?

0

1368

herbarium, по идее, в любом окне стиля должно работать. Во второе вставьте, цвета обычно прописывают там.

0

1369

satsana
Господи боже мой, всё заработало!! спасибо огромное))  :jumping:

Отредактировано herbarium (Вс, 2 Авг 2020 16:09:09)

+1

1370

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

перед ними обычно стоит ещё всякие /* CS1.2 */

Это просто метки, которые помогают быстро найти нужное в коде. Просто в конец добавьте.

0

1371

satsana
Ага, уже поняла, спасибо, всё заработало))  :cool:

0

1372

Новая проблема вылезла. https://i.postimg.cc/jStsWhp3/image.jpg
на пробном форуме полет идет нормально. а чистовике так.
То есть от ника администрации и модера все хорошо. Ровно. Но с игрового и гостя все уплывает. Коды переставлял с работающего форума, поля профиля сравнил. но тут не работает как надо)
http://waldmond.f-rpg.ru/viewtopic.php? … p=5#p19275 от гостя если
от читателя http://waldmond.f-rpg.ru/viewtopic.php?id=319#p19184
  Пасибо

0

1373

mr Morian
Замените этот кусок во втором окне стиля:

/* профиль ----------------------------- */

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background: url(https://i.postimg.cc/RV2Gf5yx/image.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background: url(https://i.postimg.cc/PqHYVNfT/1.png) 0 top no-repeat,url(https://i.postimg.cc/Z0zZBDhP/image.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin: -55px 0 -15px 0!important;
  padding: 30px 25px!important;
}

на такое:

Код:
/* профиль ----------------------------- */

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background: url(https://i.postimg.cc/RV2Gf5yx/image.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin: 12px 0!important;
}

.punbb .post .post-author > ul {
  background: url(https://i.postimg.cc/PqHYVNfT/1.png) 0 top no-repeat,url(https://i.postimg.cc/Z0zZBDhP/image.png) 0 bottom no-repeat; /*Фон верха - низа*/
  min-height:230px;
  margin: -55px 0 -35px 0 !important;
  padding: 30px 25px 55px 25px!important;
}

+1

1374

mr Morian
Deff
На самом деле там просто float лишний. Вот тут:
https://i.gyazo.com/0c45b1fb71985acab4e57543c82ca6f2.png

+1

1375

Deff
satsana
Спасибо вам!  Побегал по темам, добавил немного значений, с (  padding: 30px 25px 55px 25px!important;) на 95. с помощью вашего кода. и да убрал float
а то все равно заезжало чуточку на поле,  Вроде все теперь  прилично)) Благодарю!! )

0

1376

А нет. уехало начало строки. так что еще проблема есть

0

1377

.punbb .post .post-author > ul {
  background: url(https://i.postimg.cc/PqHYVNfT/1.png) 0 top no-repeat,url(https://i.postimg.cc/Z0zZBDhP/image.png) 0 bottom no-repeat; /*Фон верха - низа*/
  min-height:100px;
  margin: -55px 0 -35px 0 !important;
  padding: 30px 25px 55px 25px!important;
}

Можно ещё красное поправить раз паддинг большой выставили ( а то  гостевой оч высокий профиль  пустой)

+1

1378

mr Morian написал(а):

А нет. уехало начало строки. так что еще проблема есть

Сделайте скриншот, ткните стрелкой, о чем речь

0

1379

Deff написал(а):
mr Morian написал(а):

А нет. уехало начало строки. так что еще проблема есть

Сделайте скриншот, ткните стрелкой, о чем речь

https://i.postimg.cc/6qjv6Lfy/image.jpg
та же гостевая и вообще любая тема

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

Можно ещё красное поправить раз паддинг большой выставили ( а то  гостевой оч высокий профиль  пустой)

поправил

0

1380

mr Morian написал(а):

А нет. уехало начало строки. так что еще проблема есть

.punbb .post .post-author - вот тут вы зря убрали float: left, там он был нужен.

+2

1381

satsana
Все спасибо за терпение)) Убрал, встало на место.
Замучал вас))

Но есть странность, есть если  padding: 30px 25px 55px 25px!important;
то в обычном игровом профиле выходит так https://i.postimg.cc/g00Ssdgh/image.jpg, но зато другие нормально. не настолько все плохо. https://i.postimg.cc/zf1DHt74/image.jpg
если я прибавляю значение чтоб хватило, то профиль гостя, амс, и другие (даже некоторые игровые) выглядят более чем длинно https://i.postimg.cc/mgnCxsbC/image.jpg , https://i.postimg.cc/ncRQ7J9g/image.jpg
С чем связана такая разница

0

1382

mr Morian, позакрывайте все окошки с админкой, выгоните из админки остальных админов - и после этого открывайте окошко со своим стилем. Убирайте оттуда этот ужасный отступ 95, там 25 вполне достаточно. И убирайте float: left вот отсюда:
https://i.gyazo.com/0c45b1fb71985acab4e57543c82ca6f2.png
И будет вам счастье. : )
У вас судя по всему стиль сбивается из-за того, что он открыт в нескольких окнах, либо у нескольких админов. Его и настройки можно одновременно править только в одном окне.

Отредактировано satsana (Вс, 2 Авг 2020 21:54:04)

+2

1383

satsana
респект!  теперь все по маслу! Спасибо )

я просто тугодум видимо  для таких вещей

+1

1384

mr Morian  :cool:

0

1385

Здравствуйте, при переносе сообщений в другую тему, вот такая картина:
https://forumupload.ru/uploads/0000/14/1c/34864/921298.png

Не то чтобы сильно мешало, но неудобно, из-за нестройных рядов плохо видно куда переносится иногда попадаешь не туда. Как сделать так, чтобы ряды были стройные? А в идеале чтоб была тонкая линия между элементами списка тем?

0

1386

Мэрилин Мэрис
Киньте админ ник пароль в личку и ссылку на форум

+2

1387

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

Мэрилин Мэрис
Киньте админ ник пароль в личку и ссылку на форум

Не ожидала что поправить это будет так сложно... Я отправила.

+1

1388

Мэрилин Мэрис
Ни наю, чот поправил( правка в конце первого окна стиля), пробуйте, сделайте текущий скриншот

Если чо поясните, чо не так  :flag:

+1

1389

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

Ни наю, чот поправил( правка в конце первого окна стиля), пробуйте, сделайте текущий скриншот

Оу... Да в первом окне стиля оно не работало (наверное из-за скрипта смены дизайна кнопочками), а вот на хтмл-верхе заработало:

https://forumupload.ru/uploads/0000/14/1c/34864/858630.png

Спасибо огромное! У меня ещё вопрос: как добавить кнопки с тэгом списка и блока в форму ответа?

+1

1390

Мэрилин Мэрис написал(а):

Оу... Да в первом окне стиля оно не работало (наверное из-за скрипта смены дизайна кнопочками), а вот на хтмл-верхе заработало:

У меня в Мозилле  работало...

Мэрилин Мэрис написал(а):

У меня ещё вопрос: как добавить кнопки с тэгом списка и блока в форму ответа?

Ну есть в планах, но не сейчас, по уши в долгах по кодам... нет времени...

Тут на форуме есть код для  своих BB-кодов для оформления  цитат в ролевых текстах, типо цитата, мысли, высказывание другого персонажа, втам мон вставить свои любые BB-теги, оформляется отдельным окошком... попробуйте поискать по моему нику и отдельным словам из набора красным
Вот, вродь нашёл: Скрипты от пользователей 1

Отредактировано Deff (Вт, 4 Авг 2020 23:50:28)

0

1391

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

блока

Имеется в виду что-то вот такое, я так поняла?

Код:
<script>
$(document).pun_mainReady(function(){
    let buttons = '<div onclick="bbcode(\'[block=class]\',\'[/block]\');"><span>Блок для создания div</span></div>' + '<div onclick="bbcode(\'[ul]\',\'[/ul]\');"><span>Тег для создания списка</span></div>';
    $(buttons).appendTo('#addition-area')});

</script>

Добавляет кнопки блока и список в форму ответа (под стрелкой).

Отредактировано audaciousGodsend (Ср, 5 Авг 2020 00:08:31)

0

1392

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

Имеется в виду что-то вот такое, я так поняла?

Да! Это то что я искала! Спасибо большое!

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

У меня в Мозилле  работало...

Ну, у меня ни в Опере, ни в Хроме не работает, если стоит этот скрипт смены стилей.

0

1393

Здравствуйте, есть проблема, которую не могу понять, где устранить, и поскольку не совсем хорошо ориентируюсь на форуме спрошу здесь, а если есть другая тема, то выложу там. В общем, поставила дизайн, в режиме 100% он у меня отлично прогружается (и у многих других), а если уменьшить до 70%, то шапка отъезжает. Выглядит это так:
В режиме 100%

тык

https://i.ibb.co/rfvdHRV/1.png

В режиме 70% (а на телефоне надпись так вообще уезжает в дальние дали)

тык

https://i.ibb.co/gyZ0rby/2.png

http://gem.0pk.ru/ - форум
Буду очень благодарна, если поможете разобраться или тыкните в тему, где помогут)

0

1394

Элизабет фон Рихтер
Объясните по подробнее где вы и как задаёте/уменьшаете ваши %....?
Желательно бы видеть кусок кода (я так понимаю вы играли с % в css.style).

Опять же как я понял если вы меняете ширину и высоту шапки то само собой будет сдвиг (так как надо править везде, а не в одном месте.

Если правки были чисто в таком коде:

#pun-title table {background-image: url(ваша картинка шапки); width: 1152px; height:756px; margin-left: -71px; background-repeat: no-repeat; background-position: top center; border: none;}

То почему у вас там %....?


Покажите код который вы правили в процентах

Отредактировано МАЧОнаДАЧЕ (Сб, 8 Авг 2020 00:54:31)

0

1395

МАЧОнаДАЧЕ
Я имею ввиду, что верхняя часть не зафиксирована, и когда я зажима кнопку мыши и уменьшают экран браузера в процентах, то вижу как верхушка уплывает влево)

0

1396

Элизабет фон Рихтер
Обратитесь напрямую к Колобдур, Деф, Герда, Ромыч....
Они толковые ребята в этом. И постоянно каждый из них помогает (по возможности).

Потому что я думаю у вас нет адаптации, либо что-то с ошибкой :dontknow: в шапке.

А вообще эти ребята смотрят код напрямую и возможно сразу увидят ошибку

Отредактировано МАЧОнаДАЧЕ (Сб, 8 Авг 2020 10:09:59)

0

1397

Как в скрипте изменения цвета участников их ники выделить в жирный? Чтобы ник пользователя стал таким: Вася из такого: Вася.

Код:
<!-- Изменение цвета ников участников -->
<style type="text/css">
    *:not(.pl-email):not(#navprofile)>a[href*="/profile.php?id="]:not(.prof),a[href*=":to(\'"] {
      color:DarkBlue!important;
    }
</style>

0

1398

Элизабет фон Рихтер
Ну у вас чётко прописано margin-left: 170px; сдвижка влево.
Могу и ошибочно что вам посоветовать :tired:
Так что лучше к опытным.
Ждите ответа........... От них

0

1399

Код:
<!-- Изменение цвета ников участников -->
<style type="text/css">
    *:not(.pl-email):not(#navprofile)>a[href*="/profile.php?id="]:not(.prof),a[href*=":to(\'"] {
      color:DarkBlue!important;
      font-weight: bold !important;
    }
</style>

+3

1400

Hope13
Добавить  font-weight: bold;

+1

1401

Элизабет фон Рихтер
Как минимум сделайте надпись "welcome home" отдельно от остального фона, иначе подогнать ее под любой размер экрана (чтобы отображалось везде идентично) не представляется возможным.

+3

1402

Alex_63
А вот можно к вам вопрос.......

Если мне надо шапку форума скрыть везде кроме главной? Как именно? Все страницы без шапки

0

1403

Элизабет фон Рихтер написал(а):

то шапка отъезжает

Не шапка.. Это фон, а относительно фона форум и гуляет при разных разрешениях.. Если дело только в надписи, то убрать с фона надпись, сделать ее отдельно прозрачной и повесить фоном вот сюда:

#pun_wrap {
    padding-bottom: 80px;
}

Вот так (отступом сверху регулируем здесь: padding-top: 210px;, а отступом картинки надписи сверху регулируем здесь: background: url(картинка надписи) center 20px no-repeat;):

Код:
#pun_wrap {
    padding-bottom: 80px;
    background: url(картинка надписи) center 20px no-repeat;
    padding-top: 210px;
}

А отсюда отступ сверху убрать:

#pun {
    margin: auto;
    width: 1135px;
    padding: 0px 65px 0px 0px;
    margin-top: 210px;
}

0

1404

МАЧОнаДАЧЕ написал(а):

Alex_63
А вот можно к вам вопрос.......

Если мне надо шапку форума скрыть везде кроме главной? Как именно? Все страницы без шапки

.punbb:not(#pun-index) /*а дальше всё как обычно, селектор шапки и правило для скрытия*/

0

1405

Элизабет фон Рихтер
@kolobdur74 обратил внимание на ваш пост.

изначально проблемы связаны с вот такими кодами:

#pun {
        margin: auto;
        width: 1135px;
        padding: 0px 65px 0px 0px;
        margin-top: 210px;
    }

.punbb {
    height: auto;
    margin: 0px 78px 0px 113px;
    width: auto;
}

сначала вы выставляете ширину блока #pun,
а потом зачем-то добавляете к нему padding 65px справа.
зачем? вот эти 65 пикселей плюсуются к ширине #pun, если надо больше, то надо ставить width: 1200px;, а padding убирать

потом вы берете punbb (который находится внутри #pun) и делаете с ним какой-то космос:
справа у вас punbb отодвинут от #pun на 78px, а слева - на 113. к чему эта ассиметрия? так задумано?

при таком коде любой элемент внутри punbb (и меню, и сами форумные таблички, и вообще любой контент) будет странно "ездить" по фиксированной ширине и замысловато отступать от родительских блоков.

опишите, что вы задумали сделать с шириной и какая она должна быть - поправим это.

0

1406

народ, есть какой-нибудь способ "зафиксировать" контейнер проголосовавших за пост, чтобы настроить его дизайн?
мб можно какой-нить скриптик или скрифтить тестовую страничку по аналогии с кодом от Дэффа для страницы переадресации?

0

1407

Подскажите, пожалуйста, как можно зафиксировать картинку в дизайне сбоку?

http://d.radikal.ru/d02/2008/a7/03d7f2f0c7e6.png

Чтобы при прокрутке тот кусочек, который красным обведён, оставался на месте, как делать фона? При том, что он чутка заходит на тело форума, и это тоже желательно бы оставить, потому что иначе вообще нет смысла

Заранее спасибо :)

Ссылка на форум: http://kawaiicity.rolka.su/

0

1408

Герда написал(а):

контейнер проголосовавших за пост, чтобы настроить его дизайн?

Это который всплывает при наведении на оценку?

$('.post#p{ID поста, в котором будешь тестировать} .post-rating p').trigger('mouseenter')

+1

1409

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

Чтобы при прокрутке тот кусочек, который красным обведён, оставался на месте, как делать фона? При том, что он чутка заходит на тело форума, и это тоже желательно бы оставить, потому что иначе вообще нет смысла

Не вижу на форуме вышеуказанного кусочка. По идее можете просто ссылку на картинку дать.

+1

1410

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

Не вижу на форуме вышеуказанного кусочка. По идее можете просто ссылку на картинку дать.

На форуме кусочка нет, потому что я не знаю, как его поставить туда, где я указала; по сути мне нужно просто эту картинку закрепить в определённой части просматриваемой страницы, чтобы всё остальное было подвижным, а это просто оставалось на месте, но я хз, как именно или даже какая часть скрипта или кода дизайна за это может отвечать

0

1411

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

по сути мне нужно просто эту картинку закрепить в определённой части просматриваемой страницы, чтобы всё остальное было подвижным, а это просто оставалось на месте

То есть всегда неподвижным? Картинку саму скиньте..

Отредактировано kolobdur74 (Вс, 9 Авг 2020 14:26:38)

+2

1412

herbarium
Идею мы поняли, Вы нам картинку скиньте)

+2

1413

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

То есть всегда неподвижным? Картинку саму скиньте..

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

herbarium
Идею мы поняли, Вы нам картинку скиньте)

Я пока в процессе её создания, но пусть в качестве временной, я же потом смогу поменять на готовую версию (плюс, надо будет посмотреть, какой размер и цвет надо лучше с фоном выбрать)

http://d.radikal.ru/d15/2008/bf/273550a67faa.png

Код:
[img]http://d.radikal.ru/d15/2008/bf/273550a67faa.png[/img]

Отредактировано herbarium (Вс, 9 Авг 2020 15:22:24)

+1

1414

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

Я пока в процессе её создания, но пусть в качестве временной, я же потом смогу поменять на готовую версию (плюс, надо будет посмотреть, какой размер и цвет надо лучше с фоном выбрать)

В НТМЛ верх:

Код:
<style>
#pun {position: relative;}

.imgdrag {
display: inline-block;
position: fixed;
top: 100px;
margin-left: -130px;
width: 120px;
}
</style>
<img src="https://d.radikal.ru/d15/2008/bf/273550a67faa.png" class="imgdrag">

Где:
top: 100px; - отступ сверху
margin-left: -130px; - Сдвиг влево
width: 120px; - нужный размер картинки

Тестируйте..

+1

1415

kolobdur74
Ого, вот это здорово, спасибо!!)) Я потом отпишусь о результате

+1

1416

herbarium
В HTML верх, мелкие подвижки можно править цифрой красным:

<img src="http://d.radikal.ru/d15/2008/bf/273550a67faa.png" style="
   position:fixed;
   left:calc(50% - 851px);
   ">

+1

1417

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

#pun {position: relative;}

а потом @Deff в меня тапки кидаешь, что это якобы я в самый верхний блок вкорячиваю relative
вот тебе пруф, что это без меня люди успешно делают. :D

0

1418

доброго)
в объявлении на форуме находятся картинки со стилем mix-blend-mode: soft-light;
и из-за него на андроидах при увеличении форум начинает обрезаться

вот так

возможно ли это как-то поправить, не удаляя микс?

Отредактировано бланш (Вс, 9 Авг 2020 19:45:03)

0

1419

бланш написал(а):

из-за него на андроидах при увеличении форум начинает обрезаться

вот так

А ссылка на форум ?

0

1420

Deff
сейчас пришлю в лс)

0

1421

бланш
а вопрос: Ширина Экрана при этом - какая ?

0

1422

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

бланш
а вопрос: Ширина Экрана при этом - какая ?

1080 если судить по скриншоту

+1

1423

бланш написал(а):

если судить по скриншоту

У меня ксать скриншот исчез... можно повторить ?

0

1424

Deff написал(а):
бланш написал(а):

если судить по скриншоту

У меня ксать скриншот исчез... можно повторить ?

вот

+1

1425

бланш
Попробуйте min-widh поставить на body  ?

(У меня эффект не воспроизводится   :dontknow:

+1

1426

Deff
пробовала и 1080 и 1200, не помогает (

0

1427

бланш
Ну тады я Пас, наверно к Герде или Сатсане...  :dontknow:

Можно по идее отключить эффекты при достижении 1080 ?

Отредактировано Deff (Вс, 9 Авг 2020 22:05:23)

0

1428

Deff
эх, хорошо, дождусь тогда их
а можете тогда помочь с еще одной вещью? в темах профиль почему-то скачет на пиксель вверх или вниз, не могу понять от чего

тут видно

0

1429

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

Можно по идее отключить эффекты при достижении 1080 ?

это был как вариант, и он работает, но, к сожалению, он не очень подходит в визуальном плане (

0

1430

бланш
А что нужно получить на выходе эффекта ( старый браузер) можно пояснить словами ?
Может можно извернуться иначе ?

Отредактировано Deff (Вс, 9 Авг 2020 22:10:37)

0

1431

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

бланш
А что нужно получить на выходе эффекта ( можно пояснить словами ?
Может можно извернуться иначе ?

микс-бленд-мод позволяет не мучаться админам каждую неделю с таблицей и просто вставлять обрезанные картинки на заранее подготовленную обложку нужного эффекта, цвета и тд) и вроде раньше все нормально работало, а теперь что-то случилось. (причем даже если отключить стиль и прописать в объявлении стиль к img, или же унести в хтмл-верх, все равно так обрезает)

0

1432

бланш написал(а):

в темах профиль почему-то скачет на пиксель вверх или вниз,

А при каких условиях ? Как поймать эффект ( у меня пока он постоянно, как на скрине, на пиксель ниже)

Отредактировано Deff (Вс, 9 Авг 2020 22:13:46)

0

1433

бланш написал(а):

микс-бленд-мод позволяет не мучаться админам каждую неделю с таблицей и просто вставлять обрезанные картинки на заранее подготовленную обложку нужного эффекта, цвета и тд) и вроде раньше все нормально работало, а теперь что-то случилось. (причем даже если отключить стиль и прописать в объявлении стиль к img, или же унести в хтмл-верх, все равно так обрезает)

Ну можно по идее через Ж сделать  - ставить профили на своей странице на такую же подложку , в шапку воткнуть кадрированным  фреймом  :crazyfun: - но думаю это задачу админам не упростит

0

1434

Deff написал(а):
бланш написал(а):

в темах профиль почему-то скачет на пиксель вверх или вниз,

А при каких условиях ? Как пояймать эффект ( у меня пока он постоянно, как на скрине, на пиксель ниже)

нужно как тут, ровная линия

вот на этом скрине, например, видно, что в одной теме профили съезжают, причем это не первопост и содержимое у постов тоже обычное (спойлер и текст)

Свернутый текст

0

1435

бланш написал(а):

вот на этом скрине, например, видно, что в одной теме профили съезжают, причем это не первопост и содержимое у постов тоже обычное (спойлер и текст)

Можно ссылки на эти две разные темы ?

0

1436

Deff написал(а):
бланш написал(а):

микс-бленд-мод позволяет не мучаться админам каждую неделю с таблицей и просто вставлять обрезанные картинки на заранее подготовленную обложку нужного эффекта, цвета и тд) и вроде раньше все нормально работало, а теперь что-то случилось. (причем даже если отключить стиль и прописать в объявлении стиль к img, или же унести в хтмл-верх, все равно так обрезает)

Ну можно по идее через Ж сделать  - ставить профили на своей странице на такую же подложку , в шапку воткнуть кадрированным  фреймом  :crazyfun: - но думаю это задачу админам не упростит

наверное, будет проще просто готовыми картинками, если Сатсана и Герда не смогут помочь с миксом))

0

1437

Deff написал(а):
бланш написал(а):

вот на этом скрине, например, видно, что в одной теме профили съезжают, причем это не первопост и содержимое у постов тоже обычное (спойлер и текст)

Можно ссылки на эти две разные темы ?

это в одной теме

Отредактировано бланш (Вс, 9 Авг 2020 23:10:27)

0

1438

бланш написал(а):

наверное, будет проще просто готовыми картинками, если Сатсана и Герда не смогут помочь с миксом))

а, во, вспомнил ещё некоторых хак для андроидов
Вставить в шапку DIV нужной высоты и шириной в шапку, проставить у него: overflow:hidden; в него эти картинки
чот у меня тоже обрезало, но не микс. такой трюк помог...

Отредактировано Deff (Вс, 9 Авг 2020 22:22:24)

+1

1439

:crazyfun:  :cool: Реально отличаются в двух темах на пиксель...
)Интересно... изучаю...

+1

1440

Deff написал(а):
бланш написал(а):

наверное, будет проще просто готовыми картинками, если Сатсана и Герда не смогут помочь с миксом))

а, во, вспомнил ещё некоторых хак для андроидов
Вставить в шапку DIV нужной высоты и шириной в шапку, проставить у него: overflow:hidden;
чот у меня тоже обрезало, но не микс. такой трюк помог...

поставила вот так (значения рандомные на проверку)
<div style="overflow: hidden;  top: 280px;    left: 0px;    width: 900px;    height: 100px;"></div>
не сработало (

Отредактировано бланш (Вс, 9 Авг 2020 22:27:11)

0

1441

бланш
Ощущение что как-то связано с размерм шрифта в .post h3 ибо меняя масштаб в браузере удётся двигать сдвиг туды- сюды

Как вариант: пиксельный сдвиг практически будет незаметен, если ты обрежешь дуло у этого пистолетика ? (У Верхней фоновой)
http://forumupload.ru/uploads/0000/14/1c/22787/615372.jpg

Заменить прозрачкой или тупо обрезать по краю ?

Отредактировано Deff (Вс, 9 Авг 2020 22:41:12)

0

1442

kolobdur74
У меня всё получилось, спасибо огромное  :cool: осталось дорисовать только саму картинку)))

Вы кстати не знаете, как вот это поправить?
https://i.imgur.com/mIQ9eBRm.jpg
Я не знаю, как надписи вверх поднять, чтобы они не налазили на зелёную полоску, а то сейчас они замерли в пространстве

0

1443

Deff
к сожалению, нет, не выход, т.к. бросается в глаза такая обрезка, попробовала только что (

0

1444

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

Я не знаю, как надписи вверх поднять, чтобы они не налазили на зелёную полоску, а то сейчас они замерли в пространстве

Здесь правьте:

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  color: #c8b284;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

-5em должно быть нормально..

0

1445

бланш
Ну есть ещё одна cумашедшая идея:

Привязать фон .post h3  к самому профилю через :after, тады оно у тьву всегда будет синхронно ?

.post-author{
  position:relative;
}
.post-author:after {
   display:inline-block;
   width: 965px;
   height:17px;
   content:" ";
   background: url(Фон) 0 0 no-repeat; /*repeat*/
   position:absolute;
   left-2px;
   top:-17px;
}

Отредактировано Deff (Вс, 9 Авг 2020 22:56:33)

+1

1446

Deff
сохраню на будущее, спасибо)

0

1447

Deff
зашла поблагодарить, немного покопалась и в итоге проблема с микс-бленд-мод решилась именно так как вы и сказали, спасибо вам огромное!)

0

1448

бланш
Ксать есть и другой эффект позволяющий реализовать тож самое ( ток картинки нужно ставить фоном...
http://css.yoksel.ru/background-blend-mode/

+1

1449

Deff
спасибо, посмотрю!

0

1450

-

Отредактировано mr.Fierce (Вт, 11 Авг 2020 09:50:46)

0

1451

Добрый день. Возможно ли заменить плюсик в respect на свой?
зеленый он, конечно, прекрасный, но сильно выбивается из общей картины, хотелось бы сделать его чуть меньше и в цветовой гамме всего дизайна

Добавлено спустя 13 минут:
И еще вопрос, можно ли сделать в обоих случаях равные границы репутации?

Свернутый текст

ссылка на фор: http://judastest.artbb.ru
посмотреть можно в этой теме: http://judastest.artbb.ru/viewtopic.php?id=4#p43

https://forumupload.ru/uploads/0000/14/1c/30717/t194100.png

Добавлено спустя 2 часа 13 минут 52 секунды:

Отредактировано dj_maximus (Пт, 14 Авг 2020 08:40:30)

0

1452

kolobdur74
Да, идеально стало, спасибо  :jumping:

0

1453

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

Возможно ли заменить плюсик в respect на свой?
зеленый он, конечно, прекрасный, но сильно выбивается из общей картины, хотелось бы сделать его чуть меньше и в цветовой гамме всего дизайна

Мне давали такой код для изменнеия размера этого плюсика:

li.pa-respect img {
    height: 8px;
}

Думаю, что сюда можно прописать и новый плюсик - background-image : url(ссылка на картинку плюсика);

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

И еще вопрос, можно ли сделать в обоих случаях равные границы репутации?

У вас в этом коде отступы выставлены разные, потому и высота разная.

.pa-posts{display: inline-block;
    text-align: center;
    left: 20px;
    max-width: 100px;
    line-height: 0px;
    font-size: 10px!important;
    font-family: arial narrow;
    text-transform: uppercase;
    color: #e4ae4e;
    padding: 16px 13px!important;
    margin-top: 12px !important;
    border: 1px solid #5f797a;
    margin-bottom: 6px!important;}

.pa-respect  {display: inline-block;
    text-align: center;
    left: 20px;
    max-width: 100px;
    line-height: 0px;
    font-size: 10px!important;
    font-family: arial narrow;
    text-transform: uppercase;
    color: #e4ae4e;
    border: 1px solid #546d71;
    padding: 9px 13px!important;
    margin-top: 12px !important;
    margin-bottom: 5px!important;
    padding-bottom: 13px !important; а эту строку попробуйте убрать вообще}

Отредактировано Riya (Пн, 10 Авг 2020 19:50:50)

+1

1454

Привет. :)
Как добавить стиль только к ссылкам в сообщениях, не затрагивая связанные изображения? Например: я помещаю красную рамку на ссылку, и изображения, содержащие ссылку, также имеют эту границу. Можно ли создать отдельный стиль только для ссылок, не затрагивая изображения?  :dontknow:

0

1455

sims3society
Вопрос Не очень понятен...
Изобразите эскиз, как должно выглядеть изображение без ссылки в этом случае
Как должна выглядеть ссылка, без изображения в этом случае ?
По идее, если стиль на изображении с !important; он всегда пересилит стиль ссылки...

Опять же стоит уточнить изображение и ссылка - где и в каком месте ? Чтобы стиль не задел остальные ссылки и изображения

Отредактировано Deff (Ср, 12 Авг 2020 23:03:23)

0

1456

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

sims3society
Вопрос Не очень понятен...

Опять же стоит уточнить изображение и ссылка - где и в каком месте ? Чтобы стиль не задел остальные ссылки и изображения

Например:
Я добавил другой стиль к ссылкам на сообщения, написанные на форуме:

.post-content a {border-bottom: 2px solid red;}

Если в посте есть изображение со ссылкой, оно также будет иметь красную рамку:

[url=link][image]link image[/image][/link]

Не знаю, было ли понятно ...  :|

Отредактировано sims3society (Ср, 12 Авг 2020 23:27:40)

+1

1457

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

Не знаю, было ли понятно ...

Ну тут же border не на самом изображении, а от ссылки

Наверно только скриптом добавлять к ссылке, которое на изображении дополнительный класс...

Вопрос, а ссылки на изображение имеют какое отличие от ссылок без ( к примеру по адресу ссылки ?

0

1458

sims3society

Код:
<style>
.post-content a:not(.hasImg) {
    border-bottom: 2px solid red;
}
</style>
<script type="text/javascript">
$('.post-content a:has(img)').map(function(){ 
$(this).addClass('hasImg');
});
</script>

Все ссылки содержащие изображения будут иметь класс hasImg, а дальше делайте с этим, что хотите

+3

1459

И добавить к стилю:
.post-content a.hasImg {border-bottom: 0 none transparent;}

+3

1460

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

Вопрос, а ссылки на изображение имеют какое отличие от ссылок без ( к примеру по адресу ссылки ?

https://forumupload.ru/uploads/0000/14/1c/36307/t39869.jpg

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

sims3society

Код:
<style>
.post-content a:not(.hasImg) {
    border-bottom: 2px solid red;
}
</style>
<script type="text/javascript">
$('.post-content a:has(img)').map(function(){ 
$(this).addClass('hasImg');
});
</script>

Все ссылки содержащие изображения будут иметь класс hasImg, а дальше делайте с этим, что хотите

Спасибо! Это было именно то, что мне было нужно.  :love:

+2

1461

Добрый день. Помогите пожалуйста, вопрос возник по поводу оформления таблицы как здесь:
http://heavensnight.ru/viewtopic.php?id … p=9#p11361

Как ее осуществить? И нет ли возможности отображать в нормальном виде (как в самом посте) информацию с html в самой таблице?

0

1462

Здравствуйте. Подскажите скрипт аватарки у приветствия  %-)

+1

1463

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

Здравствуйте. Подскажите скрипт аватарки у приветствия

Дайте ссылку на подобное

0

1464

Deff
https://forumupload.ru/uploads/0000/14/1c/24553/622879.png
http://inhype.rusff.ru/

https://forumupload.ru/uploads/0000/14/1c/24553/838672.png
http://impulsela.ru/

0

1465

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

http://inhype.rusff.ru/

В HTML низ:

<!-- НАЧАЛО. аватар на главной  -->
<style>.status_userava>img{width: 56px;height: 56px;border-radius: 10px;}</style>
<script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'http://forumstatic.ru/files/001a/ae/63/60611.jpg')+'"/></span>')</script>
<!-- КОНЕЦ. аватар на главной  -->

+1

1466

Deff
http://funkyimg.com/i/2MvRL.gif

+1

1467

доброго! вопрос по поводу обновления с блоками) невероятно полезная штука, но проблема в том, что они абсолютно не реагируют на [align=center][/align], а также на [float=left][/float] (и прочее позиционирование). можно как-то поправить это?)

ps. они будто выносятся за пределы алигна, вот наглядно
так в соо:
https://sun9-5.userapi.com/a_z23d_-Tok-s1jJjmLUlvBFnb1pVZ2MYZ2T6Q/S_6heJEaDU8.jpg
а так в кодах:
https://sun9-11.userapi.com/96TUjyVLvV8coRIQiNrpmiKvOsdBBDHuMK3vyg/ZzjQObqnVmk.jpg

pps. если нужна ссылка на адрес форума - http://yourstory.rusff.ru

+2

1468

бланш
Ну сделайте так:

<style>
.right {
   text-align:right;
}
.floLeft {
  display:inline-block;
  float:left;
}
.inline {
  display:inline-block;
}
.width200{
  width:200px;
}
</style>

[block=sp4 right]
[block=sp4 floLeft]
[block=inline width200][/block][block=inline width200][/block] <!--Блоки в cтроку-->

Отредактировано Deff (Пн, 17 Авг 2020 02:10:52)

+1

1469

Deff
спасибо! помогло)

+1

1470

Есть возможность поменять цвет ника только гостям (незарегистрированным пользователям)? Эти ники только в темах отображаются.

0

1471

Hope13
Вставить как css (в "Свои стили" либо в HTML поля, используя <style>...</style>):

Код:
.post[data-group-id="3"] .pa-author {
    color: red;
}

red, разумеется, заменить на свой цвет :)

+2

1472

Hope13
т.к. стоит скрипт кликабельного ника гостя, через надбавку в скрипте:

<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a style="color: red;" href="javascript:to(\'$2\')">$2</a>')});</script>

+1

1473

kozhilya
Герда
Спасибо! Герда твой вариант на 5+, все работает)

0

1474

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

Герда твой вариант на 5+

вариант от kozhilya круче, т.к. таким образом можно красить хоть ники, хоть сами посты по группам: .post[data-group-id="3"]. :)
поставишь 1 - будет действовать на админов, 2 - на модеров и т.д.

+1

1475

доброго, я сразу по двум проблемам)
первое - вновь вопрос про блоки. если вставлять посреди текста аналогично коду float блок такого вида [block=sp6 floRight][img]тут картинка[/img][/block] , то он "разрывает" сплошной текст на две части. как это можно поправить?
сейчас так:

Свернутый текст

https://sun9-36.userapi.com/lsyCFokIZjwUdpR71MhlaWIfzL91L957mi8HwA/4157ZDb-ZYc.jpg

а нужно вот так:

Свернутый текст

https://sun9-69.userapi.com/dtEPhvrqIXzXgwEkKn_mvFFkL6HCwZ6BhFBEMg/yCIHb0e0xeU.jpg

и в принципе, блоки вставляют содержимое в <p></p>. может, админы сервиса как-то поправят это, потому что на <p></p> на ролевых прописаны коды, которые очень мешаются в блоках, например отступы между абзацами, джастифай и тд (

второе - у нас на ролевой почему-то у игрока не отображаются шрифты, хотя они залиты отдельным файлом. сами файлы у него открываются. при этом, когда игрок с нормальным отображением переходит по его ссылке, у него также начинают ехать - но только на одну вкладку.

как форум выглядит у него

https://sun9-74.userapi.com/qUU-T7wDLjkgRlPzaPBmhg4PxoQutkQikkGfjw/XF3WR20t53c.jpg

как он должен выглядеть

https://sun9-49.userapi.com/OxvIieXvjUevpsmODZUoM7XVDLuYkYbMPWvSOw/laWo1flRRqo.jpg

я впервые с таким сталкиваюсь и вообще не могу понять в чем дело (

ссылка на форум - http://yourstory.rusff.ru
ссылка от игрока - https://yourstory.rusff.ru

апд. поняла, что причина в протоколе, игроку скинула "нормальную" ссылку, но все же, как можно поправить, чтобы нормально отображалось и там, и там?

Отредактировано бланш (Ср, 19 Авг 2020 20:32:22)

0

1476

бланш написал(а):

, то он "разрывает" сплошной текст на две части. как это можно поправить?

бланш
Дай ссылку на текст с проблемой видной гостю...

Отредактировано Deff (Ср, 19 Авг 2020 20:58:17)

0

1477

Deff
http://yourstory.rusff.ru/viewtopic.php?id=25#p25 (не обращайте внимания на верхний код)
в редактировании это выглядит так:
https://sun9-25.userapi.com/GlRP8P41b-3j-u5lTkjbd0JeHEF6XUBJxgP1tQ/dxZj8YbhJWo.jpg

Отредактировано бланш (Ср, 19 Авг 2020 21:19:50)

0

1478

бланш
Одень верхний блок текста тож в блок, тады мон чо нидь придумать
Поскок будет селектор этого предтекста до картинки, наверно его сделать .inline

Отредактировано Deff (Ср, 19 Авг 2020 21:28:47)

0

1479

Либо одеть весь блок вместе с блоком с картинкой в общий блок
Тады там можно убить внутри него все теги <p>

Отредактировано Deff (Ср, 19 Авг 2020 21:32:01)

0

1480

бланш
блок "разрывает" текст - потому что это блок. они так работают.
аналогично применению внури текста <div>

чтобы правильно такие штуки делать нужно ставить текст внутри блока:

Код:
[block=class]текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст [img]https://forumavatars.ru/img/avatars/0000/14/1c/22787-1583487089.png[/img] текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст [/block]

https://forumupload.ru/uploads/0000/14/1c/16803/473442.png

в стиле прописываем:

.class img {
float: right;
*и другие свойства картинки*
}

картинка должна быть inline элементом, а не блочным, чтобы текст не разрывался

+2

1481

Deff, Герда
к сожалению, это все не подходит, т.к. это для оформления постов игроков, а они не будут заключать его в блок, иного способа нет?(

Отредактировано бланш (Ср, 19 Авг 2020 22:01:12)

0

1482

бланш написал(а):

т.к. это для оформления постов игроков, а они не будут заключать его в блок

а как они картинку будут в блок брать?

вариант - скрипт анкет. пусть вставляют посты через специальную форму, которую ты составишь и картинки + текст сами попадут в какие надо блоки.

0

1483

бланш написал(а):

к сожалению, это все не подходит, т.к. это для оформления постов игроков, а они не будут заключать его в блок, иного способа нет?(

Ну забодай стандарный пост игрока, - дай ссылку, - ты жа выдала с HTML в сообщении, чо сразу испортит HTML - поскок разделения с ним нету
2-е Если на блок c float поставить одновременно слегка margin-top:-10px; - не спасает ??

Отредактировано Deff (Ср, 19 Авг 2020 23:42:05)

0

1484

Есть ли какой-то сайт или форум с шаблонами хтмл для сообщений? Типа как сейчас модно правила оформлять, анкеты, важные темы и игровые локации.

0

1485

Добра.
С недавних пор input[type="checkbox"], input[type="radio"] (флажки и чекбосы) в браузерах стали бело-синими, абсолютно выпадающими из дизайна страницы форума в целом. Попытки сделать с ними что-то самостоятельно и так и сяк, и через пинки импортант ни к чему не привели. Есть способ стилизировать их в принципе?

0

1486

MD
Дайте ссылку на страницу с проблемой видную гостю ?

0

1487

Deff
Любой форум, этот в том числе. Подозреваю, что дело в надстройке собственно системы, но перебить, включая более приоритетными импортантами, не получается. Браузеры последних версий, винда 10-ка.
https://i.imgur.com/BNafnni.png

+1

1488

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

Любой форум, этот в том числе. Подозреваю, что дело в надстройке собственно системы, но перебить, включая более приоритетными импортантами, не получается. Браузеры последних версий, винда 10-ка.

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

Deff
Любой форум, этот в том числе. Подозреваю, что дело в надстройке собственно системы, но перебить, включая более приоритетными импортантами, не получается. Браузеры последних версий, винда 10-ка.
https://i.imgur.com/BNafnni.png

Ну энто к герде, у меня максимум 7-ка  :flag:
есть Варинаты кастомизации текущих Input вообще не связанных с их стилем... Ксать на форуме Герды вродь сатсана выкладывала

Отредактировано Deff (Пт, 21 Авг 2020 16:00:24)

+1

1489

Deff
Поищу, спасибо.

0

1490

Deff
а чего у всех европа лондон? проблема

0

1491

tartar1
Наверно сбросилось в процессе, дай объявление, пусть ставят по новой... и чо ты опять обращаешься  лично ко мне ?
2-е Возможно просто юзер не переуставливал в настройках после реги, ибо при реге, без правки стоит именно Европа и Лондон

Отредактировано Deff (Пт, 21 Авг 2020 16:23:28)

0

1492

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

обращаешься  лично ко мне ?

я хочу чтоб вы продвинули,эту идею
:mybb:

0

1493

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

Подозреваю, что дело в надстройке собственно системы,

Именно. С мозиллы или сафари, если правильно помню, они будут серыми )

Заменить-то можно, но сильно заморачиваться на аккуратности надо. Скрывать стандартное окошко, потом через before-after подводить свое, да еще так, чтобы ничего не слетело и не съехало... да ну их...

Отредактировано Wilhelm (Пт, 21 Авг 2020 16:53:24)

0

1494

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

Заменить-то можно, но сильно заморачиваться на аккуратности надо.

Заморочиться я люблю. Не подскажешь, куда смотреть?

0

1495

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

Скрывать стандартное окошко, потом через before-after подводить свое, да еще так, чтобы ничего не слетело и не съехало...

А, ясно. Мне попадались в сети коды, но подумалось мало ли, вдруг есть способ попроще.

0

1496

Всем привет!

Для написания ТЕКСТА (дата "09.10.2020" в нижнем правом углу обложки альбома) на ШАПКЕ форума воспользовалась вот этим кодом:
НескончаеМЫе общие вопросы от новичков (32)

Вопрос 1: как изменить цвет (на белый), шрифт и размер цифр?

Адрес форума:
http://david-garrett-russianfans.ru/

Вопрос 2: в какой теме найти коды для вставки текста по обеим сторонам от шапки?

0

1497

Добрый, но справедливый написал(а):

Есть ли какой-то сайт или форум с шаблонами хтмл для сообщений? Типа как сейчас модно правила оформлять, анкеты, важные темы и игровые локации.

:flag:

0

1498

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

Вопрос 1: как изменить цвет (на белый), шрифт и размер цифр?

добавить в тег:

font-size: 17px; color: #fff;

0

1499

Deff
мне кажется этот скрипт сильно тормозит загрузку страниц

<!-- Универсальный скрипт замены © Alex_63 -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#navindex a','Форум',']][ *Главная* стрнц]]');
Change('#pun-stats .statscon .container .item3 span','Зарегистрированных пользователей','Зарегистрированных авторов');
Change('#navprofile a','Профиль','Профиль|Страничка');
Change('.post-links ul .pl-email a','Профиль','Профиль|Страничка');
</script>

можно его заменить ЦСС?

Отредактировано tartar1 (Пт, 21 Авг 2020 19:43:19)

0

1500

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

можно его заменить ЦСС?

Нет... Cкрипты меняющие слова и символы можно исключить только на уровне движка, что вряд ли кто будет делать... (Чот у тьву ранее вопросы были более конструктивные...)

Отредактировано Deff (Пт, 21 Авг 2020 19:49:49)

+1

1501

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

добавить в тег:

font-size: 17px; color: #fff;

Отлично! Спасибо большое!

А что насчет второго вопроса?)

0

1502

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

Вопрос 2: в какой теме найти коды для вставки текста по обеим сторонам от шапки?

Ну ставите два кода вставки, разный сдвиг по горизонтали регулируете цифрой

<div style="border:red 1px solid; top:200px;margin-left:380px;position:absolute;z-index:100; width:200px; height:100px;">

Отредактировано Deff (Пт, 21 Авг 2020 20:30:25)

+1

1503

Deff
Спасибо! Позже попробую. И отпишусь о результатах!

0

1504

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

добавить в тег:

font-size: 17px; color: #fff;

Спасибо большое! Всё получилось!
А что добавить для поменять шрифт?)))...

0

1505

Heroika

Код:
font-family: fantasy;
Код:
<div style="top:450px;margin-left:550px;font-size: 25px; color: #fff;position:absolute;z-index:200; width:200px; height:100px;font-family:fantasy;">09.10.2020</div>

fantasy - название шрифта.

Отредактировано ACT3255 (Сб, 22 Авг 2020 13:49:44)

+2

1506

ACT3255
СПАСИБО БОЛЬШОЕ!!!

0

1507

Deff
а где скрипт просмотр местонахождения пользователя при наведении на ник в статистике. скрипт "кто-где"

не могу найти. оч нужен.

0

1508

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

а где скрипт просмотр местонахождения пользователя при наведении на ник в статистике. скрипт "кто-где"

Администрирование - Скрипты (новое) - Просмотр местонахождения пользователя - Да

0

1509

доброй ночи.
следующий вопрос, т.к. не получается исправить самостоятельно: https://forumupload.ru/uploads/001a/c0/ea/2/418181.png там где блок "посты" саму цифру не видно. как сменить цвет?
а еще блок "репутация" чуть больше, чем другие два. можно как-то его к единому виду привести? (уменьшить)

0

1510

..Boleyn написал(а):

там где блок "посты" саму цифру не видно. как сменить цвет?

:idea: Можно звать экстрасенсов поиска: где ?

+1

1511

..Boleyn
А ссылку на ваш форум то можно??????? :tired:

Того же и Deff спросил (из поста выше).

Как вам можно посоветовать не видя ваш код :dontknow:

Вообще вам надо найти в стиле

.pa-posts, {

*Далее ваш код*
Ищем строчки:

    font-size: 14px; /*размер*/
 
    color: #ffffff; /*цвет текста*/

0

1512

Deff написал(а):
..Boleyn написал(а):

там где блок "посты" саму цифру не видно. как сменить цвет?

:idea: Можно звать экстрасенсов поиска: где ?

простите, тупанул уже к ночи  :D http://theredrum.ru

+1

1513

..Boleyn
Цвет выставляется в скрипте счетчика, в HTML верх:

<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
if(!$getCookie("acs-727")){
$setCookie("acs-727",1);
$deleteCookie ("acs-01");
localStorage.dat_ = '';
}
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "#000000"; // Цвет шрифта cчётчика,

+1

1514

..Boleyn
Я бы ещё такую фичу добавил в стиль, чтобы выровнять поля по горизонтали:

.post-author .pa-respect .fld-name{
   display:block;
   margin-bottom:0px;
}

+1

1515

Deff
я туда дошел, но не до того поля, видимо, а потому и не допер. спасибо) там даже подписано, боже, я слепой(
это есть, спасибо. а вот почему блок с репутацией чуть выше чем остальные - не понял. там вроде бы посты, репутация и сообщения объедены в один. и если что-то менять - оно для всех. короче. я не понял(

0

1516

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

Я бы ещё такую фичу добавил в стиль, чтобы выровнять поля по горизонтали:

спасибо большое! только снизу блок репутации все равно ниже о.О а еще заметил один косяк (о нем говорил дизайнеру, но найти в чем причина у него пока не получилось, может вы подскажете) https://forumupload.ru/uploads/001a/c0/ea/2/565758.png и https://forumupload.ru/uploads/001a/c0/ea/2/27810.png
проблему обвел красным. суть в том, что где-то, где нет красной полосы с навигацией, нет лишнего пробела, а где- то по непонятной причине есть. то же самое и с полосой. где-то стоит четко, а где-то лишний пробел. как привести к одному виду (без лишних пробелов)?

0

1517

..Boleyn написал(а):

пока не получилось, может вы подскажете) https://forumupload.ru/uploads/001a/c0/ea/2/565758.png и https://forumupload.ru/uploads/001a/c0/ea/2/27810.png

Ну у Вас в описании форумов после блока ssilki в некоторых стоит тег <br>, в некоторых = нет...
Где стоит, там Темы и посты отодвинуты

0

1518

а еще заметил вот такой баг (скрин с личного форума-склада, но проверил на ролке http://theredrum.ru/ - та же фигня. )
https://forumupload.ru/uploads/001a/c0/ea/2/260319.png
код автокопирования работает без спойлера. но если поместить код в спойлер - не работает.

0

1519

..Boleyn написал(а):

код автокопирования работает без спойлера. но если поместить код в спойлер - не работает.

Поищите последний код копирования от Alex в скриптах, он вроде поправил для работы в текущем спойлере

Отредактировано Deff (Пн, 24 Авг 2020 09:51:45)

+1

1520

Deff написал(а):
..Boleyn написал(а):

пока не получилось, может вы подскажете) https://forumupload.ru/uploads/001a/c0/ea/2/565758.png и https://forumupload.ru/uploads/001a/c0/ea/2/27810.png

Ну у Вас в описании форумов после блока ssilki в некоторых стоит тег <br>, в некоторых = нет...
Где стоит, там Темы и посты отодвинуты

да в том-то и дело, что вот описание блока the shining

+

<div class="opisanie">
<b>пролог:</b> когда-то давно все самолёты, на которых я летал, были оснащены мониторами, на которых транслировалось изображение с носовой камеры: вы могли видеть, как самолёт отрывается от земли, взлёт, посадку. А потом в Чикаго разбился самолёт. Представляете, как это было? «Так, земля все ближе, ближе — боже, как быстро — ещё ближе. Всё, ребята, мы мертвецы».
</div><div class="ssilki">
<a href="http://evilbane.rusff.ru/viewtopic.php?id=27#p68">что?</a> //
<a href="http://evilbane.rusff.ru/viewtopic.php?id=350#p40627">кто?</a>  //
<a href="http://evilbane.rusff.ru/viewtopic.php?id=351#p40630">где?</a>
</div>

<br> не стоит. но все равно сдвиг есть :dontknow: или я опять не туда смотрю?  :confused:

0

1521

..Boleyn написал(а):

а вот почему блок с репутацией чуть выше чем остальные - не понял

Блок с репой правится от русфф, поэтому он иной, поэтому дал код именно для него

0

1522

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

Поищите последний код копирования от Alex в скриптах, он вроде поправил для работы в текущем спойлере

к сожалению, нашел только этот Скрипты от пользователей 3 и это просто код выделения кода. такие вроде бы работают в спойлере. у меня на форуме стоял этот от Дамасска

Код:
<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->

он, к сожалению, в спойлере не работает

0

1523

..Boleyn, этот рабочий: выделение кода в блоке "Код"
Если вам нужна правка для копирования содержимого сразу в буфер по клику, то добавьте:

Код:
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>

Отредактировано Hecate_An (Пн, 24 Авг 2020 13:55:23)

+1

1524

Здравствуйте! Подскажите, пожалуйста,  как установить фиксированные размеры картинки, которую может добавлять пользователь форума?  А то будут добавлять размеров ого-го.  А нужно фиксированный размер. Например 600Х450 для прямоугольных и 200Х200 для квадратных. И для гифок небольшие размеры.

0

1525

ВладаВ
тебе хочется, чтоб именно ВИЗУАЛЬНО картинки выглядели небольшими?

оформить то их в ужатом виде - нет проблем.
есть даже вот такие скрипты, чтоб было превью: http://forumd.ru/viewtopic.php?id=6297

но по-настоящему их "урезать", чтобы менялся не только визуальный размер, но и вес - это уже не оформление, а продвинутый скрипт.

0

1526

Герда написал(а):

ВладаВ
тебе хочется, чтоб именно ВИЗУАЛЬНО картинки выглядели небольшими?

оформить то их в ужатом виде - нет проблем.
есть даже вот такие скрипты, чтоб было превью: http://forumd.ru/viewtopic.php?id=6297

но по-настоящему их "урезать", чтобы менялся не только визуальный размер, но и вес - это уже не оформление, а продвинутый скрипт.

Рада видеть, Герда! Ну вот посмотри, добавила девушка картинку :))))) ГИФКУ
https://muzmixforum.ru/viewtopic.php?id=7#p15 кошмар... Не люблю, когда люди вот такого размера картинки вставляют :))))

+1

1527

Герда написал(а):

ВладаВ
тебе хочется, чтоб именно ВИЗУАЛЬНО картинки выглядели небольшими?

оформить то их в ужатом виде - нет проблем.
есть даже вот такие скрипты, чтоб было превью: http://forumd.ru/viewtopic.php?id=6297

но по-настоящему их "урезать", чтобы менялся не только визуальный размер, но и вес - это уже не оформление, а продвинутый скрипт.

Продвинутый скрипт позже сделаем. А пока попробую вставить скрипт, на который ты дала ссылку.

0

1528

Еще раз здравствуйте! На форуме статистика показывает скрытые сообщения и темы (для администрации). Люди видят по статистике, что тем и сообщений больше, чем на форуме. Как это можно исправить?  https://muzmixforum.ru/ - вот...  Видят 4 темы и 39 сообщений, а на форуме меньше. Остальные - из скрытых сообщений и тем. Как нужно сделать так, чтобы темы и сообщения администрации не попадали в статистику?

Отредактировано ВладаВ (Ср, 26 Авг 2020 21:18:14)

0

1529

ВладаВ
Никак. Сказать пользователям, что на форуме есть тех. и орг. темы, которые им видеть не надо

0

1530

Mirra Bell написал(а):

ВладаВ
Никак. Сказать пользователям, что на форуме есть тех. и орг. темы, которые им видеть не надо

Спасибо большое! Я так и сделала. :)

0

1531

http://realtest.userforum.ru
Добрый день. Как сделать шапку прозрачной, чтобы было видно фон?

0

1532

dj_maximus
Попробуйте в HTML верх:

Код:
<style>
#pun {
   margin-top:300px; 
}
#pun-title{
  position:absolute;
  margin-top:-300px;
}
#pun-navlinks{
  position:absolute;
  margin:0;
}
 </style>

+1

1533

Deff
спасибо огромное, помогло

И еще вопрос: как теперь впилить пользовательские ссылки (активные, новые и т.д.) поверх шапки?
и еще плюс вся шапка стала неактивной (т.е. на ней нельзя ничего нажать/скопировать/выделить и тд.)

Отредактировано dj_maximus (Сб, 29 Авг 2020 20:41:46)

0

1534

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

и еще плюс вся шапка стала неактивной (т.е. на ней нельзя ничего нажать/скопировать/выделить и тд.)

Ну HTML верх и шапка на разных позициях, их нужно подгонять, для этого все коды, которые должны быть на шапке, но они пока в HTML верх, оборачиваем в тег div c position:absolute и двигаем его на шапку с помошью margin-top: -YYpx;

аналогично двигаем и пользовательские ссылки, не забудьте и им задать им position:absolute, двигаем  #pun-ulinks

0

1535

Всем здравствуйте!

Прошу помощи, чтобы разобраться с ошибкой..
Уже не знаю, где искать..

Суть: картинки для диза ставлю в тег боди, но появляется сдвиг между частями.
https://sweetcross.quadrobb.ru/
Не пойму в чем моя ошибка?

0

1536

Vulmera
На этой картинке https://forumstatic.ru/files/0019/d1/34/94443.jpg полотно форума не по центру..
Левый край ближе чем правый, разница примерно в 14 пиксел, значит Вам нужно двигать всё полотно от левого края на 7пиксел(половина от 14)

+1

1537

@sims3society Упс, я про Вас Забыл!!! Завтра Попробую поправить то,  о чём говорили!!!

Отредактировано Deff (Пн, 31 Авг 2020 00:06:05)

0

1538

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

@sims3society Упс, я про Вас Забыл!!! Завтра Попробую поправить то,  о чём говорили!!!

Спасибо Deff
Я терпеливый  :D

+1

1539

@kernel
не работают пробелы в начале строки,раньше работали. теперь строку сносит к началу

0

1540

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

@kernel
не работают пробелы в начале строки,раньше работали. теперь строку сносит к началу

Только первую строку сносит. Так и раньше должно было быть, я нигде trim не добавлял. И отступы не нужно делать пробелами, лучше "Пользовательские bb-теги" использовать.

0

1541

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

ак и раньше должно было быть, я

Да, всегда так было... типично ставлю пустой редко используемый тег в начало строки: [s][/s]

Отредактировано Deff (Пн, 31 Авг 2020 14:05:42)

0

1542

                      действительно только первую. надо точку ставить

Отредактировано tartar1 (Пн, 31 Авг 2020 14:06:56)

0

1543

Вопрос такой появился: как с телефона центровать тело форума посередине, чтобы задний фон не уезжал?
https://sun9-30.userapi.com/CVuRIptP3m9 … QXpUfs.jpg
http://vasya.anihub.ru

Отредактировано dj_maximus (Ср, 2 Сен 2020 07:16:59)

0

1544

dj_maximus
Что значит центровать?
У вас задана во всём стиле ширина
#head-table {
    width:913px;
************ итд итп
либо прописывать через @media
либо задавать ширину в width:100%;

Стиль писан не под телефон, а под средние экраны ПК и планшеты (как минимум).

+1

1545

МАЧОнаДАЧЕ
центровать - это расположить тело форума посередине, относительно странице

0

1546

dj_maximus
Я бы вам посоветовал в таком случае менять размер текста...... Но опять же...... Это затронет большие экраны.....
Обратитесь к мрдерам данного форума они Вам оъяснят, что нельзя играть 2я стилями сразу.
Либо писать под пк и телефоны отдельно......

0

1547

dj_maximus

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

Вопрос такой появился: как с телефона центровать тело форума посередине, чтобы задний фон не уезжал?

Добавьте следующее (в элемент body):

body {
    background-color: #122134;
    background-image: url(https://forumstatic.ru/files/0014/9e/80/66034.png), url(https://forumstatic.ru/files/0014/9e/80/17160.jpg);
    background-position: top center, top center;
    background-repeat: no-repeat, repeat;
    background-attachment: fixed, fixed;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    color: #111111;
    display: flex;
    justify-content: center;
}

тест  8-)

+2

1548

sims3society
спасибо большое, все прекрасно встало и красиво смотрится

+1

1549

Здравствуйте.
А можно ли как-то в экстра-файле обойти important?
В частности интересует это:
.post-content td {border-width:1px !important; border-style:solid !important; padding:0.2em 0.5em !important; overflow:hidden}
Прописываю стиль таблицы для [block], чтобы со сменой диза не менять вручную цвет табличек в старых сообщениях, и отступы становятся слишком большие.

Свернутый текст

Как выглядит без блока (желаемый результат)
http://forumupload.ru/uploads/0000/14/1c/18613/461739.jpg

А так в тегах блока
http://forumupload.ru/uploads/0000/14/1c/18613/262896.jpg

Или может есть какой другой способ привести таблицу в желаемый вид через блоки и стиль?

У меня стиль прописан так

{max-height: 28px !important; ?
background-color:#798b41;
text-align:center;
font-size: 18px;
padding-top: 2px !important; ?
padding-bottom: 2px !important; ?
color: #FFF5EE;
font-family: Roboto;
}

Жирным пробовала настроить высоту ячейки таблицы.

0

1550

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

можно ли как-то в экстра-файле обойти important?

Добавьте селектор:

body .post-content td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

+1

1551

На волне проблем с рекламой. Обнаружила, что у меня на форуме не отображается нижний блок рекламы. То ли проблема в компе и браузере, то ли действительно дизайнер что-то сделал. Не могли бы вы проверить, пожалуйста? http://salutem.rolka.su/

0

1552

Deff
спасибо. буду пробовать.

lorem
Копирайт rusff стоит, все в порядке.

Отредактировано Riya (Вс, 6 Сен 2020 14:42:02)

0

1553

доброго дня, сам не могу додуматься, подсобите пожалуйста в чем может быть причина

подключил шрифтом иконки FontAwesome для навигации, сам файл шрифта загружен в файлы форума. у 95% ребят все порядок, у остальных - проблемы. то через раз подгружаются, чаще вообще не грузятся, то загружается только часть иконок, например: https://sun1-20.userapi.com/PB1sxaEtcrH … XSfF8o.jpg

сбросы кэшей не помогают, браузеры разные - опера, хром.

с чем может быть связано и чем пофиксить?

форум: http://yellowcross.f-rpg.ru/

0

1554

Хаями
Попробуйте вставить такой стиль для шрифта:

Код:
 @import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";

У Вас неполный список вариантов загрузки шрифта для разных устройств и  браузеров(С расширением .otf читают не все браузеры) :dontknow:

Отредактировано Deff (Пн, 7 Сен 2020 17:01:25)

+1

1555

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

На волне проблем с рекламой. Обнаружила, что у меня на форуме не отображается нижний блок рекламы. То ли проблема в компе и браузере, то ли действительно дизайнер что-то сделал. Не могли бы вы проверить, пожалуйста? http://salutem.rolka.su/

Проблемы не вижу o.O оба баннера верх/низ есть

Смотрим скрин

0

1556

Deff
об этом подумал, но ttf не нашелся как-то, чтобы проверить
спасибо большое, помогло, наши ребята спасены)

0

1557

Ребят подсобите малость %-) чёт не соображу как правильно
Нужно:
НИК на главной (последний пост в теме) окрасить в синий цвет. Через style
На скрине указал стрелками

СКРИНШОТ

0

1558

МАЧОнаДАЧЕ

#pun-index .tcr  .byuser{
  color:#0000FF;
}

Отредактировано Deff (Вт, 8 Сен 2020 14:18:48)

0

1559

Deff
1000 благодарностей :cool: а то я как не пробовал всё не то (а ошибка то byuser а я писал user) https://forumupload.ru/uploads/001a/c0/03/2/135072.gif

0

1560

Deff
А сдесь так же можно  сменить цвет НИКа ? (через style)

СКРИН

Реально их зацепить цветом или нет :dontknow:

0

1561

МАЧОнаДАЧЕ написал(а):

Реально их зацепить цветом или нет

Код:
span.byuser{
color: цвет;
}

+1

1562

Амираль
Благодарю  :yep:

0

1563

добрый вечер. я как-то уже пытался задать вопрос, но больше не разбирался (и тогда мало что понял). попробую еще раз разобраться. буду крайне благодарен за помощь!

суть вот в чем.
хочу разложить по полочкам старые темы на ролевой. рассортировать и тд. но не хочу плодить подфорумы, иначе только подфорумов с архивом будет штук 5.
что меня интересует? возможность скрыть (не от игроков, а просто с лицевой, так сказать, стороны) эти подфорумы. а именно: на скрине показываю сам подфорум, а красным - ссылки, нажав на которые можно перейти в отдельный отсортированный "карман" (подфорум или страницу) с темами, которые туда помещены.

вопрос в том, как это сделать, чтобы оно было удобно и не загружало форум?

я видел в админке "страницы", но не знаю как ими пользоваться. и вообще из этой ли это оперы и тд. помогите, пожалуйста, понять как это максимально удобно сделать.

0

1564

..Boleyn, доброго.

<!-- Скрываем подфорумы с главной -->
<style type="text/css">
tr#forum_f1, tr#forum_f2, tr#forum_f3 {
display: none;
}
</style>

А ссылку в описание форума:

<a href="http://forum.mybb.ru/viewforum.php?id=1"  target=_blank>Архив</a>

Синее - айди подфорумов, которые скрываете.

+1

1565

https://forumupload.ru/uploads/0000/14/1c/37234/584324.jpg  Не подскажете, что это за НАЕЗД? :))))

0

1566

Hecate_An
это вот в какую часть? стиль? хмтл?

0

1567

..Boleyn
html-верх

+1

1568

добрый день
у меня почему-то не получается в элементах [block] установить свое значение line-height
какой бы интерлиньяж я ни прописывала в стиле, ничего не меняется по итогу :с
с чем это может быть связано?

0

1569

кокс написал(а):

у меня почему-то не получается в элементах [block] установить свое значение line-height

Нужно ставить line-height на .punbb .класс_блок p { ну и padding:0!important;

Отредактировано Deff (Сб, 12 Сен 2020 15:03:44)

+1

1570

ВладаВ написал(а):

https://forumupload.ru/uploads/0000/14/1c/37234/584324.jpg  Не подскажете, что это за НАЕЗД? :))))

Я так понимаю скрин был сделан с телефона :glasses:
Поставьте в 1окно стиля:

Код:
#paginator{
  opacity:.98;padding:.2em;
  position:absolute;
  left:6em;border:1px solid;
  table-layout:auto!important;
  width:auto!important;
  border-radius:4px;
  border-spacing: 0;
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.5)inset;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  z-index:1000;margin-top:1px;
  border-top:solid 1px #eee !important;
}
#paginator:before{
  content:"";display:block;position:relative;
  height:6px;top:-5px;margin-bottom:-6px;
}
#paginator td{
  background:transparent!important;
  padding:0.1em;
  border-style:none!important;
}
#paginator a{
  border:solid 1px transparent;
  display:inline-table;
  width:2em;height:2em;
  line-height:2em;
  text-align:center;
  margin:-.2em;
}
#paginator a:hover{
  opacity:.8;
  background-color: rgba(240, 249, 255, 0.77);
  border:solid 1px;
  border-radius:50%;
}
.second {
  display: none;
  font-size: 0.8em;
}
 
@media screen and (max-width: 540px) {
  #paginator{left: -1em; border-collapse:collapse;}
  .first {font-size: 0.7em;}
  .second{font-size: 0.5em;}
}
 
@media screen and (max-width: 846px) and (orientation: portrait) {
  .first {font-size: 0.95em;}
  .second{font-size: 0.75em;}
  tr.poll div.icon {border-left: solid 3px #7F6A00 !important;}
}

По сути вам нужна вот эта часть:
@media screen and (max-width: 540px) {
  #paginator{left: -1em; border-collapse:collapse;}
  .first {font-size: 0.7em;}
  .second{font-size: 0.5em;}
}


Отпишитесь. Решилась ли проблема...

+1

1571

Извините, но не работающие комментарии к репутации, появившаяся несмотря на отключение строка подарки это теперь так всегда будет?

0

1572

Deff написал(а):
кокс написал(а):

у меня почему-то не получается в элементах [block] установить свое значение line-height

Нужно ставить line-height на .punbb .класс_блок p { ну и padding:0!important;

а..
а ларчик-то просто открывался, я даже не подумала об этом :D
спасибо!

0

1573

доброго! возможно ли сделать так, чтобы, когда в подфоруме появлялись новые соо (т.е. иконка менялась на новую), все эти элементы:

тут есть "индивидуальные" дивы

.punbb .main .tcr a, .punbb .main .tcr .datetime, .punbb .main .tcr .byuser, .s-podf-2, .s-podf-1, .tcl h3 a, .Tems_And_messages, .Tems_And_messages1, #pun-index .tcl h3:before, #pun-index .tcl h3:after

меняли свой color и text-shadow?

0

1574

бланш написал(а):

.punbb .main .tcr a, .punbb .main .tcr .datetime, .punbb .main .tcr .byuser

бланш написал(а):

#pun-index .tcl h3:before, #pun-index .tcl h3:after

бланш написал(а):

.tcl h3 a

.punbb .main .inew .tcr a
.punbb .main .inew .tcr .datetime
.punbb .main .inew .tcr .byuser

#pun-index .inew .tcl h3:before
#pun-index .inew .tcl h3:after

.inew .tcl h3 a

бланш написал(а):

.s-podf-2, .s-podf-1

бланш написал(а):

.Tems_And_messages, .Tems_And_messages1

эм... без понятия где это находится и как выглядит код, нужна ссылка.
если скриптодел предусмотрел, то принцип должен быть такой же

+1

1575

Герда написал(а):

.punbb .main .inew .tcr a
.punbb .main .inew .tcr .datetime
.punbb .main .inew .tcr .byuser

#pun-index .inew .tcl h3:before
#pun-index .inew .tcl h3:after

.inew .tcl h3 a

спасибо, сейчас попробую!

Отредактировано бланш (Пн, 14 Сен 2020 18:01:45)

0

1576

Герда написал(а):

эм... без понятия где это находится и как выглядит код, нужна ссылка.
если скриптодел предусмотрел, то принцип должен быть такой же

еще раз вам спасибо большое! с этим разобралась тоже по аналогии с вашим)

0

1577

Здравствуйте. Помогите вернуть кнопку быстрого пиар-входа. Испробовал всё, что мог, но не получается.
http://onpu.mybb.ru/

0

1578

Кэри
Пропущено было нижнее подчеркивание, PR.btn_text  поправил

Код:
<!-- Пиар-вход v.2 -->
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'PR'; //Ник PR-аккаунта
PR.pass = '1234'; //Пароль PR-аккаунта
PR.btn_text = 'http://forumstatic.ru/files/001a/6e/eb/84315.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

0

1579

Deff
Ох, а в такой мелочи дело оказалось. Спасибо большое!!!

0

1580

Подскажите, пожалуйста, де найти скрипт упорядочения фотографий? Ищу, ищу... https://muzmixforum.ru/blogs.php?act=show&blog=127  убрать вот этот вертикальный строй. Спасибо!

Отредактировано ВладаВ (Пн, 14 Сен 2020 22:14:01)

0

1581

МАЧОнаДАЧЕ написал(а):

Отпишитесь. Решилась ли проблема...

Решилась.  Помог @Alex_63  Спасибо Вам большое за совет!

+1

1582

Подскажите плз, как уменьшить вот эти расстояния.

https://i.imgur.com/HbUBXH5.jpg

Меняю у .quote-box, .punbb .post-content .code-box значения margin и padding, но либо ничего не меняется, либо становится еще больше, хотя значения ставлю меньше.
http://almtest2019.mybb.ru/viewtopic.php?id=4#p30

0

1583

Mirra Bell
Попробуйте добавить  в конец Первого окна стиля:

Код:
.blockcode .scrollbox {
  height: auto!important;
  max-height:700px!important;
}
.quote-box blockquote {
  padding-bottom: 0;
}
.quote-box blockquote p:last-child{
  padding-bottom: 0;
}

+2

1584

Mirra Bell
Либо такой вариант. Первое окно стиля:

Код:
/***Удаляем лишние строки цитаты и html кода***/
.post-content div + p::first-letter {line-height: 1;}
.post-content div + p > br {
  display:block;
  height:0;
  line-height:0;
  font-size:0;
}

0

1585

ну вот, страницы выкинуло из поиска , форум опустился

0

1586

Deff
Спасибо, попробую. )

МАЧОнаДАЧЕ
Спасибо, но это мне не подходит, я уже делала. У нас тогда у всех ломаются подписи.

Снова прошу помощи зала: перестали работать кнопки в форме ответа и облако тегов. Знаю, что где-то накосячила с тегами, но найти не могу, то, что меняла, уже 10 раз проверила.  http://validator.w3.org/ показывает строки, но в них я таких ошибок не вижу. http://overside.rolbb.ru/

0

1587

Mirra Bell написал(а):

Снова прошу помощи зала: перестали работать кнопки в форме ответа и облако тегов

C Пиар-ника всё работает...
Попробуйте почистить кеш...

+1

1588

Deff
Почистила несколько раз. Некоторые кнопки заработали, но не все. Не работают выбор шрифта и его размера, загрузка картинок, спойлер и выбор цвета, пропадает кнопка смены имиджа. Причем после обновления страницы она загружается, но потом ее что-то закрывает. Причем при редактировании все работает, не работает только при добавлении

Отредактировано Mirra Bell (Вс, 20 Сен 2020 18:11:25)

0

1589

Mirra Bell
Потыкайте ссылки:
http://overside.rolbb.ru/style/extra.45.css?v=2
http://overside.rolbb.ru/i/form_buttons.3.png
http://overside.rolbb.ru/js/ru/editor.16.js?v=3

Маска и у меня под пиаром не работает...

Отредактировано Deff (Вс, 20 Сен 2020 20:59:25)

+1

1590

Deff
Ссылки все открылись. Но сейчас уже все работает, как ни странно, включая маску. ) Я не знаю, что это было

0

1591

Единственное чего нет - это иконки "загрузить музыку", но ее я поищу в скрипте

0

1592

Mirra Bell
если не секрет, на основе какого шаблона делались стили?

что на Альмарен, что на Оверсайд очень много странных кодов понапихано.
и не только на этих форумах попадались на глаза.
если источник - какой-то выложенный бесплатный шаблон, я бы на досуге занялась искоренением источника проблем, переписав шаблон на нормальный.

а вообще, по-хорошему, надо произвести полную ревизию что стиля, что скриптов. и там и там много всякого, скрипты могут запросто конфликтовать.

0

1593

Герда
Честно говоря, не знаю. На Оверсайде как основной указан "Classic", на Альмарене "Mybb Decorative". Но сомневаюсь, что они и брались для последних дизов. Дизы заказывала, тот кто делал, тот брал какой-то шаблон и все и ставил. Скрипты некоторые я ставила отсюда сама, некоторые ставил дизайнер.
За ревизию была бы очень благодарна. Я и сама кое-что уже повыкидывала, но, видимо, не всё. )

Отредактировано Mirra Bell (Вс, 20 Сен 2020 21:27:25)

0

1594

Mirra Bell написал(а):

Ссылки все открылись. Но сейчас уже все работает, как ни странно, включая маску. ) Я не знаю, что это было

Ну вообщем то ссылки нун было потыкать при плохой очистке кеша. возможно поЭтому и заработали...
В скрипте загрузить музыку иконка издохла http://s0.uploads.ru/i/W/Q/P/WQPBO.gif , замените

+1

1595

Deff
Спасибище!

0

1596

Никак не получается поменять цвет у ссылок "новая тема" и "новый опрос".

https://i.imgur.com/Z1PiCMe.jpg

В хелпе написано, что это #pun-main .postlink, у меня было прописано
#pun-main .postlink {
  color: #cfcfcf;
}, но цвет ссылок темный.
Меняю уже .punbb .post-links и .punbb .postlink, все равно темные.  В CS1.1 для .punbb .post-links прописан цвет #190223, но если я в самый низ стиля ставлю отдельно
.punbb .post-links {
  color: #cfcfcf;
}, ничего не меняется. Как его можно поменять?
http://overside.rolbb.ru/

0

1597

Mirra Bell

.punbb .postlink a{
  color:#FF0000;
}
.punbb .postlink a:hover{
  color:#5381B5;
}

+1

1598

Добрый день. Опять столкнулся с тем, что форум прижимается к левому краю с телефона: https://sun9-71.userapi.com/M2oF6w0dnnE … qlbfzQ.jpg
https://worktest.hutt.ru
предыдущий метод не произвел никакой реакции:

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

display: flex;
    justify-content: center;

0

1599

Deff
Спасибо!

0

1600

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

В скрипте загрузить музыку иконка издохла http://s0.uploads.ru/i/W/Q/P/WQPBO.gif , замените

Дело в том, что у меня этот скрипт не установлен и ни в стиле, ни в настройках нет такой картинки, походу, она какая-то штатная, до которой мне не добраться. Я могу только нажать на просмотр кода элемента и получить эту ссылку, но менять мне ее негде.

0

1601

Mirra Bell написал(а):

Я могу только нажать на просмотр кода элемента и получить эту ссылку, но менять мне ее негде.

Выложите код скрипта для энтой штуки и ссылку на новую иконку...  :glasses:

Отредактировано Deff (Вт, 22 Сен 2020 11:17:07)

0

1602

#button-audio {
    background: url(http://uploads.ru/i/W/Q/P/WQPBO.gif) no-repeat;
    background-size: 16px;
    background-position: center center;
}
Оно сидит вот в этом фйле: http://forumstatic.ru/files/0001/31/13/14611.css. Я могу сама поменять там ссылку и его перезалить?

+1

1603

Mirra Bell
По идее файл короткий, можно весь его запихнуть в конец первого окна стиля и заменить иконку

+1

1604

Deff
Неа, не помогли ни вставка в стиль (в этом случае в коде элемента показывались обе иконки), ни перезаливка файла (новый не подхватывается), ни установка иконки в HTML-верх. Сейчас стоит в HTML-верх. Кэш сбрасывала. В коде я новую ссылку вижу, а на панели картинку нет.

Отредактировано Mirra Bell (Вт, 22 Сен 2020 17:06:05)

0

1605

Mirra Bell
Просто добавьте !important к своей ссылке:

#button-audio {
background: url(https://forumstatic.ru/files/0012/9a/62/95060.png) no-repeat !important;
}

это же она?
должна перебивать битую без проблем

+1

1606

Hecate_An
Точно! Все время забываю про  !important. Все получилось

+1

1607

Mirra Bell написал(а):

Неа, не помогли ни вставка в стиль (в этом случае в коде элемента показывались обе иконки)

Ну дык стиль из скрипта нужно было удалить, и вставить в Конец Первого Окна полный год стиля... Василич, ну ты чо...  :dontknow:

Отредактировано Deff (Вт, 22 Сен 2020 19:13:02)

0

1608

Привет.
У меня поиск сообщений пользователя разделен на 2 столбца. Может ли кто-нибудь сказать мне, почему изображения во втором столбце не отображаются?

https://forumupload.ru/uploads/0000/14/1c/36307/t716491.jpg

Ссылка

Может быть, это потому, что у поиска на всех форумах возникают проблемы ... не знаю  :dontknow:

Отредактировано sims3society (Вт, 22 Сен 2020 22:24:49)

0

1609

Deff
Не мог бы подсказать:
Мне надо убрать эту строку (на формой ответа указал стрелкой)
http://forumupload.ru/uploads/0000/14/1c/36838/t491044.jpg
И на её место вставить по центру (к примеру) скрипт (выведет 1 строчку)

Возможно ли? :dontknow:

0

1610

МАЧОнаДАЧЕ
В конец второго окна стиля: .punbb fieldset legend {display: none;} Это как убрать. Что надо вставить вместо нее, не поняла.

Отредактировано Mirra Bell (Ср, 23 Сен 2020 12:52:04)

0

1611

Подскажите пожалуйста, как значок Закладок опустить ниже (top: 3em)?

http://forumupload.ru/uploads/0000/14/1c/36441/238569.jpg

https://perscitium.mybb.ru

Отредактировано bektau (Ср, 23 Сен 2020 12:04:22)

0

1612

bektau
Есть целый гайд по закладкам: Свой Стиль оформления для "Мои Закладки" от сервиса

+2

1613

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

У меня поиск сообщений пользователя разделен на 2 столбца. Может ли кто-нибудь сказать мне, почему изображения во втором столбце не отображаются?

Я обнаружил, что если вы замените режим загрузки изображений, они загрузятся. Например: замените термин 'loading = "lazy" на' loading = "eager" ', и волшебным образом появятся изображения во втором столбце.
Не знаю, связано ли это с проблемой поиска по форуму, но эту уловку оставлю ... По крайней мере, пока.
Итак, в принципе проблема решена.

+1

1614

Mirra Bell
Спс :cool: то что надо...


Из сообщения 1609
На это же место (над формой ответа) мне надо поставить по центру скрипт соц.кнопки (которые под формой ответа)

0

1615

МАЧОнаДАЧЕ
Отключен просмотр кода элемента. Посмотрите что это за элемент и как он расположен и попробуйте подвигать.

0

1616

Здравствуйте.
Пожалуйста, подскажите, как убрать лишнюю ширину на форуме, чтобы всё отображалось в одном окошке без колеса прокрутки снизу. Не пойму, где что убрать. С другими дизайнами такого не было.
http://onpu.mybb.ru/

Скрин. Стрелочкой указана полоса прокрутки, которой быть не должно.

+1

1617

Кэри
добавь

body {overflow-x: hidden;}

если не жалко, запость, плз, сообщение с багом в топике дизайна (я так понимаю, он с каталога фд брался) - надо будет заняться более углубленной поправкой дизайна, чтоб этот косяк не распространялся по форумам.

0

1618

Герда
Огромная благодарность)
Да с каталога. Сейчас вспомню, где именно и сообщу туда.

Не понял, за что минус поставили в посту вопроса?

0

1619

Кэри написал(а):

Не понял, за что минус поставили в посту вопроса?

тартар у нас особенный
хотя мб просто промазал :)

+1

1620

https://forumupload.ru/uploads/0000/14/1c/34258/t230636.jpg
Добрый день!
как изменить название форумов, написать свое название вместо "новый форум
https://bogneprohodinmimo.mybb.ru

Отредактировано Сьюзен (Сб, 26 Сен 2020 08:50:06)

0

1621

Сьюзен
Администрирование - Форумы - Редактирование форумов - Редактировать
https://forumupload.ru/uploads/0000/14/1c/32894/t829239.jpg
Если не отображается "Редактировать - Удалить" отключите блокировщики рекламы, дело в них.

Отредактировано ACT3255 (Сб, 26 Сен 2020 08:58:55)

+2

1622

Ещё раз прошу помощи.
http://fourelemental.mybb.ru/
Заметил, что не могу сменить себе ник, хотя раньше беспрепятственно всё менялось. Не пойму, с чем связано, где накосячил.
И если можно, подскажите, как поднять картинку при переадресации. Она куда-то вниз убежала, поднимается только если меняю вот здесь:

#pun {
    background: url("http://forumstatic.ru/files/001a/e8/a6/44189.png") repeat-y scroll center top #1B1514;
    margin: 630px auto 0;
    width: 913px;

Но тогда смещается основной фон относительно шапки.

+1

1623

Кэри написал(а):

как поднять картинку при переадресации. Она куда-то вниз убежала, поднимается только если меняю вот здесь:

Сделайте скриншот, ткните стрелкой что и где убежало

Кэри написал(а):

Заметил, что не могу сменить себе ник, х

Сделайте скриншот попытки смены, до нажатия отправить

Отредактировано Deff (Сб, 26 Сен 2020 15:36:03)

0

1624

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

Сделайте скриншот, ткните стрелкой

Первый вопрос
Второй вопрос снят. Нашёл проблему в картинках категорий.
Deff написал(а):

Сделайте скриншот попаытки смены, до нажатия отправить

Тут даже никакой попытки сделать не получается. Как-будто это фоновый рисунок, а не текст, не могу нажать на него. Ниже е-мейл спокойно можно менять, а ник недоступен. Может, где-то накладывается на него что-то...

Клик

Отредактировано Кэри (Сб, 26 Сен 2020 22:07:21)

0

1625

ACT3255
Благодарю вас, да действительно отключила блокировщик и все появилось.)))  Вам всяческих благ.
не отображалось "Редактировать - Удалить"

+1

1626

Доброго времени суток. Два вопроса по стилю/скрипту, не уверена, что лучше подойдет
1. Как поменять иконку пользователя в последнем сообщении, чтоб она была не слева, а справа? Где-то попадалась подобная тема, но теперь не могу найти и правильно сформулировать запрос

2. Как сделать в описании форума картинки, при наведении на которых появляется текст, например вот так http://cwls.0bb.ru/ или же будет вылезать дополнительное окно, как тут https://tlkthebeginning.ru/ (тут как раз иконки справа, из первого вопроса)

0

1627

Вопросов два:
1. Скрываю кнопку жалобы:
/* Убираем кнопку жалоб*/
.punbb .post-links li.pl-reports a{
  display: none;
}
. Она скрывается, но почему-то пропадает только надпись, сама кнопка, пусть и не активная, видна в сжатом виде

https://funkyimg.com/i/37Fjg.jpg

2. В шапке есть таблица для всякой инфы, в которой должна быть одна строка и две колонки, поставила в колонки картинки. Но они никак не разносятся по центру или по краям таблицы , а лепятся к левому краю, хотя в диве, и в таблице стоит выравнивание по центру. Получилось их немного раздвинуть лишь нафигачив между ними пустых ячеек. Как их развести в стороны? Ширину ячеек выставляла в width: 50%, не помогло.
Нужно: две колонки, которые будут занимать всю ширину таблицы, а в них отцентрированные картинки.
http://overside.rolbb.ru/

0

1628

Mirra Bell написал(а):

. Она скрывается, но почему-то пропадает только надпись, сама кнопка, пусть и не активная, видна в сжатом виде

Наверно скрывать нун полностью li, а не ссылку ?

.punbb .post-links li.pl-reports{
  display: none;
}

+1

1629

Mirra Bell написал(а):

2. В шапке есть таблица для всякой инфы, в которой должна быть одна строка и две колонки,

1. Cделайте текущий скриншот
2-е Поправьте скриншот в ФШ как должен выглядеть в итоге, выложите две картинки

Отредактировано Deff (Ср, 30 Сен 2020 13:32:19)

0

1630

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

Наверно скрывать нун полностью li, а не ссылку ?

Век живи, век учись и дураком помрешь. ) Спасибо, все убралось.

2. Вот, это как надо  https://funkyimg.com/i/37FkN.jpg

Отредактировано Mirra Bell (Ср, 30 Сен 2020 13:47:44)

0

1631

Mirra Bell написал(а):

В шапке есть таблица для всякой инфы, в которой должна быть одна строка и две колонки, поставила в колонки картинки.
Но они никак не разносятся по центру или по краям таблицы , а лепятся к левому краю, хотя в диве, и в таблице стоит выравнивание по центру.

во-первых, у тебя в таблице не две колонки, а девять
во-вторых ячейка занимает ровно такую ширину, сколько внутри нее контента. чтобы что-то выравнивалось по центру, у этого объекта должна ширина быть больше, чем у контента внутри него.

1. оставь две ячейки.
2. пропиши ширину для этих ячеек style="width: 400px; text-align: center;"

+1

1632

Mirra Bell написал(а):
Deff написал(а):

Наверно скрывать нун полностью li, а не ссылку ?

Век живи, век учись и дураком помрешь. ) Спасибо, все убралось.

2. Вот, это как надо  https://funkyimg.com/i/37FkN.jpg

такое надо делать не таблицей, а отдельными блоками.
поставь контент внутрь двух <div> с разными классами.

+1

1633

Герда
Гран мерси. ) Диз скоро будет меняться, поэтому пока поставила ячейкам ширину по 600 и развела их. Потом буду делать в <div>.

+1

1634

Муму написал(а):

Доброго времени суток. Два вопроса по стилю/скрипту, не уверена, что лучше подойдет
1. Как поменять иконку пользователя в последнем сообщении, чтоб она была не слева, а справа? Где-то попадалась подобная тема, но теперь не могу найти и правильно сформулировать запрос

2. Как сделать в описании форума картинки, при наведении на которых появляется текст, например вот так http://cwls.0bb.ru/ или же будет вылезать дополнительное окно, как тут https://tlkthebeginning.ru/ (тут как раз иконки справа, из первого вопроса)

0

1635

Муму написал(а):

1. Как поменять иконку пользователя в последнем сообщении, чтоб она была не слева, а справа? Где-то попадалась подобная тема, но теперь не могу найти и правильно сформулировать запрос

это зависит от того, какие стили стоят на конкретном форуме.
если тебе достаточно общего описания или используешь стандартный дизайн, а не свой, то:

Код:
.punbb .user-avatar {float: right !important;}
Муму написал(а):

Как сделать в описании форума картинки, при наведении на которых появляется текст, например вот так

http://forumd.ru/viewtopic.php?id=3017

+1

1636

Здравствуйте.
Я с вопросом по обновлению Обновления на сервисе
Кто то может подсказать, почему у меня не видно? Пытался через css двигать и раскрашивать, но ничего кроме фона данной фитчи не появляется.
У меня стоят какие то приблуды для оформления вот этого:
https://forumupload.ru/uploads/0000/14/1c/32894/t798514.jpg

https://nude-celebrity.ru/viewtopic.php … =87#p25392

0

1637

Это достаточно агрессивный скрипт, он скрывает весь низ профиля, а не только статус пользователя.
не отображается профиль

+1

1638

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

Это достаточно агрессивный скрипт, он скрывает весь низ профиля, а не только статус пользователя.
не отображается профиль

Тот скрипт удалил, теперь при обновлении страницы, фитча появляется на долю секунды и пропадает, но остается при наведении такое белое окно:
https://forumupload.ru/uploads/0000/14/1c/32894/t160162.jpg
при выделении ясное дело, что там инфа
https://forumupload.ru/uploads/0000/14/1c/32894/t208665.jpg

0

1639

ACT3255
есть аккаунт юзера? гостям не видно, надо посмотреть, почему пропадает.

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

при наведении такое белое окно:

добавила код перекраски контейнера http://forumd.ru/viewtopic.php?id=6250&p=4#p140246

Изменить цвет всплывающего окна:

Код:
.tooltipsy {
border: 1px solid #ccc !important; /* обводка */
background: #000 !important; /* цвет фона */
color: #ff865f;  /* цвет текста */
}

+1

1640

Герда
Я плохо ещё ориентируюсь в Вас на форуме, подскажите пожалуйста, где у Вас можно задавать вопросы?
Не именно по скрипту, а вопросы по скриптам, стилям?

https://forumupload.ru/uploads/0000/14/1c/32894/t955448.jpg
появилось
https://forumupload.ru/uploads/0000/14/1c/32894/t31739.jpg
а вот тут не подскажите, почему при обнове на сек. появляется и потом исчезает, как буд то её что то скрывает.

Отредактировано ACT3255 (Сб, 3 Окт 2020 15:12:15)

0

1641

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

Я плохо ещё ориентируюсь в Вас на форуме, подскажите пожалуйста, где у Вас можно задавать вопросы?
Не именно по скрипту, а вопросы по скриптам, стилям?

Техническая поддержка
можно создавать отдельный топик.
можно юзать общие темы.
да и вообще, заблудишься и спросишь не там - никто бить палкой не будет. :)

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

появляется и потом исчезает, как буд то её что то скрывает.

вот тут нужен доступ на форум. т.к. гости вообще не видят эту штуку.

0

1642

Герда
Доступ в ЛС выслал.

Герда написал(а):

да и вообще, заблудишься и спросишь не там - никто бить палкой не будет

спасибо большое.
https://forumupload.ru/uploads/0000/14/1c/32894/168029.gif

Отредактировано ACT3255 (Сб, 3 Окт 2020 15:19:34)

0

1643

У меня такой вопрос: если на форум подгрузить какие-то шрифты, они должны будут отображаться в выпадающем списке со шрифтами? Или это делается для корректного отображения этих шрифтов в дизайне?

0

1644

Mirra Bell написал(а):

если на форум подгрузить какие-то шрифты, они должны будут отображаться в выпадающем списке со шрифтами?

нет

Mirra Bell написал(а):

это делается для корректного отображения этих шрифтов в дизайне?

естественно

+1

1645

Добрый день!
Почему-то не работает скрипт индикатор активности

Отредактировано Arlekina (Сб, 3 Окт 2020 18:27:12)

0

1646

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

Почему-то не работает скрипт индикатор активности

лучше писать в теме скрипта. если в нем действительно какой-то баг - надо исправить.

у тебя в стиле стоит:

Код:
.pa-author img {
    display: none;
}

это скрывает индикатор.

+2

1647

Герда
Извините, больше не повторится!
Благодарю за помощь!

+1

1648

доброго времени суток! столкнулась со следующей проблемой:
ранее шапку/таблицу от тела форума отделяла панель навигации, сейчас убрала панель навигации наверх и соответственно шапка с телом форума соединились. подскажите, пожалуйста, как сделать так, чтобы между ними был промежуток как и раньше? желательно чтобы между ними еще и пикча встала
как выглядит сейчас:
https://forumupload.ru/uploads/0000/14/1c/21115/t722490.jpg
как должно выглядеть:
https://forumupload.ru/uploads/0000/14/1c/21115/t744261.jpg

0

1649

Клёнька
Я конечно извиняюсь.....но...... Как бы ссылку то можно на сам форум? Так как непонятно что и на сколько двигать.
Но даже исходя из того что вы написали. Логично будет двигать шапку выше

0

1650

МАЧОнаДАЧЕ написал(а):

Клёнька
Я конечно извиняюсь.....но...... Как бы ссылку то можно на сам форум? Так как непонятно что и на сколько двигать.
Но даже исходя из того что вы написали. Логично будет двигать шапку выше

http://testkanon.mybb.ru/

+1

1651

Клёнька
ну, как вариант - в #pun-title вставить и пикчу и отступ:

Код:
#pun-title {
    padding-bottom: 40px;
    background: transparent url(картинка) bottom center;
}

0

1652

Герда написал(а):

Клёнька
ну, как вариант - в #pun-title вставить и пикчу и отступ:

Код:
#pun-title {
    padding-bottom: 40px;
    background: transparent url(картинка) bottom center;
}

пикчу таблички?
я думала как то разнести табличку и тело форума по разным отступам, но они упорно ездят вверх-вниз вместе, хм

0

1653

Клёнька написал(а):

пикчу таблички?

ты пишешь:

Клёнька написал(а):

чтобы между ними был промежуток как и раньше? желательно чтобы между ними еще и пикча встала

если в низ pun-titile добавить отступ, будет отступ. нужна картинка - можно туда же в низ вставить картинку.

Клёнька написал(а):

я думала как то разнести табличку и тело форума по разным отступам, но они упорно ездят вверх-вниз вместе

вот это не поняла.

рамка тела форума у тебя вставлена в #pun
это селектор, который обрамляет ВСЁ - и шапку, и таблицы форума и т.д.
если ты его трогаешь - ты трогаешь ВСЁ тело.
соответственно, в таких дизайнах, если хочется, чтоб что-то "выезжало" за пределы тела, надо добавить margin-left: -Хpx

если ты не хочешь, чтобы приходилось все выдвигать из тела форума, то фон и ширину надо вставлять отдельно в те места, где он должен быть.
например, #pun-main - это фон всего контента, кроме статуса, шапки, хлебных крошек и низа форума. вставишь в нее - будет обрамлять только контент форума.
пример еще круче - вставить рамку отдельно в категории, отдельно в топик, отдельно в статус и крошки и т.д. вот пример такой верстки: http://forumd.ru/viewtopic.php?id=5949

+1

1654

Герда
такс, хорошо, подскажи тогда, пожалуйста, что и куда тогда нужно вписать, чтобы табличка осталась на месте, а тело форума ушло ниже?
margin-left: -Хpx это же смещение по горизонтали, нет?

0

1655

Клёнька
а, ну ты можешь сделать ей margin-top: -Хpx и она "поедет" вверх из тела

а можно поступить круче.
position: absolute; - полностью "выдергивает" элемент, будто его не было на странице
top: Xpx; - двигает "выдернутый" элемент сверху
left: Xpx; - двигает "выдернутый" элемент слева

но с этим способом есть проблема. при absolute мы двигаем элемент от краев ЭКРАНА.
соответственно, чтобы табличка встала по центру, а не по экрану ездила, надо сделать ему родителя с position: relative;
в движке майбб это .punbb или #pun - тогда можно будет двигаться вправо-лево относительно них, а не экрана. но это может вызвать проблемы при желании растянуть что-то на весь экран внизу или вверху.

-------------
сейчас внимательней посмотрела на диз.
в твоем случае, нужно поросто фон шапки ставить туда, где находится ее контент.

оберни ВСЕ newsbox в общий див:
<div id="tablichka">
здесь три контейнера с новостями
</div>
в стиле добавляем #tablichka {и тут фон таблички, который ща зачем-то в шапке}

а стиль #pun-title table можно полностью удалить

+1

1656

привет!
есть два вопроса по оформлению форума.

1. с телефона дизайн большинства других форумов у меня обрезаются по краю тела, то есть фона при таком раскладе не видно. например: здесь, здесь и здесь. а тут с мобильного устройства фон всё равно остаётся виден. хочется наоборот. скрины для сравнения: 1, 2.

2. всплывающие подсказки при наведении (tooltip) работают на главной странице и в элементах внутреннего интерфейса, но не работают в случае с тегом [abbr]. например, в этом сообщении, при наведении на звёздочку отображается стандартная браузерная подсказка. можно ли распространить влияние скрипта и на тег [abbr] тоже, чтобы всплывающие подсказки выглядели так же, как, например, на главной странице в активности?

используемый скрипт.
Код:
<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
position: absolute;
background: #121212;
z-index: 999;
max-width: 160px;
border: none;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
font-family: arial; /* шрифт */
font-size: 9px; /* размер текста */
display: none;
color: #fff; /* цвет текста */
text-align: center;
padding: 5px;
letter-spacing: 1.2px;
font-weight: lighter;
text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0012/d8/04/24666.js"></script>
<script>  
 $(document).ready(function(){ 
 $('a [title]:not(abbr)').quicktip({ speed:500 }); 
 $('img [title]:not(abbr)').quicktip({ speed:500 });
 $('div [title]:not(abbr)').quicktip({ speed:500 }); 
 $('span [title]:not(abbr)').quicktip({ speed:500 });
 }); 
 </script>
<!--//End//-Всплывающие Подсказки при наведении-->

заранее спасибо!

0

1657

Ну вообщем то давно были пожелания дать возможность разрешать выбирать Пользователю свой стиль в Администрирование - НАстройки  и при наличии разрешения своего Своего стиля (в Администрирование-Стиль)
Переключатель для этого  в Админ-Настройках есть!
Стиль пользователя   Да    Нет
Ибо давно востребовано на большинстве форумов(не все могут в мобильный стиль, а большинство стилей от сервиса неплохо отображаются и на мобилках)
Ну для особо интересующихся можно с помощью этого же переключения стилей в Профиле пользователя простеньким скриптом в HTML верх либо убрать стили(от сервиса) кроме одного(к примеру для удобства корректировки расположения своей инфы в шапке и на этом выбранном стиле), либо добавить свой второй стиль

Отредактировано Deff (Пт, 9 Окт 2020 15:48:50)

0

1658

просьба заменить в ЛС ссылку Статус сообщений на Непрочитанные

+1

1659

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

просьба заменить в ЛС ссылку Статус сообщений на Непрочитанные

Какое отношение этот пост имеет к обсуждению админки?

0

1660

Mirra Bell написал(а):

Какое отношение этот пост имеет к обсуждению админки?

как обычно - никакое. перенесла. :)

tartar1

Код:
#pun-messages #profilenav ul:last-child li.item2 a {font-size: 0;}
#pun-messages #profilenav ul:last-child li.item2 a::before {
font-size: 22px;
content: 'Непрочитанное';
}

0

1661

К.Ц. написал(а):

с телефона дизайн большинства других форумов у меня обрезаются по краю тела,

  • попробуйте избавиться в body от min-width: 1340px;

  • и в #pun-ulinks .container  от отступа  margin-left: -40px;

+2

1662

Wilhelm
сработало, спасибо большое! с:

вопрос про всплывающую подсказку по-прежнему актуален:

К.Ц. написал(а):

2. всплывающие подсказки при наведении (tooltip) работают на главной странице и в элементах внутреннего интерфейса, но не работают в случае с тегом [abbr]. например, в этом сообщении, при наведении на звёздочку отображается стандартная браузерная подсказка. можно ли распространить влияние скрипта и на тег [abbr] тоже, чтобы всплывающие подсказки выглядели так же, как, например, на главной странице в активности?

используемый скрипт.
Код:
<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
position: absolute;
background: #121212;
z-index: 999;
max-width: 160px;
border: none;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
font-family: arial; /* шрифт */
font-size: 9px; /* размер текста */
display: none;
color: #fff; /* цвет текста */
text-align: center;
padding: 5px;
letter-spacing: 1.2px;
font-weight: lighter;
text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0012/d8/04/24666.js"></script>
<script>  
 $(document).ready(function(){ 
 $('a [title]:not(abbr)').quicktip({ speed:500 }); 
 $('img [title]:not(abbr)').quicktip({ speed:500 });
 $('div [title]:not(abbr)').quicktip({ speed:500 }); 
 $('span [title]:not(abbr)').quicktip({ speed:500 });
 }); 
 </script>
<!--//End//-Всплывающие Подсказки при наведении-->

Отредактировано К.Ц. (Пт, 9 Окт 2020 21:46:39)

0

1663

К.Ц., Попробуйте добавить в скрипт строку красным

$(document).ready(function(){
$('a [title]:not(abbr)').quicktip({ speed:500 });
$('abbr[title]').quicktip({ speed:500 });
$('img [title]:not(abbr)').quicktip({ speed:500 });
$('div [title]:not(abbr)').quicktip({ speed:500 });
$('span [title]:not(abbr)').quicktip({ speed:500 });
});

+1

1664

Deff
добавил, теперь подсказки, обёрнутые в [abbr], вообще не отображаются х)

+1

1665

К.Ц. написал(а):

добавил, теперь подсказки, обёрнутые в [abbr], вообще не отображаются х)

Попробуйте переставить этот код:

Код:
<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
position: absolute;
background: #121212;
z-index: 999;
max-width: 160px;
border: none;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
font-family: arial; /* шрифт */
font-size: 9px; /* размер текста */
display: none;
color: #fff; /* цвет текста */
text-align: center;
padding: 5px;
letter-spacing: 1.2px;
font-weight: lighter;
text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0012/d8/04/24666.js"></script>
<script>  
$(document).ready(function(){ 
$('a [title]:not(abbr)').quicktip({ speed:500 }); 
$('img [title]:not(abbr)').quicktip({ speed:500 });
$('div [title]:not(abbr)').quicktip({ speed:500 }); 
$('span [title]:not(abbr)').quicktip({ speed:500 });
$('abbr[title]').quicktip({ speed:500 }); 
}); 
 </script>
<!--//End//-Всплывающие Подсказки при наведении-->

В HTML низ

Отредактировано Deff (Пт, 9 Окт 2020 23:52:31)

+1

1666

Deff
аналогично: abbr-подсказки не работают с:

+1

1667

К.Ц.
Попробуйте переставить в самый низ, HTML низ *У меня работало  http://forumupload.ru/uploads/0000/14/1 … 464273.jpg

Код возьмите из моего предыдущего сообщения

Отредактировано Deff (Сб, 10 Окт 2020 00:43:46)

+1

1668

Доброй ночи!
Форум http://thecityandthecity.rusff.ru.
У всех пользователей исчезло ЛЗ. В редактировании профиля эти поля тоже пропали. В админке их тоже нет. В настройках форума никто не копался.
Подскажите, нужно ли паниковать и пытаться настроить поля заново или это глюк платформы и скоро всё опять восстановится само собой, без нашего вмешательства.

0

1669

c.j.r.
Сделайте скриншот: Администрирование-Поля профиля

0

1670

Deff
вот.

0

1671

Deff
супер, теперь работает, спасибо!
а нижнее подчёркивание пунктиром при этом можно сохранить как-нибудь? или только без него?)

0

1672

К.Ц. написал(а):

а нижнее подчёркивание пунктиром при этом можно сохранить как-нибудь? или только без него?)

А что, сейчас кончилось ???

+1

1673

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

А что, сейчас кончилось ???

ага с: под звёздочками в указанной теме оно тоже было, но вот тут, например, характернее видно: подсказка на слове "бесконечной", но слово не подчёркнуто.

0

1674

К.Ц.
Ну поставь чо нидь в конец Первого Окна стиля:

abbr:hover {
  border: dotted 1px #000;
}

Ну или без :hover  (чоб и без наведения)

Отредактировано Deff (Сб, 10 Окт 2020 01:06:09)

+1

1675

Deff
всё супер, спасибо большое, выручаешь! с:

0

1676

добра. вопрос глупый, но я не знаю, как это сделать: как можно заменить цвет маркировки тега [mark][/mark]?

0

1677

..Boleyn
Возможно — он цепляется за класс .highlight-text через background-color.

+1

1678

Arakhen
спасибо. в самом деле, решил проблему)

0

1679

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

просьба заменить в ЛС ссылку Статус сообщений на Непрочитанные

0

1680

tartar1

Герда написал(а):
Код:
#pun-messages #profilenav ul:last-child li.item2 a {font-size: 0;}
#pun-messages #profilenav ul:last-child li.item2 a::before {
font-size: 22px;
content: 'Непрочитанное';
}

+1

1681

подскажите, пожалуйста, в чем может быть проблема. было все хорошо, отредактировали сообщение http://grimreapers.rusff.ru/viewtopic.php?id=1#p1 и теперь с каждой редакцией (даже если ничего не менять) расстояние увеличивается. только что все поправил. все лишние строки удалил. сохраняю - все равно вот такое.




и так совершенно в каждой теме. стоит внести какие-либо правки - идут непонятные пробелы. даже тут. отредактировал. пробелов нет вообще. а они в итоге есть. и с каждой редакцией - все больше.

Отредактировано ..Boleyn (Пн, 12 Окт 2020 14:14:16)

+2

1682

..Boleyn

На нашем форуме тоже самое  :'(  причем это происходит только там, где абзацы есть.

0

1683

Yukka88

не только. абзаца может и не быть. достаточно чтобы текста было в 2 строки. а дальше - редактируешь. можешь даже не вносить правки - текст расползется

0

1684

в моем сообщении выше не было пробелов. но 2 строки: ник и текст.

0

1685

Добрый день! У нас http://fusioncross.rusff.ru/ та же проблема, что и у предыдущих комментаторов. Неприличное количество пустых строк между абзацами, которые добавляются, не иначе, как магией.

p.s. в полях с текстом в настройках форума тоже добавляются лишние строки.

Отредактировано Hound (Пн, 12 Окт 2020 14:40:37)

0

1686

Доброго времени суток.

Абсолютно такая же проблема с вставкой пустых строк http://closeenemy.ru/viewtopic.php?id=43#p337

работает в каждой теме.

между некоторыми строками уже бездну наредактировали)

0

1687

Добрый день, такая же проблема.

как стало
а как было

Наблюдается это только в новых сообщениях, написанных после... 12 по Мск. В теме флуда особенно хорошо видно, что сообщения до этого периода имеют нормальный отступ, а после вдруг ломаются.

к сожалению, принести скрин этой границы не могу, так как между ним пользователи впихнули два сообщения со смайликами, и сделать скрин-сравнение сложно =/ но надеюсь имеющихся скринов хватит

Добавлено спустя 9 минут 34 секунды:
Починилось, но старые сообщения всё равно имеют эти лжепробелы : )

Отредактировано iotauri (Пн, 12 Окт 2020 14:48:56)

0

1688

Поправил.

+2

1689

добрый день! а в названии спойлера это можно поправить? все еще есть отступы

0

1690

kernel
спасибо огромное за оперативную реакцию!

0

1691

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

добрый день! а в названии спойлера это можно поправить? все еще есть отступы

Настройки -> Отображение -> Форматирование [align] поставить в "Старый вариант". Я не вникал, но в новом варианте сложности с этим.

0

1692

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

Настройки -> Отображение -> Форматирование [align] поставить в "Старый вариант". Я не вникал, но в новом варианте сложности с этим.

Со старым тоже не работает, пустая строка в названии спойлера сохраняется.

+2

1693

.spoiler-box p {
    padding-bottom: 0px!important;
}

Ну или .punbb .spoiler-box p, кому критично отсутствие гвоздей в коде.

Туда тоже параграф влез (один), сам по себе он там не мешает, но большинство стилей тащат к этим параграфам в спойлере отступ от параграфов из сообщения. Их, по идее, просто можно перебить и про эти параграфы забыть.

+1

1694

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

Со старым тоже не работает, пустая строка в названии спойлера сохраняется.

Вариант:
Правка в конец Первого окна стиля:

Код:
.spoiler-box>div[onclick]>p{
   margin:0!important;
   padding:0!important;
   display:inline-block;
}

0

1695

@kernel
вообще по-хорошему надо бы разобраться, т.к. правки на то, чтоб убрать отступы "ломают" какие-нить такие спойлеры:

1я строчка заголовка

еще строчка

текст

текст

маленькое пояснение

текст

Код:
[spoiler="[color=blue]1я строчка заголовка[/color]
[align=center][color=green]еще строчка[/color][/align]

текст

текст


[align=right][color=red]маленькое пояснение[/color][/align]"]
текст
[/spoiler]

это НЕ срочно, но было бы неплохо однажды найти косяк

0

1696

..Boleyn написал(а):

было все хорошо, отредактировали сообщение http://grimreapers.rusff.ru/viewtopic.php?id=1#p1 и теперь с каждой редакцией (даже если ничего не менять) расстояние увеличивается.

@kernel

не знаю - у меня глюк из этой же серии или багует скрипт анкет....
когда я редактирую вот это сообщение: http://forumd.ru/viewtopic.php?id=6351#p140915
в посте не отображается табличка
таблица с картинками пропала...

+ я ловила схожий глюк при редактировании одной из статей.
внесла правки, нажала "предпросмотр" и бац! у меня пропало 80% статьи, отобразилось только начало. и я 100% ничего не удаляла, так что радуюсь, что я не сразу отправила, а через предпросмотр проверила пост.

отмена. я сейчас зашла в редактирование (третий раз подряд) и теперь табличка появилась.
возможно это глюки браузера... я комп перезагружаю редко, а сейчас еще и оперативку жрет фотошоп.

Отредактировано Герда (Вт, 13 Окт 2020 00:04:26)

0

1697

у меня такой вопрос: как поменять текст в строке "Привет, Raven Salander. Ваш последний визит: Сегодня 11:27:23." на этом форуме http://grimreapers.rusff.ru/
интересует возможность сменить именно "привет" и "ваш последний визит"

0

1698

..Boleyn
http://forumd.ru/viewtopic.php?id=2015

0

1699

У меня такой вопрос: с некоторых пор менюшка для смены имиджа в посте уехала

хз куда.

https://funkyimg.com/i/37X3L.jpg

Раньше она была в том месте, где обведено красной рамкой. Не то, чтобы я не знала, как вернуть ее на место: знаю и сделаю сама вместе со ссылками. Просто интересно с чего это она так переместилась, причем на обоих форумах. Ни эти скрипты, ни стиль для имиджа не трогался уже года три точно.

0

1700

Герда написал(а):

..Boleyn
http://forumd.ru/viewtopic.php?id=2015

за ссылку спасибо, но я не совсем разобрался как найти правильно селектор чтобы не накосячить.

0

1701

..Boleyn, возьмите готовый вариант:

В хтмл-низ
<script>
greet="замена приветствия"
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1)
visit="замена последнего визита"
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1)
</script>

Замените синий на ваш текст.

0

1702

Здравствуйте.
Интересует всплывающее окно на форуме при заходе (для зарегистрированных, либо всех пользователей). Нашла хороший скрипт (тык), но при нем нет затемнения, либо оно не работает (хотелось бы, чтобы сама страница сайта до закрытия окна была чуть темнее) + почему-то не отображается картинка крестика (не нашла, где это вообще меняется).
Кто-нибудь сможет помочь?

0

1703

Arbuzikoch
поставь скрипт на тестовый форум + активируй тестовый режим в скрипте.
и ссылку на тестовик сюда - над потыкаться.

0

1704

Герда
Если подойдет тестовый форум без оформления, то тык
(Прошу прощение, очень плохо разбираюсь в теме в целом, просто обещала помочь одному человеку найти, поэтому может быть много глупых вопросов или действий).

0

1705

Arbuzikoch
надо поставить на него скрипт и активировать настройку тестового режима в скрипте

0

1706

Герда
На нем стоит тот скрипт, который я скинула, с тестовым режимом (0). Не отображается?
---

Кажется, оно не показывается у гостей.

Отредактировано Arbuzikoch (Ср, 14 Окт 2020 20:17:18)

+1

1707

Герда написал(а):

Arbuzikoch
надо поставить на него скрипт и активировать настройку тестового режима в скрипте

Он походу не работает, есть такой же, чуть правленый, он тоже не фурычит. (у меня по крайней мере)
Добавлено спустя 1 минуту 55 секунд:
https://forumupload.ru/uploads/0000/14/1c/32894/566820.png
Работает на http на httpS не хочет

Отредактировано ACT3255 (Ср, 14 Окт 2020 20:20:28)

0

1708

ACT3255
У зарегистрированных пользователей отображается, только что еще раз проверили. Я не уверена, что понимаю, как сделать его видимым для Герды без регистрации (для гостей). А так в целом скрипт работает.

0

1709

ох уж эти старые-добрые скрипты от дэффа с вшитыми цсс-кодами...

Arbuzikoch

Код:
<style>
#inter2 {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}

#inter2 .inner {
border-radius: 15px;
box-shadow: 0px 5px 18px #000;
width: 300px;
height: 200px;
margin: 120px auto 0;
position: relative;
padding: 20px;
background-color: #ccc;
}

#inter2 .img1809 {
position: absolute;cursor:pointer;
right: 5px;
top: 5px;
}
</style>
<!-- УВЕДОМЛЕНИЕ -->
<div id="inter2" style="display:none;">
<div class="inner">
<img class="img1809" src="http://savepic.org/2110923.gif"/>
     
    <!-- КОНТЕНТ -->

    <center><p>Здравствуйте Дорогие Гости!</p></center>
    <font color=red>Поздравляю Вас ....!</font>(-Ваш Контент сообщения)

    <!--/End КОНТЕНТ -->
</div></div>
<script src="http://hostjs-mybb2011.narod.ru/js/CookieJsLibrary_v_011_4.js"></script>
<script type="text/javascript">
if(typeof(getCookie01)!="undefined"){
var UwOn=1 //1-Уведомление Включено; 0 - Выключено
RabRegim=0 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время
if(!RabRegim){deleteCookie01('#inter2')}
var TimePOP=12 // раз в 12 часов повторяемость - для одного юзера
if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){
$("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)}
$(".img1809").click(function(){$("#inter2").hide();});
}
</script><!--//КОНЕЦ - УВЕДОМЛЕНИЕ -->

между тегами style теперь всякие настройки цветов радуги. :D

0

1710

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

на httpS не хочет

на хттпс не будут работать никакие скрипты, которые ссылаются на внешние файлы типа таких: http://hostjs-mybb2011.narod.ru/js/Cook … v_011_4.js
если перезалить в админку и вставить через протокол хттпс, все будет ок

+1

1711

Герда
Спасибо огромное, теперь работает (иконку для крестика подберу)
Хорошего вечера!

0

1712

По мотивам:

Календарь событий v.2
Скрипты от пользователей 3

7 ноября - День Октябрьской революции, если специально не наводить курсор мышки на желтый кружок с датой, то непонятно, что это праздник, поскольку он сливается с обычным выходным (субботой).

Так вот, можно ли как-нибудь отделить праздники от обычных выходных (суббота и воскресение), например, по цвету фона?

Праздник сливается с субботой:

https://i.imgur.com/SIkYbrq.png

0

1713

Доброго времени, товарищи.
Подскажите пожалуйста, поставил замену шрифта на всем форуме:

Код:
<style>
#pun * {
    font-family: "Oswald" !important;
}
</style>

https://forumupload.ru/uploads/0000/14/1c/32894/t675666.png
https://forumupload.ru/uploads/0000/14/1c/32894/t545398.png

получился мелковат, как немного увеличить?
Если добавляю:

Код:
font-size: 14px;

то выкатывает вот это мне...
https://forumupload.ru/uploads/0000/14/1c/32894/t337383.png
Подскажите код для замены стандартного шрифта без ущерба для форума.
Спасибо.

Отредактировано ACT3255 (Вс, 18 Окт 2020 14:27:52)

0

1714

привет!
вот здесь не могу разобраться с тем, почему поле навигации уплывает в разные стороны при масштабировании страницы. хочется закрепить его на месте.
заранее спасибо!

+1

1715

К.Ц.
Left привязан к левой границе экрана, нужно ставить margin-left(тогда отсчет смещения от текущего положения)

<!--Навигация [ругат. междометие] моё-->
<div style="position: absolute;top: 223px;margin-left: 739px;z-index: 4;">

+2

1716

Deff
супер, спасибо! :>

+1

1717

Здравствуйте. У меня такой вопрос, можно ли установить запрет копирования текста только в определённых форумах (например в форуме творчества, чтобы не копировали авторские тексты), а не на всей ролевой?

0

1718

Кэри
Выложите текущий код запрета на копирование

0

1719

Deff
Тот, что нашёл на этом форуме поддержки.

Код:
<body onselectstart="return false;">
<body oncopy="return false;">
<body onmousedown="return false;">
<body oncontextmenu="return false;">
<body ondragstart="return false;">

0

1720

Кэри
Ну где то был более элегантный через скрипт...
Вы уже пробовали этот код устанавливать ? Получается запрет копирования ?

0

1721

Deff
Поэлегантней не нашёл. Может и есть.)
Пробовал, ничего скопировать нельзя. Немного неудобно в темах постов и во флуде, когда хочется скопировать или выделить некоторые слова игроков или свои собственные. Если можно было бы поставить запрет только на тот форум, который действительно нуждается в защите авторского права.

0

1722

Кэри написал(а):

Пробовал, ничего скопировать нельзя.

Ок, ща поправлю текущий код...

0

1723

Кэри
В HTML верх:

Код:
<script>
(function() {
    var arrForums = [1, 2, 3, 4]; //Форумы где должно работать;
    var F;
    if(FORUM.topic)F = +FORUM.topic.forum_id;
    if (arrForums.indexOf(F) == -1) return;

function smls_blkCnt (){ /*!~!;

<body onselectstart="return false;">
<body oncopy="return false;">
<body onmousedown="return false;">
<body oncontextmenu="return false;">
<body ondragstart="return false;">

!~!;*/
}smls_blkCnt = smls_blkCnt.toString().split('!~!;')[1];
document.write(smls_blkCnt);

}());
</script>

Поправил :flag:

Отредактировано Deff (Вт, 20 Окт 2020 19:08:52)

+1

1724

Deff
Почему-то не работает. И второй вариант. Может, что-то неправильно ставлю?
http://fourelemental.mybb.ru/

0

1725

Кэри
:dontcare:  Оно работает в темах данного форума... (К примеру в этой теме: http://fourelemental.mybb.ru/viewtopic.php?id=18
Если нужно  чоб не работало в некоторых темах, мон поменять код

Отредактировано Deff (Вт, 20 Окт 2020 19:29:55)

0

1726

Форумы где запрет не должен работать:

Код:
<script>
(function() {
    var arrForums = [1, 2, 3, 4]; //Форумы где запрет не работает;
    var F;
    if(FORUM.topic)F = +FORUM.topic.forum_id;
    if (arrForums.indexOf(F) != -1) return;
 
function smls_blkCnt (){ /*!~!;
 
<body onselectstart="return false;">
<body oncopy="return false;">
<body onmousedown="return false;">
<body oncontextmenu="return false;">
<body ondragstart="return false;">
 
!~!;*/
}smls_blkCnt = smls_blkCnt.toString().split('!~!;')[1];
document.write(smls_blkCnt);
 
}());
</script>

+1

1727

В последнем коде не будет копироваться и на страницах форума, не ток тем

0

1728

Deff
Видимо, я просто не понимаю, каким образом считать форумы, чтобы написать в скрипте нужную цифру.
Благодарю за уделённое время, постараюсь разобраться.)

0

1729

Кэри
ID форумов считается по клику на форум на главной, красная цифра в конце(после id=), пример данного форума где эта текущая тема: http://forum.mybb.ru/viewforum.php?id=5

Отредактировано Deff (Вт, 20 Окт 2020 19:38:47)

0

1730

Deff
Всё, получилось. Премного благодарен!!!

+1

1731

Здравствуйте, подскажите, как добавить свои теги в список под кнопкой "Дополнительно"?

0

1732

какая-то опять фигня с отображением. теперь уже таблиц и спойлеров (или даже не знаю, чего именно). короче - наглядно тут http://theredrum.ru/viewtopic.php?id=12#p47
во всех темах, где есть таблица и в ней спойлер - вот такое.
Добавлено спустя 13 дней 1 час 4 минуты 16 секунд:
оно потом, буквально в течение 5 мин, все автоматически исправилось. может сбой какой был или глюк.

Отредактировано ..Boleyn (Вт, 3 Ноя 2020 12:10:19)

0

1733

..Boleyn
а что не так?
http://forumupload.ru/uploads/0000/14/1c/16803/992804.png

0

1734

Здравствуйте! Установил табличку с всплывающими данными, при первичной загрузке темы она выглядит как-то странно. После переключения вкладок нормализуется. При обновлении страницы такое снова. Подскажите, куда смотреть, чтобы это поправить?

как оно отображается

http://forumupload.ru/uploads/0000/14/1c/30811/822467.png

http://immortals.f-rpg.ru/viewtopic.php?id=5#p47 тема с проблемой

0

1735

Trinity Wane
Нарисуйте пару сообщений от ника с табличкой в другом разделе, ибо указанный раздел может просматривать ток админ(скрипт переадресует от гостя на главную)

Отредактировано Deff (Ср, 21 Окт 2020 16:19:15)

0

1736

Драсьте! У меня какая-то беда, почему-то при наводке на элементы в шапке — весь текст становится жирным... помогите юной душе!

http://faelandstest.quadrobb.ru/

0

1737

Deff
отбой, простите, строчку потерял в коде(

Отредактировано Trinity Wane (Ср, 21 Окт 2020 17:33:09)

0

1738

большая сестра
В Амдинистриоование - Свой стиль, во втором поле найдите код

Код:
#content_rotator:hover {
background-color: #fff;
  mix-blend-mode: difference!important; 
  -moz-transition: 1s ease; 
-webkit-transition: 1s ease; 
}

Замените на

Код:
#header_icons img:hover, #header_pic:hover {
  background-color: #fff;
  mix-blend-mode: difference !important;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
}

В этом же поле найдите 2 кода:

Код:
#header_text:hover

{background-color: #fff;
  mix-blend-mode: difference!important; 
  -moz-transition: 1s ease; 
-webkit-transition: 1s ease; }
Код:
#content_rotator:hover {
background-color: #fff;
  mix-blend-mode: difference!important; 
  -moz-transition: 1s ease; 
-webkit-transition: 1s ease; 
}

и удалите их.

+1

1739

Reysler
не помогло :s

0

1740

большая сестра
Очистите кэш браузера, сейчас я вижу, что всё работает как нужно (текст и его фон больше не подсвечивается при наведении). Или сделайте скриншот и ткните стрелкой, возможно я не понял о каких элементах на странице идёт речь.

+1

1741

Reysler
Там речь идёт о том, что у меня вот такое вот происходит с текстом на форуме, когда я навожу на элементы вверху.)
https://i.gyazo.com/56e2172a4d3af899e18740e9abcfa58b.png
А то что подсвечивается — так и должно быть

0

1742

большая сестра
Вот теперь понятнее. Ибо это выглядело, что весь текст в шапке при наведении становился жирным.
Такой эффект происходит из-за наложения позиционного блока (слоя) header_pic (тот что окрашивает background позади себя). Вообще такое делать моветон. Лучше отдельно изображение сделайте и поместите его на это место, иначе еще не один такой "баг" с эффектами CSS3 выплывает.

Добавлено спустя 13 минут 53 секунды:

Попробовал решить это стандартными средствами, у меня не получилось (только если весь текст изначально делать таким же :D ). Ставьте обычную картинку (или блок с картинкой) и уже на него/неё можно накладывать эффект mix-blend-mode: difference; без препятствия для других объектов на странице.

Отредактировано Reysler (Ср, 21 Окт 2020 19:52:16)

0

1743

Reysler
До этого, просто, всё работало замечательно х)
Но спасибо за помощь!

0

1744

большая сестра
Проверил, на текущий момент так работает альфа-канал (невидимая накладываемая прозрачность позиционирования) абсолютно везде. Это, своего рода, недоработка. Просто у вас на таком фоне и с нестандартным текстом это заметнее всего :dontknow:

0

1745

Reysler
О! Спасибо, пока, думаю, просто отключу его, а потом уже разберусь.)

0

1746

большая сестра
С отдельной картинкой нормально работает, проверено ;)
Пример тут - https://developer.mozilla.org/ru/docs/W … blend-mode

0

1747

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

Здравствуйте, подскажите, как добавить свои теги в список под кнопкой "Дополнительно"?

Актуально.
Уточняю - теги не от балды, а прописанные через block class; работоспособностью их заморачиваться не надо, мне просто не нравится, что отдельными кнопками они занимают много места, хочу перенести их в "Дополнительно".

0

1748

MD
их можно засунуть в одну кнопку: http://forumd.ru/viewtopic.php?id=2085
если пзарез только в дополнительно, то так:

Код:
$("#addition-area").append('<div onclick="bbcode(\'[block=class]\',\'[/block]\');"><span>Блок</span></div>');

+3

1749

Reysler
что-то я тупенькая, но при проверке с отдельным изображением вообще не работает... картинка просто становится чёрной
иконки с такими же настройками тоже текст делают жирненьким :s

Добавлено спустя 6 минут 25 секунд:
я поменяла difference на exclusion, так что уже не ЧОРНО, но до этого было! в общем, и почему-то транзишн не работает

Отредактировано большая сестра (Ср, 21 Окт 2020 22:07:51)

0

1750

Герда
Спасибо большое.

0

1751

большая сестра
Фоновая картинка перебивает - https://i.imgur.com/nWJCcW1.png
Но transition и впрямь пока не дружит с mix-blend-mode, в предыдущий раз у вас накладывался фон, который впоследствии делал эффект, а напрямую не делает. Всё-таки ваш первый вариант был пока самым удачным, но цвет текста так и будет "мелькать" по причине, указанной в сообщении 1744.

+1

1752

Почему-то страницы с подарками уехали влево и перестали разворачивать картинки на всю ширину. Я вижу, что это такой ширины стал контейнер, в котором сидят картинки, но хз почему он стал таким. Где в стиле мне его поменять? Ну или не его, а что-то другое. http://overside.rolbb.ru/pages/the_halloween

0

1753

Mirra Bell написал(а):

страницы с подарками уехали влево

у меня все по центру.
в каком браузере баг?
можно скрин?

Mirra Bell написал(а):

перестали разворачивать картинки на всю ширину

каким образом они должны разворачиваться? через что?
вставлены к код картинки 50х50, отображаются 50х50

0

1754

Герда написал(а):

у меня все по центру.

все, кроме низа, но он на всех страницах такой.

0

1755

Герда

Герда написал(а):

каким образом они должны разворачиваться? через что?
вставлены к код картинки 50х50, отображаются 50х50

Они не разворачиваются в ряд по всей ширине страницы.

Они сейчас у меня выглядят вот

так

https://funkyimg.com/i/38aYv.jpg

А должны как на Альме вот так: http://almarein.spybb.ru/pages/the_halloween. И раньше так и было, т.к. на самих страницах стоит один и тот же код. На Оверсайд перед тем, как стали сейчас его поднимать, не заходила больше года. Сейчас зашла в подарки, а там вот так. Не думаю, что это браузер, т.к. в одном и том же Google Chrome Версия 86.0.4240.111 (Официальная сборка), (64 бит) я вижу разные вещи.

Герда написал(а):

все, кроме низа, но он на всех страницах такой.

Его навернула уже после того, как написала )

Отредактировано Mirra Bell (Сб, 24 Окт 2020 21:09:42)

0

1756

Mirra Bell написал(а):

А должны как на Альме вот так: http://almarein.spybb.ru/pages/the_halloween. И раньше так и было, т.к. на самих страницах стоит один и тот же код. На Оверсайд перед тем, как стали сейчас его поднимать, не заходила больше года.

Наверное стоит какое-то ограничение по ширине.. Дайте ссылку на страницу с проблемой

0

1757

Deff
http://overside.rolbb.ru/pages/the_halloween

0

1758

Mirra Bell
найди и убери вот это:

Код:
.pages h1 {
    margin-bottom: -120px !important;
}

+1

1759

Здравствуйте
Вопрос по поводу html в постах
Все еще нужен какой-то отдельный скрипт для этого? Отпала от форумов уже давно, сейчас хочу набрать знаний в этом)

Отредактировано Дитя (Сб, 24 Окт 2020 21:58:28)

0

1760

Герда
Да, все получилось, спасибо.

+1

1761

Дитя
Администрирование - Скрипты - HTML в сообщениях
https://forumupload.ru/uploads/0000/14/1c/32894/t510926.png
доп. скриптов не требуется.

Отредактировано ACT3255 (Сб, 24 Окт 2020 22:40:48)

+1

1762

ACT3255
оу, спасибо Вам огромное <3
какое счастье, что теперь не нужно ничего вставлять отдельно)

0

1763

простите за мою глупость, хочу сделать текст над фоном в посте (html включен, естественно)
но я настолько давно занималась лайтовыми "таблицами", что вообще не понимаю, как использовать div
мне просто необходимо сделать текст (заголовок; подзаголовок; сам текст, под котором будет свой фон), под которым будет repeat картинка
то есть примерно это должно выглядеть вот так:

Свернутый текст

https://forumupload.ru/uploads/0000/14/1c/33296/84245.png

Мне нужно использовать div class= а что дальше? или что-то другое? Читаю на форумах по html, нет той информации, которую я ищу

Отредактировано Дитя (Сб, 24 Окт 2020 23:45:46)

0

1764

Дитя написал(а):

Все еще нужен какой-то отдельный скрипт для этого? Отпала от форумов уже давно, сейчас хочу набрать знаний в этом)

Ну по идее в Администрирование - Скрипты достаточно включить HTML в сообщениях, кликалка-обрамлялка будет в дополнительных кодах формы ответа(под кнопкой перевернутый треугольник)

http://forumupload.ru/uploads/0000/14/1c/22787/235697.jpg

Отредактировано Deff (Вс, 25 Окт 2020 00:39:20)

+1

1765

Deff
здравствуйте, спасибо
включить-то я его включила, теперь не могу разобраться, как сделать простые вещи, как это:

Дитя написал(а):

простите за мою глупость, хочу сделать текст над фоном в посте (html включен, естественно)
но я настолько давно занималась лайтовыми "таблицами", что вообще не понимаю, как использовать div
мне просто необходимо сделать текст (заголовок; подзаголовок; сам текст, под котором будет свой фон), под которым будет repeat картинка
то есть примерно это должно выглядеть вот так:

Свернутый текст

https://forumupload.ru/uploads/0000/14/1c/33296/84245.png

Мне нужно использовать div class= а что дальше? или что-то другое? Читаю на форумах по html, нет той информации, которую я ищу

0

1766

Всем привет. Может кто знает в чём проблема?

Эти дополнительные смайлы нашла в вашем форуме. Хотела дополнительно свои добавить. Но не получается. Мои работы, стикеры ниже "Код" - Стикеры "Инкогнито".

Код:
<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
 .tabs li{float:left;cursor:pointer;}
.tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;}
.tabs li.active a:hover{color:#6A5ACD;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>
<script type="text/javascript">
var nabor=[];
 
nabor['Пёс'] = [
'http://funkyimg.com/i/2vSCp.png',
'http://funkyimg.com/i/2vSCq.png',
'http://funkyimg.com/i/2vSCr.png',
'http://funkyimg.com/i/2vSCs.png',
'http://funkyimg.com/i/2vSCu.png',
'http://funkyimg.com/i/2vSCv.png',
'http://funkyimg.com/i/2vSCw.png',
'http://funkyimg.com/i/2vSCx.png',
'http://funkyimg.com/i/2vSCy.png',
'http://funkyimg.com/i/2vSCD.png',
'http://funkyimg.com/i/2vSCE.png',
'http://funkyimg.com/i/2vSCF.png',
'http://funkyimg.com/i/2vSCG.png',
'http://funkyimg.com/i/2vSCH.png',
'http://funkyimg.com/i/2vSCV.png',
'http://funkyimg.com/i/2vSCW.png',
'http://funkyimg.com/i/2vSCX.png',
'http://funkyimg.com/i/2vSCY.png',
'http://funkyimg.com/i/2vSCZ.png',
'http://funkyimg.com/i/2vSDm.png',
'http://funkyimg.com/i/2vSDn.png',
'http://funkyimg.com/i/2vSDo.png',
'http://funkyimg.com/i/2vSDp.png',
'http://funkyimg.com/i/2vVqx.png',
'http://funkyimg.com/i/2vVqy.png',
'http://funkyimg.com/i/2vVqz.png',
'http://funkyimg.com/i/2vVqA.png',
'http://funkyimg.com/i/2vVqB.png',
'http://funkyimg.com/i/2vVqC.png',
'http://funkyimg.com/i/2vVqD.png',
'http://funkyimg.com/i/2vVqE.png',
'http://funkyimg.com/i/2vVqF.png',
'http://funkyimg.com/i/2vVqG.png',
'http://funkyimg.com/i/2vVqQ.png',
'http://funkyimg.com/i/2vVqR.png',
'http://funkyimg.com/i/2vVqS.png',
'http://funkyimg.com/i/2vVqT.png',
'http://funkyimg.com/i/2vVqU.png',
'http://funkyimg.com/i/2vVqV.png',
'http://funkyimg.com/i/2vVqW.png',
'http://funkyimg.com/i/2vVqX.png',
'http://funkyimg.com/i/2vVqY.png',
'http://funkyimg.com/i/2vVqZ.png',
'http://funkyimg.com/i/2vVr3.png',
'http://funkyimg.com/i/2vVr4.png',
'http://funkyimg.com/i/2vVr5.png',
'http://funkyimg.com/i/2vVr6.png',
'http://funkyimg.com/i/2vVr7.png'];
 
nabor['Хомяк'] = ['http://i.imgur.com/aioynLZ.png',
'http://i.imgur.com/mcWR5K3.png',
'http://i.imgur.com/kQDOI2O.png',
'http://i.imgur.com/I2yC49f.png',
'http://i.imgur.com/qk4Wagp.png',
'http://i.imgur.com/mEe8oKA.png',
'http://i.imgur.com/5tyDr4a.png',
'http://i.imgur.com/APXtwMZ.png',
'http://i.imgur.com/I3LGzO3.png',
'http://i.imgur.com/mtul7B5.png',
'http://i.imgur.com/26yG9OL.png',
'http://i.imgur.com/xX8X8Gw.png',
'http://i.imgur.com/A8f4EJh.png',
'http://i.imgur.com/VyzdqsL.png',
'http://i.imgur.com/tUeSTIZ.png',
'http://i.imgur.com/BiyhxPy.png',
'http://i.imgur.com/oP35Thb.png',
'http://i.imgur.com/eLbTgxH.png',
'http://i.imgur.com/5LjQICq.png',
'http://i.imgur.com/6ZyLmUq.png',
'http://i.imgur.com/g5YDYls.png',
'http://i.imgur.com/44XohXz.png',
'http://i.imgur.com/YkKuIrH.png',
'http://i.imgur.com/XH1E3nJ.png',
'http://i.imgur.com/LQOOl7M.png',
'http://i.imgur.com/Fa6urM5.png',
'http://i.imgur.com/MfE1lPj.png',
'http://i.imgur.com/OMOzYAf.png',
'http://i.imgur.com/rRDnSmF.png',
'http://i.imgur.com/n4dTSM8.png',
'http://i.imgur.com/wy3ylYT.png',
'http://i.imgur.com/V8CdY05.png',
'http://i.imgur.com/MS02nMv.png',
'http://i.imgur.com/8HJwcXa.png',
'http://i.imgur.com/b7t6cIv.png',
'http://i.imgur.com/SawNVXe.png',
'http://i.imgur.com/4dUudSd.png',
'http://i.imgur.com/hsg2DyH.png',
'http://i.imgur.com/lFpXXLI.png',
'http://i.imgur.com/pZjh7iG.png',
'http://i.imgur.com/MqQAa2Z.png',
'http://i.imgur.com/2IQzS6G.png'
];
 
nabor['Vk'] = [
'http://funkyimg.com/i/2vV91.png',
'http://funkyimg.com/i/2vV92.png',
'http://funkyimg.com/i/2vV93.png',
'http://funkyimg.com/i/2vV94.png',
'http://funkyimg.com/i/2vV96.png',
'http://funkyimg.com/i/2vV97.png',
'http://funkyimg.com/i/2vV99.png',
'http://funkyimg.com/i/2vV98.png',
'http://funkyimg.com/i/2vV9a.png',
'http://funkyimg.com/i/2vV95.png',
'http://funkyimg.com/i/2vV9u.png',
'http://funkyimg.com/i/2vV9w.png',
'http://funkyimg.com/i/2vV9v.png',
'http://funkyimg.com/i/2vV9x.png',
'http://funkyimg.com/i/2vV9y.png',
'http://funkyimg.com/i/2vV9z.png',
'http://funkyimg.com/i/2vV9S.png',
'http://funkyimg.com/i/2vV9T.png',
'http://funkyimg.com/i/2vV9U.png',
'http://funkyimg.com/i/2vV9V.png',
'http://funkyimg.com/i/2vV9W.png',
'http://funkyimg.com/i/2vVaj.png',
'http://funkyimg.com/i/2vVak.png',
'http://funkyimg.com/i/2vVam.png',
'http://funkyimg.com/i/2vVan.png',
'http://funkyimg.com/i/2vVao.png',
'http://funkyimg.com/i/2vVap.png',
'http://funkyimg.com/i/2vVaq.png',
'http://funkyimg.com/i/2vVar.png',
'http://funkyimg.com/i/2vVas.png',
'http://funkyimg.com/i/2vVav.png',
'http://funkyimg.com/i/2vVaL.png',
'http://funkyimg.com/i/2vVaK.png',
'http://funkyimg.com/i/2vVaY.png',
'http://funkyimg.com/i/2vVb6.png',
'http://funkyimg.com/i/2vVb7.png',
'http://funkyimg.com/i/2vVb8.png',
'http://funkyimg.com/i/2vVb5.png',
'http://funkyimg.com/i/2vVb4.png',
'http://funkyimg.com/i/2vVb3.png',
'http://funkyimg.com/i/2vVb2.png',
'http://funkyimg.com/i/2vVb1.png',
'http://funkyimg.com/i/2vVaZ.png',
'http://funkyimg.com/i/2vVbk.png',
'http://funkyimg.com/i/2vVbn.png',
'http://funkyimg.com/i/2vVbm.png',
'http://funkyimg.com/i/2vVbH.png',
'http://funkyimg.com/i/2vVbJ.png',
'http://funkyimg.com/i/2vVbR.png',
'http://funkyimg.com/i/2vVbS.png',
'http://funkyimg.com/i/2vVbQ.png',
'http://funkyimg.com/i/2vVbK.png',
'http://funkyimg.com/i/2vVbL.png',
'http://funkyimg.com/i/2vVbM.png',
'http://funkyimg.com/i/2vVbN.png',
'http://funkyimg.com/i/2vVbP.png',
'http://funkyimg.com/i/2vVc1.png',
'http://funkyimg.com/i/2vVc2.png',
'http://funkyimg.com/i/2vVc3.png',
'http://funkyimg.com/i/2vVc4.png',
'http://funkyimg.com/i/2vVc7.png',
'http://funkyimg.com/i/2vVc8.png',
'http://funkyimg.com/i/2vVc5.png',
'http://funkyimg.com/i/2vVca.png',
'http://funkyimg.com/i/2vVc9.png',
'http://funkyimg.com/i/2vVcs.png',
'http://funkyimg.com/i/2vVct.png',
'http://funkyimg.com/i/2vVcu.png',
'http://funkyimg.com/i/2vVcv.png',
'http://funkyimg.com/i/2vVcB.png',
'http://funkyimg.com/i/2vVcA.png',
'http://funkyimg.com/i/2vVcy.png',
'http://funkyimg.com/i/2vVcx.png',
'http://funkyimg.com/i/2vVcM.png',
'http://funkyimg.com/i/2vVcz.png',
'http://funkyimg.com/i/2vVdg.png',
'http://funkyimg.com/i/2vVdh.png',
'http://funkyimg.com/i/2vVdn.png',
'http://funkyimg.com/i/2vVdo.png',
'http://funkyimg.com/i/2vVdq.png',
'http://funkyimg.com/i/2vVdp.png',
'http://funkyimg.com/i/2vVdr.png',
'http://funkyimg.com/i/2vVds.png',
'http://funkyimg.com/i/2vVdt.png',
'http://funkyimg.com/i/2vVdu.png',
'http://funkyimg.com/i/2vVdC.png',
'http://funkyimg.com/i/2vVdD.png',
'http://funkyimg.com/i/2vVdE.png',
'http://funkyimg.com/i/2vVdF.png',
'http://funkyimg.com/i/2vVdG.png',
'http://funkyimg.com/i/2vVdK.png',
'http://funkyimg.com/i/2vVdL.png',
'http://funkyimg.com/i/2vVdM.png',
'http://funkyimg.com/i/2vVdN.png',
'http://funkyimg.com/i/2vVdP.png',
'http://funkyimg.com/i/2vVdQ.png',
'http://funkyimg.com/i/2vVdR.png',
'http://funkyimg.com/i/2vVdS.png',
'http://funkyimg.com/i/2vVdT.png',
'http://funkyimg.com/i/2vVef.png',
'http://funkyimg.com/i/2vVeg.png',
'http://funkyimg.com/i/2vVeh.png',
'http://funkyimg.com/i/2vVei.png',
'http://funkyimg.com/i/2vVej.png',
'http://funkyimg.com/i/2vVek.png',
'http://funkyimg.com/i/2vVeo.png',
'http://funkyimg.com/i/2vVev.png',
'http://funkyimg.com/i/2vVew.png',
'http://funkyimg.com/i/2vVez.png',
'http://funkyimg.com/i/2vVeA.png',
'http://funkyimg.com/i/2vVeB.png',
'http://funkyimg.com/i/2vVeC.png',
'http://funkyimg.com/i/2vVeD.png',
'http://funkyimg.com/i/2vVeE.png',
'http://funkyimg.com/i/2vVeF.png',
'http://funkyimg.com/i/2vVeG.png',
'http://funkyimg.com/i/2vVf1.png',
'http://funkyimg.com/i/2vVeZ.png',
'http://funkyimg.com/i/2vVf3.png',
'http://funkyimg.com/i/2vVf4.png',
'http://funkyimg.com/i/2vVf5.png',
'http://funkyimg.com/i/2vVf2.png',
'http://funkyimg.com/i/2vVf7.png',
'http://funkyimg.com/i/2vVf6.png',
'http://funkyimg.com/i/2vVf9.png',
'http://funkyimg.com/i/2vVf8.png',
'http://funkyimg.com/i/2vVfn.png',
'http://funkyimg.com/i/2vVfo.png',
'http://funkyimg.com/i/2vVfp.png',
'http://funkyimg.com/i/2vVfq.png',
'http://funkyimg.com/i/2vVfr.png',
'http://funkyimg.com/i/2vVft.png',
'http://funkyimg.com/i/2vVfu.png',
'http://funkyimg.com/i/2vVfv.png',
'http://funkyimg.com/i/2vVfw.png',
'http://funkyimg.com/i/2vVfx.png',
'http://funkyimg.com/i/2vVfy.png',
'http://funkyimg.com/i/2vVfz.png',
'http://funkyimg.com/i/2vVhT.png',
'http://funkyimg.com/i/2vVhU.png',
'http://funkyimg.com/i/2vVhW.png',
'http://funkyimg.com/i/2vVhX.png',
'http://funkyimg.com/i/2vVhY.png',
'http://funkyimg.com/i/2vVi1.png',
'http://funkyimg.com/i/2vVi2.png',
'http://funkyimg.com/i/2vVhZ.png',
'http://funkyimg.com/i/2vVi3.png',
'http://funkyimg.com/i/2vVi5.png',
'http://funkyimg.com/i/2vVi6.png',
'http://funkyimg.com/i/2vVi7.png',
'http://funkyimg.com/i/2vVi9.png',
'http://funkyimg.com/i/2vVi8.png',
'http://funkyimg.com/i/2vVia.png',
'http://funkyimg.com/i/2vVic.png',
'http://funkyimg.com/i/2vVid.png',
'http://funkyimg.com/i/2vVie.png',
'http://funkyimg.com/i/2vVif.png',
'http://funkyimg.com/i/2vVig.png',
'http://funkyimg.com/i/2vViM.png',
'http://funkyimg.com/i/2vViN.png',
'http://funkyimg.com/i/2vViP.png',
'http://funkyimg.com/i/2vViQ.png',
'http://funkyimg.com/i/2vViR.png',
'http://funkyimg.com/i/2vViS.png',
'http://funkyimg.com/i/2vViT.png',
'http://funkyimg.com/i/2vViU.png',
'http://funkyimg.com/i/2vViX.png',
'http://funkyimg.com/i/2vViY.png',
'http://funkyimg.com/i/2vViZ.png',
'http://funkyimg.com/i/2vVj1.png',
'http://funkyimg.com/i/2vVj2.png',
'http://funkyimg.com/i/2vVj3.png',
'http://funkyimg.com/i/2vVj4.png',
'http://funkyimg.com/i/2vVj5.png',
'http://funkyimg.com/i/2vVj7.png',
'http://funkyimg.com/i/2vVj6.png',
'http://funkyimg.com/i/2vVj9.png',
'http://funkyimg.com/i/2vVji.png',
'http://funkyimg.com/i/2vVjj.png',
'http://funkyimg.com/i/2vVjk.png',
'http://funkyimg.com/i/2vVjm.png',
'http://funkyimg.com/i/2vVjn.png',
'http://funkyimg.com/i/2vVjo.png',
'http://funkyimg.com/i/2vVjp.png',
'http://funkyimg.com/i/2vVjq.png',
'http://funkyimg.com/i/2vVjK.png',
'http://funkyimg.com/i/2vVjL.png',
'http://funkyimg.com/i/2vVjM.png',
'http://funkyimg.com/i/2vVjN.png',
'http://funkyimg.com/i/2vVjP.png',
'http://funkyimg.com/i/2vVjQ.png',
'http://funkyimg.com/i/2vVjR.png',
'http://funkyimg.com/i/2vVjS.png',
'http://funkyimg.com/i/2vVjT.png',
'http://funkyimg.com/i/2vVjU.png',
'http://funkyimg.com/i/2vVkj.png',
'http://funkyimg.com/i/2vVkr.png',
'http://funkyimg.com/i/2vVkq.png',
'http://funkyimg.com/i/2vVko.png',
'http://funkyimg.com/i/2vVki.png',
'http://funkyimg.com/i/2vVkk.png',
'http://funkyimg.com/i/2vVkm.png',
'http://funkyimg.com/i/2vVkn.png',
'http://funkyimg.com/i/2vVkp.png',
'http://funkyimg.com/i/2vVkH.png',
'http://funkyimg.com/i/2vVkJ.png',
'http://funkyimg.com/i/2vVkK.png',
'http://funkyimg.com/i/2vVkM.png',
'http://funkyimg.com/i/2vVkN.png',
'http://funkyimg.com/i/2vVkP.png',
'http://funkyimg.com/i/2vVkQ.png',
'http://funkyimg.com/i/2vVkR.png',
'http://funkyimg.com/i/2vVkS.png',
'http://funkyimg.com/i/2vVkU.png',
'http://funkyimg.com/i/2vVkV.png',
'http://funkyimg.com/i/2vVkY.png',
'http://funkyimg.com/i/2vVkZ.png',
'http://funkyimg.com/i/2vVm1.png',
'http://funkyimg.com/i/2vVm5.png',
'http://funkyimg.com/i/2vVm2.png',
'http://funkyimg.com/i/2vVm3.png',
'http://funkyimg.com/i/2vVm4.png',
'http://funkyimg.com/i/2vVm6.png',
'http://funkyimg.com/i/2vVkX.png',
'http://funkyimg.com/i/2vVmc.png',
'http://funkyimg.com/i/2vVmd.png',
'http://funkyimg.com/i/2vVmi.png',
'http://funkyimg.com/i/2vVmj.png',
'http://funkyimg.com/i/2vVmn.png',
'http://funkyimg.com/i/2vVmk.png',
'http://funkyimg.com/i/2vVmm.png',
'http://funkyimg.com/i/2vVmo.png',
'http://funkyimg.com/i/2vVmp.png',
'http://funkyimg.com/i/2vVmr.png',
'http://funkyimg.com/i/2vVmq.png',
'http://funkyimg.com/i/2vVni.png',
'http://funkyimg.com/i/2vVnj.png',
'http://funkyimg.com/i/2vVnk.png',
'http://funkyimg.com/i/2vVnm.png',
'http://funkyimg.com/i/2vVnY.png',
'http://funkyimg.com/i/2vVo7.png',
'http://funkyimg.com/i/2vVo1.png',
'http://funkyimg.com/i/2vVnZ.png',
'http://funkyimg.com/i/2vVo2.png',
'http://funkyimg.com/i/2vVo3.png',
'http://funkyimg.com/i/2vVo4.png',
'http://funkyimg.com/i/2vVo5.png',
'http://funkyimg.com/i/2vVo6.png',
'http://funkyimg.com/i/2vVo8.png',
'http://funkyimg.com/i/2vVow.png',
'http://funkyimg.com/i/2vVox.png',
'http://funkyimg.com/i/2vVov.png',
'http://funkyimg.com/i/2vVoz.png',
'http://funkyimg.com/i/2vVoA.png',
'http://funkyimg.com/i/2vVoy.png',
'http://funkyimg.com/i/2vVoB.png',
'http://funkyimg.com/i/2vVoC.png',
'http://funkyimg.com/i/2vVp1.png',
'http://funkyimg.com/i/2vVp2.png',
'http://funkyimg.com/i/2vVp3.png',
'http://funkyimg.com/i/2vVp4.png',
'http://funkyimg.com/i/2vVp5.png',
'http://funkyimg.com/i/2vVp9.png',
'http://funkyimg.com/i/2vVpa.png',
'http://funkyimg.com/i/2vVpb.png',
'http://funkyimg.com/i/2vVpc.png',
'http://funkyimg.com/i/2vVpd.png',
'http://funkyimg.com/i/2vVpe.png',
'http://funkyimg.com/i/2vVph.png',
'http://funkyimg.com/i/2vVpi.png',
'http://funkyimg.com/i/2vVpj.png',
'http://funkyimg.com/i/2vVpk.png',
'http://funkyimg.com/i/2vVpm.png',
'http://funkyimg.com/i/2vVpn.png',
'http://funkyimg.com/i/2vVpo.png',
'http://funkyimg.com/i/2vVpp.png',
'http://funkyimg.com/i/2vVpq.png',
'http://funkyimg.com/i/2vVpr.png',
'http://funkyimg.com/i/2vVpu.png',
'http://funkyimg.com/i/2vVpv.png',
'http://funkyimg.com/i/2vVpw.png',
'http://funkyimg.com/i/2vVpx.png',
'http://funkyimg.com/i/2vVpy.png',
'http://funkyimg.com/i/2vVpz.png',
'http://funkyimg.com/i/2vVpA.png',
'http://funkyimg.com/i/2vVpB.png',
'http://funkyimg.com/i/2vVpC.png',
'http://funkyimg.com/i/2vVpD.png',
'http://funkyimg.com/i/2vVpG.png'
];
	
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>


Стикеры "Инкогнито".

Код:
<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width:500px;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;}
.tabs li{float:left;cursor:pointer;}
.tabs li a{background:transparent url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0 0/cover;color:#444;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#efefef;background:url("https://forumstatic.ru/files/0017/d8/50/91984.png")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.2px;}.tabs li.active a:hover{color:#6A5ACD;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:470px;}
</style>
<script type="text/javascript">
var nabor=[];

nabor['Инкогнито']=[
'https://ia.wampi.ru/2020/10/25/BUKET.png',
'https://ia.wampi.ru/2020/10/25/INKOGNITO.png',
'https://ia.wampi.ru/2020/10/25/LYBLY.png',
'https://ia.wampi.ru/2020/10/25/PO-RUKAM...png',
'https://ia.wampi.ru/2020/10/25/POIGRAEM56a48e4196d29550.png',
'https://ia.wampi.ru/2020/10/25/POKA.png',
'https://ia.wampi.ru/2020/10/25/PRIVET.png',
'https://ia.wampi.ru/2020/10/25/PRISEL.png',
'https://ia.wampi.ru/2020/10/25/SKUCAY.png',
'https://ia.wampi.ru/2020/10/25/TIKO.png',
'https://ia.wampi.ru/2020/10/25/TY-GDE.png',
'https://ia.wampi.ru/2020/10/25/KA-KA.png',
'https://ia.wampi.ru/2020/10/25/TELUY.png',
'https://ia.wampi.ru/2020/10/25/Y-POBEDIL.png',
'https://ia.wampi.ru/2020/10/25/Y-POSEL.png',
'https://ia.wampi.ru/2020/10/25/Y-PROIGRAL3827179acfca55bb.png',
'https://ia.wampi.ru/2020/10/25/Y-TUT.png'];

$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><li class="t-0 active"><a>Стандартные</a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img loading="lazy" src="'+nabor[i][q]+'" onclick=smile("--") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>

Генерировала свои ссылки тут http://player.mybb.ru/pages/generator_smailov  и вставляла в свой форум ХТМЛ низ. Не получается.
Точнее мои стикеры видны, они загрузились, но почему друг за дружкой, так много Вкладок смотрите на картинку? Не могу разобраться (((

Отредактировано Светлана Ильисовна (Вс, 25 Окт 2020 17:19:54)

0

1767

Вот картинка https://forumupload.ru/uploads/0000/14/1c/34124/t516697.jpg

0

1768

Светлана Ильисовна
судя по всему свои стикеры ты ставишь как отдельный скрипт.

а надо добавлять весь набор в текущий.

0

1769

Герда написал(а):

Светлана Ильисовна
судя по всему свои стикеры ты ставишь как отдельный скрипт.

а надо добавлять весь набор в текущий.

Получилось БОЛЬШОЕ ВАМ СПАСИБО!

Скажите, а так сколько Вкладок можно заносить в раздел Смайлы?

https://forumupload.ru/uploads/0000/14/1c/34124/t196852.jpg

Отредактировано Светлана Ильисовна (Вс, 25 Окт 2020 17:42:03)

0

1770

Светлана Ильисовна
сколько хочешь )

+1

1771

Герда написал(а):

Светлана Ильисовна
сколько хочешь )

Большое Вам СПАСИБО!

https://forumupload.ru/uploads/0000/14/1c/34124/t345549.png

0

1772

Дитя написал(а):

Мне нужно использовать div class= а что дальше? или что-то другое? Читаю на форумах по html, нет той информации, которую я ищу

Ну наверно нужно иметь представление, что Вы хотите получить в итоге, некий эскиз...
Неплохой справочник по HTML - CSS здесь => http://htmlbook.ru/html  (Там есть и самоучитель)

0

1773

Дитя
http://forumd.ru/viewtopic.php?id=1372&p=10#p139495

+1

1774

Герда
Здравствуйте)
Посмотрела сообщение Вашего форума

а в стиль добавляется

.post-content .class {тут стили}

А в какой именно стиль? нижний (style_cs.css)?

0

1775

Дитя написал(а):

А в какой именно стиль? нижний (style_cs.css)?

Типично лучше ставить в конец первого окна стиля, ибо оно загружается последним и перебивает все предыдущие настройки(если вдруг конфликт)

0

1776

Deff
Хорошо, спасибо)
Сейчас попробую

0

1777

Увидела на форуме такую же конструкцию, которую я хочу
У них было сделано вот так

Свернутый текст

.html_tems {
  background: url(картинка);
  width: auto;
  border: 1px solid #7c735a;
  box-shadow: 0 0 0 2px #292218 inset, 0 0 0 3px #312a1f inset, 0 0 30px 0 rgba(0,0,0,.5) inset, 0 0 9px 0 rgba(140,123,98,.6);
  padding: 20px
}

.html_tems_header {
  text-align: center;
  background: #17120e;
  box-shadow: 0 0 0 3px #15100c inset;
  border: 1px solid #272118;
  padding: 10px 10px;
  color: #958b1a;
  font: 700 15px 'Playfair Display';
  text-shadow: 0 0 5px rgba(0,0,0,.8);
  text-transform: uppercase;
  letter-spacing: 2px
}

.html_tems_text {
  text-align: justify;
  background: #ebe2cc;
  border: 1px solid #6a634d;
  box-shadow: 0 0 0 1px #e8dec7 inset, 0 0 30px 0 rgba(93,77,52,.25) inset, 0 0 10px 0 rgba(0,0,0,.1), 0px 5px 10px 0 rgba(0,0,0,.2);
  margin: 0 2px !important;
  padding: 20px;
  font: 500 12px/16px montserrat
}

.html_tems_text p {
text-align: center;
  font: 500 12px/16px montserrat!important
}

.html_tems_header + .html_tems_text {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.html_tems_text h5 {
  display: block;
  text-align: center;
  font: 500 14px lora;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 25px 0 10px 0
}

.html_tems_text h5:first-child {
  margin-top: 0
}

Можете, пожалуйста, объяснить, что значит first-child ?

Отредактировано Дитя (Вс, 25 Окт 2020 20:20:17)

0

1778

Дитя написал(а):

Можете, пожалуйста, объяснить, что значит first-child ?

http://htmlbook.ru/css/first-child

+1

1779

Deff
Прочитала, вроде, поняла
Он не особо я так понимаю нужен?

0

1780

Дитя написал(а):

Прочитала, вроде, поняла
Он не особо я так понимаю нужен?

Ну если элемент один, то он нафег не нужен, а если одинаковых элементов по тегу и/или классу несколько и вам нужен только первый из них - наверно без оного не обойтись, хотя там есть варианты другой идентификации псевдоклассов(см комментарии)

0

1781

Deff
Хорошо, спасибо большое)
Буду пробовать

0

1782

Пытаюсь сдвинуть мини-аву автора последнего поста на главной, ставлю в конец первого окна стиля:
/* двигаем иконку автора поста на главной */
.punbb .user-avatar .avatar-image {
    float: right!important;
    margin-left:100px!important;
}
Но ничего не меняется. margin-left ставила разный, сейчас стоит 100. Как ее сдвинуть правее, ближе к ссылке на пост? Тестовик http://overtest.rolbb.ru/

Отредактировано Mirra Bell (Пн, 26 Окт 2020 12:41:31)

0

1783

Mirra Bell
Странно, вроде все двигается

Код:
.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 36px;
    width: 36px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-left: 50px!important;
}

0

1784

ACT3255
Этот код сидит в экстре и там нет margin-left, поэтому я ставлю свой кусок в стиль.

0

1785

ACT3255
Все подвинулось ) Оказывается, надо было сочетать левое поле и выравнивание по левому краю, а у меня было по правому.

+1

1786

Блин, теперь не могу подвинуть .punbb .user-avatar .isonline, болтается отдельно. )
Ставлю то же самое:
.punbb .user-avatar .isonline {
    float: left!important;
    margin-left:90px!important;
}
Но мигалка сидит на месте.

0

1787

Mirra Bell
а если добавить

Код:
right: -70px;

или просто минусовое значение?

Отредактировано ACT3255 (Пн, 26 Окт 2020 13:21:39)

+1

1788

ACT3255
О, ура, получилось ) Спасибо! ) Ждет минус от тартара

+2

1789

Не могу понять, это для чего, от чего, зачем ?

Нашла одно длинное тегушку находящийся у меня в ХТМЛ- низ. Играет ли какую нибудь серьёзную роль эти теги?

Код:
<script type="text/javascript"> 
// <![Курсор падающий снежок[ 
var colour="#00AAFF"; 
var sparkles=6; 

var x=ox=400; 
var y=oy=300; 
var swide=300; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 

window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="2px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="2px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 

function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 

function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 

function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 

document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 

function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 

window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 

function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script>

Отредактировано Светлана Ильисовна (Пн, 26 Окт 2020 20:11:54)

0

1790

ВОПРОС РЕШЕН ))))) СПАСИБО Deff

Это "Курсор Снежок" )) Прикольная штука. Если кому надо забирайте  :blush:

Написала в тег "Курсор падающий снежок", можете не писать, уже исправила )

Отредактировано Светлана Ильисовна (Пн, 26 Окт 2020 20:14:20)

+1

1791

привет!
проблема вот тут следующая: где-то тег [abbr] работает корректно (как здесь, под звёздочкой), а где-то содержимое не отображается: например, в этом сообщении и здесь, в подписи пользователя. с чем это может быть связано и как исправить?
Добавлено спустя 15 часов 54 минуты 11 секунд:
кажется, конфликтует со скриптом маски пользователя. но как исправить — всё ещё не понимаю.

Отредактировано К.Ц. (Сб, 14 Ноя 2020 14:14:14)

0

1792

К.Ц. написал(а):

кажется, конфликтует со скриптом маски пользователя. но как исправить — всё ещё не понимаю.

Ну это нужно обращаться к автору маски, возможно данная разновиднасть тега не прописана в скрипте, поэтому он его и не вставляет...

+1

1793

У меня такой вопрос по тем же ссылкам на последнее сообщение на главной. Оказалось, что мне надо не иконку автора поста двигать, так она начинает сливаться с самой ссылкой, а уменьшить ширину колонки последнего сообщения. Но если я уменьшаю .punbb .main .tcr, к примеру, до 15%, то в этой колонке все становится красиво и мне нравится. Но тогда уезжают иконки div.icon и получается вот так
https://funkyimg.com/i/38h1V.jpg
Как мне .punbb .main .tcr оставить прежней ширины, но сдвинуть div.icon влево, не меняя при этом ширину main .tcl? Должно быть вот так
https://funkyimg.com/i/38h1U.jpg
Прописать левое поле для каждого div.icon?

http://overside.rolbb.ru/

Отредактировано Mirra Bell (Чт, 29 Окт 2020 12:35:43)

0

1794

Mirra Bell
Ну может двигать паддингом   

.punbb .main .tcr {
  box-sizing:border-box;
  padding-left:40px;
}

+1

1795

Привет всем.
Блин, что-то листал, листал/читал, читал, так и не нашёл в данной теме ответа... хотя вроде говорил один знакомый, что здесь таковой должен быть.
Проблема в следующем:
http://prosto.bbmy.ru
Была создана кнопка "Наш журнал". Но по одной странице надоело выкладывать. Делаю теперь по несколько.
Как сделать так, чтобы страницы (скажем, 1, 2, 3 и 4) можно было просто "листать", прокручивая кнопкой на мыши?
Т.е. какой тэг нужно вставить в разделе "меню <Формы>" (Дополнительные пункты меню), чтобы добавить к первой страницы вторую, третью и т.д.?

0

1796

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

Как сделать так, чтобы страницы (скажем, 1, 2, 3 и 4) можно было просто "листать", прокручивая кнопкой на мыши?

Ну есть такой код от Alex_63 Скрипты от пользователей 3 (Если ты про листания ссылок на страницы)

Отредактировано Deff (Чт, 29 Окт 2020 20:22:40)

0

1797

Mirra Bell
чет тя жизнь не учит...
намучалась исправлять Альмарен, теперь у того же дизайнера новый такой же код для этого форума берешь. :)

ща опять будешь опять мучаться:
http://forumupload.ru/uploads/0000/14/1c/16803/243385.jpg

а благодаря вот таким кодам у тебя опять будут другие стили "перебиваться"
http://forumupload.ru/uploads/0000/14/1c/16803/184878.jpg
там везде понатыкано background-color: transparent; и border-color: transparent; - причем от балды. на многое можно просто НЕ указывать цвет, чтобы его не было, но тебе заботливо обеспечили проблемы со всеми возможными "детьми", которые унаследуют прозрачность )

+1

1798

Герда
:dontknow:  ))

0

1799

Mirra Bell
а макет в этот раз дали?

0

1800

Герда
В смысле - псдшник?

0

1801

Mirra Bell
ага, psd-файл с дизом (не нарезанным)

0

1802

Герда
Еще не спрашивала, у меня там процесс еще идет. Но думаю, что возьму.

0

1803

Mirra Bell написал(а):

Но думаю, что возьму.

если будет макет, можешь оформить заказ на переверстку дизайна тут: http://forumd.ru/viewforum.php?id=19
посажу на один из бесплатных шаблонов, содержащих меньше изуверской херни в коде.
бесплатно (но долго)

если не будет, я не возьмусь, ибо работать с набором картинок, типа: https://funkyimg.com/i/38bbJ.png - больно для души ))) его надо нарезать нормально.

да, а еще увидела случайно:
http://forumupload.ru/uploads/0000/14/1c/16803/730200.jpg
рекомендую удалить все три кода.

третий - это очередная ошибка, которых в дизайне около 30ти
а вот первые делают потрясную вещь:

тяжелая гифка

помимо невозможности просматривать форум в свернутом окне браузера, разрешения экранов 800 × 600 и 1024 × 768 никуда не делись, люди всё еще пользуются маленькими офисными мониками и нетбуками...

+1

1804

Mirra Bell

PS а вообще... если дизайн дороже 3к, то выпори дизайнера и заставь исправлять всё это.
брукса за подробный макет такого рода как раз около 3к и берет - а она крутой дизийнер с планшетом, кофе из старбакса и всеми такими атрибутами, ага.
а вставка картинок неправильного формата в неправильные коды стоить дорого не может. если взяли дороже, значит код должен быть адекватным.

Отредактировано Герда (Чт, 29 Окт 2020 21:24:20)

0

1805

Герда написал(а):

блин, я думала дэвушка в шапке - работа дизийнера. а это исходник

Да, мы ей его и дали. )
Переверстку закажу на оба форума )

Герда написал(а):

брукса за подробный макет такого рода как раз около 3-4к и берет

Ну и этот стоит где-то так же )

0

1806

Герда написал(а):

рекомендую удалить все три кода.

Хорошо, уберу. Гифка впечатлила

0

1807

Mirra Bell написал(а):

Гифка впечатлила

ну, фотошопит-то со вкусом, не спорю. )))
ей бы с каким-нибудь кодером объедениться или просто взять и купить себе у Дэффа, например, адекватный шаблон под свои дизы... ну, не совсем гоже на такие коды ставить... %-)

0

1808

Герда написал(а):

ну, фотошопит-то со вкусом, не спорю. )))

Вот потому с ней и работаю. )

Кстати, господа объясните плз все насчет тех же полей: вот сделала на тестовом, поставила в HTML-верх чтобы работало только на главной. И там работает. Но когда то же самое переношу на рабочий, все ломается. Ставлю в одно и тоже место. ) http://overtest.rolbb.ru/ Тут не смотрите что текст наползает на аву, на рабочем он при той же ширине ведет себя нормально.

0

1809

Mirra Bell написал(а):

Кстати, господа объясните плз все насчет тех же полей: вот сделала на тестовом, поставила в HTML-верх чтобы работало только на главной. И там

А какие коды ставишь, и где обе ссылки ??

0

1810

Герда написал(а):

и купить себе у Дэффа, например, адекватный шаблон под свои дизы...

Я пару лет дизайнами не занимаюсь, ток мелкой правкой, чичас большинство заморочены на мобильных дизайнах, у мну нет средств для приобретения нормальных девайсов  :dontknow:
а полуфабрикаты ставить оттещенные только на ПК - себе дороже, пробовали = заем
У Шиповника есть пару тройку выложенных-бесплатных, простенькие, но как шаблон вполне сгодятся

Отредактировано Deff (Чт, 29 Окт 2020 22:17:41)

0

1811

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

большинство заморочены на мобильных дизайнах

покажи мне ролевые на майбб, где есть мобильные дизайны )))
пока ни одной не видела.

я верстаю в браузере. на мобильнике открывать даже нет смысла. ну открою и увижу баг.
если я не увижу и не воспроизведу его с пк, я не буду знать как его исправить.

чесслово, эт у тебя какая-то прост принципиальная позиция. в реальности на форумах дизийнеры ставят вот ту ересь, которую Mirra Bell показывает... покуда ТАКОЕ верстают, любой диз с парой мобильных багов будет лучше, чем это.

0

1812

Герда написал(а):

покажи мне ролевые на майбб, где есть мобильные дизайны )))
пока ни одной не видела.

У меня есть, и знаю еще парочку таких форумов.
Делают, просто не всем надо и не всем нравятся даже юзабельные варианты. Потому и встречаются не везде.

Отредактировано Arakhen (Пт, 30 Окт 2020 00:42:28)

+1

1813

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

А какие коды ставишь, и где обе ссылки ??

Тестовый: http://overtest.rolbb.ru/
Рабочий http://overside.rolbb.ru/. С рабочего сейчас все убрано, на тестовом стоит в HTML верх:
<!-- Подвижка ссылки на последний пост и иконок сообщений -->
<style id=OnlyIndex>
.punbb .main .tcr {width: 20%;}

.punbb div.icon {margin-left: 510px;}
</style>
<script>if($(".punbb").attr("id")!="pun-index") $("#OnlyIndex").replaceWith("");</script>
Если то же самое и в то же место ставлю на рабочий, получается вот такая фигня
https://funkyimg.com/i/38irF.jpg

Отредактировано Mirra Bell (Пт, 30 Окт 2020 08:12:17)

0

1814

Mirra Bell
Я ж те предлагал совсем другой код!!! Ты какую то сложную конструкцию строишь!
Ещё и со скриптом!

Пробуй такое вставлять( красное - регулируем)

<style>
#pun-index.punbb .main .tcr{
  box-sizing:border-box;
  padding-left:70px;
}
#pun-index.punbb div.icon {margin-left: 510px;}
</style>

В принципе можно просто в конец первого окна стиля, без тегов <style>

Отредактировано Deff (Пт, 30 Окт 2020 10:11:23)

0

1815

Deff
Не, не то...
У меня получилось следующее (попытался самостоятельно решить проблему) (просто при копировании нужной ссылки на страницу):
http://prosto.bbmy.ru/pages/news3-1
http://prosto.bbmy.ru/pages/news3-2
У второй страницы поменял специально название, чтобы она у меня не дублировалась с одним и тем же названием.
В общем, моя цель, чтобы нажав кнопку "Наш журнал", каждый мог без проблем пролистать все страницы именно "Нашего журнала", не нажимая на панели страницы.
https://i.imgur.com/YIHVK9Em.jpg

+1

1816

brother_bear_k
Я не понял объяснений...
Вам нужно сделать пагинатор по своим страницам в админке прямо на текуще активной странице ??]

Ну воткните ссылки на каждую страницу журнала как в пагинаторе в топике:
В Конец каждой страницы...

<div class="linksb"><br>
<div class="postlink">
<div class="pagelink">Страница:
<a href="http://prosto.bbmy.ru/pages/news3-1">1</a>&nbsp;
<a href="http://prosto.bbmy.ru/pages/news3-2">2</a>&nbsp;
<a href="http://prosto.bbmy.ru/pages/news3-3">3</a>&nbsp;
</div>
</di><br>
</div>

По идее цифру текущей страницы можно выделить красным(на каждой странице свою), чоб было видно на какой чел находится сейчас

<a href="http://prosto.bbmy.ru/pages/news3-1" style="color:red">1</a>&nbsp;

Отредактировано Deff (Пт, 30 Окт 2020 14:24:18)

+1

1817

по-моему на кол-во страниц в админке было ограничение.
так что, выкладывать такие штуки через страницы - плохая идея.

0

1818

Герда написал(а):

по-моему на кол-во страниц в админке было ограничение.

Нет такого... Ну и видел форумы с сотней страниц...

0

1819

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

Я ж те предлагал совсем другой код!!! Ты какую то сложную конструкцию строишь!

Я сразу попробовала через padding, он тоже ломает названия форумов, поэтому попробовала вариант со скриптом. Вот сейчас с паддингом http://overtest.rolbb.ru/

0

1820

Mirra Bell написал(а):

он тоже ломает названия форумов

писец...

ну еще б. иконка прилеплена слева и через margin отступает - из-за этого она образует как бы "строчку" включающую себя и свой отступ от левого края. поэтому заголовок встает под ней.
если иконка должна стоять срава - надо ставить ее справа. :tired:

#pun-index.punbb div.icon {
    margin-left: 510px;
    float: right;
}

красное - убрать
синее - добавить
и настучать по лбу дизанеру за такое

ЗЫ
не сочтите за грубость.
я нормально отношусь любым к косякам.
кроме тех, что люди делают за деньги... :sceptic:

+1

1821

Mirra Bell
У Вас рушится оформление форумов не из-за паддингов, или как ниже сказала Герда!
У Вас кривое оформление!!

Вот во втором форуме от гостя описание форума верно стоит в тегах:(И помоему оно ваще только там и есть!)

<div class="opisF">
... Описание
</div>

А вот в первом форуме его нет  :dontknow: 

А во втором оно и с паддингом в норме!
http://forumupload.ru/uploads/0000/14/1c/22787/797850.png

+1

1822

Deff
Блин, что-то не получается(((((
Хочется, чтобы человек, нажав кнопку "Наш журнал", мог просмотреть все страницы.
Ну, или хотя бы "пролистывая" их, как здесь:
https://brodude.ru
или здесь:
https://www.elle.ru
или здесь:
https://jurnalonlain.ru/journal/20429-s … -2020.html

0

1823

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

Блин, что-то не получается(((((

Я не вижу, где вы поставили выданный код на свою страницу! Дайте ссылку

0

1824

Герда написал(а):

красное - убрать
синее - добавить

Сделала

Герда написал(а):

и настучать по лбу дизанеру за такое

Да это уже я сама упражнялась )

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

Вот во втором форуме от гостя описание форума верно стоит в тегах:(И помоему оно ваще только там и есть!)

Да, только там и было, сейчас добавила еще в первый форум.

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

А во втором оно и с паддингом в норме!

Нет, название должно стоять по центру над полосками как на рабочем http://overside.rolbb.ru/, а оно уезжает под них http://overtest.rolbb.ru/

+1

1825

Mirra Bell написал(а):

Нет, название должно стоять по центру над полосками как на рабочем http://overside.rolbb.ru/, а оно уезжает под них http://overtest.rolbb.ru/

Ну наверно ежли сделать так:

<style>
#pun-index.punbb .main .tcr{
  box-sizing:border-box;
  padding-left:70px;
}
#pun-index.punbb div.icon {
    position:absolute;
    margin-left: 510px;
}
</style>

То уезжать не будет ...?

+1

1826

Deff
Я поставил в "Дополнительные пункты меню". Там, где создал кнопку "Наш журнал". Правильно?
Сейчас того кода нет, потому как он не работает(((((
Я хочу, чтобы ежемесячно просто мог менять ссылки страниц "Нашего журнала", не меняя коды.
Или нужно было вставлять в другое "меню"?
http://prosto.bbmy.ru

Отредактировано brother_bear_k (Вс, 1 Ноя 2020 05:42:34)

0

1827

Mirra Bell написал(а):

Нет, название должно стоять по центру над полосками как на рабочем http://overside.rolbb.ru/, а оно уезжает под них http://overtest.rolbb.ru/

у тебя остался код:

Код:
#pun-index.punbb div.icon {
    margin-left: 510px;
}

убери его - встанет сверху

+1

1828

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

Я поставил в "Дополнительные пункты меню". Там, где создал кнопку "Наш журнал". Правильно?

нет, не правильно.
поле "дополнительные пункты меню" для создания дополнительных пунктов основного меню.
Дэфф просил вставлять это на странице:

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

В Конец каждой страницы...

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

Я хочу, чтобы ежемесячно просто мог менять ссылки страниц "Нашего журнала", не меняя коды.

ты же понимаешь, что эти ссылки придется менять на каждой странице, если ты собираешься под каждую картинку делать отдельную страницу?
ты пытаешься сделать на страницах то, что НЕ вписывается в стандартный функционал движка форума. здесь нет возможности создания дополнительных меню через админку и генерации бесконечного количества страниц с "перелистыванием" через дополнительные меню.
сделать такое возможно, но это требует либо продвинутых знаний html и постоянной ручной корректировки кодов, либо создания продвинутых скриптов, которые сами будут генерировать тебе дополнительные меню и эмитировать "страницы".

+2

1829

Всем привет, у меня такая просьба хотя это и не к спеху...Мой форум по каталогу находится на определённом месте и это всегда совпадает, а вот в общем каталоге никогда ещё не совпадал если это можно как-то исправить то буду очень признателен...

https://forumupload.ru/uploads/0000/14/1c/29909/t716767.png

https://forumupload.ru/uploads/0000/14/1c/29909/t638762.png

https://forumupload.ru/uploads/0000/14/1c/29909/t132687.png

Отредактировано Геннадий Эдуардович (Вс, 1 Ноя 2020 10:50:53)

0

1830

Герда
Deff
:cool:  Вот теперь ровно то, что я хотела! Спасибо!

+1

1831

brother_bear_k
Проще поставить скрипт скрытия профиля  в сообщении, есть в скриптах, и постить твой журнал  в Теме, страницы будут формироваться автоматически...
Наверно можно заказать платно слайдер, чоб эти страницы топика листались как слайдер по кнопкам влево-вправо посередине экрана *по высоте, а сами кнопки по краям

Там слайдер сам распарсить номер поста и номер страницы и сформирует некое подобие журнала...
Ещё как Вариант, опять жа постить в теме, а слайдер с подгрузкой аяксом страницы из топика и перелистыванием организовать на своей постоянной странице в Администрирование страницы(тады и скрытия профиля не нужно, контент будет формироваться скриптом)

Ну и да, ты бы вставил первоначальный мой код, должны появиться ссылки на все страницы, в принципе для простейшего журнала с небольшим кол-вом страниц вполне удобоваримо
Ток надо будет добавлять новые ссылки при появлении новых страниц на каждую  :dontknow:
Хотя, если принцип названия страницы будет идентичным, думаю мон сбацать простенький скрипт автоматической вставки и формирования пагинатора из одной последней ссылки на последнюю страницу вставляемую в HTML верх

Отредактировано Deff (Вс, 1 Ноя 2020 18:20:31)

0

1832

Доброго времени суток)
Подскажите, как сделать фон заголовков форумов?
Вот, как здесь например:

Свернутый текст

https://imageup.ru/img64/3672166/fon-zagolovokov.png

0

1833

Курама
Вариант( в Конец Первого окна стиля)

/*Фон к названиям форумов*/
#pun-index .tclcon > h3{
   padding:1px 12px 3px;
   margin-right:20px;
   background: #793114;
}

+2

1834

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

Вариант( в Конец Первого окна стиля)

/*Фон к названиям форумов*/
#pun-index .tclcon > h3{
   padding:1px 12px 3px;
   margin-right:20px;
   background: #793114;
}

Спасибо!) Работает! :jumping:

+1

1835

Герда
Спасибо за "наводку" :D  :cool:

0

1836

Deff
Спасибо, кстати, теперь всё работает.
Правда, я представлял, что всё будет иначе, но тоже неплохо.
Спасибо, товарищ.

+1

1837

добра.
у меня с установкой шрифтов нелады. вроде бы знаю, как добавлять новые, но почему тут https://grimreapers.rusff.ru/ нет кроме стандартных (хоть все загружено) не понимаю. помогите, пожалуйста.

0

1838

..Boleyn
Ну у тя три шрифта установлено:

Montserrat
Caveat
Font Awesome

На каких элементах не кажет ??

Попробуй в сообщении набить у себя а форуме:

Код:
[font=Montserrat]Попробуй в сообщении набить[/font]
[font=Font Awesome]Попробуй в сообщении набить[/font]

0

1839

Deff
ну.... https://forumupload.ru/uploads/001a/e9/27/2/154861.png и https://forumupload.ru/uploads/001a/e9/27/2/153974.png
может, конечно, что-то конфронтирует. потому что я не понимаю почему на одном форуме стоит ок и добавляю ок. а здесь не хочет работать

Отредактировано ..Boleyn (Вт, 3 Ноя 2020 13:42:36)

0

1840

Доброго времени суток, котята.
Форум: http://kjhvb.quadrobb.ru
Поставила на тестовик первые наброски на дизайн, все было нормально. Потом добавила на картинку фон для таблицы и полностью перезалила картинки. После это общий фон больше не отображался

0

1841

Эвелина Шайн написал(а):

После это общий фон больше не отображался

"общий фон" - это какой именно?
куда ставишь его?

0

1842

..Boleyn написал(а):

ожет, конечно, что-то конфронтирует. потому что я не понимаю почему на одном форуме стоит ок и добавляю ок. а здесь не хочет работать

А я чот не увидел скрипта добавки шрифтов в форму ответа ?
Или Вы как тестите, что их нет ?
Я вам предложил вставить в сообщения их вручную и глянуть, работают шрифты или нет!
Ну типо:

Код:
[font=Montserrat]Попробуй в сообщении набить[/font]
[font=Font Awesome]Попробуй в сообщении набить[/font]

Вставьте в пост и отправьте, или любое иное имя

Вот нормальный код для вставки шрифта в Пост

<script>
var ptn = '<div style="font-family:####"><span>####</span><img onclick="bbcode(\'[font=####]\',\'[/font]\')" src="/i/blank.gif"></div>';
var nabor={};

nabor['С кирилицей'] = [
'Bebas Neue',
'Yanone Kaffeesatz',
'Yeseva One',
'Oswald',
'Open Sans Condensed',
'Poiret One',
'Amatic SC',
'Lobster',
'Pacifico',//
'Caveat',
'Jura'
]

nabor['only english'] = [
'Abril Fatface',
'Advent Pro',
'Aguafina Script',
'Alex Brush',
'Allura',
'Anton',
'Arizonia',
'Clicker Script',
'Codystar',
'Condiment',
'Dorsa',
'Herr Von Muellerhoff',
'Homemade Apple',
'Indie Flower',
'Kenia',
'Kristi',
'Megrim',
'Mr Bedfort',
'Mr Dafoe',
'Nothing You Could Do',
'Pirata One',
'Quantico',
'Ruthie',
'Sacramento',
'Sancreek',
'Satisfy',
'UnifrakturMaguntia',
'Wire One'
];
var n=['Дополнительные','only english']
var j=0;
for(var i in nabor){
$('#font-area').append('<div class="fnt-'+j+'"><div class="only">'+n[j]+'</div></div>');
  $.each(nabor[i],function(q){$('#font-area div.fnt-'+j).append(ptn.split('####').join(nabor[i][q]));
});j++;};
</script>

( Ксать Вашего скрипта я не увидел ни в HTML низ, ни в форме ответа

+1

1843

Названия шрифтов меняйте на свои...

0

1844

Герда
Прошу прощения.

Код:
/***   ФОН ФОРУМА   ***/
html, body {
background: url(http://forumupload.ru/uploads/001a/e2/ff/2/889841.png) 50% 0% repeat;
background-color: #212121;
}

Вот этот код. Когда я ставлю этот код со структуры, который взяла на Ренессансе задний фон отображается, меняю ссылку на свою картинку, он не отображается

0

1845

Эвелина Шайн
ну... во-первых, лучше поправить код. используй вместо него такой:

Код:
body {
background: #212121 url(http://forumupload.ru/uploads/001a/e2/ff/2/889841.png);
}

а во-вторых, такой код работает. вот картинка фона:
http://forumupload.ru/uploads/001a/e2/ff/2/889841.png
вот скрин дизайна:
http://forumupload.ru/uploads/0000/14/1c/16803/t26639.png
нанеси картинку фона на скриншот и увидишь что она - именно та, что и отображается на фоне.

смысла в вставке картинки вообще нет, т.к. эта картинка - однотонный квадратик цвета #160c10 - скорее всего накосячила с форматом сохранения картинки и получился такой цвет.
если хочется такой фон, то надо вставлять код body {background: #160c10}
а если хочется черный цвет фона (как у шапки), то надо вставлять код: body {background: #151012;}

+1

1846

Герда
Спасибо! Это ближе к тому, что я хочу. Но по форматам что у шапки, что у заднего фона формат одинаковый. Да и если присмотреться, границу шапки все равно видно. Но тут по-любому мой косяк где-то в фотошопе что-то убрала. Спасибо за помощь, буду разбираться!

...

+1

1847

Эвелина Шайн написал(а):

Да и если присмотреться, границу шапки все равно видно.

у меня с моника не видно, причем даже на скрине )))

т.к. цвет "небезопасный", а из серии "серобуркозявчатых" он может по разному выглядеть на разных мониках.

можно поставить на фон дизайна какую-нить монотонную текстурку темного цвета.
вот тут можно много найти бесшовных текстур: https://www.toptal.com/designers/subtlepatterns/

раз уж вкорячивать в фон картинку, то можно позволить себе разгуляться. :)

главное сохранить фон + шапку + туловище в одном формате, тогда цвета будут совпадать. :)

+1

1848

Герда
Текстуру делать и собиралась, просто решила подготовить место для таблицы и пошел косяк хд
Спасибо за подсказки)

+1

1849

Никак не получается заставить текст в доп. поле свернуться по нажатию кнопки. Стоит стандартный скрипт "Cпойлер cкрытия инфы под N-кнопок в профиле топика", сверила с другими форумами - вроде все так же, но по нажатию поле раскрывается и никак не хочет скрываться обратно. Пробовала из "низа" удалять все скрипты кроме этого - с тем же успехом.
Видно здесь http://overtest.rolbb.ru/viewtopic.php?id=2#p13

0

1850

Mirra Bell
1. почему у тебя стоит скрипт, который назвается:
HTML верх -Cпойлер cкрытия инфы под N-кнопок в профиле топика
в хтмл - низ?
скрипт состоит из двух частей. одна ставится вверх, вторая - вниз: https://forumd.ru/viewtopic.php?id=2990

0

1851

Герда
У меня поставлено как описано здесь: Скрипты от пользователей 3  скрипт взят отсюда

0

1852

Mirra Bell
там написано то же, что и на фд.
одна часть ставится в хтмл верх, другая - низ.
у тебя обе засунуты вниз

0

1853

Герда

+

https://funkyimg.com/i/38qBg.jpg
https://funkyimg.com/i/38qBf.jpg

Если ты имеешь ввиду скрипт "Награды во всплывающую табличку" и "Всплывающая таблица с вкладками, в топике, с инфой о персонаже", то это совсем другой скрипт для другой кнопки.
А то, что у меня стоит в "верх" для img.post-img-Sp, внизу не встречается, проверила поиском уже.

0

1854

Mirra Bell
Если спойлер только один(одна кликабельная картинка). ставим первый параметр в тройку, а a2 в 0  :flag:

var a1 = 3 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;

Отредактировано Deff (Ср, 4 Ноя 2020 19:54:50)

+1

1855

Deff
:jumping:  :cool: Спасибо! Все заработало!

+1

1856

Здравствуйте! Очень нужен совет)
При предварительном просмотре сообщения так получается, что текст не виден. Можно ли конкретно в данном моменте как-то это скорректировать? Возможно, сделать текст светлым, или же добавить фон (тот, каким оформлены посты в темах)? Форум

скриншот

https://forumupload.ru/uploads/0000/14/1c/37032/t20996.png

0

1857

Куплимия
Для начала - ссылку на страницу со скриншота, видную гостю...  :flag: (или Пиар-Нику)

Отредактировано Deff (Пт, 6 Ноя 2020 15:58:15)

0

1858

Deff
Я не уверена, что такая ссылка будет работать, поскольку это предварительный вид сообщения перед отправкой, там все сбросится, наверное. :( Ссылка
Или, может быть, я не так поняла?
Сама тема для гостей открыта... При редакции текст отображается в поле ответа, и там все в порядке.

Отредактировано Куплимия (Пт, 6 Ноя 2020 17:54:01)

+1

1859

Куплимия, добавьте в конец первого окна стиля:

/*Фон при редактировании поста*/
#pun-edit .post-box,
#pun-post .post-box {
background: url(http://forumstatic.ru/files/001a/bb/ee/87310.png) left top no-repeat,
            url(http://forumstatic.ru/files/001a/bb/ee/44604.png) right top no-repeat,
            url(http://forumstatic.ru/files/001a/bb/ee/56186.png) left bottom no-repeat,
            url(http://forumstatic.ru/files/001a/bb/ee/36976.png) right bottom no-repeat,
            url(http://forumstatic.ru/files/001a/bb/ee/90318.png) top center repeat-x,
            url(http://forumstatic.ru/files/001a/bb/ee/36883.png) bottom center repeat-x,
            url(http://forumstatic.ru/files/001a/bb/ee/57363.png) left center repeat-y,
            url(http://forumstatic.ru/files/001a/bb/ee/19820.png) right center repeat-y,
            url(http://forumstatic.ru/files/001a/bb/ee/60122.png) repeat transparent;
}

Отредактировано Deff (Пт, 6 Ноя 2020 22:12:40)

0

1860

Deff, спасибо Вам огромнейшее! Теперь все в порядке :з

0

1861

Доброго времени суток!
http://jnytxtujltkfnm.0pk.ru

Скрин

http://forumupload.ru/uploads/0000/14/1c/34109/497565.png

Картинка в таблице по высоте меньше высоты появляющейся таблицы, но я не понимаю, почему картинка так опустилась вниз. Помогите, пожалуйста

0

1862

Эвелина Шайн
Добра! Возможно, дело в том, что у вас до таблицы стоит тег <br>. Уберите его, и таблица должна встать на место.

На всякий случай скрин, чтобы было понятнее, о чем я

https://i.postimg.cc/YCvb7KgQ/Screenshot-2020-11-09-at-12-38-24.png

Отредактировано captainspring (Пн, 9 Ноя 2020 12:39:02)

+2

1863

captainspring
Офигеть. А ларчик просто открывался! Я его не видела, до того, как вы показали хд
Спасибо!

0

1864

Это снова я хд
http://jnytxtujltkfnm.0pk.ru
Хотелось бы вместо текущего оформления ссылок
http://forumupload.ru/uploads/0000/14/1c/34109/952750.png
Сделать такие же, если это возможно.

Скрины

https://i.imgur.com/YVgzVUg.png https://i.imgur.com/5i7k1nR.png

Потому что нынешнее оформление не очень вписывается в концепт дизайна.
Пожалуйста!

+1

1865

Эвелина Шайн
в две строчки кода это не сделать.
можешь оставить заказ здесь - https://forumd.ru/viewforum.php?id=19 (бесплатно)
потребуется тестовик с текущим дизайном и желательно - макет. если нет макета, то описание что-где и какого цвета.

+1

1866

Герда
Хорошо, спасибо!

0

1867

Здравствуйте. У меня два вопроса. Форум: http://woods.rolka.su/

1. Как сделать так, чтобы в шапке в таблице при наведении на картинку с фото высвечивался бы текст. Все известные мне способы не сработали.
2. баннеры в футере почему-то стали налезать друг на друга. Как исправить?

Заранее спасибо

0

1868

Mrs. Claus
На счёт баннеров сделайте скриншот, у меня всё в норме...

Про тект при наведении, у Вас не выставлен стиль к подсказке! (Это в HTML верх)
Попробуйте добавить выше оной:

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: #000000;
  z-index: 9999;
  text-transform: uppercase;
  max-width: 180px;
  border: none;
  border-radius: 0px;
  font-family: tahoma; /* шрифт */
  font-size: 8px; /* размер текста */
  display: none;
  color: #dfdfdf; /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  font-weight: lighter;
  letter-spacing: 1px;
  text-shadow: 0px 0px 1px #000;
}
</style>

<!---------------------------- всплывалки ---------------------------->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26671.js"></script>

Отредактировано Deff (Вт, 10 Ноя 2020 02:18:55)

0

1869

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

Про тект при наведении

Получилось. Спасибо огромное.

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

На счёт баннеров сделайте скриншот, у меня всё в норме...

Разобралась сама. Оказывается в стиле одного баннера был зачем-то прописан сдвиг влево и он налезал на соседний. А я подвох такой не ожидала.

Спасибо за помощь!!!

0

1870

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

Вставьте в пост и отправьте, или любое иное имя

хм, оно просто так вставлялось и работало, но почему-то не отображалось в списке. вставил через код - вроде бы работает. спасибо

0

1871

Скажите, а когда шаблон заработает, мне бы он очень пригодился...

https://forumupload.ru/uploads/0000/14/1c/29909/548887.png

0

1872

Геннадий Эдуардович
Так они с самого внедрения работают.
http://forumupload.ru/uploads/0000/14/1c/32894/t909672.png
http://forumupload.ru/uploads/0000/14/1c/32894/t52783.png

Отредактировано ACT3255 (Вт, 10 Ноя 2020 16:02:05)

0

1873

https://forumupload.ru/uploads/0000/14/1c/29909/723108.png

0

1874

Геннадий Эдуардович написал(а):

Скажите, а когда шаблон заработает, мне бы он очень пригодился...
https://forumupload.ru/uploads/0000/14/1c/29909/548887.png

У вас само поле (ниже этого описания) как заполнено?

+1

1875

https://forumupload.ru/uploads/0000/14/1c/29909/692729.png

0

1876

Геннадий Эдуардович
для какого конкретно форума(раздела) установлен этот шаблон?

0

1877

Нежданно не гадано он появился, всем спасибо за помощь...

Отредактировано Геннадий Эдуардович (Вт, 10 Ноя 2020 17:09:18)

+1

1878

Геннадий Эдуардович
наверное, могло быть такое, что шаблон установил в один форум, а проверял его наличие в другом)

0

1879

Герда написал(а):

Геннадий Эдуардович
наверное, могло быть такое, что шаблон установил в один форум, а проверял его наличие в другом)

Нет, делал всё правильно, просто появилось через какое-то время, неожиданно как-то для меня...

0

1880

Умоляю о помощи
Стоит скрипт маски (смена имиджа) на форуме

Код:
<!--Смена имиджа в посте--> 
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script> 
<script> 
hvScriptSet.addMask({ 
guestAccess: ['ОДНАЖДЫ В МОСКВЕ', 'АЛЬТЕРНАТИВНЫЕ МИРЫ', 'ЗА ЧАШКОЙ КРЕПКОГО ЧАЯ', 'Event-мод', 'Бульвар прошлого'], 
forumAccessExtended: { 
'ОДНАЖДЫ В МОСКВЕ': ['Пользователи'], 
'АЛЬТЕРНАТИВНЫЕ МИРЫ': ['Пользователи'], 
'ЗА ЧАШКОЙ КРЕПКОГО ЧАЯ': ['Пользователи'], 
'Event-мод': ['Принятые'], 
'Бульвар прошлого': ['Принятые'] 
}, 
userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-fld3', 'pa-last-visit', 'pa-awards'] 
}); 
</script>

подфорумы в которых это надо "Однажды в Москве" и "Альтернативные миры"
с профиля админа работает, с профилей пользователи- нет(((

ссылка на форум  - https://mandarinium.rusff.ru/

Отредактировано LexLuthor (Вт, 10 Ноя 2020 23:31:53)

0

1881

LexLuthor
По идее вроде всё верно...
Попробуйте спросить тут, там автор часто: Ссылка

0

1882

Ксать вы уверены что форумы прописаны верно и на том регистре ???
Ибо нужно писать в точности, как прописано в Администрирование - форумы  :flag:

Ибо у Вас на главной стоит css капс-лок на форумы( а прописаны они нормально, к примеру http://mandarinium.rusff.ru/viewforum.p … ">Гостевая</a></h3>Ты пойми главное — мы в Москве живём!

Отредактировано Deff (Вт, 10 Ноя 2020 23:43:12)

+1

1883

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

Ксать вы уверены что форумы прописаны верно и на том регистре ???
Ибо нужно писать в точности, как прописано в Администрирование - форумы  :flag:

регистр! *почувствуй себя тупицей*
спасибо огромное, вроде работает)

+1

1884

Для администратора форума добавлена возможность "поднятия" темы. Конечно, это будет работать только если сортировка в форуме стоит по "последнему сообщению".

а как поднять?

@kernel

Отредактировано tartar1 (Сб, 14 Ноя 2020 11:22:52)

0

1885

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

Для администратора форума добавлена возможность "поднятия" темы. Конечно, это будет работать только если сортировка в форуме стоит по "последнему сообщению".

а как поднять?

@kernel

https://forumupload.ru/uploads/0000/14/1c/32894/t759542.png

Отредактировано ACT3255 (Сб, 14 Ноя 2020 11:34:10)

+1

1886

После внедрения обновлений сервиса у нас какой-то косяк со скриптом дополнительных смайлов:

1. Не переключаются вкладки. Нажимаешь другую вкладку, окно смайлов пропадает. Надо снова нажать на кнопку смайлов, чтобы панель заново открылась и там уже будет переключено.

2. Под окном набора сообщений и в футере стоят баннеры. И теперь они стали наползать на окно смайлов.

вот тут внизу и слева в центре просвечивают баннеры

https://i.imgur.com/lUPXjeY.png

ссылка на форум

+3

1887

Иса
Замените в конце скрипта cмайлов этот кусок:

Код:
$(function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><li class="t-0 active"><a><img src=http://forumstatic.ru/files/0004/e5/0c/31637.png></a></li></ul></div>';$('#smilies-area').prepend(vkl);for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img src="'+nabor[i][q]+'" onclick=smile("[img]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); });
</script>

На такое:

Код:
$('#button-smile').one('click',function(){$('#smilies-block').addClass('t-0');var vkl = '<div id="wrapper"><ul class="tabs" onclick="smilies();return 0;"><li class="t-0 active"><a>Обычные</a></li></ul></div>';$('#smilies-area').prepend(vkl)[0].removeAttribute('onclick');for(var i in nabor){$('.tabs').append('<li class="t-'+i+'"><a>'+i+'</a></li>');$('#wrapper').append('<div class="t-'+i+'"></div>');$.each(nabor[i],function(q){$('div.t-'+i).append('<img " width: " 100px " src="'+nabor[i][q]+'" onclick=smile("[img=smalimg]'+nabor[i][q]+'[/img]") />');})};$('.tabs li').click(function(){var thisClass=this.className;$('#smilies-area div[class^="t-"]').hide();$('div.'+thisClass).fadeToggle('slow');$('.tabs li').removeClass('active');$(this).addClass('active');}); $('#smilies-area img').click(function(){ $('#smilies-area').hide();});});
    </script>  

Чтобы поднять блок смайлов над баннерами, добавьте сразу после скрипта:

Код:
<style>#tags .container#smilies-area{z-index:100;}</style>

Отредактировано Deff (Вс, 15 Ноя 2020 13:56:13)

+4

1888

предпросмотр и отправка сообщений с помощью ajax (без перезагрузки страницы).

очень прикольная штука
вопрос: после перезагрузки страницы в форме ответа остается текст уже отправленного сообщения - с этим что-то сделают?
при работе этого скрипта не вылезают быстрые уведомления типа "вам ответили в теме"

0

1889

xl
Из телеги:
Обращаем ваше внимание на то, что включенный ajax может поломать работу уже существующих авторских скриптов - в таком случае требуется дорабатывать скрипты под новую работу формы.

В настоящий момент на отправку сообщений с ajax не работают вообще никакие уведомления.

+2

1890

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

при работе этого скрипта не вылезают быстрые уведомления типа "вам ответили в теме"

Ну тут ничо не сделаешь, нужно просить Alex_63 дорабатывать скрипт, лучше на ВК в личку(проще найти)  :dontknow:

+1

1891

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

В настоящий момент на отправку сообщений с ajax не работают вообще никакие уведомления.

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

Ну тут ничо не сделаешь, нужно просить Alex_63 дорабатывать скрипт, лучше на ВК в личку(проще найти)  :dontknow:

это понятно
а с формой ответа подскажите что делать?

0

1892

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

а с формой ответа подскажите что делать?

Про чо - уточните ??

Ксать тут, после отправки тоже остаётся ???
Если нет, это проблема руссфф  :dontknow:

Отредактировано Deff (Вс, 15 Ноя 2020 14:23:58)

0

1893

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

Про чо - уточните ??

Ксать тут, после отправки тоже остаётся ???
Если нет, это проблема руссфф  :dontknow:

если отправлять смс без обновления страницы - форма ответа пустая
если страниц обновить то в ней будет последнее набранное твое смс
здесь так вроде не глюкает :dontknow:

0

1894

Deff
:love:  ура, спасибо! починилось!

+1

1895

Доброго времени суток!
Уверена, что вам уже ни раз задавался вопрос касаемо этого скрипта, но я не смогла найти ответ на него самостоятельно.
Вопрос по: Скрипты от пользователей 1
Не могу сменить стандартную иконку смены аватаров. Через "посмотреть код" хрома нахожу, на форуме - нет. Как самостоятельно это прописать и куда - не знаю.
Как передвинуть после иконку чуть ближе к границам форума?
Как убрать галерею?
Как убрать толстую рамку вокруг стандартной иконки смены имиджа?
Почему-то не вылезает меню, в котором можно приписать ник, аватар и т.п.

ссылка на форум: http://sidmon.roleforum.ru/

Отредактировано Трамп (Ср, 18 Ноя 2020 11:39:37)

0

1896

Трамп
Ну скрипт уже устарел, имхо сейчас более удобен скрипт от человека Шаман... Скрипты от пользователей 3
Помимо прочего, запоминает уже вставленные новые профили + позволяет менять не только Авву ник подпись, но и к примеру ЛЗ и други доп. поля

+1

1897

Deff
Благодарю!

+1

1898

Здравствуйте! Уже всю голову сломали себе, помогите, пожалуйста. У нас стоит скрипт: табличка с данными пользователя. поскольку аватары и личные звания у всех разные, мы хотим пришпилить в самый низ картинку, чтобы по клику открывалась табличка. Помогите, пожалуйста, как настроить?

в данный момент все вот так(

https://i.imgur.com/6vf08gE.png

https://skycross.f-rpg.ru/

0

1899

Trinity Wane написал(а):

Здравствуйте! Уже всю голову сломали себе, помогите, пожалуйста. У нас стоит скрипт: табличка с данными пользователя. поскольку аватары и личные звания у всех разные, мы хотим пришпилить в самый низ картинку, чтобы по клику открывалась табличка. Помогите, пожалуйста, как настроить?

в данный момент все вот так(

Как должно выглядеть в итоге ? Ну и картинку для кнопки - выложите...

На что сейчас нужно тыкать? - укажите стрелкой на скриншоте

0

1900

Deff

как должно быть

https://i.imgur.com/qv2daG7.png

куда уехала картинка (уезжает вообще у всех по разному, у кого ниже у кого выше)

https://i.imgur.com/0B3wJu2.jpg

картинка-иконка для таблички

https://i.imgur.com/V8KuD0D.png

0

1901

Trinity Wane
Кидайте Админ-пароль в личку, попытаюсь к полуночи поправить, сейчас немного занят...  :flag:

0

1902

доброго, помогите, пожалуйста) с компьютера фон форума стоит фиксированно, с телефона почему-то решил прокручиваться (айфон, сафари)
поставила фиксед, но это не спасло

0

1903

бланш написал(а):

(айфон, сафари)

Это возможно сатсану нужно ловить, возможно лучше на http://forumd.ru/ , больше опытных ни наю с айфоном и сафари

0

1904

Deff
спасибо)

+1

1905

у меня на ЕФП исчезли аватрки  всюду и флаги

чтото сделали

0

1906

tartar1
Наверное закэшировался статик на forumfiles.ru
Почисть кэш браузера, чтоб статик обновился на forumstatic.ru

0

1907

бланш написал(а):

Вам нужно набрать еще 26879 сообщений для просмотра этого текста.

Вот только такие большие хайды не ставьте, желающих помочь резко поубавится.

+1

1908

Reysler
у меня кеш сам чистится

вы только на остальные форумы не распространяйте это,у меня пока норм

0

1909

http://forumupload.ru/uploads/0000/14/1c/35201/997413.png

0

1910

и чегото пропали ИМАжебан, Имгур....

целый день не было яндекса, нормально грузилось
и вот опять, вообще переклинило

Отредактировано tartar1 (Пн, 23 Ноя 2020 19:37:47)

0

1911

ну вот,включили и у нас
больше я не увижу аватаров

и баннеры придется перезагружать

http://forumupload.ru/uploads/0000/14/1c/35201/959435.png

Отредактировано tartar1 (Пн, 23 Ноя 2020 19:42:14)

0

1912

tartar1
Был момент переадресации всех ссылок на HTTPS, в старых браузерах не воспроизводится... Переходи на Мозилу, - она работает с HTTPS и в ХP

0

1913

Со всех форумов пропали  аватары под гостем на главной странице.
http://forumupload.ru/uploads/0000/14/1c/31992/647698.png

+2

1914

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

Переходи на Мозилу, - она работает с HTTPS и в ХP

да у меня поддерживается хттпс только не такой

на форум 2 2 тоже не было аватаров,поправили. а остальное там норм работало с хттпс

Добавлено спустя 14 минут 15 секунд:
да, с мозиллы норм
но два браузера держать включенными плохо,памяти мало 760 МБ

Отредактировано tartar1 (Вт, 24 Ноя 2020 08:01:14)

0

1915

вы поймите что хттпс ничего не дает

ФНП (форум начинающих писателей) на первом месте везде и без хттпс

даже без своего домена

0

1916

Просмотр местонахождения пользователя
Да    Нет
Включить скрипт просмотра местонахождения пользователя по наведению на ник в статистике?

не работает

0

1917

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

Просмотр местонахождения пользователя
Да    Нет
Включить скрипт просмотра местонахождения пользователя по наведению на ник в статистике?

не работает

У меня работает на обоих форумах

0

1918

да,заработал

0

1919

Всем добра) а не подскажете, есть ли где-то полный перечень смайлов-эмоджи, как в вк?

0

1920

Deff
Доброго времени суток, товарищ.
У меня такой вопрос:
Можно ли сделать, чтобы увеличить число страниц на странице (скажем, до 12)?
https://i.imgur.com/EbPItRsm.jpg

0

1921

brother_bear_k
Я тьву давал ссылку на пагинатор от Alex_63 оч удобно!
2-е Есть пагинатор от Romych, который при наведении(*см тут) - показывает все страницы, но у Alex это более компактно... Хотя для мобил наверно удобно у Ромыч

0

1922

Deff
пагинатор не переводит на первую страницу

0

1923

Deff
Вообще неразбериха.
https://i.imgur.com/02h1Redm.jpg
на картинке всё расписал:
В разделе "Страницы" создал их.
Так же, как и с предыдущим "выпуском", поменял ссылки на страницы, но почему-то в адресной строке указана та страница, которую удалил.
https://i.imgur.com/Qmo5hbem.jpg
Вставил код от Алекса в html-верх, но всё равно страницы не "скомпановались": не видно 10, 11 и 12 :(

Что нужно сделать, чтоб всё заработало правильно?
http://prosto.bbmy.ru

Отредактировано brother_bear_k (Сб, 28 Ноя 2020 07:51:59)

0

1924

По поводу первого вопроса разобрался самостоятельно.
Вся фишка в том, что нужно менять ссылку на страницу в "Дополнительных пунктах меню".
А вот второй вопрос остаётся открытым: как сделать так, чтобы появились в строке не поместившиеся страницы?

0

1925

brother_bear_k
у тебя ошибки в разметке
для начала удали выделенное зеленым:

http://forumupload.ru/uploads/0000/14/1c/16803/654625.jpg

и вставь пробел перед style="

+3

1926

Герда
Спасибо большое. Теперь всё отлично.

P.S. Добро пожаловать всем, кому интересны новости шоу-бизнеса!

0

1927

Доброго времени суток)

Подскажите пожалуйста, как сделать похожее меню, как на этом сайте: http://wiedzmin.mybb.ru/  ?
Возможно, такие менюшки уже немного устарели, но мне до сих пор нравятся. Моя попытка сделать такое меню из кода, где работают только фоны вместо картинок, не увенчалась успехом. Вероятно, нужен другой код?

Попытки производятся здесь http://testso.mybb.ru/.
Картинка не вставляется как хотелось бы.

0

1928

Курама написал(а):

Картинка не вставляется как хотелось бы.

Поправьте  в ФШ текущий скришот своей пробы, как хотелось в итоге (на счёт картинки) - ибо не понятно прочто и где и каким манером

Отредактировано Deff (Ср, 2 Дек 2020 00:04:47)

0

1929

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

Поправьте  в ФШ текущий скришот своей пробы, как хотелось в итоге (на счёт картинки) - ибо не понятно прочто и где и каким манером

Хотелось бы чтобы выглядело как-то так:

Spoiler

http://c.radikal.ru/c41/2012/37/79ec22a086f6.jpg

но картинка сьезжает куда-то в сторону.

Отредактировано Курама (Ср, 2 Дек 2020 01:09:04)

+1

1930

Курама
Ну а где выложенные фоны к кнопкам и таблице???
Или я волшебник ?

+1

1931

Не знал что нужны раздельные)
Вот:

Spoiler

http://c.radikal.ru/c15/2012/36/ad27a8076293.png

Не совсем понял о фоне. Наверно эта часть?
http://c.radikal.ru/c30/2012/cb/1e6655df8934.jpg

+1

1932

Отредактировала стили: поставила зимние шапки, снег на категории, подключила анимацию. Откуда-то вылезли слэши и никак не могу их найти даже валидатором.
https://funkyimg.com/i/395GC.jpg
И фиг бы с ними, но в дизайне № 2 они ломают кнопки вверх/вниз, которые я не трогала. Подскажите плз где они окопались.
http://almarein.spybb.ru/

Отредактировано Mirra Bell (Ср, 2 Дек 2020 21:29:06)

0

1933

Mirra Bell

Ловите на скрине)

После коммента <!--  Звёздочки в профиль автора за определенное кол-во сообщений --> они стоят.

+1

1934

Deff, спасибо за подсказку с отдельными картинками. Поставил раздельно - работает).

+1

1935

captainspring
Спасибо ) вообще оно у меня в таком виде стоит уже давно и непонятно, почему не вылазило, поэтому я и внимания не обратила. Убрала эти звезды, но помогло это только для одного дизайна. Для второго нет.

0

1936

Mirra Bell
Рад помочь) Стрелки у вас ломаются, насколько я вижу, потому что для них во втором дизайне в CSS стили не прописаны. Смотрите:

Первый дизайн — стили на месте (в панели справа видно)
Второй дизайн — стилей нет

Я думаю, если вы скопируете кусок CSS для стрелок из первого дизайна во второй, то все должно заработать.

+1

1937

captainspring
Мерси, я просто восстановила файл стиля. К счастью, он сохранился.

Еще вопрос: никак не могу заставить заработать скрипт искр, куда только уже его не ставила. Причем раньше он на http://almarein.spybb.ru/ работал на body, теперь не работает.
Но работает на том же body на http://overside.rolbb.ru/, хотя раньше там работал на #title-logo-table. Почему перестал работать на http://almarein.spybb.ru/? Сейчас его воткнула в стиль, но ставила и в "низ", и в "верх".

0

1938

Доброго времени суток)

Подскажите пожалуйста, как менять шрифт (не размер , а гарнитуру) названий форумов внутри категорий?

0

1939

Mirra Bell написал(а):

никак не могу заставить заработать скрипт искр, куда только уже его не ставила.

пробовала в самый верх хтмл-верх?

еще попробуй пофиксить цвет на тот же, который в "запределье"

"color": "#FFF", // Цвета искр. Можно использовать массив ["#ff0080","#ff0080","#FFF"]

может, ему не нравится rainbow

0

1940

Курама написал(а):

Доброго времени суток)

Подскажите пожалуйста, как менять шрифт (не размер , а гарнитуру) названий форумов внутри категорий?

.punbb .category h2 span {font-family: Impact;}

0

1941

Mirra Bell
а можно стыбзить у тебя "снежок" на категориях - для народа выложить? :)
если это не нечто индивидуально-разработанное )

0

1942

Герда написал(а):

.punbb .category h2 span {font-family: Impact;}

Не работает.(

0

1943

Курама
ссылку...

0

1944

Герда написал(а):

ссылку...

http://testso.mybb.ru/

Стиль, над которым производится работа - самая верхняя кнопка в селекторе стилей.

0

1945

Курама
шрифт 'Han Zi' ты как подключаешь?
через какое место?

0

1946

Курама
нашла...

Код:
    @font-face {
    font-family: AA_Duke-Shadow; /* Гарнитура шрифта */
    src: url(http://forumstatic.ru/files/0018/26/1d/86045.ttf); /* Путь к файлу со шрифтом */
    }

файл шрифта не существует: http://forumstatic.ru/files/0018/26/1d/86045.ttf
ссылка битая.

Добавлено спустя 2 минуты 21 секунду:
а еще, судя по шаблону, использовать тебе его надо вот тут:

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    color: #000;
    text-align: center;
    font-family: 'zero 3', Times, serif;
    font-style: font-weight: bold;
    font-size: 16px;
}

0

1947

все равно не получается(

0

1948

Курама
проблема в любом случае в самом шрифте.
вот так этот шрифт видит браузер:
https://forumupload.ru/uploads/0000/14/1c/16803/599605.jpg

вот так для примера видит браузер кастомный шрифт на моём форуме:
https://forumupload.ru/uploads/0000/14/1c/16803/70715.jpg

или вот тебе шрифт Han Zi с твоего форума (кстати, у тебя в этом месте ошибки следом):
https://forumupload.ru/uploads/0000/14/1c/16803/516195.jpg

ищи подходящий файл шрифта, который будет отображаться. попробуй найти в другом формате. я - тут уже не помощник.

+1

1949

Герда, спасибо большое за внимание и помощь)
Постараюсь исправить ошибки и буду пробовать с другими шрифтами).

+1

1950

Курама написал(а):

исправить ошибки

пробежалась по стилям...
во всех найди вот это место:

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    color: #000;
    text-align: center;
    font-family: 'zero 3', Times, serif;
    font-style: font-weight: bold;
    font-size: 16px;
}

можно удалить всё, выделенное красным, ну или только то, что зачеркнуто (если хочешь оставить жирность).
видимо раньше был кусочек font-style: italic; - но конец "потерялся" и теперь не работает вообще всё после красного.
если оставить font-weight: bold; - будет жирный заголовок. ща он не жирный из-за ошибки. если не нужна жирность, удаляй оба

а синенькое - размер шрифта.
у тебя есть стили, где он указан два раза (видимо, это были попытки указать размер, которые не работали из-за ошибки). надо оставить только один. тогда будет работать. =)

+1

1951

вот оно как

хорошо)

0

1952

Стиль заголовков категорий стал меняться, во всяком случае в дизе по умолчанию. Но названия форумов не меняются.
Вот эти:

Свернутый текст

http://c.radikal.ru/c05/2012/39/3df96c80c2e1.png

0

1953

Курама
Типо так?

.punbb .tclcon h3>a {
  color:red;
  font-size:17px;
  backdround: #0058E6;
  transition: .6s;
}
.punbb .tclcon h3>a:hover {
  color:#80FF80;
  backdround: #8EA290;
  transition: .6s;
}

0

1954

Герда написал(а):

а можно стыбзить у тебя "снежок" на категориях - для народа выложить? :)
если это не нечто индивидуально-разработанное )

Мопед не мой, я только разместил объяву. )) Бога ради, это местная штука, уже имеющаяся тут в скриптах, я ее юзаю не первый год. ) Меняю картинки - вообще получается шикардос: хошь снег, хошь сосульки, хошь осенние листья и т.д. ) Причем у меня стоят два варианта: для длинной категории с тремя картинками и для короткой с одной. Просто фича старая и уже наверное забытая.

Отредактировано Mirra Bell (Вс, 6 Дек 2020 14:43:53)

+1

1955

Герда написал(а):

пробовала в самый верх хтмл-верх?

Пробовала, не помогло, причем в прошлом году скрипт стопудово работал и я вижу, что работает и на некоторых других форумах. Решилось заменой $(document).ready(function() на $(window).load(function(). Хз почему )

+1

1956

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

Курама
Типо так?

.punbb .tclcon h3>a {
  color:red;
  font-size:17px;
  backdround: #0058E6;
  transition: .6s;
}
.punbb .tclcon h3>a:hover {
  color:#80FF80;
  backdround: #8EA290;
  transition: .6s;
}

Попробовал - шрифт просто стал жирным, но у меня другая цель - чтобы можно было менять гарнитуру, стиль, семейство или как там правильно это называется для заголовков форумов, чтобы названия форумов были такого же стиля, как шрифт в названиях категорий.

Свернутый текст

http://a.radikal.ru/a29/2012/d2/562bf435b707.jpg

0

1957

Курама
Я то думал Вам нужно найти селектор, а про шрифт смотрите здесь:  http://htmlbook.ru/css/font-family

+1

1958

Спасибо. Буду копать дальше.)

0

1959

Добрый день!
Установлен скрипт Медальки на форум в Профиле, в топике вместе со спойлером скрытия инфы. Но при открытии на фоне спойлера вылезает изображение из окантовки профиля, а также при наведении на награду не появляется подпись: Тестовый форум, где видна проблема. Самостоятельно исправить не получилось, буду очень благодарна за помощь!

0

1960

Куплимия
Чтобы вылазило описание, скрипт медалек ставим ниже спойлера под N-кнопок
Переставьте, может и улучшиться 1-я проблема

0

1961

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

Переставьте, может и улучшиться 1-я проблема

Да, описания появились, но теперь вылезли номера наград над картинками... Изображение никуда не делось :с

0

1962

Куплимия
1-е Сделайте скриншот проблемы...

0

1963

Чтобы не лезло изображение, добавьте во втором окне стиля красным(угловую скобку):

/* ОКАНТОВКА ПРОФИЛЯ */
#pun-main .post-author > ul {
margin-left: -10px;
margin-top: 10px;
Padding-top:31px;
background:url(http://forumstatic.ru/files/001a/bb/ee/32305.png) no-repeat 0 top!important;
width: 100%;
text-align: center;
}

0

1964

Скрипт медалек переставьте сраузу вслед за Спойлером под N-кнопок!

0

1965

Deff

Скриншот

https://forumupload.ru/uploads/0000/14/1c/37032/t329551.png

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

Скрипт медалек переставьте сраузу вслед за Спойлером под N-кнопок!

Описания наград опять пропали :(

Отредактировано Куплимия (Сб, 12 Дек 2020 18:11:13)

0

1966

Куплимия
Потому что ставите какие-то старобрядческие скрипты ниже, они парсят весь HTML и убивают события!!

Замените код в медальках(строку красным):

<script type="text/javascript">

var NumPole=4; //Номер доп поля c наградками;
var listMedal=[];
$("#Myawrd p").each(function(j){
listMedal[j]=[];listMedal[j]=$(this).html().replace(/\s*(\d+),\s*(.*?),\s*(http.*)/ig,'$1,,$2,,$3').split(',,');});

var NamFld = '.pa-fld'+NumPole;
var awSTrt = '<img width="23" class=awards src="';
$("div.post-author "+ NamFld).each(function () {

    if($(this).html()!=null){//<li class="pa-fld3"><span class="fld-name">флорины:</span> Флоринов:<br>170</li>
        var L = $(this).html().replace(/^.+:?<\/span>\s?(?:<br>)?/igm,'')
        var L0=$(this).html().replace(/^(.+:?<\/span>)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0)
        var Thisaw = L.split(',');
    for (j=0; j< Thisaw.length; j++){
         Dp='';var x=Thisaw[j];x=x.replace(/(\d+)(?:#.+)*$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,'');
          for (i=0; i< listMedal.length; i++){ //
           if(x==listMedal[i][0]){L='<span title="'+listMedal[i][1]+' '+Dp+'" class="tooltip4">'+awSTrt+listMedal[i][2]+'"/></span>';
           $(this).append(L);}
      }
};}
});
$("span.tooltip4").tipsy({live:true,gravity: 's title-awards'});
</script><!--End//Медальки в профиль(топик)-->

+1

1967

Deff, спасибо большое! Помогло с описаниями :3

Свернутый текст

https://forumupload.ru/uploads/0000/14/1c/37032/t847438.png

0

1968

Куплимия
Фон уберите от профиля - описал же Выше!
См пост:

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

Чтобы не лезло изображение, добавьте во втором окне стиля красным(угловую скобку):

Отредактировано Deff (Сб, 12 Дек 2020 18:26:19)

+1

1969

Deff, ох, прошу прощения, страница тогда на мое сообщение переключилась. Большое спасибо Вам за помощь!

0

1970

А как можно совместить обе картинки.
шапку на аватар
и украшение под аватар?
http://forumupload.ru/uploads/0000/14/1c/31992/944271.png

0

1971

Guerlain
Добра! Это можно сделать с помощью псевдоэлементов ::before и ::after — шапку можно повесить с помощью .pa-avatar::before, а украшение вниз добавить через .pa-avatar::after.
Разберетесь дальше или помочь? Вот тут можно почитать подробнее про них: псевдоэлемент after и псевдоэлемент before.

+2

1972

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

или помочь?

Спасибо, получилось! :cool:

Отредактировано Guerlain (Вс, 13 Дек 2020 21:10:18)

0

1973

captainspring
Установила на рабочий форум а там все аватары разные и шапка встаёт у всех по разному.

+

http://forumupload.ru/uploads/0000/14/1c/31992/894510.png
http://forumupload.ru/uploads/0000/14/1c/31992/988984.png

0

1974

Guerlain
Хм, тут пасую) Если нет установленной правилами форума ширины аватара по умолчанию, значит, надо каждый раз узнавать ширину конкретного аватара и позиционировать шапку соответственно. Чтобы узнать ширину аватара — это что-то из JS, потому что CSS такое не умеет, а в JS я не силён пока. Может, Deff чего подскажет?

+1

1975

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

Если нет установленной правилами форума ширины аватара по умолчанию,

Ширина и высота выставлены 200-200.
Сейчас загрузила свой аватар 200-200 и шапка встала как надо.
А до этого была загружена аватарка 150- 150. И все те  аватары которые меньшее 200 у тех шапка встала криво.

+1

1976

Guerlain
Ну дайте ссылку на страницу, где установлены несколько авиков разной ширины, идёя от captainspring отличная, главное правильно её оформить...

Отредактировано Deff (Пн, 14 Дек 2020 01:59:21)

0

1977

Guerlain
вариант 1й - прописать в стиле минимальную ширину аватарок. тогда мелкие аватрки автоматом "растянутся" до того размера, чтоб на них шапка висела ровно.

Код:
.pa-avatar img {min-width: 200px;}

вариант 2й - вставлять шапку совершенно через другие коды и делать это с использованием js, но для этого нужна ссылка на форум

0

1978

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

Ну дайте ссылку на страницу, где установлены несколько авиков разной ширины,

http://forum-obscheniya.ru/viewtopic.ph … 62&p=3

0

1979

Герда написал(а):

-avatar img {min-width: 200px;}

Вот, что получилось....

+

http://forumupload.ru/uploads/0000/14/1c/31992/537220.png

0

1980

Guerlain написал(а):
Deff написал(а):

Ну дайте ссылку на страницу, где установлены несколько авиков разной ширины,

http://forum-obscheniya.ru/viewtopic.ph … 62&p=3

убери скрипт защиты от копирования - консоль неудобно открывать.

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

Вот, что получилось....

ну, или сама размерчик под себя подгони, чтоб аватарки не были слишком широкими:
.pa-avatar img {min-width: 200px;}

0

1981

Guerlain
твой размерчик - 170пикселей

Код:
.pa-avatar img {min-width: 170px;}

0

1982

Guerlain
Вместо этой фигни в HTML верх:

<style>
.pa-avatar::before {
background: url(http://j-p-g.net/if/2017/12/12/0338461001513125860.png) no-repeat scroll left transparent ;
content: "";
height: 100px;
width: 210px;
margin-top: -25px;
position: absolute;
margin-left:96px;
}
li.pa-avatar {margin-top:20px;}
}
.post-author ul li.pa-avatar {
        margin-top: 20px;
}

.svg-snowscene {
width: 100%;
}
</style>

Поставь такую:

<style>
.post-author ul li.pa-avatar{
    margin: auto;
    display: inline-block;
    text-align:center;
    position: relative;
}
.post-author ul li.pa-avatar img{
    margin: 0!important;
}   
.pa-avatar::before {
    background: url(http://j-p-g.net/if/2017/12/12/0338461001513125860.png) no-repeat -14px 0;
    content: "";
    height: 100px;
    width: 74px;
    top: -8px;
    margin: auto!important;
    position: absolute;
    right: -24px;
}
.svg-snowscene {
width: 100%;
}
</style>

Пиксельная подгонка - цифры красным  :flag:

+2

1983

Deffспасибо огромное за помощь! Получилось! :cool:

+1

1984

Доброго времени! Давно слежу, но то ли не замечаю, то ли действительно никто не спрашивал.
У нас на форуме включён скрипт просмотра местонахождения пользователя (чтобы с главной страницы можно было поглядеть), но он отображается некорректно: показывает у всех одинаковое время.
Т.е., если зайти в "активные", то время, в которое пользователь зашёл в тему, показывается верно. А если глядеть через скрипт - то время у всех одинаковое. Шо делатц? Конфликтует с другими нашими скриптами, или дело не в этом?(

Отредактировано корцек (Ср, 16 Дек 2020 18:23:56)

0

1985

корцек
Это у всех так, наверно скрипт (из админки) нужно править.

0

1986

Здравствуйте. Поставили новый дизайн и сразу влипли в некоторые проблемы.
Форум: http://kingdomtales.rusff.ru/

Проблемы следующие:

1. С телефона форум отображается не по центру (у всех).
2. Один человек пожаловался на появление внизу страницы прокрутки. (разрешение 1366х768, браузер хром)
скрин
3. Перестал работать скрипт увеличения/уменьшения текста. Перестал работать у всех со всех устройств. Но у пользователей айфона с мобильного шрифт в форме ответа выглядит обычно, а у пользователей андроида - сильно увеличен.
При нажатии кнопок увеличения и уменьшения шрифта происходит следующее: скрин 1, скрин 2
Скрипт меняет шрифт в форме ответа, а в самих постах - не меняет.
4. Где можно менять шрифт ников гостей? Он сильно отличается от ников зарегистрированных пользователей.

0

1987

черный туман написал(а):

1. С телефона форум отображается не по центру (у всех).

мешает шапка

поправить можно так:

Код:
@media screen and (max-width: 540px) {
#pun #pun-title table {width: 100%; margin-left: 0;}
}
черный туман написал(а):

2. Один человек пожаловался на появление внизу страницы прокрутки. (разрешение 1366х768, браузер хром)

опять же - мешает шапка.
она аж 1400 пикселей в ширину
попробуй сделать так:

#pun-title table {
    background-image: url(http://forumstatic.ru/files/001a/fe/03/92383.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    max-width: 1400px;
    height: 339px;
    margin-left: -207px;
}

но это кривое решение и не уверена, что поможет.
по хорошему - над верстать дизайн нормально, не через гигансткую пнг-накртинку сверху... в дизайне же всё туловище взято в ровные рамочки, не понимаю зачем было вставлять такие штуки гигансткие... но это капитально надо всё тело и шапку переделывать.

черный туман написал(а):

Перестал работать скрипт увеличения/уменьшения текста.

убери строчку стиля:

.punbb .post-content p {
    margin: 0 0 0 0px;
    padding: 0 0 1em 0;
    line-height: 150%;
    font-size: 12px;
}

черный туман написал(а):

4. Где можно менять шрифт ников гостей? Он сильно отличается от ников зарегистрированных пользователей.

не увидела разницы, ровно как и кодов для ников гостей.
но, на всякий случай, вот селекторы для любых групп: https://forumd.ru/viewtopic.php?id=6344
чтобы именно шрифт ставить, используется font-family

0

1988

Герда, огромное спасибо! Не сработало только это

Герда написал(а):

опять же - мешает шапка.
она аж 1400 пикселей в ширину
попробуй сделать так:

А не поможет обрезать шапку по бокам и потом в коде подвинуть ее ровненько на нужное место? Не получится так?

Герда написал(а):

не понимаю зачем было вставлять такие штуки гигансткие

Не могу сказать, я в этом не смыслю, потому я тут)

Отредактировано черный туман (Чт, 17 Дек 2020 08:38:49)

0

1989

Герда написал(а):

мешает шапка

поправить можно так:

Обманул. К сожалению, с телефонов форум все еще не по центру, не помогло (

+1

1990

черный туман написал(а):

А не поможет обрезать шапку по бокам и потом в коде подвинуть ее ровненько на нужное место? Не получится так?

ну, должно помочь.
в дизайне нет ничего что должно хоть как-то вылазить за пределы рамки форума.

но я бы такой диз верстала вообще по другому. я бы просто разобрала дизайн на рамочки и вставляла их в тот элемент, к которому относится эта рамочка. т.е. не  #pun-title table, а в саму табличку. и не огромным куском, а именно отдельными рамочками.

черный туман написал(а):

Обманул. К сожалению, с телефонов форум все еще не по центру, не помогло (

я не вижу этого кода в дизайне. куда-то не туда ставишь. проверь полностью ли скопировалась.
проблема сохраняется из-за огромной ширины шапки:
http://forumupload.ru/uploads/0000/14/1c/16803/795559.jpg

0

1991

Герда написал(а):

ну, должно помочь.

Попробую пошаманить)

Герда написал(а):

я не вижу этого кода в дизайне. куда-то не туда ставишь. проверь полностью ли скопировалась.

А куда надо ставить? Поставил в верхнее окошко в "Своем стиле".

0

1992

черный туман написал(а):

А куда надо ставить? Поставил в верхнее окошко в "Своем стиле".

значит там где-то ошибка, после которой не работают коды. проэксперементируй - поставь в самый верх окна

ошибок в стиле много.
например:
background-color: transpanent; - удаляй по всему стилю. оно не работает.

или вот два раза указан фон:
http://forumupload.ru/uploads/0000/14/1c/16803/286559.jpg
+ кусок стиля, который ни на что не влияет
+ что это за ДЕВЯТИ-значные цвета...

в #pun зачем-то два раза в разных местах указана ширина....

кароч, ниче удивительного, если где-то будет пропущена скобка или удалена точка с запятой, которая "пожирает" весь остаток кода.

0

1993

Герда
У некоторых теперь с мобильного шапка не отображается вообще  %-)

Герда написал(а):

ошибок в стиле много

Сейчас попробую убрать... Спасибо)

+1

1994

Я не знаю, что за жесть происходит, но теперь и с компьютера шапка исчезает при обновлении страницы. В админке ее видно, а на главной форума нет. Уффф. Помогите пожалуйста)
Добавлено спустя 8 минут 8 секунд:

все, исправлено  %-)

Отредактировано черный туман (Чт, 17 Дек 2020 14:50:31)

+1

1995

черный туман
У тьву файл фона шапки удалён => http://forumstatic.ru/files/001a/84/b6/42197.png

Отредактировано Deff (Чт, 17 Дек 2020 14:51:21)

0

1996

Deff
C шапкой уже порядок. Осталась только проблема с расположением на мобильном по левому краю. Но видимо на это придется закрыть глаза)

0

1997

черный туман
У вас шапка выходит за пределы тела форума, добавьте красным:

/* A3.1 */
body {
  font-size: 100.01%;
  min-width: 1200px;
  }

0

1998

черный туман написал(а):

Deff
C шапкой уже порядок. Осталась только проблема с расположением на мобильном по левому краю. Но видимо на это придется закрыть глаза)

шапку надо делать, не шире форума, а такого же размера. всё еще торчит именно она:
http://forumupload.ru/uploads/0000/14/1c/16803/633914.jpg

ваще не вижу проблемы закрыть на это глаза, т.к. полноценный мобильный дизайн выглядит как-то так: https://forumd.ru/viewtopic.php?id=3833&p=5#p142564
то, что форум будет по центру не дает ему удобства в использовании на мобилке ))

0

1999

Deff
Не могу ставить плюсы, но моя благодарность безмерна! Все стало ровненько по центру) Огромное как всегда, впрочем спасибо)

Герда
И вам тоже за подробные ответы)

0

2000

добрый день!
помогите, пожалуйста, разобраться с проблемкой)
при просмотре перед отправкой сообщения обрезается часть текста:
https://i.imgur.com/dyYaKVsm.png
http://brightonlife.ru/

0

2001

Продолжение темы: Общие вопросы по оформлению (65) #2

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)