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

Поделиться1Пн, 21 Май 2018 19:56:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15199
Позитив: +11588
Последний визит:
Вчера 22:54:04

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


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

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

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

Поделиться641Вс, 11 Ноя 2018 23:50:36

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15199
Позитив: +11588
Последний визит:
Вчера 22:54:04

boom
Ну например,

В конец Первого Окна Стиля:

/*Правка в личке*/
#pun-messages.punbb .post h3 {
display: block;
margin-left:12px!important;
width: 200px!important;
}

+1

Поделиться642Пн, 12 Ноя 2018 00:02:54

Автор: boom
Заслуженный
Зарегистрирован: Пт, 8 Авг 2008
Сообщений: 250
Уважение: +8
Позитив: +108
Последний визит:
Ср, 3 Фев 2021 14:05:07

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

0

Поделиться643Пн, 12 Ноя 2018 01:29:43

Автор: Mr. Bum
Заслуженный
Зарегистрирован: Вс, 26 Фев 2017
Сообщений: 37
Уважение: +8
Позитив: +10
Последний визит:
Чт, 23 Сен 2021 00:16:05

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

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

0

Поделиться644Пн, 12 Ноя 2018 01:35:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15199
Позитив: +11588
Последний визит:
Вчера 22:54:04

boom
Добавьте к предыдущему

.punbb#pun-messages .post-author {
margin-right:-14px;
}
.punbb#pun-messages .post-body {
margin-left:188px;
max-width: 400px;
}
.punbb#pun-messages .post-box {
margin-top:-27px;
}

+1

Поделиться645Пн, 12 Ноя 2018 01:38:18

Автор: boom
Заслуженный
Зарегистрирован: Пт, 8 Авг 2008
Сообщений: 250
Уважение: +8
Позитив: +108
Последний визит:
Ср, 3 Фев 2021 14:05:07

благодарю!

0

Поделиться646Пн, 12 Ноя 2018 01:40:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15199
Позитив: +11588
Последний визит:
Вчера 22:54:04

Mr. Bum
Это слайдер-аккордион

Для постов тут есть код => http://forumd.ru/viewtopic.php?id=6114#p135633

Для чисто HTML кода, есть тут в скриптах ( ищите по поиску) ну и в инете полно

0

Поделиться647Пн, 12 Ноя 2018 03:51:47

Автор: Mr. Bum
Заслуженный
Зарегистрирован: Вс, 26 Фев 2017
Сообщений: 37
Уважение: +8
Позитив: +10
Последний визит:
Чт, 23 Сен 2021 00:16:05

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

Для чисто HTML кода, есть тут в скриптах ( ищите по поиску) ну и в инете полно

Нельзя ли конкретно дать название того скрипта?
В инете я уже поискал. Если бы нашёл что-то подходящее, сюда бы не обратился.

0

Поделиться648Пн, 12 Ноя 2018 09:55:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15199
Позитив: +11588
Последний визит:
Вчера 22:54:04

Mr. Bum написал(а):

В инете я уже поискал.

http://nisnom.com/podborka-razlichnyh-a … pt-jquery/
или
https://tympanus.net/Tutorials/CSS3Accordion/ , исходники тут => http://design-mania.ru/web-design/html- … -4sajdbar/

Отредактировано Deff (Пн, 12 Ноя 2018 09:56:15)

0

Поделиться649Ср, 14 Ноя 2018 00:56:27

Автор: Mr. Bum
Заслуженный
Зарегистрирован: Вс, 26 Фев 2017
Сообщений: 37
Уважение: +8
Позитив: +10
Последний визит:
Чт, 23 Сен 2021 00:16:05

Deff
Посмотрел - нет, это не то, что нужно, поскольку у меня не список, мне нужно, чтобы все остальные блоки скрывались вообще.
Добавлено спустя 4 минуты 45 секунд:
Отбой, кажется, я нашёл решение)

Код:

<script>$('a').click(function(){$('.description').eq($(this).index()).show().siblings('.description').hide()})</script>

Отредактировано Mr. Bum (Ср, 14 Ноя 2018 01:01:12)

+1

Поделиться650Ср, 14 Ноя 2018 18:29:13

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

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

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

0

Поделиться651Ср, 14 Ноя 2018 19:02:56

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

Курама
Вы имеете ввиду то, что видно на главной странице?

0

Поделиться652Ср, 14 Ноя 2018 19:23:08

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

Mirra Bell, да, те самые красные кружочки с циферками о кол-ве постов на главной. Только я хочу сделать их прозрачными, чтобы было видно только цифры, если можно.

0

Поделиться653Ср, 14 Ноя 2018 22:03:05

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5809
Позитив: +6437
Пол: Мужской
Последний визит:
Вчера 22:56:37

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

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

Администрирование - Скрипты - Количество непрочитанных тем в каждом форуме - Включить отображение цифры непрочитанных тем в каждом форуме на главной странице? - Да..

Для прозрачности в НТМЛ верх:

Код:

<style>
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: transparent !important;
}
</style>

+3

Поделиться654Чт, 15 Ноя 2018 09:32:54

Автор: uliana-new
Заслуженный
Зарегистрирован: Вс, 5 Июн 2016
Сообщений: 148
Уважение: +20
Позитив: +50
Пол: Женский
Последний визит:
Вт, 22 Янв 2019 14:05:07

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

#pun-status .item2 {display: none;}
.isguest #pun-status .item2 {
display:inline-block;
}

Deff
Спасибо!!!

0

Поделиться655Чт, 15 Ноя 2018 17:28:42

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

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

Администрирование - Скрипты - Количество непрочитанных тем в каждом форуме - Включить отображение цифры непрочитанных тем в каждом форуме на главной странице? - Да..

Для прозрачности в НТМЛ верх:
Код:
<style>
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: transparent !important;
}
</style>

Класс!
kolobdur74 спасибо! :jumping:

+2

Поделиться656Чт, 15 Ноя 2018 23:11:32

Автор: Lоya
Заслуженный
Зарегистрирован: Пн, 23 Апр 2018
Сообщений: 27
Уважение: +10
Позитив: +10
Последний визит:
Пн, 20 Ноя 2023 18:20:41

Добрый вечер,

Недавно заметили, что свои картинки на категории ставятся, но почему-то размытые и мутные.

Форум - http://krum.rusff.ru/

как выглядит:

Как должно выглядеть:

Использованный код:

Категории:

Код:

<!-- Rusff:points -->
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"ADMINS", "https://forumstatic.ru/files/0019/a0/b6/25813.png",
"FOR GUESTS & REGISTRATION", "https://forumstatic.ru/files/0019/a0/b6/29221.png",
"ORGANIZATION GAME", "https://forumstatic.ru/files/0019/a0/b6/43408.png",
"GAME ZONE", "https://forumstatic.ru/files/0019/a0/b6/60352.png",
"ENTERTAINMENT", "https://forumstatic.ru/files/0019/a0/b6/40060.png",
"ADVERTISEMENT", "https://forumstatic.ru/files/0019/a0/b6/87427.png",
"ARCHIVES", "https://forumstatic.ru/files/0019/a0/b6/58046.png"
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
   "height":"56px",
   "margin-left":"30px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50%",
   "background-repeat":"no-repeat"
}

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

статистика:

Код:

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 56px;
width: 476px;
margin-left: 200px;
background-color: transparent;
background-image: url("https://forumstatic.ru/files/0019/a0/b6/59185.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

В чём может быть проблема?

Заранее спасибо.

0

Поделиться657Чт, 15 Ноя 2018 23:36:19

Автор: Dango
Заслуженный
Зарегистрирован: Пн, 17 Фев 2014
Сообщений: 691
Уважение: +1639
Позитив: +6092
Последний визит:
Ср, 17 Апр 2024 15:07:41

Lоya написал(а):

Недавно заметили, что свои картинки на категории ставятся, но почему-то размытые и мутные.

как выглядит:

Как должно выглядеть:

Гм... А у меня плохо выглядит (мутно и размыто) как раз второй скриншот...
:dontknow:

+1

Поделиться658Пт, 16 Ноя 2018 20:34:59

Автор: Lоya
Заслуженный
Зарегистрирован: Пн, 23 Апр 2018
Сообщений: 27
Уважение: +10
Позитив: +10
Последний визит:
Пн, 20 Ноя 2023 18:20:41

Dango
У меня первый размытый, словно его силком ужали на пару пикселей криво, а второй ровный, чёткий.
И на всех мониторах так же. =| Уже все способы, что пришли в голову, перепробовала.

0

Поделиться659Пт, 16 Ноя 2018 20:59:44

Автор: Sanarami
Заслуженный
Зарегистрирован: Вт, 16 Сен 2014
Сообщений: 79
Уважение: +16
Позитив: +44
Пол: Женский
Последний визит:
Ср, 24 Апр 2024 17:34:00

Lоya, у меня была такая же проблема. В этой же теме на 29 странице я задавала вопрос и мне помогли. Посмотрите 574 сообщение и следующее за ним; может и вам решит проблему.

А вообще не спешите.))
Deff, ваш совет вылечил мне блюр категорий, но сегодня выяснилось, что он создаёт его в другом месте ("лечилку" из css пришлось убрать): блюрит изображения в любом хтмл-коде, где через настройки css задаётся уменьшение размера с сохранением пропорций. Нет ли этого чудесного противоблюрового костыля, ориентированного только на категории? Иначе вот...

вид с телефона (и так должно быть)

блюр при просмотре с компа

Если нет, не критично, ибо при смене диза в будущем я откажусь к лешему от картинок в категориях. Но бесит же и хочется разобраться.)
Форум: http://mistsofboston.rusff.ru

Отредактировано Sanarami (Пт, 16 Ноя 2018 21:59:56)

+1

Поделиться660Пт, 16 Ноя 2018 23:03:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15199
Позитив: +11588
Последний визит:
Вчера 22:54:04

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

.category h2,
#pun-stats h2{
image-rendering: pixelated;
}

Отредактировано Deff (Пт, 16 Ноя 2018 23:05:20)

+2

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 641 страница 660 из 1000

Поделиться1Пн, 21 Май 2018 19:56:21

Поделиться641Вс, 11 Ноя 2018 23:50:36

Поделиться642Пн, 12 Ноя 2018 00:02:54

Поделиться643Пн, 12 Ноя 2018 01:29:43

Поделиться644Пн, 12 Ноя 2018 01:35:43

Поделиться645Пн, 12 Ноя 2018 01:38:18

Поделиться646Пн, 12 Ноя 2018 01:40:40

Поделиться647Пн, 12 Ноя 2018 03:51:47

Поделиться648Пн, 12 Ноя 2018 09:55:38

Поделиться649Ср, 14 Ноя 2018 00:56:27

Поделиться650Ср, 14 Ноя 2018 18:29:13

Поделиться651Ср, 14 Ноя 2018 19:02:56

Поделиться652Ср, 14 Ноя 2018 19:23:08

Поделиться653Ср, 14 Ноя 2018 22:03:05

Поделиться654Чт, 15 Ноя 2018 09:32:54

Поделиться655Чт, 15 Ноя 2018 17:28:42

Поделиться656Чт, 15 Ноя 2018 23:11:32

Поделиться657Чт, 15 Ноя 2018 23:36:19

Поделиться658Пт, 16 Ноя 2018 20:34:59

Поделиться659Пт, 16 Ноя 2018 20:59:44

Поделиться660Пт, 16 Ноя 2018 23:03:38