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

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

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

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

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

Страница:   1 … 81 82 83 84 85  

Сообщений 1641 страница 1660 из 1682

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести1641

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

wildAndrey
Дело в том, что в стилях Community верх "жестко позиционирован", попробуйте такое решение - подвинуть от края верха всю шапку целиком, тогда ваше содержимое из html-верх уместится. Размещать в поле html-верх:

Код:
<style>
#pun-title, #pun-ulinks, #pun-navlinks {
  margin-top: 120px;
}
</style>

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

+2

Перевести1642

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

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

0

Перевести1643

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

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

Код:
<style>
#pun-title, #pun-ulinks, #pun-navlinks {
  margin-top: 120px;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #5381b5;
  height: 120px;
}
.header_div {
  margin: 0 auto;
  text-align: center;
  max-width: 980px;
}
</style>
<div class="header">
  <div class="header_div">

    здесь код вашей шапки

  </div>
</div>

Возможно надо будет подстраивать другие элементы для корректного отображения.

+1

Перевести1644

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14
Reysler написал(а):

Поскольку я не знаю содержимого вашей шапки

HTML верх:

Код:
<a target="_blank" href="http://gb.my1.ru/"><img title="на главную страницу" src="https://forumstatic.ru/files/000e/c6/39/92536.jpg" alt="на главную страницу" height="100" border="0" width="100%"></a>
<DIV align=center>
<b>
<SPAN id=clock>

<script language=JavaScript>

var dayarray=new Array("Воскресение","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота") 
var montharray=new Array("Января","Февраля","Марта","Апреля","Мая","Июня","Июля","Августа","Сентября","Октября","Ноября","Декабря") 

function getthedate() {

var mydate=new Date()

var year=mydate.getFullYear()
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym < 10) {
daym="0"+daym
}

var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()

if (hours==0) {
hours=12
}

if (minutes<=9) {
minutes="0"+minutes
}

if (seconds<=9) {
seconds="0"+seconds
}

var cdate= daym+" "+montharray[month]+" "+" "+year+" "+"|"+" "+dayarray[day]+" "+"|"+" "+hours+":"+minutes+":"+seconds

if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}

if (!document.all&&!document.getElementById)
getthedate()

function goforit() {
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

window.onload=goforit

now = new Date

if (now.getHours() < 6) {
  document.write("Доброй ночи!")
}
else if (now.getHours() < 12) {
  document.write("Доброе утро!")
}

else if (now.getHours() < 18) {
  document.write("Добрый день!")
}
                else {
  document.write("Добрый вечер!")
}
</script>
</SPAN>
         |           •        <a target="_blank" href="http://gubernski.my1.ru/" img title="На главную страницу сайта - форума Губернский" >Сайт</a>      •       |         •    <a href="http://gubernski.com/search.php?action=show_new" img title="Не прочитанные сообщения форума с момента Вашего последнего посещения (темы с новыми сообщениями):" ><font color="red">Новые сообщения</font></a>      •       |         •    <a href="http://gubernski.com/viewtopic.php?id=345" img title="сборник страниц сайта - форума «Губернский г.Чехов»" >Страницы Губернского</a>      •      
   |         •    <a target="_blank" href="https://gubernski.com/pages/foto" img title="Фото Альбомы микрорайона «Губернский» и города Чехов" >Фото</a>      •       |         •    <a target="_blank" href="http://www.youtube.com/user/wildGUBERNSKY" img title="Видео ролики (клипы) г.Чехов мкр. Губернский (полный сборник)">Видео</a>      •       |         •    <a target="_blank" href="http://gb.my1.ru/index/0-3" img title="Обратная связь с администрацией сайта" >Контакты</a>      •       |            
</b>
</DIV>

Отредактировано wildAndrey (Чт, 18 Дек 2025 14:25:22)

0

Перевести1645

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14
Reysler написал(а):

Возможно надо будет подстраивать другие элементы для корректного отображения.

Если возможно, не могли бы Вы этот код совместить с содержимым "шапки" HTML верх.

Спасибо.

0

Перевести1646

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

wildAndrey
Примерно как-то так (подредактировал стили и скрипт, убрал не использующееся, обернул всё в теги для правки):

Код:
<style>
#pun-title, #pun-ulinks, #pun-navlinks {
  margin-top: 120px;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #5381b5;
  height: 120px;
}
.header_div {
  margin: 0 auto;
  text-align: center;
  max-width: 980px;
  font-weight: 700;
  color: #fff;
}
.punbb .header_div a {
  color: #fff;
}
</style>
<div class="header">
  <div class="header_div">
    <div class="header_logo">
      <a target="_blank" href="//gb.my1.ru/"><img title="на главную страницу" src="https://forumstatic.ru/files/000e/c6/39/92536.jpg" alt="на главную страницу" height="100" border="0" width="100%"></a>
    </div>
    <span id="clock"></span>
    <script>
    (function(){
      const days = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"];
      const months = ["Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"];
      function сlock() {
        const now = new Date();
 
        const year = now.getFullYear();
         const dayname = days[now.getDay()];  
        const month = months[now.getMonth()];
          const day = String(now.getDate()).padStart(2, '0');
          const hours = String(now.getHours()).padStart(2, '0');
          const minutes = String(now.getMinutes()).padStart(2, '0');
          const seconds = String(now.getSeconds()).padStart(2, '0');
 
          const dateout = `${day} ${month} ${year} | ${dayname} | ${hours}:${minutes}:${seconds}`;
          document.getElementById("clock").textContent = dateout;
        }
 
        window.addEventListener("DOMContentLoaded", () => {
        сlock();
        setInterval(сlock, 1000);
       });
     })();
    </script>
    <span class="header_menu">
         |           •        <a target="_blank" href="//gubernski.my1.ru/" img title="На главную страницу сайта - форума Губернский" >Сайт</a>      •       |         •    <a href="//gubernski.com/search.php?action=show_new" img title="Не прочитанные сообщения форума с момента Вашего последнего посещения (темы с новыми сообщениями):" ><font color="red">Новые сообщения</font></a>      •       |         •    <a href="//gubernski.com/viewtopic.php?id=345" img title="сборник страниц сайта - форума «Губернский г.Чехов»" >Страницы Губернского</a>      •      
   |         •    <a target="_blank" href="//gubernski.com/pages/foto" img title="Фото Альбомы микрорайона «Губернский» и города Чехов" >Фото</a>      •       |         •    <a target="_blank" href="https://www.youtube.com/user/wildGUBERNSKY" img title="Видео ролики (клипы) г.Чехов мкр. Губернский (полный сборник)">Видео</a>      •       |         •    <a target="_blank" href="//gb.my1.ru/index/0-3" img title="Обратная связь с администрацией сайта" >Контакты</a>      •       |            
    </span>
  </div>
</div>

Отредактировано Reysler (Пт, 19 Дек 2025 14:54:25)

+1

Перевести1647

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

Reysler
Спасибо большое!

Стало очень красиво!

Но, вот только огорчило, что часы с датой пропали и

объявление ушло под шапку(

С объявлением вопрос решаем, это мелочи, а вот как вернуть дату с часами?

Нельзя ли это как-то исправить? Буду очень признателен Вам.

Отредактировано wildAndrey (Пт, 19 Дек 2025 13:37:35)

0

Перевести1648

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

https://upforme.ru/uploads/0000/14/1c/26155/t346648.png
https://upforme.ru/uploads/0000/14/1c/26155/t587587.png

0

Перевести1649

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

wildAndrey
Как вижу, у вас отсутствует элемент <span id="clock"></span> и сам скрипт, вы зачем-то это всё удалили. Полностью весь код шапки замените на код из моего сообщения.
Про остальное писал выше - требует индивидуальной подгонки.

Добавлено спустя 10 минут 46 секунд:

Поправил, оказывается вместо dayname написал day, что дублируется с константой day выше

0

Перевести1650

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

Reysler
Всё понял, сейчас сделаю, ещё раз огромное спасибо! :cool:

0

Перевести1651

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

wildAndrey
Теперь для того, чтобы сделать объявление ниже, добавьте код:

Код:
#pun-ulinks + div {
  margin-top: 256px;
}

между тегами <style> и </style> в html-верх

+1

Перевести1652

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

