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.

Chatbox Username Swap

View previous topic View next topic Go down

Solved Chatbox Username Swap

Post by Bones! on March 4th 2015, 8:55 am

Code:
#chatbox_members .chatbox-username[data-user="x"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background: url("ICON HERE")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="x"] {
[EFFECTS HERE];  }

So this is just a simple question really.... I wanna have th username in the CB changed. Meaning you have a different username in the Chatbox. I do know you can do this with a Javascript for the Forum, however Im curious to the Chatbox version of it. I know using:
Code:
    content: "NAME HERE";
Places the name under the current, and VISABILTIY: NONE, and DISPLAY: NONE both don't seem to work.

Anyone have any ideas?


Last edited by Kaseki on March 7th 2015, 11:06 pm; edited 1 time in total

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Ange Tuteur on March 4th 2015, 9:24 pm

Hi @Kaseki,

You can do this by setting the font-size of the default element to 0, and then changing the font-size of the pseudo-element to 12px. Then you just have to fill in the CSS content. Wink
Code:
span[data-user="1"] { font-size:0 }
span[data-user="1"]:before {
  font-size:12px;
  content:"New Name";
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Bones! on March 4th 2015, 10:16 pm

So does this work on invision.... because I can't seem to get it right.

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Chatbox Username Swap

Post by _Twisted_Mods_ on March 4th 2015, 11:20 pm

try this
Code:
span[data-user="1"] { font-size:0 }
span[data-user="1"]:before {
  font-size:12px!important;
  content:"New Name";
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Bones! on March 4th 2015, 11:43 pm

Nope. Here's the code
Code:
#chatbox_members .chatbox-username[data-user="3"]:before {
    content: "";
    width: 18px;
    height: 16px;
    background: url("http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/green-wormhole-icon.png")no-repeat left;
    display: inline-block;}
.chatbox-username[data-user="3"] {
    background: url("http://oi61.tinypic.com/29es0l.jpg");
text-shadow: 0 0 0.1em #2E4172, 0 0 0.3em #5325FF, 0 0 0.3em #5325FF, 0 0 0.4em #4314F4;  }
But I'm trying to make it "Yoshi"

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Ange Tuteur on March 5th 2015, 1:28 am

Odd, did you change the 1 to 3 ?
Code:
span[data-user="3"] { font-size:0 }
span[data-user="3"]:before {
  font-size:12px;
  content:"Yoshi";
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Bones! on March 7th 2015, 4:28 am

@Ange Tuteur wrote:Odd, did you change the 1 to 3 ?
Code:
span[data-user="3"] { font-size:0 }
span[data-user="3"]:before {
  font-size:12px;
  content:"Yoshi";
}
I did. All it did was hide the username, without displaying the "New Username"

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Fierce Star on March 7th 2015, 4:45 am

Try switching
span[data-user="3"] { font-size:0 }
span[data-user="3"]:before {
font-size:12px;
content:"Yoshi";
}
to
span[data-user="3"] { font-size:0 }
span[data-user="3"]:after {
font-size:12px;
content:"Yoshi";
}

Fierce Star
Forumember

Male Posts : 110
Reputation : 17
Language : English
Location : United States

http://inactivesite.onlyhelpwithothersnow.com

Back to top Go down

Solved Re: Chatbox Username Swap

Post by Bones! on March 7th 2015, 11:05 pm

@Fierce Star wrote:Try switching
span[data-user="3"] { font-size:0 }
span[data-user="3"]:before {
 font-size:12px;
 content:"Yoshi";
}
to
span[data-user="3"] { font-size:0 }
span[data-user="3"]:after {
 font-size:12px;
 content:"Yoshi";
}
Well that seems to fix it, thought the username Shadow/Glow is off, but I can figure it out from here.

Thank you!

Bones!
Forumember

Posts : 168
Reputation : 19
Language : English, CCS, HTML
Location : Behind you

http://www.unknownlandsrp.com/

Back to top Go down

Solved Re: Chatbox Username Swap

Post by APE on March 8th 2015, 1:21 am

Topic solved and archived





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

View previous topic View next topic Back to top


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