• Page 1 of 1
  • 1
Forum moderator: bigblog  
uCoz Community » For Webmasters » Custom Solutions » Appearance of comments using Informer UCOZ (New style of comments with tooltip for ucoz)
Appearance of comments using Informer UCOZ
AdminDan
Posts: 46
Reputation: 5

Message # 1 | 2:30 PM


Creat Informer:

Last Comments [Informer template]
[ Comments · Entries · Entry date D · Entries: 10 · Columns: 1 ] :

Paste the belwo code in this informer :
Code
<div class="lastComms">   
   <div class="lastCommsUser">   
   <a href="$PROFILE_URL$" ><b>$USERNAME$</b></a> commented <span title="$DATE$">$TIME$</span>   
   </div>   
   <div class="lastCommsMessage" title="$ENTRY_TITLE$"> <div class="lastCommsAvatar" ><?if($USER_AVATAR_URL$)?><img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><img title="No Avatar" src="http://s11.radikal.ru/i183/1205/77/166b7564a74a.jpg"><?endif?> </div><a href="$ENTRY_URL$">$MESSAGE$</a></div></div><hr>


Now, in your first or second container add the below CSS :
Code
<style>
   .lastComms {border:1px solid #bfbfbf;background:#ededed;-moz-border-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-radius:3px;border-radius:3px;}   
   .lastCommsUser {text-align:left;font-size:11px;color:#232323;text-shadow: 1px 1px 0px #fff;padding:0 0 2px 4px;border-bottom:1px dotted #ccc;}   
   .lastCommsMessage {padding: 3px 0 3px 5px;height:6%;overflow: hidden;}   
   .lastCommsMessage a {text-decoration:none;}   
   .lastCommsMessage a:hover {text-decoration:underline !important;}   
   .lastCommsAvatar img {   
   width: 45px;   
   height: 45px;   
float:right;   
   border-right: 1px solid rgba(0,0,0,.2);   
   border-bottom: 1px solid rgba(0,0,0,.2);   
   -webkit-border-radius: 2px;   
   -moz-border-radius: 2px;   
   border-radius: 2px;   
   padding: 3px;   
   background-color: #e0e0e0;   
   }
</style>


Make a block and just add the Informer code $MYINF_yournum$ and paste the above CSS above it.

Visit and Register with our website now !![ Looking for Posters and up-loaders ]
http://www.tinymb.com
Post edited by AdminDan - Wednesday, 2013-03-20, 2:32 PM
helte26
Posts: 201
Reputation: 0

Message # 2 | 7:12 PM
already try this code not working plsss give me exact tutorial thanks admin dan

Added (2015-08-24, 7:12 PM)
---------------------------------------------
hello adminDan how to change the picture to left side thanks you

joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 3 | 11:03 AM
helte6213, can you provide your site's URL?
hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
helte26
Posts: 201
Reputation: 0

Message # 4 | 11:35 PM
bigblog, hello i cant put the code beacause not good aperance

Added (2015-08-29, 11:35 PM)
---------------------------------------------
i give screnshot this link not good looking because the picture is big i cant put and box http://i.imgur.com/R2MsXWF.png

joexyz
JOE-vascript
Posts: 1770
Reputation: 78

Message # 5 | 9:16 AM
helte6213, have you added this code to the CSS?

Code
.lastComms {border:1px solid #bfbfbf;background:#ededed;-moz-border-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-radius:3px;border-radius:3px;}    
    .lastCommsUser {text-align:left;font-size:11px;color:#232323;text-shadow: 1px 1px 0px #fff;padding:0 0 2px 4px;border-bottom:1px dotted #ccc;}    
    .lastCommsMessage {padding: 3px 0 3px 5px;height:6%;overflow: hidden;}    
    .lastCommsMessage a {text-decoration:none;}    
    .lastCommsMessage a:hover {text-decoration:underline !important;}    
    .lastCommsAvatar img {    
    width: 45px;    
    height: 45px;    
float:right;    
    border-right: 1px solid rgba(0,0,0,.2);    
    border-bottom: 1px solid rgba(0,0,0,.2);    
    -webkit-border-radius: 2px;    
    -moz-border-radius: 2px;    
    border-radius: 2px;    
    padding: 3px;    
    background-color: #e0e0e0;    
    }

hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau

sometimes i lurk here
helte26
Posts: 201
Reputation: 0

Message # 6 | 6:03 PM
bigblog, ok admin i try sory for late reply
uCoz Community » For Webmasters » Custom Solutions » Appearance of comments using Informer UCOZ (New style of comments with tooltip for ucoz)
  • Page 1 of 1
  • 1
Search: