Αλλάξτε το Chatbox

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Αλλάξτε το Chatbox Empty Αλλάξτε το Chatbox

Δημοσίευση από Luffy Δευ Απρ 13, 2015 2:55 pm

Αλλάξτε το Chatbox

Με αυτό τον οδηγό μπορείτε να μάθετε πως να αλλάξετε όλο το Chatbox χρησιμοποιώντας μόνο κώδικες που μπορείτε να εισάγετε στο CSS.

Όλοι οι παρακάτω κώδικες μπαίνουν στο CSS! Για να βρείτε το CSS σας πάτε:
Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet


Κώδικες



Prosilver (phpBB3) & punBB:


  • Αλλάξτε το φόντο του Chatbox:
    Κώδικας:
    body.chatbox {
        background-color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }

  • Αλλάξτε το χρώμα κειμένου του τίτλου στο Chatbox σας:
    Κώδικας:
    body.chatbox # chatbox_header. chatbox-title,
    body.chatbox # chatbox_header. chatbox a.chat-title-title {
        color: #ΧΧΧΧΧΧ!important; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }

  • Αλλάξτε το χρώμα των συνδέσμων στο πάνω μέρος του Chatbox:
    Κώδικας:
    . Chatbox-options li
    .chatbox-options li,
    .chatbox-options label {li
      color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }

  • Aλλάξτε το χρώμα του κειμένου της λίστας των μελών:
    Κώδικας:
    # Chatbox_members ul li,
    #chatbox_members ul li {
        color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
     }

  • Αλλάξτε το χρώμα του κειμένου στα μηνύματα του Chatbox:
    Κώδικας:
    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 has
    .chatbox_row_2 has
    .chatbox_row_3 a {
        color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }



phpbb2:


  • Αλλάξτε το χρώμα κειμένου του τίτλου στο Chatbox σας:
    Κώδικας:

    #chatbox_header. chatBottom. chattitle {
        color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }

  • Αλλάξτε το χρώμα των συνδέσμων στο πάνω μέρος του Chatbox:
    Κώδικας:

    #chatbox_header.chatbox-options.genmed,
    #chatbox_header.chatbox-options
    #chatbox_header.chatbox-options a {
        color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }

  • Aλλάξτε το χρώμα του κειμένου της λίστας των μελών:
    Κώδικας:

    #chatbox_members ul li,
    #chatbox_members ul li {
        color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
     }

  • Αλλάξτε το χρώμα του κειμένου στα μηνύματα του Chatbox:
    Κώδικας:

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 has
    .chatbox_row_2 has
    .chatbox_row_3 a {
        color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }

  • Αφαιρέστε την εικόνα που υπάρχει στο φόντο του Chatbox σας:
    Κώδικας:

    body.chatbox {
        background-image: none;
    }

  • Αλλάξτε το φόντο του Chatbox:
    Κώδικας:
    body.chatbox {
        background-color: #ΧΧΧΧΧΧ; /*αλλάξτε το #ΧΧΧΧΧΧ με το χρώμα της επιλογής σας!*/
    }



Invision:

  • Αλλάξτε το φόντο του Chatbox:
    Κώδικας:
    body.chatbox {
    background : red;
    }

  • Αλλάξτε το χρώμα κειμένου του τίτλου στο Chatbox σας:
    Κώδικας:
    a.chat-title:link {
    color : yellow !important;
    }

  • Σύνδεσμοι επιλογής και το χρώμα κειμένου του Chatbox:\
    Κώδικας:
    .chatbox-options li a {
    color : red;
    }
    .chatbox-options li ,
    .chatbox-options li label {
    color : red;
    }

  • Αλλάξτε το χρώμα του κειμένου στα μηνύματα του Chatbox:
    Κώδικας:
    .chatbox_row_1 {
    background : lightgreen;
    }

    .chatbox_row_2 {
    background : pink;
    }



Aφού προσθέσετε τους κώδικες που θέλετε με βάση την μορφή του φόρουμ σας πατάτε Αλλάξτε το Chatbox EVRvlh1 και είστε έτοιμοι! cheers
Ο οδηγός γράφτηκε από το Προσωπικό του Γαλλικού Φόρουμ Υποστήριξης, μεταφράστηκε στα Αγγλικά από Mr.Mario του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά από Luffy.
Luffy

Luffy
Διαχειριστής
Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340



Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή

- Παρόμοια θέματα

Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης