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

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

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


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


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

Сообщений 261 страница 280 из 1682

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести261

https://upforme.ru/uploads/0000/14/1c/37503/t46744.jpg
Спасибо. Я поставила первый мод (Deff). Работает.
Не видела второй мод (kolobdur74).
Скажите, не нужно менять ?.

+1

Перевести262

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

Спасибо. Я поставила первый мод (Deff). Работает.
Не видела второй мод (kolobdur74).
Скажите, не нужно менять ?.

Нет))

0

Перевести263

Задам ещё один вопрос.
Он как бы в кучу...
Цвет ссылки в постах.
Он тоже почти сливается с текстом поста.
Как то можно ссылки выделить другим цветом ?

https://upforme.ru/uploads/0000/14/1c/37503/t539043.jpg

Отредактировано AnnaMaslennikova (Пт, 12 Мар 2021 21:47:03)

0

Перевести264

AnnaMaslennikova
Попробуйте в HTML верх:

Код:
<style>
.punbb .post-content a{
  text-decoration: underline;
  color: #0000EE;
  transitio:.6;
}
.punbb .post-content a:hover{
  color: #FF6666;
}
</style>

+1

Перевести265

https://upforme.ru/uploads/0000/14/1c/37503/t97791.jpg
Спасибо. Все как доктор прописал.
Супер.

0

Перевести266

https://upforme.ru/uploads/0000/14/1c/37503/t623803.jpg

Извините ещё раз.
Но с постом ещё вопрос есть
В скрине видно что надпись 'отредактировано' сливается с текстом поста.
Можно как то эту надпись выделить ?
Например (хотелось бы) другим цветом и наклонным цветом.
:blush:

0

Перевести267

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

В скрине видно что надпись 'отредактировано' сливается с текстом поста.
Можно как то эту надпись выделить ?
Например (хотелось бы) другим цветом и наклонным цветом.

Добавьте между <style> и </style>:

Код:
.punbb .post .lastedit {
  color: green;
  font-size: 11px;
  font-style: italic;
}

color: green; - цвет.
font-size: 11px; - размер шрифта.

Отредактировано kolobdur74 (Пт, 12 Мар 2021 23:36:00)

+2

Перевести268

Не поняла как.
Извините.
Куда или где именно добавить...?
Не разберусь

0

Перевести269

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

Не поняла как.
Извините.
Куда или где именно добавить...?
Не разберусь

Ну, у вас уже есть теги <style></style>, чтобы их количество не плодить, добавьте в код Деффа:

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

<style>
.punbb .post-content a{
  text-decoration: underline;
  color: #0000EE;
  transitio:.6;
}
.punbb .post-content a:hover{
  color: #FF6666;
}

.punbb .post .lastedit {
  color: green;
  font-size: 11px;
  font-style: italic;
}

</style>

+2

Перевести270

https://upforme.ru/uploads/0000/14/1c/37503/t227453.jpg

Спасибо. Все получилось.

+1

Перевести271

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

Скажите, а если мне не нужно разные картинки. А только одну. На все случаи жизни....
Ну что бы поставить именно ее, и что бы она не менялась.

Уберите это из кода:

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

TR.inew Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/47659.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/47659.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/62898.png);
background-repeat: no-repeat;
}

Скажите, а можно как-то уменьшить размер картинки (иконки). Ну там 30 на 30 ?
То есть можно как-то в скрипте установить размер картинки (иконки) ?

0

Перевести272

AnnaMaslennikova
там же указано

Код:
height: 100px; 
width: 100px;

поменяйте на 30

+1

Перевести273

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

AnnaMaslennikova
там же указано

Код:
height: 100px; 
width: 100px;

поменяйте на 30

Ставила 100 - иконка большая, появляется.
Но как бы выглядывает из за названия и описания раздела.
Ставила 30 - ее вообще не видно.

Можно как-то ее влево сдвинуть в моде ?

0

Перевести274

AnnaMaslennikova написал(а):
ACT3255 написал(а):

AnnaMaslennikova
там же указано

Код:
height: 100px; 
width: 100px;

поменяйте на 30

Ставила 100 - иконка большая, появляется.
Но как бы выглядывает из за названия и описания раздела.
Ставила 30 - ее вообще не видно.

Можно как-то ее влево сдвинуть в моде ?

Да. Попробовала опять 100 пикс - вообще не появляется...
:blush:

0

Перевести275

AnnaMaslennikova
поставьте скрипт на форум, надо подвижку сделать.

+1

Перевести276

https://upforme.ru/uploads/0000/14/1c/37503/t431772.jpg
Как то вот так получается.
Это при 100 пикс

0

Перевести277

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

AnnaMaslennikova
поставьте скрипт на форум, надо подвижку сделать.

Я установила у себя .
Или тут нужно ?

0

Перевести278

AnnaMaslennikova написал(а):
ACT3255 написал(а):

AnnaMaslennikova
поставьте скрипт на форум, надо подвижку сделать.

Я установила у себя .
Или тут нужно ?

https://upforme.ru/uploads/0000/14/1c/32894/t61829.jpg
поставьте вот эту картинку, маленькую, далее посмотрим.

Код:
https://upforme.ru/uploads/0000/14/1c/32894/61829.jpg

Отредактировано ACT3255 (Сб, 13 Мар 2021 12:58:50)

0

Перевести279

AnnaMaslennikova, добавьте:

Div.icon {
background-image : url(https://forumstatic.ru/files/001b/10/7a/87010.jpg);
background-repeat: no-repeat;
background-size: cover;
}

Здесь у вас пропущено:

.punbb div.icon {
    float: left;
    display: block;
    border-style: none none none none;
    height: 100px;
    width: 100px;
}

Поставьте 40 пикселей на height и width..

+1

Перевести280

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

Поставьте 40 пикселей на height и width..

40 на 46 лучше, а по хорошему нужна картинка на прозрачном фоне.

+1


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