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

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

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

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

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

Страница:   1 … 85 86 87

Сообщений 1721 страница 1733 из 1733

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести1721

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 20:27:59

Курама, в описании замените весь код на такой:

Код:
<style>
.punbb a.ssylka {
display: inline;
padding: 2px;
margin: 2px;
border: 0px solid  transparent;
position: relative;
text-decoration: none;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.punbb a.ssylka:hover {
background: #DCDCDC;
}
.punbb a.ssylka:before {
border: 0px solid transparent;;
 border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
</style>
<div class="opisF">
<br> 
<a href="https://testso.mybb.ru/viewtopic.php?id=76" class="ssylka">| Объявления и новости </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=77#p4778" class="ssylka">| Круглый стол</a>
<a href="https://testso.mybb.ru/viewtopic.php?id=78" class="ssylka">| Отсутствие, смена роли, уход </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=79" class="ssylka">| Поиск партнеров для игры </a>
<a href="http://curama.mybb.ru/viewtopic.php?id=187" class="ssylka">| Заказ ГМ  </a>
<a href="https://testso.mybb.ru/viewforum.php?id=8" class="ssylka">| Идеи по квестам и эпизодам </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=81" class="ssylka">| Квесты </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=82" class="ssylka">| Приём заявок на эпизоды</a>
<br>
</div>

А этот находится в Своем стиле, надо заменить на этот:

Код:
.opisF {
  background:url(https://forumstatic.ru/files/0018/26/1d/58920.jpg) 15px bottom no-repeat,url(https://forumstatic.ru/files/0018/26/1d/20157.jpg) 15px 0 repeat-y;
   /*Ширина картинки*/
  padding: 0 42px; /*Отступ описания от боковых краёв картинки */
  margin-top:0;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
  background-size: 100%;
    }
Курама написал(а):

Еще походу небольшие вопросы: убрал код мигающих радужных ссылок, а эффект все равно остался.

Видимо не всё удилили.

Курама написал(а):

И в админке уже не загружает новые файлы. Переполнено?

Видимо, да.

0

Перевести1722

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32
kolobdur74 написал(а):

А этот находится в Своем стиле, надо заменить на этот:

А если у меня там много стилей, то как быть?  Эта картинка для всех не подойдет, только для стиля по умолчанию.

0

Перевести1723

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 20:27:59
Курама написал(а):

А если у меня там много стилей, то как быть?  Эта картинка для всех не подойдет, только для стиля по умолчанию.

Не понял. Селектор .opisF Применяется еще где то? Тогда в описание такой код:

Код:
<style>
.opisF2 {
  background:url(//forumstatic.ru/files/0018/26/1d/58920.jpg) 15px bottom no-repeat,url(//forumstatic.ru/files/0018/26/1d/20157.jpg) 15px 0 repeat-y;
   /*Ширина картинки*/
  padding: 0 42px; /*Отступ описания от боковых краёв картинки */
  margin-top:0;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
  background-size: 100%;
}

.punbb a.ssylka {
display: inline;
padding: 2px;
margin: 2px;
border: 0px solid  transparent;
position: relative;
text-decoration: none;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.punbb a.ssylka:hover {
background: #DCDCDC;
}
.punbb a.ssylka:before {
border: 0px solid transparent;;
 border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
</style>
<div class="opisF2">
<br> 
<a href="https://testso.mybb.ru/viewtopic.php?id=76" class="ssylka">| Объявления и новости </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=77#p4778" class="ssylka">| Круглый стол</a>
<a href="https://testso.mybb.ru/viewtopic.php?id=78" class="ssylka">| Отсутствие, смена роли, уход </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=79" class="ssylka">| Поиск партнеров для игры </a>
<a href="http://curama.mybb.ru/viewtopic.php?id=187" class="ssylka">| Заказ ГМ  </a>
<a href="https://testso.mybb.ru/viewforum.php?id=8" class="ssylka">| Идеи по квестам и эпизодам </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=81" class="ssylka">| Квесты </a>
<a href="https://testso.mybb.ru/viewtopic.php?id=82" class="ssylka">| Приём заявок на эпизоды</a>
<br>
</div>

0

Перевести1724

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32

Да, селектор у меня еще в двух стилях, где картинки применяются.

0

Перевести1725

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32

значит, для тех стилей надо тот кусочек с картинкой отдельно ставить?

0

Перевести1726

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32

Что-то не то. Бардак получился жуткий.
https://testso.mybb.ru/

0

Перевести1727

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 20:27:59
Курама написал(а):

Что-то не то. Бардак получился жуткий.

Замените мой код в НТМЛ верху на этот:

Код:
<!-- Убрать колонки 2 и 3 на главной, увеличить ширину 1 колонки -->
<style>
#pun-index #pun-main .tc2, #pun-index #pun-main .tc3 {
  display: none;
}

#pun-index #pun-main .tc1 {
  width: 60%;
}

#pun-index .category h3 {
  width: auto;
  padding: 10px 0 10px 42px;
  background-size: cover;
  height: auto;
}
</style>

Во втором форуме замените в описании opisF на opisF2.

Вынесите из описания первого форума стиль в НТМЛ верх, вот этот стиль:

<style>
.opisF2 {
  background:url(//forumstatic.ru/files/0018/26/1d/58920.jpg) 15px bottom no-repeat,url(//forumstatic.ru/files/0018/26/1d/20157.jpg) 15px 0 repeat-y;
   /*Ширина картинки*/
  padding: 0 42px; /*Отступ описания от боковых краёв картинки */
  margin-top:0;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom:34px; /*Отступ описания от нижнего края */
  background-size: 100%;
}

.punbb a.ssylka {
display: inline;
padding: 2px;
margin: 2px;
border: 0px solid  transparent;
position: relative;
text-decoration: none;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.punbb a.ssylka:hover {
background: #DCDCDC;
}
.punbb a.ssylka:before {
border: 0px solid transparent;;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
</style>

+1

Перевести1728

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32

Вроде сделал. Но чет не то, на других стилях все сьехало. И ссылки пропали в описании. Или их теперь надо поновой ставить?

0

Перевести1729

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32

А, понял, надо видимо теперь картинки переделать под новый размер блока и загрузить в сами стили?

0

Перевести1730

  • Автор: Курама
  • Заслуженный
  • Курама
  • Зарегистрирован: Вт, 1 Ноя 2016
  • Сообщений: 321
  • Уважение: +69
  • Позитив: +96
  • Последний визит:
    Сегодня 20:50:32

Пойду дальше возиться.) Надеюсь , теперь все получится.

0

Перевести1731

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 20:27:59
Курама написал(а):

А, понял, надо видимо теперь картинки переделать под новый размер блока и загрузить в сами стили?

Да, картинку надо резать.. Если классы где то еще используются, то для описания надо на свои поменять, чтобы в другом месте не поехал стиль. У меня сегодня много времени не было на подумать, поэтому на скорую руку правил. Вообще можно переписать весь код, у меня ощущение, что в стиле для описания много лишнего.. Еще и в хроме у меня ваш стиль не подгружается, а Мозилла мне неудобная.. Фиг его знает, чего у меня Хром проглючил..

0

Перевести1732

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 20:27:59

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

0

Перевести1733

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7603
  • Уважение: +6135
  • Позитив: +6694
  • Пол: Мужской
  • Последний визит:
    Сегодня 20:27:59

Курама, всё в мозилле у меня тоже перестал грузиться ваш стиль.. Что-то не так в вашем стиле. Сделайте тестовый аккаунт, дайте ему права админа и киньте мне ник и пароль, надо глянуть что у вас в Своем стиле или еще где, но что-то не так...

0

Страница:   1 … 85 86 87

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