Support زیبا سازی پست بیت

rezaodin

Loyal Member
سلام و عرض
میشه یک آموزش بذارید که چه جوری یک پست بیت مثل این داشته باشیم؟

Untitled7eb2207432577cbd.png
 

XenForo

Administrative
نمونه دیگر می توانید تست و بررسی کنید و نتیجه رو بگید
CSS:
/*user info postbit @ XNFORO.IR*/
.message-userExtras dl {
padding: 5px 8px 5px 32px;
background-color: #fff;
margin: 0 0 1px;
position: relative;
font-size: 8pt;
height: 24px;
border-radius: 4px;
border: 1px solid #e4e4e4;
}

.message-userExtras dl i {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
background-color:#5540d8;
color: #fff;
display: block;
text-align: center;
line-height: 28px;
font-size: 11pt;
text-shadow: 0 1px 0 #654e2f;
}


.message-name{
background: #fcfcfb;
         color:  #C1730E;
  border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
         padding: 4px; 
line-height: 1.4;
font-weight: 600;

margin:0px auto 8px;
box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);

}
.message-userTitle{
  background: #E6C260;
         color:  #323232;
  
  border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
         padding: 4px; 
line-height: 1.4;
font-weight: 600;

margin:8px 0 8px;
box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);
}
.message-userBanner{
  background: #E6C260;
         color:  #323232;
  
  border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
         padding: 4px; 
line-height: 1.4;
font-weight: 600;

margin:8px 0 8px;
box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);
}
/*user info postbit @ XNFORO.IR*/
 
Back
Top Bottom