Αλλαγή γραμματοσειράς σε header

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
garbofan
Δημοσιεύσεις: 8
Εγγραφή: 15 Απρ 2007 20:24

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από garbofan » 23 Νοέμ 2007 02:38

Καλησπέρα
έχω αυτό το blog garbofanoula.awardspace.com σε wordpress και χρησιμοποιώ ένα έτοιμο, δωρεάν πρότυπο και απλά το προσαρμόζω σύμφωνα με τα δικά μου γούστα.
Θέλω να δείτε λίγο στο header. Θέλω εκεί που λέει Home και Διαχείριση στα δεξιά του header, να αλλάξω το χρώμα της γραμματοσειράς. Τι να πειράξω στο stylesheet???Κι επίσης, ξέρει κανείς αν μπορώ τα Links αυτά, αντι για δεξιά να τα μεταφέρω αριστερά;
Ευχαριστώ εκ των προτέρων
Μαρία

Άβαταρ μέλους
FUBAR
Δημοσιεύσεις: 255
Εγγραφή: 12 Οκτ 2007 15:03
Τοποθεσία: 41°7' 16°51' (Earth)

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από FUBAR » 23 Νοέμ 2007 03:25

Το χρώμα το αλλάζεις ως εξής. Στο αρχείο style.css θα βρείς εκέι που λέει
#nav li {float: right;margin-left: 0;} και θα προσθέσεις μέσα στις αγκύλες το εξής
color:#XXXXXX; (όπου ΧΧΧΧΧΧ το χρώμα που θες π.χ #000000 για μαύρο) και αν το float:right; το κάνεις float:left; θα πάει αριστερά.

Το theme σου έχει πρόβλημα όμως, τα περιεχόμενα και το sidebar κολλάνε στην κορυφή της οθόνης (σε firefox).

garbofan
Δημοσιεύσεις: 8
Εγγραφή: 15 Απρ 2007 20:24

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από garbofan » 23 Νοέμ 2007 11:48

Twra to eida me mozilla
den ton xrisimopoiw idiaitera kai den to eixa dei
ksereis an mporw na to diorthwsw kapws?s'euxaristw gia tin voithia sou
tha to dokimasw twra

garbofan
Δημοσιεύσεις: 8
Εγγραφή: 15 Απρ 2007 20:24

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από garbofan » 23 Νοέμ 2007 11:56

tin grammatoseira distixws den mou tin allakse,

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από patriot » 23 Νοέμ 2007 14:00

garbofan έγραψε:tin grammatoseira distixws den mou tin allakse,
Μα για να αλλάξει η γραμματοσειρά σε κάτι άλλο θα πρέπει να το βάλεις το κάτι άλλο... :lol:
Τι χρώμα θες να τα κάνεις τα γράμματα;
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

garbofan
Δημοσιεύσεις: 8
Εγγραφή: 15 Απρ 2007 20:24

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από garbofan » 23 Νοέμ 2007 18:55

to evala vre, vrika enan kwdiko xromatos apo to photoshop kai to allaksa...

Άβαταρ μέλους
FUBAR
Δημοσιεύσεις: 255
Εγγραφή: 12 Οκτ 2007 15:03
Τοποθεσία: 41°7' 16°51' (Earth)

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από FUBAR » 23 Νοέμ 2007 18:58

#nav li {float: right;margin-left: 0; color: #D072D1} έχεις ξεχάσει το ; στο τέλος αλλα έκανα και εγώ λάθος. Στο ορίζει ήδη το χρώμα δύο σειρές πιο κάτω:
#nav .page_item a{color: #fff;text-decoration: none;background: transparent;padding: 150px 5px;
font: bold 14px/100% Geneva, sans-serif;text-transform:uppercase;border-right: 1px solid #fff;
display: block;} εδώ άλλαξε το color από #fff σε #D072D1 και μην ξεχνάς το ; στο τέλος.

garbofan
Δημοσιεύσεις: 8
Εγγραφή: 15 Απρ 2007 20:24

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από garbofan » 23 Νοέμ 2007 23:15

allakse
s'euxaristw poly :)

Άβαταρ μέλους
FUBAR
Δημοσιεύσεις: 255
Εγγραφή: 12 Οκτ 2007 15:03
Τοποθεσία: 41°7' 16°51' (Earth)

Αλλαγή γραμματοσειράς σε header

Δημοσίευση από FUBAR » 23 Νοέμ 2007 23:54

Για τον Firefox, ακριβώς δεν ξέρω να σου πω. Το theme σου έχει αρκετά σφάλματα όμως, π.χ το <div id="header"> δεν κλείνει (λείπει ένα </div> πρίν το <div id="wrap">), χρησιμοποιείς δύο ίδια id (το nav) κ.α. Το καλύτερο για μένα είναι αν τα λάθη είναι του theme να επιλέξεις κάποιο άλλο που να είναι σωστό και να το προσαρμόσεις ή αν οφείλονται στις δικές σου προσαρμογές να ξεκινήσεις από την αρχή με περισσότερη προσοχή όμως.

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης