aed
div.post.online.st-answer-admin, div.post.st-answer-admin { background-image: url(http://i39.servimg.com/u/f39/18/22/09/39/admin-10.png)!important; background-position: right bottom; background-repeat: no-repeat; }
Ακτιβιστές
Gamatos (2920)
 
SCZI (1799)
 
Rock'n'Trolla (1690)
 
lOlman (1537)
 
Technical Supporter (1393)
 
Voks (1043)
 
B-Colt (994)
 
rebelos (812)
 
Μurderer (710)
 
YuGo007 (608)
 

Βοήθησε όπως μπορείς
για να παραμένει η Παρέα
στο χώρο αυτό

Περαστικός - 0
Νέος Χρήστης - 20
Μέλος - 50
Κάτοικος - 150
Πρεσβύτερος - 300
Βετεράνος - 500

Μη Συνδεδεμενος Παρακαλώ συνδεθείτε ή εγγραφείτε

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

Mastersly

ΦώτοΝτοσιέΕπαφές
avatar




Για σας.
Σήμερα θα σας δείξω πως να βαλετε Hover στα εικονίδια επικοινωνίας στα θέματα
Όπως αυτό

Μπαίνετε
Admin Panel >> Εμφάνιση >> Πρότυπα >> Γενική Διαχείριση >> viewtopic_body
και ψάχνετε τον παρακάτω κώδικα
Κώδικας:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
και τον κάνετε
Κώδικας:
<span class="mikraiconkatoapototopicpmprofilektl1">{postrow.displayed.PROFILE_IMG}</span> <span class="mikraiconkatoapototopicpmprofilektl2">{postrow.displayed.PM_IMG}</span> <span class="mikraiconkatoapototopicpmprofilektl3">{postrow.displayed.EMAIL_IMG}</span><!-- BEGIN contact_field --> <span class="mikraiconkatoapototopicpmprofilektl4">{postrow.displayed.contact_field.CONTENT}</span><!-- END contact_field -->
μετά μπαίνετε
Admin Panel >> Εμφάνιση >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
Κώδικας:
.mikraiconkatoapototopicpmprofilektl1{
    background-color: #4E6A97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.mikraiconkatoapototopicpmprofilektl1:hover {
    background-color: #D69411;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}


.mikraiconkatoapototopicpmprofilektl2{
    background-color: #4E6A97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.mikraiconkatoapototopicpmprofilektl2:hover {
    background-color: #D69411;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}




.mikraiconkatoapototopicpmprofilektl3{
    background-color: #4E6A97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.mikraiconkatoapototopicpmprofilektl3:hover {
    background-color: #D69411;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}


.mikraiconkatoapototopicpmprofilektl4{
      background-color: #4E6A97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.mikraiconkatoapototopicpmprofilektl4:hover {
    background-color: #D69411;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}
έτοιμο :D

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή  Μήνυμα [Σελίδα 1 από 1]



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