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]

Gamatos

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




Notice

Η μετάφρασή έγινε από ρώσικη γλώσσα σε ελληνική από το http://help.forum2x2.ru αποκλειστικά και μόνο για το φόρουμ Parea.biz αν δημοσιευθεί πουθενά αλλού χωρίς άδεια του φόρουμ, θα έχει ποινικές επιπτώσεις.

Translation made ​​from Russian to Greek from http://help.forum2x2.ru - only for forum Parea.biz if this is posted elsewhere without the permission of the forum, you will have criminal consequences.


Υ.Γ. Είναι ελαφρύ, γραμμένο με καθαρό CSS και κανένα Script. Αλλά δεν θα το βλέπουν μόνο από ΙΕ 9 και παλαιές εκδόσεις δεν θα το βλέπουν.

Παραδείγματα:
Ζωντανό παράδειγμα εδώ: http://pareatest.forum2x2.com/

1.
Πίνακας Διαχείρισης Εμφάνιση Αρχική σελίδα | Δομή και ιεραρχία Split categories on index : Medium

2. Στο πρότυπο index_box (Home page : categories list) προσθέστε το
Κώδικας:
<div class="contcolor">
πριν το
Κώδικας:
<div class="main-head">



και ένα
Κώδικας:
</div>
πριν το
Κώδικας:
<!-- END tablefoot -->



Πατήστε υποβολή και δημοσιεύστε το πρότυπο.

3. Στο CSS βάζουμε το παρακάτω:

Κώδικας:
    .main .contcolor:nth-child(1) {
    background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/russia10.png') top left repeat-x;
    padding-top: 50px;
    }
    .main .contcolor:nth-child(1) .tcl, .main .contcolor:nth-child(1) .tc2,  .main .contcolor:nth-child(1) .tc3, .main .contcolor:nth-child(1) .tcr {
    background-color: #BC8F8F;
    border-color: #A27B7B;
    }


.main .contcolor:nth-child(1) - είναι κοντέινερ πρώτη κατηγορίας, το φόντο οποίου θα είναι ορατό πάνω από τον τίτλο
background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/russia10.png') top left repeat-x;Η ίδια η εικόνα.
repeat-x - αλληλεπικάλυψη (διπλό αντίγραφο) της εικόνας οριζόντια, αν χρειάζεστε μη αλληλεπικάλυψη της εικόνας - αντικαταστήστε repeat-x με no-repeat
top left - ευθυγράμμιση με το αριστερό άκρο, αν θέλετε sτο κέντρο - πρέπει να αντικαταστήσετε με το top center
padding-top: 50pxεσοχή στην κορυφή, θα πρέπει να είναι ίση με το ύψος της εικόνας
.main .contcolor:nth-child(1) .tcl, .main .contcolor:nth-child(1) .tc2, .main .contcolor:nth-child(1) .tc3, .main .contcolor:nth-child(1) .tcr - αυτά είναι όλα τα κελιά της πρώτης κατηγορίας τα οποία θα ξαναβαφτούνε
background-color: #BC8F8F;
border-color: #A27B7B;
χρώμα φόντου
χρώμα γραμμών

Για τη δεύτερη κατηγορία, προσθέστε μια δεύτερη σειρά των ρυθμίσεων, αλλάζοντας τα χρώματα, την εικόνα πάνω από την κατηγορία και τον αριθμό της κατηγορίας

Κώδικας:
.main .contcolor:nth-child(2) {
    background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/united10.png') top left repeat-x;
    padding-top: 50px;
    }
    .main .contcolor:nth-child(2) .tcl, .main .contcolor:nth-child(2) .tc2, .main .contcolor:nth-child(2) .tc3, .main .contcolor:nth-child(2) .tcr {
    background-color: #D4FF91;
    border-color: #9ACD32;
    }



Ομοίως, προσθέστε τις ρυθμίσεις για την τρίτη:

Κώδικας:
.main .contcolor:nth-child(3) {
    background: transparent url('http://i44.servimg.com/u/f44/16/54/26/99/nether10.png') top left repeat-x;
    padding-top: 50px;
    }
    .main .contcolor:nth-child(3) .tcl, .main .contcolor:nth-child(3) .tc2, .main .contcolor:nth-child(3) .tc3, .main .contcolor:nth-child(3) .tcr {
    background-color: #FFCF78;
    border-color: #DAA520;
    }


και ούτω κάθε εξής...

alekoshacker

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




Φοβερό Φοβερό Ευχαριστώ


Οι κανόνες του forum <A HREF="http://www.parea.biz/t4-topic">ΕΔΩ</A>

Εντοπίσατε κάποιο πρόβλημα μπορείτε να το αναφέρετε <A HREF="http://www.parea.biz/t4117-topic">ΕΔΩ</A>

Έχετε κάποιο πρόβλημα ζητήστε βοήθεια <A HREF="http://www.parea.biz/f19-forum">ΕΔΩ</A>

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



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