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

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

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


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


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

Сообщений 1341 страница 1360 из 2001

1

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

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

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

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

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

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

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

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

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

+4

1341

хаус
Попробуйте заменить этот стиль в HTML верх:

<style>
.a-prev:hover .preview{
display: block!important;
margin-left: 0px;
position: absolute!important;
margin-top: -9px!important;
z-index: 11;
}
.a-prev .preview{display:none}
</style>

На такой:

Код:
<style>
.a-prev{
  display:inline-block;
  position:relative;
  width:80px;
  height:80px;
}
.a-prev img {
  display:none;
}
.a-prev .preview{
  display:inline-block;
  width:100%;
  height:100%;
}
.a-prev .preview:hover{
  margin: auto!important;
  left:0;right:0;
  top:0;bottom:0;
  position:absolute;
  z-index:100;
  width:auto;
  height:auto;
}
<style>

0

1342

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

хаус
Попробуйте заменить этот стиль в HTML верх:

<style>
.a-prev:hover .preview{
display: block!important;
margin-left: 0px;
position: absolute!important;
margin-top: -9px!important;
z-index: 11;
}
.a-prev .preview{display:none}
</style>

На такой:

Код:
<style>
.a-prev{
  display:inline-block;
  position:relative;
  width:80px;
  height:80px;
}
.a-prev img {
  display:none;
}
.a-prev .preview{
  display:inline-block;
  width:100%;
  height:100%;
}
.a-prev .preview:hover{
  margin: auto!important;
  left:0;right:0;
  top:0;bottom:0;
  position:absolute;
  z-index:100;
  width:auto;
  height:auto;
}
<style>

Огромнещее спасибо,вы волшебник!

0

1343

Добрый день. нужна помощь. Мы установили маску, но аватар не фиксируется по размеру, а расползается.
https://i.postimg.cc/W32GS3mX/image.jpg

а второй вопрос:
установили код Выпадающая Табличка по клику на иконку в профиле топика: кнопочка прыгает у каждого игрока выше или ниже. Как решить проблему и зафиксировать её на одном месте? Внизу профиля.
Спасибо)

0

1344

mr Morian написал(а):

Добрый день. нужна помощь. Мы установили маску, но аватар не фиксируется по размеру, а расползается.
https://i.postimg.cc/W32GS3mX/image.jpg

а второй вопрос:
установили код Выпадающая Табличка по клику на иконку в профиле топика: кнопочка прыгает у каждого игрока выше или ниже. Как решить проблему и зафиксировать её на одном месте? Внизу профиля.
Спасибо)

При изложении проблемы не забудьте указать адрес вашего форума!

+1

1345

извините, вот ссылка http://waldmond.f-rpg.ru/

0

1346

Здравствуйте! Помогите, пожалуйста, с окошком переадресации. Фон почему-то разъехался, и я не могу понять, что именно я подкрутила неправильно

Ссылка на форум: http://kawaiicity.rolka.su/

Вот как это выглядит на картинке:
https://d.radikal.ru/d22/2008/7c/2eb71e08a5e3t.jpg

Вот как это выглядит в скрипте:

Код:
/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto 0px auto;
width: 820px;
float: center;
}

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

/* A5.3 */
#pun-redirect #pun-main {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  position: relative;
  z-index: 1000;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }


/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* A5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 1px 1px 1px 1px
  }

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { height: 27px;
  padding: 0.7em 0.1em 0.1em 0.1em; 
  margin: 0.5em auto 0.1em auto;  
  border-style: none;
  font-family: Book Antiqua;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  border-width: 0 1px 1px 0;
  }

Спасибо заранее за помощь, я уже всё перетыкала в скрипте

Отредактировано herbarium (Вс, 2 Авг 2020 12:52:45)

+1

1347

herbarium
Выложите поправленный скриншот, как должно выглядеть в итоге  :flag:

0

1348

mr Morian написал(а):

Добрый день. нужна помощь. Мы установили маску, но аватар не фиксируется по размеру, а расползается.
https://i.postimg.cc/W32GS3mX/image.jpg

Дайте ссылку на пост с проблемой, видной гостю( клик по дате в сообщении)

+1

1349

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

Дайте ссылку на пост с проблемой, видной гостю( клик по дате в сообщении)

от читателя если зайдете,
http://waldmond.f-rpg.ru/viewtopic.php?id=296#p19189
http://waldmond.f-rpg.ru/viewtopic.php?id=122#p17519
вот проблема маски

+1

1350

mr Morian, добавьте куда-нибудь в стиль вот такое:

Код:
.pa-avatar img {
    max-width: 100%;
}

+1

1351

mr Morian
Добавьте в конец первого Окна стиля:

li.pa-avatar img[alt]{
    max-width:200px;
    height:auto;
  }

0

1352

mr Morian
Работающую Кнопку всплывающей таблы я не нашёл, дайте ссылку на пост с проблемой видную гостю или читателю

Отредактировано Deff (Вс, 2 Авг 2020 14:09:28)

0

1353

Можно вообще в стиль прописать

Код:
img {
    max-width: 100%;
}

чтобы картинки с гарантией не разъезжались нигде...

0

1354

satsana
Огромное вам спасибо! Помогло, теперь все как надо!

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

mr Morian
Добавьте в конец первого Окна стиля:

li.pa-avatar img[alt]{
    max-width:200px;
    height:auto;
  }

ах первое, хорошо сейчас поправлю)
Спасибо ))

На счет второй проблемы никто не знает ответ?
Ставили по образцу таблицу в профиль https://forum.mybb.ru/viewtopic.php?id=34908#p849117
http://waldmond.f-rpg.ru/viewtopic.php?id=69#p309 перо в профиле у нас.
https://i.postimg.cc/QdDpJDL6/image.jpgвот это, обведено.
У одного игрока уползает в одно место. У другого в другое. Прямо вот у этих двух в теме можно заметить разницу. Его хотелось бы зафиксировать у всех на одном месте. Такое можно сделать как-то? Спасибо!

0

1355

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

Выложите поправленный скриншот, как должно выглядеть в итоге  :flag:

Вот так, чтобы фон светло-зелёный был по размеру с верхней полоской разноцветной, а не вылазил за края
https://a.radikal.ru/a40/2008/77/2ecf72a16d49t.jpg

+1

1356

mr Morian написал(а):

У одного игрока уползает в одно место. У другого в другое.

Это из-за того, что вы делаете ему отступ сверху, а там высота анкетки у всех разная. Попробуйте спозиционировать его от нижнего края профиля.
https://i.gyazo.com/0475a8b533504b2d46267a1619817d4c.png
Вот эти маргины убираем, вместо них добавляем вот такое примерно:

Код:
    right: 10px;
    bottom: 20px;

И ещё найдите в стиле .punbb .post .post-author - добавьте туда свойство     position: relative;
Должно сработать.

+1

1357

herbarium, на вскидку:

Код:
.redirect-page #pun {
    background: none;
}
.redirect-page #pun-main {
    background: #769964;
}

Отредактировано satsana (Вс, 2 Авг 2020 14:57:20)

0

1358

satsana
Вы спаситель! Спасибо за оперативность и помощь! Вроде все везде сработало и встало на место.  Еще раз спасибо!

+1

1359

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

Вот так, чтобы фон светло-зелёный был по размеру с верхней полоской разноцветной, а не вылазил за края

Поставьте этот скрипт: Cкрипт для тестирования и настройки страницы переадресации

Настроите сами, там есть код стиля для примера  :flag:

0

1360

Добрый день. Раз уж зашла речь о скрипте всплывающей таблички по клику в профиле, хочу спросить совета по микробагу, который наблюдаю у себя.

сам скрипт
Код:
<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
  margin-top: -3px!important;
  margin-left: 173px!important;
  width:30px;  /*Размер иконки*/
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -1px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -250px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left: 250px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background:#e4e4e4!important;
  border-color: #717171!important;
}
.my-tabs > .tab-a {
height:500px!important;
}
</style>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0008/e1/93/15047.css" />
<script img-data="http://sa.uploads.ru/SoT3N.png" src="http://forumstatic.ru/files/0013/44/56/57946.js" forum="20"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>
Как иконка выглядит в профиле

Вот этот маленький круглый кракен (иконки кастомные в зависимости от категории участника, так что это просто пример).
https://cdn.discordapp.com/attachments/439155439050031105/739453237266088006/unknown.png

Описание бага: при нажатии на иконку появляется таблица с информацией (это как раз то, что нужно), но при этом немного прокручивается страница вниз. Описание дурацкое, знаю, но по-другому передать это не могу: как будто просто чуть сдвигается колесо прокрутки, и всё.
Ссылка на пост с проблемой, видной гостю: http://distance.anihub.ru/viewtopic.php … 12#p132446 (жать на тёмно-синюю голову кота в профиле Maksim Gorky).
Записать видео не могу, к сожалению, а баг виден только "вживую".

Отредактировано iotauri (Вс, 2 Авг 2020 15:10:16)

0


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