Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

Οδηγοί CSS για τα φόρουμς

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

Οδηγοί CSS για τα φόρουμς

Δημοσίευση από Luffy Την / Το Πεμ Ιαν 15, 2015 12:44 am

Οδηγοί CSS για τα φόρουμς


Πολλές φορές το CSS μπορεί να κάνει θαύματα στο φόρουμ σας. Μπορεί να κάνει το κείμενο μικρό, μεγάλο, να το στολίσει, να του προσθέσει διάφορα εφέ και πολλά άλλα. Επίσης, το CSS μπορεί να κρύψει/καθαρίσει διάφορα τμήματα του φόρουμ σας. Είναι εύκολο στη χρήση και μπορεί όποιος θέλει να κάνει το φόρουμ του πιο όμορφο εμφανισιακά κρύβοντας μερικά τμήματα και κάνοντάς το να φαίνεται πιο καθαρό.

Με αυτό τον οδηγό θα μάθετε πως να κρύψετε διάφορα τμήματα του φόρουμ σας εύκολα και γρήγορα.


Μορφοποίηση CSS

Πάμε: Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet και προσθέτετε τον κώδικα που θέλετε, όσους θέλετε, ανάλογα με την μορφή του φόρουμ σας.

PhpBB2:

Κρύψτε το τμήμα Παρόντες Χρήστες:

Κώδικας:
Κώδικας:
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #006699}
a.cattitle{
text-decoration: none;
color : #006699;
display:none
}

Κρύψτε το τμήμα Legends (Oμάδες Μελών), την ημερομηνία και την ώρα:

Κώδικας:
Κώδικας:
.gensmall {
font-size : 10px;
display: none
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #006699;
text-decoration: none;
display: none
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #dd6900;
text-decoration: underline;
}

PhpΒΒ3:

Κρύψτε το τμήμα Legends (Oμάδες Μελών):

Κώδικας:
Κώδικας:
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}

Κρύψτε τα στατιστικά:

Κώδικας:
Κώδικας:
#page-body p.page-bottom {
margin: 0;
display: none;
}

Κρύψτε την τελευταία δημοσίευση:

Κώδικας:
Κώδικας:
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info
span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display:none;
padding-left:5px;
}

Κρύψτε το μενού του φόρουμ (navbar):

Κώδικας:
Κώδικας:
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: none;
}

PunΒΒ:

Κρύψτε το τμήμα Legends (Ομάδες Μελών):

Κώδικας:
Κώδικας:
ul#pun-legend li {
display: none;
margin-right: 20px;
}

Κρύψτε την λίστα των ενεργών χρηστών:

Κώδικας:
Κώδικας:
#onlinelist p {
line-height: 150%;
display: none;
}

Κρύψτε την ημερομηνία και την ώρα:

Κώδικας:
Κώδικας:
#pun-visit {
border-color: #dddddd;
border-style: solid;
border-width: 1px;
padding: 0.6em 1em;
background-color: #f4f4f4;
margin: 0 0 1em 0;
display: none;
}

Κρύψτε το φόντο χρώμα του μενού (navbar):

Kώδικας:
Κώδικας:
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: #ffffff;
border-color: #dddddd;
}

ή την εικόνα:

Κώδικας:
Κώδικας:
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-image: url('http://yourimagehere.jpg');
background-repeat: repeat-x;
border-color: #dddddd;
}

Αφού διαλέξετε τους κώδικες που θέλετε να προσθέσετε στο CSS σας τότε πατάτε και είστε έτοιμοι! cheers


Ο οδηγός γράφτηκε από Placehold, μεταφράστηκε στα Αγγλικά από Nessa του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά από Nemo για τις ανάγκες του ForumGreek.



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

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

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

Επιστροφή στην κορυφή Πήγαινε κάτω

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


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!