Reysler
Спасибо большое 🙏 Всё отлично получилось 👍
Только вот ещё вопрос возник 🤔
Почему-то форум ваш поддержки mybb на любых устройствах отображается корректно, а в моём некоторые блоки оформления не растягиваются на всю ширину экрана
Слева доходит до края, а справа остается пустое место  🤷
Ниже выкладываю скриншоты :
https://upforme.ru/uploads/0000/14/1c/26155/t479862.png
https://upforme.ru/uploads/0000/14/1c/26155/t906770.png

https://upforme.ru/uploads/0000/14/1c/26155/t269137.png
https://upforme.ru/uploads/0000/14/1c/26155/t575095.png

Отредактировано wildAndrey (Пт, 19 Дек 2025 20:12:26)

0

Перевести1653

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

https://upforme.ru/uploads/0000/14/1c/26155/t657691.png
https://upforme.ru/uploads/0000/14/1c/26155/t669837.png
https://upforme.ru/uploads/0000/14/1c/26155/t651035.png
https://upforme.ru/uploads/0000/14/1c/26155/t769447.png

0

Перевести1654

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

wildAndrey
Здесь сыграла совокупность сразу нескольких факторов: из-за длины ссылок названия тем последнего сообщения, что вылезали за пределы своего блока, до боковых интервалов, по какой-то причине вылезавших при ширине примерно ниже 1000px. Пришлось пожертвовать боковыми рамками форума ради адекватного сужения форума. Причины этого искать нет времени. Из того что успел сделать: теперь графическая шапка будет без сужения - правая сторона уходит за пределы, что позволяет воспринимать логотип как целое, оставляя основную видимую часть слева; переместил дату/время в меню, сделав его прокручиваемым на узких мониторах. В общем, много всего сделал. Замените полностью html-верх на этот код:

Код:
<style>
@media screen and (max-width: 1000px) {
  #pun {
    padding: 0;
  }
}
#pun-title, #pun-ulinks, #pun-navlinks {
  margin-top: 130px;
}
#pun-ulinks {
  min-width: 100%;
}
#pun-ulinks + div {
  margin-top: 266px;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #5381b5;
  height: 130px;
  overflow: hidden;
}
.header_logo img {
  width: 886px;
}
.header_div {
  margin: 0 auto;
  text-align: center;
  max-width: 980px;
  font-weight: 700;
  color: #fff;
}
.punbb .header_div a {
  color: #fff;
}
.lastpost-link {
    display: block;
    overflow: hidden;
}
.header_menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; 
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;  /* убедиться, что в Firefox скролл будет работает */
}
.header_menu a, .header_menu span {
  flex: 0 0 auto;
  display: inline-block;
  margin: 0 10px;
}
/* Для прочих браузеров скроллбар */
.header_menu::-webkit-scrollbar {
  height: 6px;
}
.header_menu::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 4px;
}
.header_menu::-webkit-scrollbar-track {
  background: transparent;
}
</style>
<div class="header">
  <div class="header_div">
    <div class="header_logo">
      <a target="_blank" href="//gb.my1.ru/"><img title="на главную страницу" src="https://forumstatic.ru/files/000e/c6/39/92536.jpg" alt="на главную страницу" height="100" border="0" width="100%"></a>
    </div>
    <div class="header_menu">
      <span id="clock"></span>
         |           •        <a target="_blank" href="//gubernski.my1.ru/" img title="На главную страницу сайта - форума Губернский" >Сайт</a>      •       |         •    <a href="/search.php?action=show_new" img title="Не прочитанные сообщения форума с момента Вашего последнего посещения (темы с новыми сообщениями):" style="color:lime;" >Новые сообщения</a>      •       |         •    <a href="/viewtopic.php?id=345" img title="сборник страниц сайта - форума «Губернский г.Чехов»" >Страницы Губернского</a>      •      
   |         •    <a target="_blank" href="/pages/foto" img title="Фото Альбомы микрорайона «Губернский» и города Чехов" >Фото</a>      •       |         •    <a target="_blank" href="https://www.youtube.com/user/wildGUBERNSKY" img title="Видео ролики (клипы) г.Чехов мкр. Губернский (полный сборник)">Видео</a>      •       |         •    <a target="_blank" href="//gb.my1.ru/index/0-3" img title="Обратная связь с администрацией сайта" >Контакты</a>      •       |            
    </div>
    <script>
    (function(){
      const days = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"];
      const months = ["Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"];
      function сlock() {
        const now = new Date();
 
        const year = now.getFullYear();
         const dayname = days[now.getDay()];  
        const month = months[now.getMonth()];
          const day = String(now.getDate()).padStart(2, '0');
          const hours = String(now.getHours()).padStart(2, '0');
          const minutes = String(now.getMinutes()).padStart(2, '0');
          const seconds = String(now.getSeconds()).padStart(2, '0');
 
          const dateout = `${day} ${month} ${year} | ${dayname} | ${hours}:${minutes}:${seconds}`;
          document.getElementById("clock").textContent = dateout;
        }
 
        window.addEventListener("DOMContentLoaded", () => {
        сlock();
        setInterval(сlock, 1000);
       });
     })();
    </script>
  </div>
