Codes (#) voor de chatbox

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

Tutorial Codes (#) voor de chatbox

Bericht van TonnyKamper op do 19 jul 2018 - 23:26

Codes (#) voor de chatbox


Dit zijn de CSS stijlen die worden gebruikt om de tekst en de achtergrond van de ChatBox te wijzigen. Ga naar:
Beheerderspaneel Display Plaatjes en kleuren Kleuren - CSS tab

1. Voor prosilver-phpBB3 and punBB:


Om de achtergrond van de chat te veranderen:


Code:
body.chatbox {
    background-color: color code;
}

Om de titel van de chat te veranderen:


Code:
body.chatbox # chatbox_header. chatbox-title,
body.chatbox # chatbox_header. chatbox a.chat-title-title {
    color: color code! important;
}

Om de kleur van links in de header te veranderen:


Code:
. Chatbox-options li
.chatbox-options li,
.chatbox-options label {li
  color: color code;
}

Om de kleur van tekst in de lijstsectie van leden te wijzigen:


Code:
# Chatbox_members ul li,
#chatbox_members ul li {
    color: color code;
 }

Om de kleur van tekst in het berichtenscherm te wijzigen:


Code:
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
    color: color code;
}

2. Voor phpBB2:


Om de tekst van de titel van de chat te veranderen:


Code:
 
#chatbox_header. chatBottom. chattitle {
    color: color code;
}

Om de kleur van de links in de header van de chat te veranderen:


Code:
 
#chatbox_header.chatbox-options.genmed,
#chatbox_header.chatbox-options
#chatbox_header.chatbox-options a {
    color: color code;
}

Om de kleur van tekst in de lijstsectie van leden te wijzigen:


Code:
 
#chatbox_members ul li,
#chatbox_members ul li {
    color: color code;
 }

Om de kleur van tekst in het berichtenscherm te wijzigen:


Code:
 
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
    color: color code;
}

Om de achtergrondafbeelding van de chatbox te verwijderen:


Code:
 
body.chatbox {
    background-image: none;
}

Om de onderkant van de chatbox in te kleuren:


Code:
body.chatbox {
    background-color: color code;
}

3. Voor Invision:


Body achtergrondkleur:


Code:
body.chatbox {
background : red;
}

Chatbox titel tekst:


Code:
a.chat-title:link {
color : yellow !important;
}

Chatbox optie links en tekstkleur:


Code:
.chatbox-options li a {
color : red;
}
.chatbox-options li ,
.chatbox-options li label {
color : red;
}

Chatbox berichtrij kleuren:


Code:
.chatbox_row_1 {
background : lightgreen;
}
 
.chatbox_row_2 {
background : pink;
}


avatar

TonnyKamper
Hulp Moderator
Hulp Moderator

Vrouw Aantal berichten : 348
Geboortedatum : 23-10-54
Leeftijd : 64
Taal : Nederlands, Engels
Locatie : Nederland
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://punt.forumactie.com
TonnyKamper is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum