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

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по стилям kolobdur74


Вопросы по стилям kolobdur74

Сообщений 61 страница 80 из 99

61

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

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

Я так и сделала. Мне это и для работы нужно - смотреть, как будет выглядеть цитата, как будет выглядеть спойлер и пр. Сделала отдельными постами, так что у меня уже несколько постов набралось. :)

0

62

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

Хорошо, сделаю юзерский аккаунт. А так-то я любые внесённые изменения в стиль тут же сразу смотрю на мобиле, правда гостем, и по ходу сразу корректирую, если что-то не понравилось. Так и "кручусь белкой в колесе" - от компа к мобиле, от мобилы - к компу, и так - по кругу. Сегодня весь день красила (я о дизе), от "нарезок" в мини-профиле, для спойлеров и пр. отказалась, сделала всё покраской и другим декорированием. Что-то стрёмно мне добавлять "нарезку" для мобилы (!), да и исходный стандартный диз, взятый за основу, и сам по себе хорош - и в цветовом решении и в контрастности оформления мини-профиля и постов (они не однотонные, как в большинстве случаев), так что добавлять в мини-профиль ещё и "нарезку" в виде бордюра считаю излишеством. Когда много "спецэффектов" - это не есть гуд, имхо. В общем, дело близится к концу, остался только вопрос с иконками. Подумаю, что можно с этим сделать.

Мобилу стоит использовать для завершающего тестирования на реальном устройстве, так можно на компе переключать мобильный показ и пк (это в Хроме, но в других браузерах это тоже есть): правой клавишей мыши - Посмотреть код, нажать в левом углу на значок:
https://i1.imageban.ru/out/2025/10/13/c5ffad338cd658e15ed427ee97e5f4f3.png

Желательно после выбора мобильного отображения обновить страницу, иногда может стиль тянуться от для ПК. Можно выбирать разные доступные девайсы.

+1

63

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

можно на компе переключать мобильный показ и пк

Не знала об этом, спасибо за подсказку. "Век живи - век учись".  :)  А я сразу на мобиле проверяю - так уж точно наверняка. Пока зарядка на нём не заканчивается. Возьму себе на заметку. СПАСИБО.  :)

0

64

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

Можно выбирать разные доступные девайсы.

А вот на мобиле я переключала юзер-агент на различные девайсы. Переключение, скажем, на вид с компа некорректное. Всё равно это не комп, а лишь частичное приближение к его виду. Поэтому предпочитаю всё-таки тестировать "на живом железе". Кстати, заметила, что и цветопередача на компе не идентична цветопередаче на мобиле. Всё познаётся на опыте.  :)

0

65

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

А вот на мобиле я переключала юзер-агент на различные девайсы. Переключение, скажем, на вид с компа некорректное. Всё равно это не комп, а лишь частичное приближение к его виду. Поэтому предпочитаю всё-таки тестировать "на живом железе". Кстати, заметила, что и цветопередача на компе не идентична цветопередаче на мобиле. Всё познаётся на опыте.  :)

Отображение на реальных мобильных устройствах цвета будет всегда разным, как и на различных мониторах - зависит от типа экрана и настройках от производителя, и выбранные настройки юзера. Удобство проверки через комп - это то, что можно сразу менять стили через Посмотреть код и смотреть как выглядит. Это очень экономит время.

+1

66

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

Удобство проверки через комп - это то, что можно сразу менять стили через Посмотреть код и смотреть как выглядит. Это очень экономит время.

Буду приучать себя к такому просмотру. У меня WaterFox (форк FireFox, движок браузера тот же). Да, в нём тоже есть переключение на другие девайсы (по умолчанию там айфоны, я добавила и андроиды). "Будем посмотреть".  :)

+1

67

Требуется "помощь зала". https://forum.ixbt.com/lamer.svg

Выложу скрин (ссылкой, т.к. скриншот большой), чтобы было сразу понятно о чём идёт речь.

https://forumstatic.ru/files/001c/8e/44/68454.jpg

На тёмном фоне, который я добавила к стандартному стилю (без фона) пункты навигации по профайлу почти не видны. А в браузере на десктопе мобильный вид показывает всё правильно. Как сделать так, чтобы в профайле: 1) либо задний фон не отображался (но только там, чтобы внесённые изменения не повлияли на весь сайт); 2) либо подсветить шрифт белым контуром для контрастности; 3) либо сделать фон для надписей белым, как в маркированном тексте (но только там)? Короче, суть вопроса сводится к тому, чтобы с мобилы пункты в профайле были различимы. Заранее спасибо за помощь.

Отредактировано Neo.Neo (Ср, 15 Окт 2025 00:01:44)

0

68

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

Требуется "помощь зала".

РЕШЕНО. Выбрала подходящий к дизайну цвет надписей, одинаково различимый и на светлом фоне, и на тёмном фоне:

Код:
<!-- Цвет пунктов навигации в профайле для мобилы -->
<style> #profilenav ul a {color: #4fb6fb} </style>
<!-- конец: Цвет пунктов навигации в профайле для мобилы -->

Данный "баг" выявлен только на той "партнёрке", на которой у меня тестовик для мобильный версии Lite дизайна "Домик в лесу" (автор - kolobdur74). На других сайтах этот "баг" не проявлялся. Ничего плохого не скажу про эту "партнёрку", она мне понравилась, особенно админ-панель, которая сделана с https://forumstatic.ru/files/001c/16/8c/70878.gif

0

69

Представляю вашему вниманию облегчённую версию Lite дизайна "Домик в лесу" (автор - kolobdur74) для мобильников.

Установка для стандартного дизайна MyFF Ice:

HTML-верх
Код:
<!-- Шапка сайта -->
<div id="html-header">
<style>
#pun-title .title-logo span {display: none;}
#pun-title h1 {display: none;}
#pun-title table {background-size: 100%; background-position: center;
background-image: url("https://forumstatic.ru/files/001c/8f/46/22067.png");
height: 0;
padding-top: 18.5%;
}
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em}
</style>
<!-- конец: Шапка сайта -->


<!-- Ширина сайта -->
<style> #pun {width: 93%; margin: auto; border-radius: 0px;} </style>
<!-- конец: Ширина сайта -->


