The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Add your avatar into the chatbox

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Add your avatar into the chatbox

Post by Leviosa on February 16th 2015, 4:15 pm

First topic message reminder :


Add your avatar into the chatbox


Dear members,

A few weeks ago, we implemented a new Chatbox. In parallel, our technicians have set up a new option. We would first like to thank JScript who suggested this new feature.

Right now, you can add avatars into your chatbox:



Of course, this feature is optional and the forum founder is free to choose to set up the option or not. You just have to enter your administrative panel:


AP>> Modules>> Chatbox>> Configuration>> Display users avatars in the chatbox >> Perms



Important

As you can see, with the classic version the layout is exactly the same as before. However,
in the interest of readability, the hour is
right-aligned with the option!

I hope you enjoy this new option thumleft

To personalize the chatbox display, please find the CSS code of the new option:
Css wrote:
Code:
/* Avatar size */

#chatbox .cb-avatar > img {
   height: 30px;
   width: 30px;
}
Code:


/* Layer of avatar */

#chatbox .cb-avatar {
   float: left;
   margin-right: 4px;
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #d5d5d5 !important;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   height: 30px;
   padding: 1px;
   vertical-align: middle;
   width: 30px;
}

Code:
/*
Dividing line */
#chatbox > p {
   border-bottom: 1px solid #d5dde5;
}



Forumotion
A
ForuMotion
Important Announcement



Last edited by Buttercup on February 19th 2015, 2:30 pm; edited 7 times in total


No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15359
Reputation : 1563
Language : French, English

http://help.forumotion.com

Back to top Go down


Re: Add your avatar into the chatbox

Post by vengeancenasukihumici on May 8th 2015, 3:27 pm

I cant find were I were i can Add this to my chattbox ?

vengeancenasukihumici
New Member

Posts : 4
Reputation : 1
Language : Luleć, Sweden

http://blazer.strategyboards.com/forum

Back to top Go down

Re: Add your avatar into the chatbox

Post by vengeancenasukihumici on May 8th 2015, 3:45 pm

and how make I the avatar Bigger ?

vengeancenasukihumici
New Member

Posts : 4
Reputation : 1
Language : Luleć, Sweden

http://blazer.strategyboards.com/forum

Back to top Go down

Re: Add your avatar into the chatbox

Post by APE on May 8th 2015, 4:12 pm

The codes need to be put in the CSS files

Found in the following:
ACP   Display Tab   
   Pictures and Colors   Colors   CSS Styalsheet Tab Add the Css codes to the top or bottom of the page and then SAVE.

To make them bigger or smaller just change the 
Code:
height: 30px;
width: 30px;
adding more then 30 will make it bigger and taking it down will make it smaller
To make it rounder looking add a border-radius to the code aswell

like this

Code:
/* Layer of avatar */

#chatbox .cb-avatar {
   float: left;
   margin-right: 4px;
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #d5d5d5 !important;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   height: 30px;
   padding: 1px;
   vertical-align: middle;
   width: 30px;
  border-radius: 10px;
}


change the 10px to what ever you want

APE





APE
Manager
Manager

Male Posts : 8317
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: Add your avatar into the chatbox

Post by SLGray on May 8th 2015, 4:51 pm

Since this is not the place for support, this announcement will be locked.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum