Chatbox - how to edit the "@"
+2
AuQaClan
MoonChow
6 posters
Page 1 of 1
Chatbox - how to edit the "@"
I dont have much experience in code so i was wondering what do i need to do edit the "@" in the chatbox.
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
AuQaClan wrote:I would like to know about this too
I guess this is the code:
- Code:
#chatbox > p span.user > span:after {
content: 'ε';
}
But i dont know what to do with it.
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
MoonChow wrote:AuQaClan wrote:I would like to know about this too
I guess this is the code:
#chatbox > p span.user > span:after {
content: 'ε';
}
But i dont know what to do with it.
Paste in ccs
i already had this i thought when you click on it, it would say @AuQa Unique in my chatbox but it just pastes the name doesn't it
Re: Chatbox - how to edit the "@"
AuQaClan wrote:MoonChow wrote:AuQaClan wrote:I would like to know about this too
I guess this is the code:
#chatbox > p span.user > span:after {
content: 'ε';
}
But i dont know what to do with it.
Paste in ccs
i already had this i thought when you click on it, it would say @AuQa Unique in my chatbox but it just pastes the name doesn't it
Honestly ive already pasted this and nothing happend.
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
AuQaClan wrote:Forum link?
+ So you do not see this? >
http://nekuanime.forumotion.com/ <-- Forum link
and no i dont see that all i see is @ Moonchow
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Chatbox - how to edit the "@"
i Tried it and it didnt work im going to post my css just in case.
- Code:
div#page-footer {
background-image: url('');
background-position: bottom center;
background-repeat: no-repeat;
padding: 10px;}
.forumline{
background-color: #000000;
border: 2px #300000 solid;
}
td.row1,td.row3.over:hover {
background-color: #000000;
}
td.row2,td.row1.over:hover {
background-color: #0c0000;
}
td.row3{
background-color: #0c0000;
}
.avatar_size img {
width:180px;
height:250px;
}
.MoonChow:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/founde10.gif");
}
.Daniel:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/superm10.gif");
}
.DemonUchiha:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/uuvgrh20.png");
}
.Konan:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/chatmo10.gif");
}
#chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: '[Admin]';
}
Last edited by MoonChow on May 10th 2013, 6:10 pm; edited 1 time in total
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
AuQaClan wrote:@MoonChow
That's right isnt it?
What do you want to see?
[Admin] Moonchow
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
MoonChow wrote:AuQaClan wrote:@MoonChow
That's right isnt it?
What do you want to see?
[Admin] Moonchow
This is a code for mod >
- Code:
#chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: 'MOD: ';
}
Got from > http://www.avacweb.com/t220-css-trick-change-the-chatbox
Re: Chatbox - how to edit the "@"
MoonChow wrote:
i Tried it and it didnt work im going to post my css just in case.
- Code:
div#page-footer {
background-image: url('');
background-position: bottom center;
background-repeat: no-repeat;
padding: 10px;}
.forumline{
background-color: #000000;
border: 2px #300000 solid;
}
td.row1,td.row3.over:hover {
background-color: #000000;
}
td.row2,td.row1.over:hover {
background-color: #0c0000;
}
td.row3{
background-color: #0c0000;
}
.avatar_size img {
width:180px;
height:250px;
}
.MoonChow:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/founde10.gif");
}
.Daniel:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/superm10.gif");
}
.DemonUchiha:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/uuvgrh20.png");
}
.Konan:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/chatmo10.gif");
}
#chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: '[Admin]';
}
MoonChow wrote:AuQaClan wrote:@MoonChow
That's right isnt it?
What do you want to see?
[Admin] Moonchow
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead. |
Did you try placing the code at the very top of the CSS Stylesheet?
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Chatbox - how to edit the "@"
Jophy wrote:MoonChow wrote:
i Tried it and it didnt work im going to post my css just in case.
- Code:
div#page-footer {
background-image: url('');
background-position: bottom center;
background-repeat: no-repeat;
padding: 10px;}
.forumline{
background-color: #000000;
border: 2px #300000 solid;
}
td.row1,td.row3.over:hover {
background-color: #000000;
}
td.row2,td.row1.over:hover {
background-color: #0c0000;
}
td.row3{
background-color: #0c0000;
}
.avatar_size img {
width:180px;
height:250px;
}
.MoonChow:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/founde10.gif");
}
.Daniel:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/superm10.gif");
}
.DemonUchiha:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/uuvgrh20.png");
}
.Konan:after {
content: url("http://i81.servimg.com/u/f81/18/28/59/57/chatmo10.gif");
}
#chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: '[Admin]';
}MoonChow wrote:AuQaClan wrote:@MoonChow
That's right isnt it?
What do you want to see?
[Admin] Moonchow
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead.
Did you try placing the code at the very top of the CSS Stylesheet?
No but i will try that!
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
Nope didnt work. o.O
---------------
Why wont this work >.<?
---------------
Why wont this work >.<?
MoonChow- New Member
- Posts : 21
Reputation : 1
Language : English
Re: Chatbox - how to edit the "@"
Did you try Jophy's suggestion?
Derri- Helper
- Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Re: Chatbox - how to edit the "@"
- Code:
chatbox > p span.user > span strong {
display: none;
}
#chatbox > p span.user > span:after {
content: 'MOD: ';
}
Change Mod with your content , via Jophy link
Re: Chatbox - how to edit the "@"
Well that will work on the chat message, but i don't know if it will work on the member list with the '@' for the mods (on the left side)
Similar topics
» How can i edit the chatbox
» Chatbox edit
» How do I edit the chatbox?
» How does one edit their chatbox with CSS?
» How can i edit the chatbox?
» Chatbox edit
» How do I edit the chatbox?
» How does one edit their chatbox with CSS?
» How can i edit the chatbox?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum