Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
Предыдущая тема: Общие вопросы по оформлению (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
kolobdur74
Большое спасибо)
Deff
от души
Добрый вечер! Не подскажите скрипт вот такой таблички, как здесь - http://obscurilateris.f-rpg.ru/ ?
Вопрос, как я смотрю, очень востребованный. Нашла по нему много материала, но все равно не помогло. ((
Я выровнила стилем аватарки на форуме по центру, чтобы по ширине они были одинаковыми, стояли по центру, а текст под ними слева.
<!--Аватар по центру-->
<style>.pa-avatar,.pa-avatar *{text-align:center!important}
.pa-avatar img,
#profile-left img{
height:100%;
width:100%;
max-width:230px!important;
}
</style>
Размер авок на моем форуме ширина 230, высота 270.
Затем поставила стиль встроенной рамочки.. но в таком формате, при центрированных авах рамочка отказывается работать верно.
<!--Ставим рамки для Аватара -->
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
display:block;
padding:0;
border-width:0;
margin:6px; /*Отступ рамки*/
}
</style>
<script>
$(document).ready(function(){
var imgWrp = "http://s2.uploads.ru/h3rnz.png"; // Ccылка на картинку;
imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
$("div.post-author ul li.pa-avatar img[alt]").each(function () {
$(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
$(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->
И как результат получается так:
Reina_Avart
Ссылку на Пост с проблемой (клик по дате в сообщении)
Reina_Avart
Попробуйте заменить этот код
<!--Аватар по центру-->
<style>.pa-avatar,.pa-avatar *{text-align:center!important}
.pa-avatar img,
#profile-left img{
height:100%;
width:100%;
max-width:230px!important;
}
</style>
На такой
<!--Аватар по центру-->
<style>.pa-avatar,.pa-avatar *{text-align:center!important}
.pa-avatar>img[src*="avatars/"],#profile-left img{
height:auto;width:auto;
max-width:230px!important;
}
</style>
Alex_63
Сам по себе
<!--Аватар по центру-->
<style>.pa-avatar,.pa-avatar *{text-align:center!important}
.pa-avatar>img[src*="avatars/"],#profile-left img{
height:auto;width:auto;
max-width:230px!important;
}
</style>
Не центрирует. 
Добавляя скрипт рамки, получается вот это: 
А вот так выглядят ценрированные рамки с первым
<!--Аватар по центру-->
<style>.pa-avatar,.pa-avatar *{text-align:center!important}
.pa-avatar img,
#profile-left img{
height:100%;
width:100%;
max-width:230px!important;
}
</style>
То есть они действительно центрируются и растягиваются вне зависимости от того какую ширину вырезал пользователь.
Deff
Благодарю!
Reina_Avart
Ни наю, пока не понял, как править... А если убрать код центрирования Авика, рамка ставится нормально ?
Alex_63
Да. Тогда рамка становится правильно для всех аватарок.
Из кодов центрирования, кот. я нашла, реально центрирует только этот.. и кажется он вашего авторства.
смещение авок к правому краю и отступ от левого ставит рамку на место.
Отредактировано Reina_Avart (Пт, 10 Июн 2016 12:14:35)
Reina_Avart
Попробуйте поставить Ниже скрипта Рамки на Авик
<style type="text/css">/*Центровка аватара*/
.punbb .pa-avatar img[src*="avatars/"]{
width:auto;height:100%;
max-width:218px!important;
}
.pa-avatar .Wrp-ava{margin:-8px;}
.pa-avatar, .pa-avatar *{text-align:center;}
</style>
Alex_63
Действительно работает без проблем. Ура!
Доброго времени суток. А я вот снова по поводу резкого открытия вкладки в профиле. Может сделать, чтобы не плавно открывалось, а сразу резко?
Ms. Juliet
Ну попробуйте выставить в настройках спойлера
var a3 = 1 // Резкость Открытия: 0 - Плавно; 1 - Резко;
!-- Добавляем всплывающую подсказку к наградам -->
Класс, ток
Имхо для Ms. Juliet, она слишком не контрастная, подсказка на то и дана, чтобы выделяться на фоне, а не вписываться как разведчик в камуфляже, я даж вначале и внимания не обратил
Имхо для Ms. Juliet, она слишком не контрастная,
Ну не я фон подбирал и цвет шрифта, как по мне дык стандартная черная лучше всего вписывается почти под любой фон (И выделяется, а не сливается с фоном
Имхо для Ms. Juliet, она слишком не контрастная, подсказка на то и дана, чтобы выделяться на фоне, а не вписываться как разведчик в камуфляже, я даж вначале и внимания не обратил
Я уже подумала над этим, сейчас сделаю потемнее, может лучше будет.
Alex_63
Спасибо)
И последнее уже хд - вот здесь как расстояние увеличить? Хотя бы на 2 пикселя.
http://funkyimg.com/i/2cND9.png
Ms. Juliet
Добавьте синим во Втором Окне стилей
/* other */
#pun-announcement.section h2 span {display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-content {font-size: 11px;}
#pun-userlist .usertable th{display:none}
#pun-main .pa-author {text-align: center; font-size: 16px !important;}
#pun-main .pa-title {text-align: center;font-size: 13px!important; margin-bottom: 4px; margin-top: 3px;}
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
