1
Отредактировано Gread (Пт, 24 Июн 2016 19:49:54)
Помогите с скриптом v2
Сообщений 1 страница 20 из 33
Поделиться2Пт, 24 Июн 2016 18:36:05
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
В HTML верх
<style type="text/css">
.pa-usergroup{
width:180px;
text-align:center;
padding-left:25px;
border:solid 1px #6E5127!important;
color:#ffffff;
font-style:normal!important;
font-weight:700!important;
font-family:Comic Sans MS;
background:url(http://s5.uploads.ru/t/rRfQT.png) 0px 3px no-repeat;
}
</style>
Поделиться3Пт, 24 Июн 2016 18:37:41
Картинка не найдена. Свою вставлять что ли? И вобще, я бы хотел сделать для 2-х групп: Для администратора и модератора
Поделиться4Пт, 24 Июн 2016 18:47:08
Все ясно.
Отредактировано Gread (Пт, 24 Июн 2016 18:47:24)
Поделиться5Пт, 24 Июн 2016 18:50:09
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
1. Ни наю, у мну картинка открывается.
2. А если скрипт (который у Вас в первом посте) поменять на такой:
Код:
<!-- test01 -->
<style>.pa-title {color: #F4B752}</style>
<!-- Test -->
<script>
$(document).ready(function(){
var Lobj={
'1':'Администратор',
'2':'Модератор',
'4':'Пользователь',
}
$('.post[data-group-id]').map(function(){
var g=$(this).attr('data-group-id');
var L='<li class="pa-usergroup">'+Lobj[g]+'</li>';
$(this).find('.pa-avatar').after(L)
});
});
</script>Поделиться6Пт, 24 Июн 2016 18:52:02
Alex_63 написал(а):
Gread
1. Ни наю, у мну картинка открывается.
2. А если скрипт (который у Вас в первом посте) поменять на такой:
Выделить код
<!-- test01 -->
<style>.pa-title {color: #F4B752}</style>
<!-- Test -->
<script>
$(document).ready(function(){
var Lobj={
'1':'Администратор',
'2':'Модератор',
'4':'Пользователь',
}
$('.post[data-group-id]').map(function(){
var g=$(this).attr('data-group-id');
var L='<li class="pa-usergroup">'+Lobj[g]+'</li>';
$(this).find('.pa-avatar').after(L)
});
});
</script>
Ничего не поменялось
Поделиться7Пт, 24 Июн 2016 18:56:26
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
Создайте тестовый форум, перенесите на него все коды с основного, дайте ссылку на любой пост ( Ну не экстрасенс я ... 
Поделиться9Пт, 24 Июн 2016 19:13:48
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
Попробуйте в HTML вместо предложенного ранее:
<style type="text/css">
.pa-usergroup {
width: 180px;
text-align: center;
border: solid 1px #6E5127!important;
color: #ffffff;
font-style: normal!important;
font-weight: 700!important;
font-family: Comic Sans MS;
background: #1F1B20 url(http://s5.uploads.ru/t/rRfQT.png) 3px 0 no-repeat !important;
padding: 3px 0 !important;
}
</style>
У меня работает:
Скриншот:
Поделиться10Пт, 24 Июн 2016 19:17:15
Теперь работает. А как еще поставить что бы у администратора вот эта была, а у модератора другая?
Поделиться11Пт, 24 Июн 2016 19:22:10
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
<style type="text/css">
.pa-usergroup {
width: 180px;
text-align: center;
border: solid 1px #6E5127!important;
color: #ffffff;
font-style: normal!important;
font-weight: 700!important;
font-family: Comic Sans MS;
background: #1F1B20 url(http://s5.uploads.ru/t/rRfQT.png) 3px 0 no-repeat !important;
padding: 3px 0 !important;
}
.post[data-group-id="2"] .pa-usergroup{
background-image:url(CCЫЛКА);
}
</style>
Вместо жирного ставите свою картинку для модератора.
Поделиться12Пт, 24 Июн 2016 19:35:20
1
Отредактировано Gread (Пт, 24 Июн 2016 19:50:23)
Поделиться13Пт, 24 Июн 2016 19:38:03
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
Надо картинку обрезать, т.к. надпись "Администратор" уже есть в поле (текстом)
И бордеры(границы) - прописаны в CSS
Поделиться15Пт, 24 Июн 2016 19:45:41
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
Я Вам дал код с уже обрезанной картинкой, чтобы визуально выглядело точь-в-точь как в Вашем примере
Для модераторов - надпись будет своя ("Модераторы") безо всяких изменений, картинка останется та же
Поделиться16Пт, 24 Июн 2016 19:47:31
Код:
<style type="text/css">
.pa-usergroup {
width: 180px;
text-align: center;
border: solid 1px #6E5127!important;
color: #ffffff;
font-style: normal!important;
font-weight: 700!important;
font-family: Comic Sans MS;
background: #1F1B20 url(http://s5.uploads.ru/t/rRfQT.png) 3px 0 no-repeat !important;
padding: 3px 0 !important;
}
.post[data-group-id="2"] .pa-usergroup{
background-image:url(CCЫЛКА);
}
</style>Вот это дерьмо? Я вставил свои картинки и в итоге скрипт просто сломался
Поделиться17Пт, 24 Июн 2016 19:48:33
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
Дайте ссылки на картинки, с пояснением, какая -для какой группы, я вставлю
Поделиться18Пт, 24 Июн 2016 19:49:38
Вот весь код
Поделиться19Пт, 24 Июн 2016 19:52:17
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11491
- Уважение: +7874
- Позитив: +5618
- Пол: Мужской
- Последний визит:
Сегодня 00:00:54
Gread
Код:
<style type="text/css">
.pa-usergroup {
width: 131px; height:35px;
text-align: center;
background: transparent url(https://forumstatic.ru/files/0017/38/b3/38923.png) 3px 0 no-repeat !important;
padding: 0 !important;
}
.post[data-group-id="2"] .pa-usergroup{
background-image:url(https://forumstatic.ru/files/0017/38/b3/46045.png)!important;
}
</style>Поделиться20Пт, 24 Июн 2016 19:53:20
Еще лучше. В общем, в
это все