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

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

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


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


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

Сообщений 321 страница 340 из 1639

1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

321

ACT3255
Cоздаёшь тестовую страницу в Администрирование- страницы, ставишь стиль из примера, далее правишь...  Скрипты от пользователей 3

Отредактировано Deff (Чт, 18 Мар 2021 10:49:29)

0

322

Иса
А можно скриншот с мобилы ?

0

323

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

ACT3255
Cоздаёшь тестовую страницу в Администрирование- страницы, ставишь стиль из примера, далее правишь...  Скрипты от пользователей 3

Именно так все и делал ))))
Лады, поломаю мозг ещё.
Спасибо.

0

324

Deff
Воть
https://i.imgur.com/XEM7Vj8m.jpg

+1

325

ACT3255
Раз ты поставил страницу, значит ты можешь смотреть уже её с помощью инструментов разработчика, а раз так, понять в чем проблема проще чем наугад!

+1

326

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

Воть

Гы... А как должно быть ?? У меня чичас также и без мобильного...  https://upforme.ru/uploads/0000/14/1c/22787/69187.jpg

+1

327

Deff на мазиле вот так, я собираю диз на ней. По ходу дела на некоторых браузерах с компа тоже не отображается. В чем проблема? ((
https://upforme.ru/uploads/0000/14/1c/24402/t822690.png

0

328

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

Шапка не отображается в мобильном браузере (Хром, Яндекс). Отступ под нее есть, а сама картинка не грузится. Как вылечить?

Можно увидеть ее на скриншоте, а то боюсь, что не только на мобильном браузере она не отображается.. А вообще я бы на вашем месте сделал бы такие правки:
Отказался бы от флоат (убрать):

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

Вместо:

}
.punbb {
    max-width: 970px!important;
    padding-left: 76px;
}

Поставил бы:

Код:
.punbb {
    margin: 0 auto;
    width: 974px;
}

Здесь:

#pun-navlinks {
    margin-top: -314px !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    margin: 0;
}

Поставить 296px.

Этот код:

#pun-navlinks .container {
    text-align: center;
    padding: 0.7em 1em;
}

Заменить на этот:

Код:
#pun-navlinks .container {
    text-align: center;
    padding: 0.7em 0;
    display: flex;
    justify-content: flex-end;
    width: 974px;
}

Ну, и ставите этот код:

Код:
#navsearch {margin-right: auto;}

Добавил правки.

Отредактировано kolobdur74 (Чт, 18 Мар 2021 11:17:42)

+1

329

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

В чем проблема? ((

Код шапки можете показать?

0

330

kolobdur74
Спасибо.

Вот такой код. 

Код:
/*!ФОН ТЕЛА*/
#pun {background-image: url(https://forumstatic.ru/files/0004/e5/0c/47585.jpg); width: 1127px !important; margin: auto; margin-top:314px; 
}

/*!ШАПКА*/
#pun-title table {background-image : url("https://forumstatic.ru/files/0004/e5/0c/58540.png") !important; 
background-repeat : no-repeat; margin-left: -77px;  background-color: none; 
  height : 318px;
  width: 1128px;
  position:absolute;
margin-top:-314px;

0

331

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

Вот такой код.

Уберите:

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

#pun-title table

+2

332

kolobdur74
ооо починилось! спасибо!  :love:

0

333

Иса, и в продолжение к тем правкам, что я выше давал сделать вот так:

#pun-title {
    background: url(https://forumstatic.ru/files/0004/e5/0c/58540.png) no-repeat;
    margin-left: -74px;
    height: 296px;
    width: 1126px;
    position: absolute;
    margin-top: -294px;
}

Отредактировано kolobdur74 (Чт, 18 Мар 2021 11:32:57)

+1

334

И снова здравствуйте. В связи с отключением скрипта пдфорумов появляются вопросы по оформлению.
На форуме так:
https://funkyimg.com/i/2TG95.jpg

А хочу так:
https://funkyimg.com/i/2TGsn.jpg

Скрины старые, но актуально и для нового дизайна. Раньше, для скрипта подфорумов, Deff давал мне такой код:

<script type="text/javascript">
$().pun_mainReady(function(){$('#pun-index .subforums').each(function(){
$(this).appendTo($(this).parent('.tclcon').find('.forumtext'));});});
</script>

Но сейчас он не работает. Каким кодом теперь можно воспользоваться?

У меня настроено описание форума таким кодом:

<div class="forumtext">По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.</div>

?  СЮДА ПОМЕСТИТЬ SUBFORUMS

<div class="forumlink">
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a></div>

0

335

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

Скрины старые, но актуально и для нового дизайна.

А посмотреть где то можно?

0

336

kolobdur74
упс, ссылку забыла. Вот
Так в первом же форуме как раз видно все. "Добро пожаловать" ==> "Туристический справочник"

0

337

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

Так в первом же форуме как раз видно все. "Добро пожаловать" ==> "Туристический справочник"

А что там смущает? Разделительная полоса?

0

338

kolobdur74
Сделала скрины. С данным кодом сами подфорумы попадают в рамку описания форумов (1 скрин) . А без кода они выносятся за нее и "болтаются в воздухе" (2 скрин).
https://upforme.ru/uploads/0000/14/1c/18613/925583.jpg
https://upforme.ru/uploads/0000/14/1c/18613/507962.jpg
На этом форуме я еще не отключала скрипт, все тестирую пока на тестовике. И там такой мрак поучается пока что с оформлением. Здесь я все настраивала через стиль, а без скрипта Алекса пока ничего не выходит...
Для сравнения:
https://upforme.ru/uploads/0000/14/1c/18613/973362.jpg
Не могу ни размер шрифта поменять, ни цвет, ни иконки и расстояние между ними...

0

339

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

Сделала скрины. С данным кодом сами подфорумы попадают в рамку описания форумов (1 скрин) . А без кода они выносятся за нее и "болтаются в воздухе" (2 скрин).

Ну, желательно увидеть именно там где кавардак..

0

340

kolobdur74

0


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