The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Add your avatar into the chatbox

+13
davidl
RsS.YuGi
JScript
Van-Helsing
Ape
Worst Nightmare
Tonight
Eugeo Igvalt
SLGray
TheShaka
SarkZKalie
Fierce Star
Shadow
17 posters

Page 2 of 2 Previous  1, 2

Go down

Add your avatar into the chatbox - Page 2 Empty Add your avatar into the chatbox

Post by Shadow 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:

Add your avatar into the chatbox - Page 2 Chatbo11

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

Add your avatar into the chatbox - Page 2 Chatbi10

Add your avatar into the chatbox - Page 2 64x64_13Important

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
Shadow
Shadow
Manager
Manager

Male Posts : 16208
Reputation : 1832
Language : French, English

Back to top Go down


Add your avatar into the chatbox - Page 2 Empty Re: Add your avatar into the chatbox

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

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

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

http://blazer.strategyboards.com/forum

Back to top Go down

Add your avatar into the chatbox - Page 2 Empty Re: Add your avatar into the chatbox

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

and how make I the avatar Bigger ?
vengeancenasukihumici
vengeancenasukihumici
New Member

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

http://blazer.strategyboards.com/forum

Back to top Go down

Add your avatar into the chatbox - Page 2 Empty Re: Add your avatar into the chatbox

Post by Ape May 8th 2015, 4:12 pm

The codes need to be put in the CSS files

Found in the following:
ACP   Display Tab   
  Add your avatar into the chatbox - Page 2 Images_couleurs 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


Add your avatar into the chatbox - Page 2 Left1212Add your avatar into the chatbox - Page 2 Center11Add your avatar into the chatbox - Page 2 Right112
Add your avatar into the chatbox - Page 2 Ape_b110
Add your avatar into the chatbox - Page 2 Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19437
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Add your avatar into the chatbox - Page 2 Empty Re: Add your avatar into the chatbox

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

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


Add your avatar into the chatbox - Page 2 Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

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