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

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

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


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


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

Сообщений 821 страница 840 из 1736

1

В этой теме просим помощи в оформлении форума и его элементов

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

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

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

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

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

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

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

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

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

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

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

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

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

+1

821

Mirra Bell написал(а):

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

Если только для гостей, то вот так:

Код:
<style>
.gid3 #pun-category2 {display: none;}
</style>
Mirra Bell написал(а):

Появляется видимый - становится видимой категория.

Ну, можно этот код убрать, если появится форум видимый для гостя..

Mirra Bell написал(а):

Вообще-то я так и делала, подразумевалось, что это одна и та же картинка шириной в 900. Спасибо, проверю.

Картинка одна и та же, только вы на форуме ее уменьшаете через НТМЛ атрибут, то есть масштаб уже не тот получается..

Отредактировано kolobdur74 (Чт, 26 Авг 2021 15:17:45)

+3

822

Времени суток.
А подскажите, может есть какие-то идеи. Форум: http://gemcross.rusff.me/
Почему-то с мобильного (андроид, хром) во-первых, в шапке совсем странные размеры блоков, которые никак не соответствуют десктопному отображению. А во-вторых, какая-то глупость со ссылками в форумах. Они прописаны одним дивом, одним стилем и первые два форума нормально идут, а дальше шрифт внезапно скачет:

скрины

Есть ли возможность как-то это стилями адекватно подправить?
(Кстать, в опере на мобильном проблема с шапкой есть, со ссылками - нет. С яблока тоже ссылки нормально выглядят)

0

823

rybka
C HTTPS:// - таже фигня ?  https://gemcross.rusff.me/

0

824

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

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

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

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

А во-вторых, какая-то глупость со ссылками в форумах.

На счет ссылок.. Вы их обернули в блоки с одинаковыми id: furl.. id на странице может быть один - это классов может быть сколько угодно.. Замените и в блоке, и в стиле на классы:

<div class="furl">ссылка</div>

Аналогично в стиле:

.furl{
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

.furl a{
    margin: 0px 10px 2px 0px;
    color: #e95703;
    transition: all 0.3s linear 0s
}

.furl a:hover{
    margin: 0px 10px 2px 0px;
    color: #061c1a;
    transition: all 0.3s linear 0s
}

0

825

Deff
Проверила - да, та же

kolobdur74
на класс поменяла, но на телефоне без изменений.

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

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

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

тут

0

826

rybka
Пробуйте в конец первого окна стиля:

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

https://developer.mozilla.org/ru/docs/W … ize-adjust

Отредактировано Deff (Пн, 30 Авг 2021 01:19:47)

+2

827

rybka, у вас ошибка в стиле:

#navigation
    margin: -220px 0px 0px 12px;
    position: absolute;
    width: 230px;
}

Нет открывающей фигурной скобки.. А так надо ковырять, пока не понял почему в мобильном отображении в третьем форуме ссылка 19 пикселей.. Где то что-то тянет.. И да, вы везде используете id, в том числе и одинаковые, типа: fname.. Вообще id уникальные, одинаковых на странице быть не должно.. Лучше всегда использовать классы..

+1

828

Deff
оп, ссылки в форумах стали на место) спасибище!

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

+1

829

kolobdur74

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

Лучше всегда использовать классы..

пасиб, запомню, заменю!)
не дизайнер, только учусь =3

+1

830

установил объявление как здесь. возникли вопросы:
1. как вводить новости из нескольких тем? айди через запятую не получается
2. там изображение и текст перемешались. еще шрифт с тенью не работает (shadow)
https://upforme.ru/uploads/0007/e3/f7/7649/t755473.png
адрес https://tmsat.bbmy.ru/
сам скрипт

Свернутый текст
Код:
<style>
    .slider_wrap {margin:100px auto 0;width:580px;height:350px;position:relative;overflow:hidden;-webkit-box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 7px 10px 0px rgba(50, 50, 50, 0.75);}
    .slider_wrap figure {width:540px;height:auto;display:none;position:absolute;top:0;left:20px;	}
    .slider_wrap figure:first-child {display:block;}
    .slider_wrap figcaption {background: rgba(250,250,250, .8);bottom: 0;box-sizing: border-box;font-size: 14px;position: absolute;width: 100%;padding: 1rem;-webkit-transition: max-height 0.3s ease-out;overflow: hidden;}
    .slider_wrap img {width: 100%;height: 350px;object-fit: contain;}
    .datep {filter: contrast(10);}
    .slider_wrap span {margin-top:-13px;width:15px;height:26px;display:block;position:absolute;top:50%;cursor:pointer;background:url(https://forumstatic.ru/files/0017/d8/50/94649.png) no-repeat;}
    .slider_wrap span.next {right:0;background-position:-15px 0;}
    .slider_wrap span.next:hover {background-position:-15px -26px;}
    .slider_wrap span.prev {left:0;background-position: 0 0;}
    .slider_wrap span.prev:hover {background-position: 0 -26px;}
    .publication{width: 100%;text-align: center;position: absolute;font-size: 20px;margin: 0;color: #4682b4;text-shadow: 4px  4px 6px rgba(256, 256, 256, 1), -4px -4px 6px rgba(256, 256, 256, 1), -4px  4px 6px rgba(256, 256, 256, 1), 4px -4px 6px rgba(256, 256, 256, 1);}
    @keyframes anim {0%   { opacity: 0; filter: blur(4px)}
      10%  { opacity: 0; }
      90%  { opacity: 1; }
      100% { opacity: 1; filter: blur(0.5px)}}
    .publication{animation: anim 4s infinite alternate;}
    </style>
     
    <!-- Вывод новостей из темы Обновления -->
    <script language="javascript">
    var lm = 7,//количество отображаемых сообщений из темы
    sort = 'desc',//по убыванию 
    si = 48,//id темы из которой выводим новости
    npk ='https://forumstatic.ru/files/0017/d8/50/39531.jpg'; //новостная картинка по-умолчанию
    $(function(){var nf='<div id="slider" class="slider_wrap">',text=[],EndSlider=()=>{nf+='<span class="next"></span><span class="prev"></span></div>';$('#news').append(nf);}
    $.getJSON('/api.php?method=post.get&topic_id='+si+'&sort_dir='+sort+'&limit='+lm+'&fields=id,message,posted',function(d){var x=d.response;for(var i in x){var mg=x[i].message.match(/(?:src=\")(https?:\/\/.*?\.(png|jpg|gif|jpeg|webp))(?:\")/gi);mg=(!mg)?npk:mg;var sod=x[i].message.replace(/\<img class\=\"postimg\" loading\=\"lazy\" src\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" alt\=\"https?\:\/\/(.*?)\.(png|jpg|gif|jpeg|webp)\" \/\>/g,''),pd=x[i].id,t=x[i].posted,z=(2<=mg.length<47)?mg.toString().replace(/(src\=|\")/g,'').split(/,/)[0]:mg.toString().replace(/(src\=|\")/g,''),v=sod.slice(0,300);if(v.length<sod.length){v+='<a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><strong> ... читать подробнее</strong></a>'};t=new Date(t*1e3).toLocaleString('ru');([i]==0)?nf+='<figure class="active"><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><p><p class="datep"><strong class="publication"></p>'+t+'</strong><img src="'+z+'" alt="" /></p></a><figcaption>'+v+'</figcaption></figure>':nf+='<figure><a rel="nofollow" href="/viewtopic.php?pid='+pd+'#p'+pd+'"><p><p class="datep"><strong class="publication"></p>'+t+'</strong><img src="'+z+'" alt="" /></p></a><figcaption>'+v+'</figcaption></figure>';}EndSlider();});$(window).load(function(){var elWrap=$('#slider'),el=elWrap.find('figure'),indexImg=1,indexMax=el.length,changeF=()=>{el.fadeOut(500).filter(':nth-child('+indexImg+')').fadeIn(500);},autoCange=()=>{indexImg++;if(indexImg>indexMax){indexImg=1;};changeF();},interF=setInterval(autoCange,5000);elWrap.on('mouseenter',function(){clearInterval(interF);}).on('mouseleave',function(){interF=setInterval(autoCange,5000);});$('span.next').click(function(){indexImg++;if(indexImg>indexMax){indexImg=1;};changeF();});$('span.prev').click(function(){indexImg--;if(indexImg<1){indexImg=indexMax;};changeF();});});});
    </script>
    <article id="news"></article>

Отредактировано BatyrJ (Чт, 2 Сен 2021 08:48:21)

0

Перевести831

+

0

832

BatyrJ Увеличивай высоту блока
<style>#news{ margin-top:100px;}</style>
Ну и позицию блока..... height:350px подстрой

+1

833

МАЧОнаДАЧЕ
не дало никаких результатов. блок увеличивается, но картинки и текст не меняются

0

834

:flirt: привет!
Подскажите, как убрать имя автора темы на странице тем?

Например:
Вертикальное выравнивание по отношению к иконкам и аватаркам  kolobdur74 (оставить только название темы)

Отредактировано Иса (Чт, 9 Сен 2021 12:00:02)

0

835

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

Подскажите, как убрать имя автора темы на странице тем?

В НТМЛ верх:

Код:
<style>
#pun-viewforum .tcl .byuser {display: none;}
</style>

+4

836

добрый день, мучает такая проблема:

1
2

скрины сделан одновременно с двух разных компьютеров, и у нас ровно 50/50, кто-то видит расположение навигации адекватно, а кто-то - поехавшим... помогите, пожалуйста
ссылка на тест:

0

837

kolobdur74
спасибо!

+1

838

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

скрины сделан одновременно с двух разных компьютеров

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

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

Отредактировано anubis (Сб, 11 Сен 2021 10:25:58)

0

839

Здравствуйте. На форуме стоит скрипт... Не знаю, как назвать. Мини-аватарка в форме входа.

Код

<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:'https://upforme.ru/uploads/0018/fd/28/2/80712.png')+'"/></span>')</script>

На тестовике выглядит, как и должно быть

https://upforme.ru/uploads/0000/14/1c/18613/323776.jpg

А на основном форуме аватарка меняется на стандартную

https://upforme.ru/uploads/0000/14/1c/18613/827900.jpg

Методом снятия всех кодов и установления их по одному выяснила, что аватарку меняет скрипт мгновенных уведомлений от Алекса.
Кто знает, можно ли каким-то образом это исправить? Или смириться и оставить, как есть?
Форум

0

840

Riya
Попробуйте заменить на такое:

Код:
<!-- НАЧАЛО. аватар на главной это где логин  -->
<script>if(window.UserAvatar=='/i/default_avatar.jpg')UserAvatar='https://merejaan.ucoz.net/_ph/1/2/19860688.png';
$('#pun-status>p').prepend('<span class="status_userava"><img src="'+(window.UserAvatar?UserAvatar:'https://merejaan.ucoz.net/_ph/1/2/19860688.png')+'"/></span>')
</script>
<!-- КОНЕЦ. аватар на главной  -->

+2


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