Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (59)
Продолжение темы Общие вопросы от новичков (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Нет, это не скрипт... Стили предпочтительно вставлять в НТМЛ верх..
Вы знаете.. Регулировать, конечно, позволяет. Но плашка легла поверх всех полей, закрывает их. Вот, посмотрите (открыто):
Pimkach Забанен по сумме предупреждений (последнее - мультипостинг)
вот и я удивилась, почему так!?
Вроде придумал, как править... К вечеру сделаю
Добре! Мне сложно сформулировать мысль, но я постараюсь))
Смотрите, у меня на форуме действует система подарков, и она никак не связана с наградами и с платными подарками, то есть игроки, когда их получают, не могут узнать о вручении. Сами подарки располагаются на отдельных страницах, например, вот.
Мне хочется, чтобы игроки знали о том, что их страницы пополняются подарками.
Можно ли каким-то образом сделать уведомление для этого?
Вообще что-то можно сделать для того, чтобы я спал спокойно?))
Рискну еще раз. Спасибо.
Вы знаете.. Регулировать, конечно, позволяет. Но плашка легла поверх всех полей, закрывает их. Вот, посмотрите (открыто):
Замените весь код, что я дал на этот:
<style>
.punbb .post .post-author ul {position: relative;}
.pa-avatar {margin-bottom: 60px;}
.post-author .pa-fld3 {
position: absolute;
top: 230px;
left: 10px;
}
</style>.pa-avatar {margin-bottom: 60px;} - это регулирование отступа от аватара..
Вроде придумал, как править... К вечеру сделаю
С нетерпением буду ждать 
СПАСИБО!
Lusiya
Вроде Поправил, почистите кеш и потестируйте снова
Замените весь код, что я дал на этот:
А зачем абсолют и позиционирование от верхнего края ?, когда все решается таким кодом
<style>
.post-author .pa-fld3 {
margin-top:-12px;
}
</style>
(*Sanarami Ставицо в HTML верх... Ну или выньте из тегов <style> и поставьте в Конец Первого Окна стилей(что лучше, дабы не занимало объем в HTML верх)
Ches
Ну как Вариант, - в HTML низ
<style>
#navprofile {
position:relative;
}
em.hasGift {
position:absolute;
display:inline-block;
background:red;border-radius:4px;
padding:.3em;color:#fff;
font-size:.8em;
width:17em;text-align:center;
top:-25px;right:0;
box-shadow:0 0 8px rgba(0,0,0,.3);
overflow:visible
}
em.hasGift:after {
content:"";
display:inline-block;
position:absolute;
width:8px;height:8px;
right:20px;top:18px;
background:red;
transform:rotate(45deg);
}
</style>
<script type="text/javascript">
(function(){var UserGift = {
//ник //к-во новых подарков
'Ches' : 6,
'test' : 8 //последний элемент без запятой
};
if(window.UserLogin&&UserGift[UserLogin])var n=UserGift[UserLogin];
var s= '<em class="hasGift">У Вас добавлены новые Подарки ('+n+')</em>';
$(s).prependTo('#navprofile');}());
</script>
Для каждого юзера кол-во новых подарков прописываете сами(см выделенное красным), пока не уберете - будет отображацо
Lusiya
Вроде Поправил, почистите кеш и потестируйте снова
Alex_63
Все сделала... Так ничего и не изменилось 
Lusiya
Хм... А если переключить галочку "Запрет копирования" туда -сюда и попробовать снова?
А зачем абсолют и позиционирование от верхнего края ?, когда все решается таким кодом
Что то не подумал о простом решении)) Хотя не всегда это сработает, но исключения очень редки..
kolobdur74
Бывает... (*Ну у меня на указанном форуме - сработало, поэтому и предложил такой Вариант
<!--Рейтинг-->
<script type="text/javascript">
$(document).ready(function(){
$('#pun').find('#userhero').map(function(){
$('#heroes').tipsy({live: true,gravity: 's',fade: true});
$.get('/userlist.php?username=&show_group=-1&sort_by=respect','',processRespect);
function processRespect(data){
$(data).find('div.usertable tbody tr:lt(5)').each(function(){
var JUser=$(this).find('span.usersname').text();
var ulink=$(this).find('span.usersname a').attr('href');
var UsId=ulink.slice(ulink.indexOf('id=')+3);
var UsPlus=$(this).find('td.tc3:first').text();
$.get('/profile.php?section=avatar&id='+UsId, '',GetImg);
function GetImg(data) {
$(data).find('td#profile-left li div, div.fs-box').map(function () {
var ZAva = $(this).find('img').attr('src');
if (ZAva == undefined) {ZAva = 'http://petushki-city.ru/files/0002/10/47/50167.gif'};
$('#userhero').append('<li style="display: inline-block;padding: 5px;text-align: center;"><a href="'+ulink+'" style="text-decoration: none;"><figure><img id="heroes" style="border:1px solid #696969;border-radius: 7px 7px 7px 7px;" src="/'+ZAva+'" width="52" height="52" original-title="'+JUser+'"><figcaption style="background:#99CC33;border-radius: 0 0 7px 7px;box-shadow: 0 0 10px #40310A inset;color: #fff;font-size: 1em;font-weight: bold;height: 20px;margin-top: -20px;position: relative;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );">'+UsPlus+'</figcaption></figure></a></li>');
});};});};});});
</script>
<ul id="userhero"></ul>
_____
Скажите, можно как-то в этом скрипте (рейтинг лучших) заменить зеленый низ где указано количество плюсов - на другой цвет ?
Скажите, можно как-то в этом скрипте (рейтинг лучших) заменить зеленый низ где указано количество плюсов - на другой цвет ?
Ссылка на форум с установленным скриптом?
<!--Рейтинг-->
<script type="text/javascript">
$(document).ready(function(){
$('#pun').find('#userhero').map(function(){
$('#heroes').tipsy({live: true,gravity: 's',fade: true});
$.get('/userlist.php?username=&show_group=-1&sort_by=respect','',processRespect);
function processRespect(data){
$(data).find('div.usertable tbody tr:lt(5)').each(function(){
var JUser=$(this).find('span.usersname').text();
var ulink=$(this).find('span.usersname a').attr('href');
var UsId=ulink.slice(ulink.indexOf('id=')+3);
var UsPlus=$(this).find('td.tc3:first').text();
$.get('/profile.php?section=avatar&id='+UsId, '',GetImg);
function GetImg(data) {
$(data).find('td#profile-left li div, div.fs-box').map(function () {
var ZAva = $(this).find('img').attr('src');
if (ZAva == undefined) {ZAva = 'http://petushki-city.ru/files/0002/10/47/50167.gif'};
$('#userhero').append('<li style="display: inline-block;padding: 5px;text-align: center;"><a href="'+ulink+'" style="text-decoration: none;"><figure><img id="heroes" style="border:1px solid #696969;border-radius: 7px 7px 7px 7px;" src="/'+ZAva+'" width="52" height="52" original-title="'+JUser+'"><figcaption style="background:#99CC33;border-radius: 0 0 7px 7px;box-shadow: 0 0 10px #40310A inset;color: #fff;font-size: 1em;font-weight: bold;height: 20px;margin-top: -20px;position: relative;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2 );">'+UsPlus+'</figcaption></figure></a></li>');
});};});};});});
</script>
<ul id="userhero"></ul>
меняйте #99CC33 на другой цвет
таблица цветов https://www.artlebedev.ru/tools/colors/
Отредактировано ACT3255 (Чт, 23 Фев 2017 18:46:23)
kolobdur74
Alex_63
Ваша помощь неоценима. Воспользовалась советом Алекса по установке в первое окно стилей. Идеально.
Ребята, знайте, в мире стало на одного человека больше, который вас обожает!
Lusiya
Хм... А если переключить галочку "Запрет копирования" туда -сюда и попробовать снова?
Alex_63
делала, без изменений
Доброго времени! (:
Не могу создать тему в разделе "Наши форумы". Не подскажете, почему?
Доброго времени! (:
Не могу создать тему в разделе "Наши форумы". Не подскажете, почему?
У вас нет пункта Новая тема?
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (59)