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

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

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

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

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

Страница:   1 … 16 17 18 19 20 … 85  

Сообщений 341 страница 360 из 1682

Перевести1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

+1

Перевести341

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7582
  • Уважение: +6122
  • Позитив: +6684
  • Пол: Мужской
  • Последний визит:
    Вчера 22:08:45

Riya, ну вот вариант, вместо:

.dana {
    /* background: #f1e6e1; */
    margin: 4px 0 0 0!important;
    border: 1px solid #ffc1ad;
    padding: 6px 8px;
    color: #000;
}

Поставить:

Код:
.dana {
    /* background: #f1e6e1; */
    margin: 4px 0 0 0!important;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ffc1ad;
    padding: 6px 8px;
    color: #000;
}

.main table .Add {display: none;}

.subforums {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ffc1ad;
    margin-top: -20px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.d_title {
    border-top: 1px solid #ffc1ad;
    padding-top: 5px;
    margin-right: 20px;
}

Тестируйте..

+1

Перевести342

  • Автор: Riya
  • Заслуженный
  • Riya
  • Зарегистрирован: Вс, 5 Июл 2009
  • Сообщений: 301
  • Уважение: +187
  • Позитив: +667
  • Пол: Женский
  • Последний визит:
    Чт, 11 Дек 2025 17:28:51

kolobdur74
что-то вообще криво получается)
https://upforme.ru/uploads/0000/14/1c/18613/813353.jpg
Ладно, пока пусть так остается. Может потом сама функция от сервиса уже как-то облагородится
Спасибо за помощь!
Иконки получилось поменять, поковыряюсь, и до остального додумаюсь)

0

Перевести343

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7582
  • Уважение: +6122
  • Позитив: +6684
  • Пол: Мужской
  • Последний визит:
    Вчера 22:08:45

Riya, поправил:

Код:
.dana, .punbb .subforums {
    border-style: solid;
    border-color: #ffc1ad;
}
 
.dana {
    /* background: #f1e6e1; */
    margin: 4px 0 0 0!important;
    border-width: 1px 1px 0 1px;
    padding: 6px 8px;
    color: #000;
}
 
.punbb .main table .Add {display: none;}
 
.punbb .subforums {
    border-width: 0 1px 1px 1px;
    margin-top: -20px;
    padding-left: 20px;
    padding-bottom: 10px;
}
 
.punbb .d_title {
    border-top: 1px solid #ffc1ad;
    padding-top: 5px;
    margin-right: 20px;
}

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

+1

Перевести344

  • Автор: Riya
  • Заслуженный
  • Riya
  • Зарегистрирован: Вс, 5 Июл 2009
  • Сообщений: 301
  • Уважение: +187
  • Позитив: +667
  • Пол: Женский
  • Последний визит:
    Чт, 11 Дек 2025 17:28:51

kolobdur74
Спасибо! Все, идеально!  :love:

+2

Перевести345

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

kolobdur74

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

Выделить код#pun-navlinks .container {
  display: flex;
  justify-content: flex-end;
  width: 1126px;
}
 
#navsearch {margin-right: auto;}

Снова я =) http://themost.rolka.me/

Поставила этот код. Навигация раздвинулась.

Свернутый текст

https://i.imgur.com/XuzyA4o.png
https://i.imgur.com/9ynplNB.png

Но у гостя, пользователя и админа разное количество ссылок. Я выравнила под админские, а можно как-то сделать, чтобы у других групп пользователей ссылки автоматически сдвигались, чтобы не было промежутка?

0

Перевести346

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15542
  • Позитив: +12351
  • Последний визит:
    Пт, 19 Дек 2025 15:29:55

Иса
Ну из идей: поставить на поиск margin-right:XXXpx; чтобы он ототдвигал последущие за облако огне-дыма ?

0

Перевести347

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

Deff
хм что-то нет.

А можно каждый пункт отдельно двигать?

0

Перевести348

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15542
  • Позитив: +12351
  • Последний визит:
    Пт, 19 Дек 2025 15:29:55
Иса написал(а):

А можно каждый пункт отдельно двигать?

Ну задаёшь

#pun-navlinks  .container{
  position:relative;
}
#pun-navlinks li{
  position:absolute;
}

И тады каждый пункт можно двигать через left: XXpx;

