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

Поделиться1Сб, 19 Дек 2020 13:24:51

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1963
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

Предыдущая часть темы: Общие вопросы по оформлению (65)

+1

Поделиться1121Пн, 3 Окт 2022 16:49:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

первый балбес на деревне написал(а):

на сам форум почему-то нет доступа,

https://forumdes.mybb.ru/search.php?action=show_recent

+2

Поделиться1122Ср, 5 Окт 2022 11:14:02

Автор: первый балбес на деревне
Заслуженный
Зарегистрирован: Вс, 17 Ноя 2019
Сообщений: 23
Уважение: +7
Позитив: +16
Последний визит:
Ср, 20 Ноя 2024 11:53:41

Deff
спасибо огромное, а то я без этого форума, как без рук

+1

Поделиться1123Сб, 8 Окт 2022 23:19:35

Автор: Aviator
Заслуженный
Зарегистрирован: Пт, 22 Авг 2008
Сообщений: 20
Уважение: 0
Позитив: +2
Последний визит:
Сб, 26 Окт 2024 17:32:08

Здравствуйте.

1. Как можно поменять зеленый цвет стрелок и зеленую тень на свои? Замена в #MyBookmarks span.scrl не помогает

2. Как убрать тень у выделенных прямоугольных блоков? Замена в #MyBookmarks span.scrl тоже не помогает

3. Как увеличить шрифт? Замена в #MyBookmarks .deS:after не помогает

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

Отредактировано Aviator (Сб, 8 Окт 2022 23:26:36)

0

Поделиться1124Вс, 9 Окт 2022 20:21:00

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 13 Ноя 2024 09:02:28

Aviator
Загляните сюда.

+2

Поделиться1125Пн, 17 Окт 2022 08:40:00

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

Добрый день.

Возник ряд таких вопросов.

1. Как можно перемещать или менять вот этот блок на форуме?

2. Можно ли убрать вот эти звёздочки от названия форума сверху и снизу, и как это можно сделать?

3. Как перемещать название самого форума сверху и снизу?

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

Ссылка на тестовый форум:
http://testforumdc.mybb.ru

Буду очень благодарна за помощь.

+1

Поделиться1126Пн, 17 Окт 2022 09:58:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

1. Как можно перемещать или менять вот этот блок на форуме?

#pun-status .container{
position:absolute;
background:#C9CEE3;
outline:red solid 1px;
z-index:1000;
top:120px; /*Отступ от верха*/
width:330px; /*Ширина блока*/
}

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

4. как можно сделать в этих местах вот такое всплывающее окошко, чтобы было изображение, нажимаешь на него, и разворачивается блок со ссылками.

https://imagiart.ru/viewtopic.php?pid=1004117#p1004117 (Надо регацо)

Отредактировано Deff (Пн, 17 Окт 2022 09:59:43)

+2

Поделиться1127Пн, 17 Окт 2022 11:17:08

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

Deff
Спасибо.

0

Поделиться1128Чт, 20 Окт 2022 19:40:45

Автор: non
Стремящийся
Зарегистрирован: Чт, 20 Окт 2022
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Пн, 16 Янв 2023 22:31:37

доброго времени суток, уважаемые!
подскажите, пожалуйста, почему может не отображаться заданный по умолчанию аватар для гостя?
использовали скрипт Скрипты от пользователей 3
и выглядит так

Код:

<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://i.imgur.com/uhjWfVw.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://i.imgur.com/2cdS8rH.png'; //Ссылка на аватар для Гостя

$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

пример:
https://brulh.rusff.me/viewtopic.php?id=105#p239
если кто сможет взяться помочь, предоставим админ-учетку
хотелось бы именно понимать в чем дело, чтобы исправить эту же проблему и на чистовике

0

Поделиться1129Чт, 20 Окт 2022 20:04:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

non
Вы гостя переобозвали, поэтому и не работает!

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

Код:

<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://i.imgur.com/uhjWfVw.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://i.imgur.com/2cdS8rH.png'; //Ссылка на аватар для Гостя
 
$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='блуждающий'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

0

Поделиться1130Чт, 20 Окт 2022 20:14:10

Автор: non
Стремящийся
Зарегистрирован: Чт, 20 Окт 2022
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Пн, 16 Янв 2023 22:31:37

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

non
Вы гостя переобозвали, поэтому и не работает!

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

Код:

<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://i.imgur.com/uhjWfVw.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://i.imgur.com/2cdS8rH.png'; //Ссылка на аватар для Гостя
 
$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
  var b = DefAvtr;if($(this).text()=='блуждающий'){b = GuestAvtr;}
  var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
  if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>

большое вам человеческое спасибо!

0

Поделиться1131Ср, 26 Окт 2022 18:02:34

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

Доброго вечера.

Вопрос вот по этому скрипту.

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

Если ставишь на форуме ротатор дважды или трижды, в разных местах, возникает такие проблемы:

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

2. Даже настраивая оба варианта скрипта по-разному, настройки действуют только по одному варианту.

Вопрос. Возможно ли как-то этих ошибок избежать и настроить оба варианта по-разному?

0

Поделиться1132Ср, 26 Окт 2022 18:28:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Rayne
Там нужно менять селекторы в каждой новой устанавливаемой версии по всему коду
КонтентРотатор, КонтентРотатор2, КонтентРотатор3 и. тд. (Автоматическая замена есть к примеру в Word

Отредактировано Deff (Ср, 26 Окт 2022 18:35:16)

+1

Поделиться1133Ср, 26 Окт 2022 18:43:40

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

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

Rayne
Там нужно менять селекторы в каждой новой устанавливаемой версии по всему коду
КонтентРотатор, КонтентРотатор2, КонтентРотатор3 и. тд. (Автоматическая замена есть к примеру в Word

А, спасибо огромное. Заменю.

+1

Поделиться1134Ср, 26 Окт 2022 19:03:04

Автор: Rayne
Заслуженный
Зарегистрирован: Вт, 23 Апр 2019
Сообщений: 18
Уважение: +14
Позитив: +8
Последний визит:
Ср, 27 Сен 2023 16:34:32

Deff
Поставила для пробы один ротатор в табличке форума. Другой в ХТМЛ-низ.

При добавлении цифр, один ротатор начинает работать не по указанному времени. Второй просто замирает.

Пробовала ставить в разных вариациях.

http://testforumdc.mybb.ru

+1

Поделиться1135Ср, 26 Окт 2022 19:27:20

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Rayne
Вот так вродь работает:
Вариант 1

Код:

<style>#КонтентРотатор1 p{display:none}</style>
<div id="КонтентРотатор1" style="width:px; height: 20px;"><!-- Ротатор произвольного контента -->
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Самая мое длинное название темы, которое только может быть вообще, все</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Тема 2</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Тема 3</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Тема 4</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Самая мое длинное название темы, которое только может быть вообще, все</a></p>
</div>

<script language="javascript">
(function (){
var sek = 900;  // Время отображения

var Nrout=$("#КонтентРотатор1 p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор1 p").hide();
$("#КонтентРотатор1 p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout(function (){RotatorMycontent(j)},sek);}
}());
</script>

Вариант 2

Код:

<style>#КонтентРотатор2 p{display:none}</style>
<div id="КонтентРотатор2" style="width:px; height: 20px;"><!-- Ротатор произвольного контента -->
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Самая мое длинное название темы, которое только может быть вообще, все</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Тема 2</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Тема 3</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Тема 4</a></p>
<p><a href="https://starwarstiu.mybb.ru" title="Описание.">Самая мое длинное название темы, которое только может быть вообще, все</a></p>
</div>

<script language="javascript">
(function (){
var sek = 900;  // Время отображения

var Nrout=$("#КонтентРотатор2 p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор2 p").hide();
$("#КонтентРотатор2 p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout(function (){RotatorMycontent(j)},sek);}
}());
</script>

+1