Красивый вид профиля в viewtopic

[vlad1908]

За код спасибо мне))
Установка:
В viewtopic.tpl найти:

<td class="poster_info td1"><a name="{postrow.POST_ID}"></a>

После добавить:

<div class="messageUserInfo">
      <div  class="messageUserBlock tooltiper">
       <span class="arrow" title=""></span>
         <div class="avatarHolder">

Открыть main.css и в конец добавить:

.messageUserInfo { float: left;padding: 5px; width: 130px !important;}
.messageUserBlock
{
    background-color:#f0f1f2;
    border:1px solid #dcdcdf;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    position:relative;
}
 
.messageUserBlock div.avatarHolder
{
    background-color:#f9fafa;
    padding:10px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
}
 
.messageUserBlock .extraUserInfo
{
    font-size:11px;
    background-color:#f9fafa;
    padding:4px 6px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
}

Результат:

 

[Lange]

А треугольник как сделать прозрачным?

 

[vlad1908]

Lange, пока не доработал...

 

[Bustra]

vlad1908, Да к может Dark Mod'y спасибо, а не тебе ?

 

[vlad1908]

Bustra, а я у него шаблон не покупал.. И код писал сам..

 

[Bustra]

vlad1908, причем тут шаблон. Странно , как идентичны стили то у вас обоих.

 

[vlad1908]

Bustra, я выдирал код из XenForo и адаптировал под себя.

 

[LegiOn]

.talkbubble {
  width: 130px; 
  background: #eff8fe;
  border: 1px solid #AED7FF ;
  position: relative;
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  border-radius:        5px;
}
.talkbubble:before {
  content:"";
  position: absolute;
  left: 100%;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 11px solid #AED7FF;
  border-bottom: 11px solid transparent;
}
.talkbubble:after {
  content:"";
  position: absolute;
  left: 100%;
  top: 11px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 10px solid #eff8fe;
  border-bottom: 10px solid transparent;
}
.talkbubble1 { 
  background: #fff;
  padding: 5px;
  border: 1px solid #fff ;
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  border-radius:        5px;
}

Я делал так с помощью гугла...
talkbubble1 - белая вставка. Остальные цвета настроите под себя...

 

[vlad1908]

LegiOn, спасибо)) Забрал..

 

[krumax]

Bustra, а я у него шаблон не покупал.. И код писал сам..

http://torrentpier.com/threads/Ребят-подскажите-как-закругления-в-viewtopic.1406/
Сам говоришь писал?

<div class="messageUserBlock tooltiper">

И откуда ты интересно взял tooltiper ?
Я то в принципе догадываюсь )))