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

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

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


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


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

Сообщений 101 страница 102 из 102

101

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

background: url(https://s8.uploads.ru/wDXth.png) no-repeat top right;

Критическая ошибка состоит в том что бэкграунды или ещё какие картинки стилей, на форум загружаются со стороннего ресурса. Завтра этот ресурс прикажет долго жить, и ковыряй стили заново - переписывай, картинку перезаливай.
https://upforme.ru/uploads/0000/14/1c/39596/104337.png
Даже эта картика может с форума этого отвалиться. но она не через админ панель залита, не на хост форумстатик.

Отредактировано ivanches (Чт, 25 Июн 2026 14:07:11)

0

102

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

И, наконец, последняя переделка для мобилы - версия Lite авторского дизайна "Песочная фантазия" (автор - kolobdur74).

За основу был взят стандартный стиль MyBB Flex (стиль почти "один в один").

Установка для MyBB Flex:

HTML-верх
Код:
<!-- Задний фон сайта -->
<style> html {background: url(https://forumstatic.ru/files/001b/e5/e2/64700.jpg) #C5A35A repeat-x;} </style>
<!-- конец: Задний фон сайта -->
 
 
<!-- Шапка сайта -->
<div id="html-header">
<style>
#pun-title .title-logo {display: none;}
#pun-title h1 {display: none;}
#pun-title table {
background-size: 100%;
background-position: 100%;
background-image: url("https://forumstatic.ru/files/001b/e5/e2/35160.png");
height: 0;
padding-top: 16.3%;
width: 100%;
}
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em}
</style>
<!-- конец: Шапка сайта -->
 
 
<!-- Ширина сайта -->
<style> #pun {width: 93%; margin: auto; 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> .punbb .post-content {font-size: 1.2em;} </style>
<!-- конец: Увеличение размера шрифта в постах -->
     
     
<!-- Увеличение размера шрифта при наборе ответа и создании тем -->
<style> #main-reply {font-size: 150% !important;} </style>
<!-- конец: Увеличение размера шрифта при наборе ответа и создании тем -->
     
     
<!-- "Хлебные крошки" внизу сайта на мобиле -->
<style> .punbb #pun-crumbs2 {display:block !important; width:unset !important} </style>
<!-- конец: "Хлебные крошки" внизу сайта на мобиле -->
     
     
<!-- Подсвечивание ссылок фоном -->
<style>
.punbb .post-content p a {background: #faeed2; border-radius: 5px; padding: 3px;}
.punbb .post-content p a:hover {color: #64889d;}
</style>
<!-- конец: Подсвечивание ссылок фоном -->
     
     
<!-- Декор для аватарок -->
<style type="text/css"> .post .pa-avatar img {max-width: 128px; border-radius: 10px; box-shadow: 0px 5px 18px gray;} </style>
<!-- конец: Декор для аватарок -->
     
     
<!-- Декор для спойлеров, цитат и блоков для кода -->
<style> .punbb .quote-box, .punbb .code-box {background-color: #f9d892; color: #663200; border-radius: 10px; box-shadow: 0px 5px 18px gray;} </style>
<!-- конец: Декор для спойлеров, цитат и блоков для кода -->
 
 
<!-- Иконки для тем -->
<style>
/* CS4 Post status icons
 -------------------------------------------------------------*/
 
/* CS4.1 */ 
div.icon {background: url(https://forumstatic.ru/files/001b/e5/e2/72847.png) no-repeat;}
 
/* CS4.2 */
tr.inew div.icon {background: url(https://forumstatic.ru/files/001b/e5/e2/65693.png) no-repeat;}
 
/* CS4.3 */
tr.iclosed div.icon {background: url(https://forumstatic.ru/files/001b/e5/e2/68037.png) no-repeat;}
 
/* CS4.4 */
tr.iredirect div.icon {background: url(https://forumstatic.ru/files/001b/e5/e2/31747.png) no-repeat;}
 
/* CS4.5 */
tr.isticky div.icon {background: url(https://forumstatic.ru/files/001b/e5/e2/50772.png) no-repeat;}
 
/* CS4.6 */
.punbb .main h2 span, 
#pun-stats h2 span, 
.punbb .main h1 span, 
#pun-stats h1 span {
background: none;
font-variant: small-caps;
}
 
/* CS4.7 */
td.tcr a{background: transparent url(https://forumstatic.ru/files/001b/e5/e2/69739.png) no-repeat 0px 2px; padding-left: 15px;}
 
/* CS4.8 */
#pun-stats ul.container {background: transparent url(https://forumstatic.ru/files/001b/e5/e2/79966.png) no-repeat 9px 9px; padding-left: 50px;}
</style>
<!-- конец: Иконки для тем -->
 
 
<!-- Футер -->
<style>
/* CS4.11 */
#pun-about .container {background: url(https://forumstatic.ru/files/001b/e5/e2/21751.png) no-repeat left bottom;}
</style>
<!-- конец: Футер -->
HTML-низ
Код:
<!-- Стрелочки вверх-вниз страницы -->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/e5/e2/93157.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/e5/e2/60381.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:9px; /*указываем положение, если слева - 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>
<!-- конец: Стрелочки вверх-вниз страницы -->
         
 
<!-- Замена названий по умолчанию © 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 -->
 

DEMO (сайт не всегда открывается, почему-то).

Вот и всё. :)

Если внимательно смотреть на страницы Колабдура( да простит меня kolobdur74) и вашу, в вашей немного накосячено. У Колабдура всё идеально. Скрины из ИЕ:
https://upforme.ru/uploads/0000/14/1c/39596/906619.png
https://upforme.ru/uploads/0000/14/1c/39596/439629.png
Косячок видите?

Отредактировано ivanches (Чт, 25 Июн 2026 14:26:39)

0


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