Скоро выйдет первая версия моего стиля (Пока еще сырая версия). А пока я расскажу как сделать такую вот userInfoPane
Внимание!!! РИПАЛ И Модифицировал данную userInfoPane я!!!!
Что бы сделать такую userInfoPane, идем в АЦ - Внешний вид - Ваш шаблон - userInfoPane
И все все все заменяем на
Далее идем в ipb_styles.css
И заменяем
.member_title {
И все что тут внутри
}
на
.member_title {
margin-bottom: 5px;
word-wrap: break-word;
background: rgb(64,133,197);
color: white;
border: 1px solid rgb(18,63,112);
font-family: segoe ui;
font-weight: bold;
}
Далее заменяем
.group_title {
И все что тут находится
}
На
.group_title {
color: #5a5a5a;
margin-top: 5px;
}
и в низ ipb_styles.css добавляем
#subplay li {
text-align: left;
margin: 2px;
background: rgb(255,255,255) url({style_images_url}/bg2.png);
border: 1px solid rgb(35,161,221);
padding: 4px 4px;
}
.reputation-bg{
background:#e4e4e4;
background:-moz-linear-gradient(top, #e4e4e4 0%, #f7f7f7 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#f7f7f7));
background:-webkit-linear-gradient(top, #e4e4e4 0%,#f7f7f7 100%);
background:-o-linear-gradient(top, #e4e4e4 0%,#f7f7f7 100%);
background:-ms-linear-gradient(top, #e4e4e4 0%,#f7f7f7 100%);
background:linear-gradient(to bottom, #e4e4e4 0%,#f7f7f7 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#f7f7f7',GradientType=0);
border:1px solid #e4e4e4;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px
}
.reputation-bar{
background:url('reputation_bar.png') repeat-x 0 0;
border:1px solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
font:12px/23px Calibri,Arial,Tahoma,sans-serif;
height:21px;
margin:1px;
text-align:center;
text-shadow:0 1px 0 rgba(255,255,255,0.3)
}
.reputation-bar.gray{background-color:#a2a2a2;border-color:#6a6a6a;color:#6b6b6b}
.reputation-bar.red{background-color:#b00000;border-color:#910000;color:#6b0000}
.reputation-bar.blue{background-color:#008cd5;border-color:#006aa1;color:#00537f}
.reputation-bar.green{background-color:#20a601;border-color:#188000;color:#177a00}
.reputation-bar.gold{background-color:#ccb200;border-color:#b49d00;color:#958200}
.reputation-bar.width20{width:20%}
.reputation-bar.width40{width:40%}
.reputation-bar.width60{width:60%}
.reputation-bar.width80{width:80%}
и в public/style_images/ваш стиль
Добавляем эти иконки
Название: Power White Добавил: SanyaSamp Добавлен: 30 Апр 2014 Категория: Стили, Темы, Шаблоны для IP.Board Версия IP.Board: 3.4x Тестовик: samp-fl.site88.net Мой первый стиль, который писался со стиля IP.Board. Надеюсь вам понравиться. Все предложения и баги пишите сюда