Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Переставьте, может и улучшиться 1-я проблема
Да, описания появились, но теперь вылезли номера наград над картинками... Изображение никуда не делось :с
Куплимия
1-е Сделайте скриншот проблемы...
Чтобы не лезло изображение, добавьте во втором окне стиля красным(угловую скобку):
/* ОКАНТОВКА ПРОФИЛЯ */
#pun-main .post-author > ul {
margin-left: -10px;
margin-top: 10px;
Padding-top:31px;
background:url(https://forumstatic.ru/files/001a/bb/ee/32305.png) no-repeat 0 top!important;
width: 100%;
text-align: center;
}
Скрипт медалек переставьте сраузу вслед за Спойлером под N-кнопок!
Deff
Скрипт медалек переставьте сраузу вслед за Спойлером под N-кнопок!
Описания наград опять пропали 
Отредактировано Куплимия (Сб, 12 Дек 2020 18:11:13)
Куплимия
Потому что ставите какие-то старобрядческие скрипты ниже, они парсят весь HTML и убивают события!!
Замените код в медальках(строку красным):
<script type="text/javascript">
var NumPole=4; //Номер доп поля c наградками;
var listMedal=[];
$("#Myawrd p").each(function(j){
listMedal[j]=[];listMedal[j]=$(this).html().replace(/\s*(\d+),\s*(.*?),\s*(http.*)/ig,'$1,,$2,,$3').split(',,');});var NamFld = '.pa-fld'+NumPole;
var awSTrt = '<img width="23" class=awards src="';
$("div.post-author "+ NamFld).each(function () {if($(this).html()!=null){//<li class="pa-fld3"><span class="fld-name">флорины:</span> Флоринов:<br>170</li>
var L = $(this).html().replace(/^.+:?<\/span>\s?(?:<br>)?/igm,'')
var L0=$(this).html().replace(/^(.+:?<\/span>)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0)
var Thisaw = L.split(',');
for (j=0; j< Thisaw.length; j++){
Dp='';var x=Thisaw[j];x=x.replace(/(\d+)(?:#.+)*$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,'');
for (i=0; i< listMedal.length; i++){ //
if(x==listMedal[i][0]){L='<span title="'+listMedal[i][1]+' '+Dp+'" class="tooltip4">'+awSTrt+listMedal[i][2]+'"/></span>';
$(this).append(L);}
}
};}
});
$("span.tooltip4").tipsy({live:true,gravity: 's title-awards'});
</script><!--End//Медальки в профиль(топик)-->
Deff, спасибо большое! Помогло с описаниями :3
Куплимия
Фон уберите от профиля - описал же Выше!
См пост:
Чтобы не лезло изображение, добавьте во втором окне стиля красным(угловую скобку):
Отредактировано Deff (Сб, 12 Дек 2020 18:26:19)
Deff, ох, прошу прощения, страница тогда на мое сообщение переключилась. Большое спасибо Вам за помощь!
А как можно совместить обе картинки.
шапку на аватар
и украшение под аватар?
Guerlain
Добра! Это можно сделать с помощью псевдоэлементов ::before и ::after — шапку можно повесить с помощью .pa-avatar::before, а украшение вниз добавить через .pa-avatar::after.
Разберетесь дальше или помочь? Вот тут можно почитать подробнее про них: псевдоэлемент after и псевдоэлемент before.
или помочь?
Спасибо, получилось! 
Отредактировано Guerlain (Вс, 13 Дек 2020 21:10:18)
captainspring
Установила на рабочий форум а там все аватары разные и шапка встаёт у всех по разному.
Guerlain
Хм, тут пасую) Если нет установленной правилами форума ширины аватара по умолчанию, значит, надо каждый раз узнавать ширину конкретного аватара и позиционировать шапку соответственно. Чтобы узнать ширину аватара — это что-то из JS, потому что CSS такое не умеет, а в JS я не силён пока. Может, Deff чего подскажет?
Если нет установленной правилами форума ширины аватара по умолчанию,
Ширина и высота выставлены 200-200.
Сейчас загрузила свой аватар 200-200 и шапка встала как надо.
А до этого была загружена аватарка 150- 150. И все те аватары которые меньшее 200 у тех шапка встала криво.
Guerlain
Ну дайте ссылку на страницу, где установлены несколько авиков разной ширины, идёя от captainspring отличная, главное правильно её оформить...
Отредактировано Deff (Пн, 14 Дек 2020 01:59:21)
Guerlain
вариант 1й - прописать в стиле минимальную ширину аватарок. тогда мелкие аватрки автоматом "растянутся" до того размера, чтоб на них шапка висела ровно.
.pa-avatar img {min-width: 200px;}вариант 2й - вставлять шапку совершенно через другие коды и делать это с использованием js, но для этого нужна ссылка на форум
Ну дайте ссылку на страницу, где установлены несколько авиков разной ширины,
-avatar img {min-width: 200px;}
Вот, что получилось....
Deff написал(а):Ну дайте ссылку на страницу, где установлены несколько авиков разной ширины,
убери скрипт защиты от копирования - консоль неудобно открывать.
Вот, что получилось....
ну, или сама размерчик под себя подгони, чтоб аватарки не были слишком широкими:
.pa-avatar img {min-width: 200px;}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
