• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Архивариус » Решённые вопросы » Центрирование элемента (аватарки) на форуме
Центрирование элемента (аватарки) на форуме
bighouse
Сообщений: 215
Репутация: 31

Сообщение # 1 | 14:41:49
Помогите пожалуйста отцентрировать аватарку на форуме ...



сайт/форум - http://bghouse.moy.su/forum/

всю голову сломал уже...

Добавлено (06 Сен 2014, 14:41:49)
---------------------------------------------
Стиль описываю так:

Код
.user-avatar-7 {  
   
   position:relative;  
   width: 85px;   
   height: 85px;   
}  

.user-avatar-7 img {  
   width: 85px;   
   height: 85px;   
   border-radius:5px;  
}  

.user-avatar-7 span {  
   position:absolute;  
   bottom: 0px;  
   left: 0px;  
   width:100%;  
   padding: 3px 0px;   
   border-radius:0px 0px 5px 5px;   
   background: url(http://bghouse.moy.su/resurs/fon_black.png);  
     
   font:9px Verdana,Arial,Helvetica, sans-serif;   
   text-align:center;  
   color:#fff;   
}  

.user-avatar-7:hover span {  
   background:#222;  
}


В форум вставляю так:

Код
<div class="user-avatar-7">  
  <?if($AVATAR_URL$)?>
  <img src="$AVATAR_URL$">
  <?else?>  
  <img src="http://bghouse.moy.su/resurs/no_avatar_07.png">  
  <?endif?>
  <span>$USER_STATUS$</span>
</div>

Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 2 | 14:45:12
bighouse, Перейти в таблицу стилей CSS файл style.css, строка номер 1900:
Цитата
.user-avatar-7 {
position: relative;
margin: 0px 0px 0px 70px;
width: 85px;
height: 85px;
}
Выделенное красным добавить. Сохранить!

bighouse
Сообщений: 215
Репутация: 31

Сообщение # 3 | 14:52:40
Ucoz_fan, спасибо, я уже пробовал отступы. Кстати margin: 0px 0px 0px 30%; подходит немного больше (если менять размер браузера видно). Просто думал что можно сказать "по центру и никаких вариантов...". Ну и на том спасибо.

Сообщество uCoz » Архивариус » Решённые вопросы » Центрирование элемента (аватарки) на форуме
  • Страница 1 из 1
  • 1
Поиск: