Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Рамка под аватар

Страница: 1

Сообщений 1 страница 7 из 7

1

  • Автор: Alexa96
  • Заблокирован
  • Alexa96
  • Зарегистрирован: Пн, 21 Июн 2021
  • Сообщений: 39
  • Уважение: +4
  • Позитив: +1
  • Пол: Женский
  • Предупреждения: Оскорбление
  • Последний визит:
    Пт, 9 Июл 2021 14:43:27

Нашел тут код, рамки под аватар. Вставил вниз, нечего не происходит, подскажите почему? Форум http://glase.mybb.ru/

Скрин

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51112
  • Уважение: +15195
  • Позитив: +11566
  • Последний визит:
    Сегодня 10:33:28

Alexa96
Ну во первых я не вижу вставленного кода на форуме: http://glase.mybb.ru/ , куда вставляете ?
2-е скрипт древний, сейчас всё тоже самое можно сделать через css

Отредактировано Deff (Ср, 23 Июн 2021 16:46:27)

0

3

  • Автор: Alexa96
  • Заблокирован
  • Alexa96
  • Зарегистрирован: Пн, 21 Июн 2021
  • Сообщений: 39
  • Уважение: +4
  • Позитив: +1
  • Пол: Женский
  • Предупреждения: Оскорбление
  • Последний визит:
    Пт, 9 Июл 2021 14:43:27
Deff написал(а):

2-е скрипт древний, сейчас всё то же самое можно сделать через css

А как через css сделать, не подскажите?

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51112
  • Уважение: +15195
  • Позитив: +11566
  • Последний визит:
    Сегодня 10:33:28

Alexa96
Я бы хотел взглянуть сперва на установленный код, тогда легко преобразовать его и в css,
Ну или выложите код здесь в тегах [code][/code]

+1

5

  • Автор: Alexa96
  • Заблокирован
  • Alexa96
  • Зарегистрирован: Пн, 21 Июн 2021
  • Сообщений: 39
  • Уважение: +4
  • Позитив: +1
  • Пол: Женский
  • Предупреждения: Оскорбление
  • Последний визит:
    Пт, 9 Июл 2021 14:43:27

<!--  Табличка Под Авву      -->
    <div id="addtable" style="display:none">
    <table cols="3" rows="3" valign="top" cellspacing="0" cellpadding="0" class="frameforavatar"><tbody>
    <tr class="z1"><td class="W1" colspan="3"></td></tr>
    <tr class="z2"><td class="W2"></td><td class="AvrImd"></td><td class="W3"></td></tr>
    <tr class="z3"><td class="W4" colspan="3"></td></tr>
    </tbody></table></div>
    <style>
    table.frameforavatar,
    table.frameforavatar tr,
    table.frameforavatar td {
     table-layout: auto!important;
     padding:0!important;
     margin:0!important;
     border-collapse:collapse!important;
     border:none 0 transparent!important;
     text-align:center;
    }
    table.frameforavatar td.AvrImd img {
     display:block;
     padding:0!important;
     margin:0!important;
     border:none 0 transparent!important;
    }
    table.frameforavatar td.W2,
    table.frameforavatar td.W3 {
     width:20px!important;/*Ширина Подрамника cлево-справо*/
    }
       /*(коррекция сдвига аватара при загрузке рамки)*/
    ul li.pa-avatar.item2 img {margin:20px;}   /*Ширина Подрамника cлево-справо*/
     
    table.frameforavatar tr.z1,
    table.frameforavatar tr.z3 {   
     height:20px!important;/*Высота Подрамника cнизу-сверху*/
    }
    table.frameforavatar td.AvrImd {
     padding:0!important;
     margin:0!important;
     width:143px; /*Ширина Аватарки*/
    }
    table.frameforavatar tr.z1 {/* Cтавим верхнюю часть Рамки */
     background:url(http://savepic.ru/2171040.gif) no-repeat top center;
    }
    table.frameforavatar td.W2 {/* Cтавим Рамку Слева */
     background:url(http://savepic.ru/2171040.gif) no-repeat left center;
    }
    table.frameforavatar td.W3 {/* Cтавим Рамку Справо */
     background:url(http://savepic.ru/2171040.gif) no-repeat right center;
    }
    table.frameforavatar tr.z3 {/* Cтавим Рамку Снизу */   
     background:url(http://savepic.ru/2171040.gif) no-repeat bottom center;
    }
    </style><!--  Конец//Табличка Под Авву -->

Отредактировано Alexa96 (Чт, 24 Июн 2021 15:43:18)

+1

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51112
  • Уважение: +15195
  • Позитив: +11566
  • Последний визит:
    Сегодня 10:33:28

Alexa96
Попробуйте в HTML верх:

Код:
<style>
.post-author{
  text-align:center; 
}
.pa-avatar{
  position:relative;
  z-index:1000;
  display:inline-block;
  margin:0 auto!important;
  background:url(//forumstatic.ru/files/0014/cc/0a/43407.png) no-repeat 0 0;
  background-size: 100% 100%;
}  
.pa-avatar img[alt]{
  position:relative;
  display:inline-block;
  top:0;
  padding:12px;
  margin:auto!important;
  left:0;right:0;
  z-index:-1;
}</style>

Ну есть ещё Вариант ссылки на Рамку => http://forumstatic.ru/files/0014/cc/0a/86277.png

В принципе я бы делал Авики 200х200 тогда б и рамка была более симпатичной и детальнее Ну ли даже 200 на 250

Отредактировано Deff (Чт, 24 Июн 2021 17:12:21)

+1

7

  • Автор: Alexa96
  • Заблокирован
  • Alexa96
  • Зарегистрирован: Пн, 21 Июн 2021
  • Сообщений: 39
  • Уважение: +4
  • Позитив: +1
  • Пол: Женский
  • Предупреждения: Оскорбление
  • Последний визит:
    Пт, 9 Июл 2021 14:43:27

Спасибо, увеличу размер аватарки

0

Страница: 1