Чтобы учесть АМс - не АМс или гость: Примеры:

#pun.ismoderator #navlogout{left:XXpx} /*АМс*/
#pun:not(.ismoderator) #navlogout{left:XXpx}/*не АМс*/
#pun.gid3 #navrulest{left:XXpx}/* (Гость)Правила */

Отредактировано Deff (Чт, 18 Мар 2021 21:57:37)

+1

Перевести349

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7582
  • Уважение: +6122
  • Позитив: +6684
  • Пол: Мужской
  • Последний визит:
    Вчера 22:08:45
Иса написал(а):

Но у гостя, пользователя и админа разное количество ссылок. Я выравнила под админские, а можно как-то сделать, чтобы у других групп пользователей ссылки автоматически сдвигались, чтобы не было промежутка?

Сделайте основной вариант для пользователей, для админов и модераторов, конструкция будет типа:

.gid1 #pun-navlinks .container, .gid2 #pun-navlinks .container {
  display: flex;
  justify-content: flex-end;
  width: 1126px;
}

Принцип поняли?
.gid1 - администраторы
.gid2 - модераторы
.gid3 - гости
Если есть свои группы, заходите в администрирование - группы, входите в нужную группу в адресной строке смотрите цифру: /admin_groups.php?edit_group=1

+2

Перевести350

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7582
  • Уважение: +6122
  • Позитив: +6684
  • Пол: Мужской
  • Последний визит:
    Вчера 22:08:45

Иса, просто сделайте сдвиг влево для гостей : margin-left: -74px; Кстати, для админов тоже стоило бы, а то не по центру меню..

+1

Перевести351

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15542
  • Позитив: +12351
  • Последний визит:
    Пт, 19 Дек 2025 15:29:55
kolobdur74 написал(а):

.gid1 - администраторы
.gid2 - модераторы

Ну в принципе у Админов-модеров один класс .ismoderator   и равное число ссылок...

+2

Перевести352

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7582
  • Уважение: +6122
  • Позитив: +6684
  • Пол: Мужской
  • Последний визит:
    Вчера 22:08:45
Deff написал(а):

Ну в принципе у Админов-модеров один класс .ismoderator   и равное число ссылок...

А, можно и так.. :yep:
Иса, для аминов и модераторов лучше разнос сделать с профиля, а не с поиска, то есть такой код:

Код:
.ismoderator #navsearch {margin-right: 0;}
.ismoderator #navprofile {margin-right: auto;}

Ставить ниже основного кода..

+2

Перевести353

  • Автор: Иса
  • Заслуженный
  • Иса
  • Зарегистрирован: Ср, 17 Ноя 2010
  • Сообщений: 805
  • Уважение: +71
  • Позитив: +73
  • Последний визит:
    Пт, 18 Апр 2025 21:24:25

Deff
kolobdur74
Ой сколько всего! Спасибо, пошла разбираться)

0

Перевести354

  • Автор: AnnaMaslennikova
  • Заслуженный
  • AnnaMaslennikova
  • Зарегистрирован: Чт, 25 Фев 2021
  • Сообщений: 106
  • Уважение: +18
  • Позитив: +50
  • Пол: Женский
  • Последний визит:
    Пт, 30 Апр 2021 20:47:34

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

Подскажите, пожалуйста.
Как вставить можно текст под шапкой форума ?
(Перед блоком последние сообщения форума).
o.O

0

Перевести355

  • Автор: МАЧОнаДАЧЕ
  • Заслуженный
  • МАЧОнаДАЧЕ
  • Зарегистрирован: Ср, 4 Дек 2019
  • Сообщений: 936
  • Уважение: +448
  • Позитив: +820
  • Пол: Мужской
  • Последний визит:
    Вс, 11 Авг 2024 11:10:31

AnnaMaslennikova
Может наши умельцы что дельнее подскажут :yep:

От меня только так:
<style>
#my_tekst {
display: block;
position: absolute;
font-size: 15px; //размер текста//
font-family: Times New Roman; //шрифт//
color: #000; //цвет текста//
width: 100%; //ширина блока с текстом//
height: 20px; //высота блока//
right: 442px; //отступ справа//
top: 120px; //относительно верха//
overflow: hidden;
}
</style>

Поиграйте с цифрами. Подстройте как вам надо

Выводим тескт:
<div id="my_tekst">Просто какой-нибудь текст</div>

Вы просто текст хотите вывести или ссылку?

Если вывод ссылки то:
<div id="my_tekst"><!-- моя текст ссылка-->
<a href="https:АДРЕС ССЫЛКА" target="_blank"> «Ссылка на просто какой-нибудь текст» </a>
<!-- конец --></div>

Ставим в html верх

Отредактировано МАЧОнаДАЧЕ (Пт, 19 Мар 2021 11:02:57)

+3

Перевести356

  • Автор: tartar1
  • поэт..
  • Зарегистрирован: Вс, 16 Апр 2017
  • Сообщений: 1736
  • Уважение: +208
  • Позитив: +1070
  • Предупреждения: 1+1+1 ‡
  • Последний визит:
    Вт, 31 Дек 2024 14:21:39

поднятие темы сделали хорошо

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

ура! :love:

0

Перевести357

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 3062
  • Уважение: +1701
  • Позитив: +2348
  • Последний визит:
    Вчера 21:32:12

Здравствуйте.

Код:
<!-- Функция "Одобрено"-->
<style>
#button-good{
  background:url(https://i4.imageban.ru/out/2016/06/20/1d346059c734787654648af51d64523b.png);
}
.post-content .good{
  font-size:13px;font-weight:700;
  color:#00FF00;
}
</style>
<script type="text/javascript">
$('.post-content:contains("[good]")').map(function() {
  var c=$(this).html();
  c=c.replace(/\[good\]/mgi,'<span class="good"><img src="https://forumstatic.ru/files/0014/74/cb/79115.png'+
  '" style="vertical-align:middle"/> <img src=""></span>');
  $(this).html(c);
});
if($('#pun-viewtopic,#pun-post,#pun-poll,#pun-edit').length)(function() {
  var tl1='Отметка "Одобрено"',imG='"><img src="i/blank.gif" title="';
  var t0 = '<td id="button-good'+imG+tl1+'" onclick="smile(\'[good]\');"></td>';
  if(GroupID<=2){$('#button-code').after(t0);} else $('.formsubmit .button').click(function() {var txt = $('#main-reply:first').val();
    if(txt.indexOf('[/good]')!=-1){alert('Вам запрещено использовать функцию [good].');$('.button[disabled]').removeAttr('disabled');return false;}
  });
}());
</script>

Подскажите как сюда вкорячить подсказку? Мозг уже кипит.
https://upforme.ru/uploads/0000/14/1c/32894/t122102.png
Не актуально, сам допетрил.

Отредактировано ACT3255 (Пт, 19 Мар 2021 23:56:42)

0

Перевести358

  • Автор: Нотя
  • Стремящийся
  • Зарегистрирован: Сб, 20 Мар 2021
  • Сообщений: 7
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Сб, 20 Мар 2021 16:55:35

Здравствуйте.
Наверняка этот вопрос задавался 100500 раз, но я бьюсь 3 часа и ни как не могу понять Как поставить свою шапку на форум.
http://littlebaby.1bb.ru/
Помогите люди добрые

Отредактировано Нотя (Сб, 20 Мар 2021 13:58:33)

+1

Перевести359

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7582
  • Уважение: +6122
  • Позитив: +6684
  • Пол: Мужской
  • Последний визит:
    Вчера 22:08:45
Нотя написал(а):

Наверняка этот вопрос задавался 100500 раз, но я бьюсь 3 часа и ни как не могу понять Как поставить свою шапку на форум.

А что вы хотите? Картинка шапки есть?

+1

Перевести360

  • Автор: Нотя
  • Стремящийся
  • Зарегистрирован: Сб, 20 Мар 2021
  • Сообщений: 7
  • Уважение: +2
  • Позитив: 0
  • Последний визит:
    Сб, 20 Мар 2021 16:55:35
kolobdur74 написал(а):
Нотя написал(а):

Наверняка этот вопрос задавался 100500 раз, но я бьюсь 3 часа и ни как не могу понять Как поставить свою шапку на форум.

А что вы хотите? Картинка шапки есть?

Картинка есть, возможно буду другую делать.
Я не могу найти как ее поставить через админку.

0

Страница:   1 … 16 17 18 19 20 … 85  

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