شرح تلوين قالب عرض الملف الشخصي

[codeNET]

تضيف الكود في قالب extra.less

.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-user{
  background: #C5E2E6;
         color:  #323232;
    
  border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
         padding: 8px;   
line-height: 1.4;
font-weight: 600;

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

النتيجه :


يجب جعل قياس الخانة 130px :


انتهى الشرح .

 

[masrysat.com]

بارك الله فيك

 

[ixGnTx]

بارك الله فيك