</div>

На индивидуальную подгонку стиля под разные размеры экранов требуется время, я таким не располагаю. Сколько хватило времени, на столько откорректировал.

+2

Перевести1655

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

Reysler
Спасибобольшое 🙏 , Вам за проделанную работу и потраченное время!
Теперь шапка растягивается 👍 как надо, до краёв .
Но, возникла другая неприятность 🤷
Пропали часы с датой.😭
Мне уже не удобно Вас просить исправить эту проблему, поскольку Вы и так сделали очень много всего по улучшению оформления моего форума.
Пусть остается так как есть 🙋
Всего Вам доброго! 🤝
Желаю удачи Вам и успехов в работе !
Ещё  раз благодарю 🙏 Вас за Ваш труд!
https://upforme.ru/uploads/0000/14/1c/26155/t531395.jpg

0

Перевести1656

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26
wildAndrey написал(а):

Пропали часы с датой.😭

На вашем форуме я их вижу:
https://upforme.ru/uploads/0000/14/1c/15830/t944573.png
Возможно из-за малого размера экрана они скрылись за пределы видимой области. Попробуйте тогда такой вариант:

Код:
<style>
@media screen and (max-width: 1000px) {
  #pun {
    padding: 0;
  }
}
#pun-title, #pun-ulinks, #pun-navlinks {
  margin-top: 130px;
}
#pun-ulinks {
  min-width: 100%;
}
#pun-ulinks + div {
  margin-top: 266px;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #5381b5;
  height: 130px;
  overflow: hidden;
}
.header_logo img {
  width: 886px;
}
.header_div {
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.punbb .header_div a {
  color: #fff;
}
.lastpost-link {
  display: block;
  overflow: hidden;
}
.header_menu {
  display: block;
  margin-top: 5px;
  padding-bottom: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; 
  -webkit-overflow-scrolling: touch;
}
.header_menu span, .header_menu a {
  display: inline-block;
  margin: 0 10px;
}
/* Для прочих браузеров скроллбар */
.header_menu::-webkit-scrollbar {
  height: 5px;
}
.header_menu::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.25);
  border-radius: 3px;
}
.header_menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.55);
}
.header_menu::-webkit-scrollbar-track {
  background: transparent;
}
</style>
<div class="header">
  <div class="header_div">
    <div class="header_logo">
      <a target="_blank" href="//gb.my1.ru/"><img title="на главную страницу" src="https://forumstatic.ru/files/000e/c6/39/92536.jpg" alt="на главную страницу" height="100" border="0" width="100%"></a>
    </div>
    <div class="header_menu">
      <span id="clock"></span>
         |           •        <a target="_blank" href="//gubernski.my1.ru/" img title="На главную страницу сайта - форума Губернский" >Сайт</a>      •       |         •    <a href="/search.php?action=show_new" img title="Не прочитанные сообщения форума с момента Вашего последнего посещения (темы с новыми сообщениями):" style="color:lime;" >Новые сообщения</a>      •       |         •    <a href="/viewtopic.php?id=345" img title="сборник страниц сайта - форума «Губернский г.Чехов»" >Страницы Губернского</a>      •      
   |         •    <a target="_blank" href="/pages/foto" img title="Фото Альбомы микрорайона «Губернский» и города Чехов" >Фото</a>      •       |         •    <a target="_blank" href="https://www.youtube.com/user/wildGUBERNSKY" img title="Видео ролики (клипы) г.Чехов мкр. Губернский (полный сборник)">Видео</a>      •       |         •    <a target="_blank" href="//gb.my1.ru/index/0-3" img title="Обратная связь с администрацией сайта" >Контакты</a>      •       |            
    </div>
    <script>
    (function(){
      const days = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"];
      const months = ["Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря"];
      function сlock() {
        const now = new Date();
 
        const year = now.getFullYear();
         const dayname = days[now.getDay()];  
        const month = months[now.getMonth()];
          const day = String(now.getDate()).padStart(2, '0');
          const hours = String(now.getHours()).padStart(2, '0');
          const minutes = String(now.getMinutes()).padStart(2, '0');
          const seconds = String(now.getSeconds()).padStart(2, '0');
 
          const dateout = `${day} ${month} ${year} | ${dayname} | ${hours}:${minutes}:${seconds}`;
          document.getElementById("clock").textContent = dateout;
        }
 
        window.addEventListener("DOMContentLoaded", () => {
        сlock();
        setInterval(сlock, 1000);
       });
     })();
    </script>
  </div>
</div>

0

Перевести1657

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

к сожалению, ничего не изменилось 😔
Да, бог с ними, с часами. Не заморачивайтесь больше.
Скажите, пожалуйста , а почему на Вашем скриншоте самое верхнее изображение (картинка шапки) не расширяется до границ ширины белой страницы , где начинается  объявление ?
Нельзя ли сделать так, чтобы ширина верхней картинки совпадала с шириной основной страницы?
Вот так 👇
https://upforme.ru/uploads/0000/14/1c/26155/t696828.jpg

С уважением, Андрей.
https://upforme.ru/uploads/0000/14/1c/26155/t621788.jpg

Отредактировано wildAndrey (Сб, 20 Дек 2025 13:57:08)

0

Перевести1658

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26

wildAndrey
У вас какой браузер и его версия?

0

Перевести1659

  • Автор: Reysler
  • LastMan
  • Reysler
  • Зарегистрирован: Вт, 9 Дек 2008
  • Сообщений: 3811
  • Уважение: +2679
  • Позитив: +926
  • Пол: Мужской
  • Последний визит:
    Сегодня 18:07:26
wildAndrey написал(а):

Скажите, пожалуйста , а почему на Вашем скриншоте самое верхнее изображение (картинка шапки) не расширяется до границ ширины белой страницы , где начинается  объявление ?
Нельзя ли сделать так, чтобы ширина верхней картинки совпадала с шириной основной страницы?

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

0

Перевести1660

  • Автор: wildAndrey
  • Заслуженный
  • wildAndrey
  • Зарегистрирован: Ср, 4 Май 2011
  • Сообщений: 224
  • Уважение: +15
  • Позитив: +31
  • Пол: Мужской
  • Последний визит:
    Сегодня 14:11:14

Я прошу прощения, но форум делается не для меня а для других пользователей, у которых могут быть разные браузеры и устройства, планшет, ноутбук компьютер или телефон,
Поэтому стиль оформления, как мне кажется, должен быть более менее универсальный для всех.
На вашем скрине картинка шапки не растянулась до ширины основной страницы , а это смотрится не очень красиво.
Поэтому я и попоосил сделать так, чтобы она расширялась одинаково вместе с основной страницей.
А на телефонах и планшете это не заметно .
На других стилях нет таких проблем, но они менее красивые .
https://upforme.ru/uploads/0000/14/1c/26155/t590104.jpg
вот так нельзя сделать картинку чтобы она расширялась также как основная страница ?
Заранее благодарю 🙏

раньше у меня был стиль Cornflower,
С ним таких проблем не возникало,
Но он менее красивый
Вот.дилемма и не знаешь, как быть 🤷
Извините, пожалуйста 🙏

Замучил Вас совсем 😑

Отредактировано wildAndrey (Сб, 20 Дек 2025 15:24:53)

0

Страница:   1 … 81 82 83 84 85  

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