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

V

vlad1908

Гость
#1
За код спасибо мне))
Установка:
В 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;
}
Результат:
2012-06-12_093607.png
 
B

Bustra

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

LegiOn

Пользователь
#8
PHP:
.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 - белая вставка. Остальные цвета настроите под себя...
1.JPG
 

krumax

Пользователь
#10
Сверху