|
|
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 |
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
|
bigblog, hello i cant put the code beacause not good aperance
Added (2015-08-29, 11:35 PM) |
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 |
| |||
| |||