<!-- Задний фон сайта -->
<style> html, body {background: #0068bd url(https://forumstatic.ru/files/001c/8f/46/73627.png); background-attachment: fixed; background-position: top center; border-radius: 0px} </style>
<!-- конец: Задний фон сайта -->


<!-- Центрирование названий категорий -->
<style> #pun-viewforum .main h1, #pun-index .category h2 {text-align: center;} </style>
<!-- конец: Центрирование названий категорий -->


<!-- Цвет заголовков в подкатегориях -->
<style type="text/css"> #pun th {color: white;} </style>
<!-- конец: Цвет заголовков в подкатегориях -->


<!-- Цвет нумерации страниц -->
<style type="text/css"> #pun .linkst .pagelink {color: white;} #pun .linksb .pagelink {color: white;} </style>
<!-- конец: Цвет нумерации страниц -->


<!-- Цвет надписи "Новая тема" -->
<style type="text/css"> #pun .new-topic a {color: white;} </style>
<!-- конец: Цвет надписи "Новая тема" -->


<!-- Цвет надписи "Новый опрос" -->
<style type="text/css"> #pun .new-poll a {color: white;} </style>
<!-- конец: Цвет надписи "Новый опрос" -->


<!-- Цвет надписи "Ответить" -->
<style type="text/css"> #pun .postlink span a {color: white;} </style>
<!-- конец: Цвет надписи "Ответить" -->


<!-- Цвет надписи "Тема закрыта" -->
<style type="text/css"> #pun .postlink .closed {color: white;} </style>
<!-- конец: Цвет надписи "Тема закрыта" -->


<!-- Цвет надписи "Подписаться и отслеживать тему" -->
<style type="text/css"> #pun .subscribelink a {color: white;} </style>
<!-- конец: Цвет надписи "Подписаться и отслеживать тему" -->


<!-- Увеличение размера шрифта в постах -->
<style> .punbb .post-content {font-size: 1.2em;} </style>
<!-- конец: Увеличение размера шрифта в постах -->


<!-- Увеличение размера шрифта при наборе ответа и создании тем -->
<style> #main-reply {font-size: 150% !important;} </style>
<!-- конец: Увеличение размера шрифта при наборе ответа и создании тем -->


<!-- Цвет иконки поиска в темах -->
<style>
i[class^="icons-"]:before, i[class*=" icons-"]:before, .i[class*=" icons-"]:before, .i[class^="icons-"] {color: white;}
</style>
<!-- конец: Цвет иконки поиска в темах -->


<!-- "Хлебные крошки" внизу сайта на мобиле -->
<style> .punbb #pun-crumbs2 {display:block !important; width:unset !important} </style>
<!-- конец: "Хлебные крошки" внизу сайта на мобиле -->


<!-- Подсвечивание ссылок фоном -->
<style>
.punbb .post-content p a {background: white; border-radius: 5px; padding: 3px;}
.punbb .post-content p a:hover {color: blue;}
</style>
<!-- конец: Подсвечивание ссылок фоном -->


<!-- Декор для аватарок -->
<style type="text/css"> .post .pa-avatar img {max-width: 128px; border-radius: 10px; box-shadow: 0px 5px 18px white;} </style>
<!-- конец: Декор для аватарок -->


<!-- Декор для спойлеров, цитат и блоков для кода -->
<style> .punbb .quote-box, .punbb .code-box {background-color: #c8e8ff; color: #0068bd; border-radius: 10px; box-shadow: 0px 5px 18px #0068bd;} </style>
<!-- конец: Декор для спойлеров, цитат и блоков для кода -->


<!-- Декор кнопок под формой ответа -->
<style type="text/css"> #pun .formsubmit .ajax-post {background-color: #0195ff; color: white; border-radius: 3px; box-shadow: 0px 3px 9px #0068bd;} #pun .formsubmit .preview {background-color: #0195ff; color: white; border-radius: 3px; box-shadow: 0px 3px 9px #0068bd;} #post .formsubmit .submit {background-color: #0195ff; color: white; border-radius: 3px; box-shadow: 0px 3px 9px #0068bd;} #post .formsubmit .button {background-color: #0195ff; color: white; border-radius: 3px; box-shadow: 0px 3px 9px #0068bd;} </style>
<!-- конец: Декор кнопок под формой ответа -->


<!-- Картинка-уголок в Форме ответа -->
<style> .punbb #main-reply {background: url(https://forumstatic.ru/files/0013/49/9f/22018.png) top right no-repeat !important;} </style>
<!-- конец: Картинка-уголок в Форме ответа -->


<!-- Цвет пунктов навигации в профайле для мобилы -->
<style> #profilenav ul a {color: #4fb6fb} </style>
<!-- конец: Цвет пунктов навигации в профайле для мобилы -->


<!-- Иконки для тем -->
<style>
/* CS4.1 */ 
div.icon {background: url(https://forumstatic.ru/files/001c/8e/44/18666.png) no-repeat 40% 100%;}

/* CS4.2 */
tr.inew div.icon {background: url(https://forumstatic.ru/files/001c/8e/44/92524.png) no-repeat 40% 100%;}

/* CS4.3 */
tr.iclosed div.icon {background: url(https://forumstatic.ru/files/001c/8e/44/18666.png) no-repeat 40% -8px;}

/* CS4.4 */
tr.iredirect div.icon {background: url(https://forumstatic.ru/files/001c/8e/44/59527.png) no-repeat;}

/* CS4.5 */
tr.isticky div.icon {background: url(https://forumstatic.ru/files/001c/8e/44/44278.png) no-repeat 40% 100%;}
  
/* CS4.6 */
tr.iclosed.isticky div.icon {background: url(https://forumstatic.ru/files/001c/8e/44/78414.png) no-repeat 40% 100%;}  

/* CS4.7 */
#pun-stats h2 span, .punbb .main h1 span, #pun-stats h1 span {background: none; font-variant: small-caps;}

/* CS4.8 */
td.tcr a {background: transparent url(https://forumstatic.ru/files/0013/68/04/35657.gif) no-repeat 0px 4px; padding-left: 16px;}

/* CS4.9 */
#pun-stats ul.container {background: #f5f2ed url(https://forumstatic.ru/files/0013/49/9f/93053.png) no-repeat 30px 12px; padding-left: 148px;}
</style>
<!-- конец: Иконки для тем -->

HTML-низ
Код:
<!-- Падающий снег для сайта -->
<script src="https://forumstatic.ru/files/0017/24/d9/84908.js"> </script>
<!-- конец: Падающий снег для сайта -->


<!-- Искры -->
<script type='text/javascript' src="https://forumstatic.ru/files/0012/9a/62/25483.js"></script>
<script>
$(document).ready(function(){
$("#title-logo-table").sparkle({
"count": 100,        // Количество искр
"color": "white",    // Цвета искр. Можно использовать массив ["#ff0080","#ff0080","#FFF"]
"minSize": 1,        // Минимальный размер искры
"maxSize": 3,        // Максимальный размер искры
"overlap": 0,        // На сколько пикселей выходить за края объекта
"direction": "down", // Направление движения (both, up, down)
"speed": 1,          // Скорость движения искр
"fadeSpeed": 3000    // Скорость исчезания/появления
});
});
</script>
<!-- конец: Искры -->


<!-- Cтрелочки вверх-вниз страницы -->
<div class="go-up" id='ToTop'><img src="https://s8.uploads.ru/JkboY.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="https://s8.uploads.ru/D42ji.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:7px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:30px; /*ширина кнопки*/
height:30px; /*высота кнопки*/
}
.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("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-- конец: Cтрелочки вверх-вниз страницы -->


<!-- Замена названий по умолчанию © Deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
changeS('#pun-status .container .item1','Привет,','Добро пожаловать,');
changeS('#pun-stats .container .item2 span', 'Всего сообщений: ', 'Сообщений: ');
changeS('#pun-stats .statscon','Зарегистрированных пользователей:','Участников: ');
changeS('#pun-stats .statscon','Последним зарегистрировался:','Новичок: ');
</script>
<!-- конец: Замена названий по умолчанию © Deff -->

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

Отредактировано Neo.Neo (Чт, 16 Окт 2025 13:33:33)

+1

70

Нехилая такая "шпора" получилась для оформления дизайна "под себя", в дополнение к местному FAQ. Пользуйтесь. :)

+1

71

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

Нехилая такая "шпора" получилась для оформления дизайна "под себя", в дополнение к местному FAQ. Пользуйтесь. :)

Мне просто Интресно))). Нео а не проще ли Запилить свой собственный Веб Дизайн? За осонову взять базовый стиль. В чем вообще смысл ковыряний в уже готовых стилях?)))

0

72

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

В чем вообще смысл ковыряний в уже готовых стилях?)))

Во-первых, мне понравился дизайн "Домик в лесу", особенно шапка в стиле советских новогодних открыток. Не могу же я использовать чужой авторский контент и выдавать его за своё. Во-вторых, я не смогу сделать дизайн "с нуля" (не обучена этому), могу только по уже готовому шаблону. Но... не все они мне нравятся, а MyFF Ice понравился, вот я и совместила "Домик в лесу" и упомянутый стандартный стиль. Получилось красиво, имхо. :)

Отредактировано Neo.Neo (Чт, 16 Окт 2025 13:34:28)

+1

73

Neo.Neo
Вы Большая Молодец  :glasses:

Отредактировано Тоха (Чт, 16 Окт 2025 13:57:36)

+1

74

Neo.Neo
Когда доделаете Дизайн Колобдура, можете туда же Поместить Утилиту Козылы? Для чего она нужна - 1) Быстродействие, 2) Для меньшего кода со всеми вытекающими, 3) и многое другое полезное. Подробности - у Разработчиков. Здесь стоит учитывать что Скрипты жуно адаптировать и также ВВ коды тоже. Вот тогда будет полезно и при Желании можно будет продать Веб Дизайн))). Вообще у каждого Дизайна должна быть своя Начинка и Уникальность...

Отредактировано Тоха (Чт, 16 Окт 2025 14:13:30)

0

75

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

можете туда же Поместить Утилиту Козылы?

Без ссылки на утилиту я вряд ли смогу это сделать. :D Тормозов с установленным дизайном не обнаружено, поэтому это версия Lite, а не Core. Кроме того, разве сама утилита как лишний код не будет нагружать сайт? Ничего не могу сказать по этому поводу, так как в глаза не видела эту утилиту, о которой Вы говорите.

0

76

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

Тормозов с установленным дизайном не обнаружено, поэтому это версия Lite

Что в эту версию НЕ входит в отличие от Стандартных Дизайнов майбб?))) И есть ли здесь Оптимизация? ))). Чем вообще отличается версия Lite от Core?

0

77

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

Что в эту версию НЕ входит в отличие от Стандартных Дизайнов майбб?)))

Как это - что? В стандартный стиль MyFF Ice НЕ входит дизайн "Домик в лесу" (автор - kolobdur74), ведь все "графы" (графические элементы) были взяты из авторского дизайна "Домик в лесу".

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

И есть ли здесь Оптимизация? )))

Если бы я прописала все коды непосредственно в CSS-стили, то так было бы лучше в плане оптимизации, но я не стала скачивать оригинал стандартного стиля с сервера, а сделала через прописку кодов в HTML с соответствующими тегами ("style"). Так что "оптимизации" в этом смысле нет, да она в принципе и не нужна. Тормозов никаких нет - ведь это же, как Вы правильно отметили, всё тот же стандартный стиль, взятый за основу для компиляции.

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

Чем вообще отличается версия Lite от Core?

Исходный дизайн "Домик в лесу" изначально предназначен только для компов с широкими экранами, а мобильной версии этого дизайна нет и не предвидится. Поэтому у kolobdur74 базовый стиль (core), а моя адаптации этого стиля предназначена специально для мобильников, поэтому это версия lite. Кроме того, в адаптированную версию не были включены некоторые элементы базового стиля, а именно: эффект белой тени для блоков таблицы сайта, обрамление в виде почтовых марок для аватарок, спойлеров и пр., а также не были включены и персонажи для некоторых элементов дизайна - на мобильнике их всё равно не видно. Ведь что такое мобильная версия? Это, попросту говоря, браузерный "режим чтения" на десктопах. В мобильнике (если не переключать юзер-агент) не видны даже СВОИ элементы от стандартного стиля - иконки к темам и в статистике, даже мини-профайл расположен иначе. Ну и смысл добавлять то, что и так не будет видно?! Но для отличия спойлеров и цитат от основного текста я их декорировала - цветом и шрифтом, и этого вполне достаточно для мобильной версии, имхо.

Отредактировано Neo.Neo (Чт, 16 Окт 2025 18:08:36)

0

78

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

Если бы я прописала все коды непосредственно в CSS-стили, то так было бы лучше в плане оптимизации, но я не стала скачивать оригинал стандартного стиля с сервера, а сделала через прописку кодов в HTML с соответствующими тегами ("style"). Так что "оптимизации" в этом смысле нет, да она в принципе и не нужна. Тормозов никаких нет - ведь это же, как Вы правильно отметили, всё тот же стандартный стиль, взятый за основу для компиляции.

А не проще ли как раз таки не прописывать ,,Стайл,, а все поместить в КСС?)))) и тем самым разгрузить Штмл?! А в самом базовом стиле урезать ненужные коды. В данный момент у вас стоит ,, Свой стиль,, или вы поставили стандартный стил Колобдура и подкорректировали его в Штмл вверх, низ? Вот это НЕ понятно.

Я понимаю если вы Скрипты поместите в Штмл вверх или низ, так как их нельзя ставить в КСС стиля...

Отредактировано Тоха (Чт, 16 Окт 2025 18:19:52)

0

79

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

В стандартный стиль MyFF Ice НЕ входит дизайн "Домик в лесу" (автор - kolobdur74), ведь все "графы" (графические элементы) были взяты из авторского дизайна "Домик в лесу".

Естественно это два разных Стиля. Если я правильно понял, то вы взяли за Основу стиль  MyFF Ice и в его код через теги стайл интегрировали Графоны из стиля ,,Домик в лесу,,. Это так?)))

0

80

Вот я вообще НЕ понимаю, ну вот зачем менять параметры стиля через теги стайл, когда можно то же самое сделать через КСС. Особенно удивляет когда через теги стайл доплнительно прописывают код, который уже есть в КСС и немного меняют его значение и в конце ставят Импортант. Неужели так трудно в настройках Админирования = поставить свой Стиль = и там в КСС менять или добавлять нужные куски кода?

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Вопросы по стилям kolobdur74