Like SystemiConnectFri 15 Oct 2021, 04:50
Auto Save MessagesLGforumFri 26 Feb 2021, 13:31
New tutorial questionTheCrowMon 15 Feb 2021, 08:12
Support iOS Emojis (and other platforms)LGforumSun 14 Feb 2021, 01:25
LGforum (2806)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Mr.Easybb (1587)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Bloodbath (745)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Rukiafan (533)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Dom (513)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
puppycheese (446)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
pedro (330)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Neymar (301)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Hitsu (281)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 
Flora (275)
help tutors Vote_lcaphelp tutors Voting_barhelp tutors Vote_rcap 


help tutors

avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Tue 10 Feb 2015, 00:04
I followed this tutor http://www.avacweb.com/t220-css-trick-change-the-chatbox

chat version invision

Code:
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
        #chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: inline-block !important;}
        #chatbox .user span:before, .online-users li a span:before, .online-users li span:before, .away-users li a span:before, .away-users li span:before {content :"Mod: " ; font-size : 12px;}

help tutors Primo_10

question :

how to remove the double-rang (or text) (online)

change the rank (or text) messages

thank you very much
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Thu 12 Feb 2015, 19:18
up thank you
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Sun 22 Feb 2015, 10:55
no one can help me? thank
avatarGuest
Sun 22 Feb 2015, 10:58
I'm really not sure what you're requesting with all due respect though. Is it AWC you're requesting something for? If so, I'd advise you to wait and start from the new v2.0 coming up soon. Thank you.

Best of my regards to you,

Samantha.
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Mon 23 Feb 2015, 18:16
thanks for the reply Samantha,

online: I would not repeat mod and delete the @

posts : replace mod
LGforumLGforum
Status : Working to restore AWC!

Posts : 2806
Join date : 2011-10-05
Age : 30
Location : UK
Tue 24 Feb 2015, 05:44
The css is a bit outdated. Changing the @ in the main chatbox can't be acheived reliably.
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Tue 24 Feb 2015, 18:05
thanks for the reply LG..non you can do nothing?
LGforumLGforum
Status : Working to restore AWC!

Posts : 2806
Join date : 2011-10-05
Age : 30
Location : UK
Wed 25 Feb 2015, 01:39
If you use a custom chatbox like AWC or your own custom chat then it's achievable - but we can only use css for the main chatbox, so trying with css is the best we can do.
Ange TuteurAnge Tuteur
Status : No status yet...

Posts : 109
Join date : 2014-02-18
Age : 28
Location : North America
Wed 25 Feb 2015, 08:25
I know that you can hide the @ by changing the font-size to 0 and then resetting it on the username.
Code:
[panda=css].user-msg .user, #chatbox_members li { font-size:0 }
.user-msg .user .chatbox-username, #chatbox_members li .chatbox-username { font-size:12px }

As for a custom title, you could select a specific user with the data-user attribute and add some texts with content.
( the 1 in the code below refers to the ID of the member )
Code:
[panda=css]span[data-user="1"]:before { content:"Mod : " }

or you could use the group color to apply the texts to all members of that group. Keep in mind you might need to set the font-size again.
Code:
[panda=css]#chatbox span[style="color:#00A86A"]:before, #chatbox_members span[style="color:#00A86A"]:before {
  content:"Mod : ";
  font-size:12px;
}

all the codes above can be applied to your stylesheet.
( Administration Panel > Display > Colors > CSS stylesheet )
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Wed 25 Feb 2015, 18:01
thanks to all works

question : you can write two texts example:

Online

friend : admin

posts

written : admin

Ange TuteurAnge Tuteur
Status : No status yet...

Posts : 109
Join date : 2014-02-18
Age : 28
Location : North America
Wed 25 Feb 2015, 20:12
You want the texts "Friend : " in the online list, and "Written : " in the messages, correct ?
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Thu 26 Feb 2015, 17:47
hello Ange Tuteur yes two different texts. thank you



hello... sorry Ange Tuteur I did not understand what should I do to make it work.thank you


or you could use the group color to apply the texts to all members of that group. Keep in mind you might need to set the font-size again.

Code:
#chatbox span[style="color:#00A86A"]:before, #chatbox_members span[style="color:#00A86A"]:before {
  content:"Mod : ";
  font-size:12px;}
Ange TuteurAnge Tuteur
Status : No status yet...

Posts : 109
Join date : 2014-02-18
Age : 28
Location : North America
Fri 27 Feb 2015, 15:28
For this :
Code:
[panda=css]#chatbox span[style="color:#00A86A"]:before, #chatbox_members span[style="color:#00A86A"]:before {
  content:"Mod : ";
  font-size:12px;}

You need to replace #00A86A by the color of your group. You can find that color in groups management.
Admin Panel > Users and Groups > Group Administration > Edit a group

Copy the hex color and replace the color in the CSS with that one.
help tutors Captu117


pedro wrote:[quotelink="http://www.avacweb.com/t2326-help-tutors#22383"]thanks to all works

question : you can write two texts example:

Online

friend : admin

posts

written : admin


You can change where the texts show by modifying the selector set to include a parent. Take these for example :

Use this for messages :
Code:
.user-msg span[data-user="1"]:before { content:"Messages : " }

Use this for the online list :
Code:
#chatbox_members span[data-user="1"]:before { content:"Members : " }
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Fri 27 Feb 2015, 20:15
fantastic...thank you very much Ange Tuteur
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Sat 28 Feb 2015, 14:44
to put the ranks chatting do not work anymore.help

Code:
#chatbox_members a[href="/g1"]{padding-left: 19px;
background: url(http://2img.net/i/fa/admin/icones/small_ico/rang.png) no-repeat left;}
Ange TuteurAnge Tuteur
Status : No status yet...

Posts : 109
Join date : 2014-02-18
Age : 28
Location : North America
Sat 28 Feb 2015, 20:19
a[href="/g1"] wont work because there's no link to the groups in the chatbox. What are you trying to do with this ?
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Sun 01 Mar 2015, 14:46
I would like to enter the rank or group

help tutors Primo_64

does not work either for groups

Code:
#chatbox_members a[href="[b]/u7[/b]"]{padding-left: 19px;
background: url(http://2img.net/i/fa/admin/icones/small_ico/rang.png) no-repeat left;}


thanks for your help
Ange TuteurAnge Tuteur
Status : No status yet...

Posts : 109
Join date : 2014-02-18
Age : 28
Location : North America
Sun 01 Mar 2015, 22:53
Did you read what I wrote here for groups ?
Code:
[panda=css]#chatbox span[style="color:#00A86A"]:before, #chatbox_members span[style="color:#00A86A"]:before {
  content:"Mod : ";
  font-size:12px;}

You need to replace #00A86A by the color of your group. You can find that color in groups management.
Admin Panel > Users and Groups > Group Administration > Edit a group

Copy the hex color and replace the color in the CSS with that one.
help tutors Captu117
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Mon 02 Mar 2015, 18:07
you excuse me Ange Tuteur I wanted to put an image

onl ine

help tutors Knewstuff Admin

help tutors Male Member

thank you very much
Ange TuteurAnge Tuteur
Status : No status yet...

Posts : 109
Join date : 2014-02-18
Age : 28
Location : North America
Mon 02 Mar 2015, 23:24
Use this :
Code:
[panda=css]#chatbox span[style="color:#00A86A"]:before, #chatbox_members span[style="color:#00A86A"]:before {
  content:url(http://png-5.findicons.com/files/icons/1620/crystal_project/22/knewstuff.png);
  font-size:12px;
}

You'll of course need to change the group color to your admin group color. To change the image, just replace the content inside url()
avatarpedro
Status : https://2img.net/i/fa/invision/pp-blank-thumb.png

Posts : 330
Join date : 2012-10-18
Tue 03 Mar 2015, 19:16
thanks a lot and perfect
Sponsored content