Blogger - Edit στην εμφάνιση menu/width μέσω HTML

[Praetorianos]

Καλησπέρα!
Όπως φαίνεται και στην υπογραφή μου, έχω ένα blog/site του οποίο θέλω να αλλάξω λίγο την εμφάνιση, αλλά δυσκολεύομαι να βρω στην HTML το κομμάτι που με ενδιαφέρει.

1) Αρχικά θέλω να αυξήσω το width, αλλά όπως φαίνεται είναι κλειδωμένο.
Υπάρχει κάποιο workaround ή κάποιο κομμάτι του κώδικα που να ξεκλειδώνει αυτή την επιλογή?

Ακόμα, ποιο είναι το κομμάτι του κώδικα που μπορώ να αλλάξω το μαύρο background του μαύρου αλφαβητικού menu (πάνω πάνω, μαύρο background, άσπρα γράμματα)?



2) Σε ένα άλλο template που βρήκα, το αλφαβητικό menu κόβεται και χάνονται μερικά γράμματα (όπως φαίνεται παρακάτω)

Σε ποιο μέρος του κώδικα μπορώ να βρω την επιλογή να "μικρύνω" λίγο τα περιθώρια των γραμμάτων, ώστε να τα κάνω λίγο πιο στενά και να φαίνονται όλα τα γράμματα?

[nucleus]

Για το 1)

 

Οι αλλαγές που ζητάς γίνονται μέσα απο CSS οπότε θα πρέπει να φτιάξεις ένα δικό σου και να το φορτώσεις μετά απο τα CSS που φορτώνει το theme και το blogger.

 

Οπότε για το width όλου του περιεχομένου στο παραπάνω CSS αρχείο γράφεις

#header-wrapper {
 width:660px;
}

#outer-wrapper {
 width: 660px;
}

Αντί για το 660px βάζεις την δικιά σου τιμή.

 

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

div#navmenu {
    background-color: #323232;
}

Απλώς αλλάζεις το #323232 στο χρώμα που θέλεις.

 

Για το 2) δεν μπορώ να σου πω τις αλλαγές μιας και η σελίδα σου δεν χρησιμοποιεί το συγκεκριμένο theme.

 

Σημείωση: Τα παραπάνω θα μπορούσες να τα βρεις και εσύ χρησιμοποιώντας τα "developer tools" του browser που χρησιμοποιείς αλλά προυποθέτει βασικές γνώσεις HTML.

 

Στο firefox δεξί click στην σελίδα και Inspect element. Στα tabs που θα εμφανιστούν στην κάτω σελίδα επιλέγεις Inspector. Αυτός είναι ο HTML κώδικας της σελίδας σου. Επιλέγεις το κουμπί που βρίσκεται ακριβώς δίπλα από τον Inspector, έχει tooltip "Pick an element from the page".Αν πατήσεις μετά οπουδήποτε πάνω στην σελίδα σου θα δεις ένα πλαίσιο και σου επιτρέπει να επιλέξεις items (divs,links,paragraphs κτλ) που υπάρχουν πάνω σε αυτή.Επιλέγοντας πάνω στην σελίδα στο επιλέγει και μέσα στον HTML κώδικα. Μετά δεξιά του Inspector επιλέγεις το Rules.Εκεί βλέπεις τα CSS styles που γίνονται apply στο επιλεγμένο element.

 

Σε chrome για τα Developer tools ακολουθείς την ίδια διαδικασία όπως και στο firefox με δεξί click και Inspect Element ή με το shortcut Ctrl+Shift+I. H λογική είναι η ίδια με πριν απλώς ο Inspector λέγεται Elements και τα Rules Styles.

 

Ανάλογη δυνατότητα υπάρχει και στον Internet Explorer.

 

Google για πιο αναλυτικές πληροφορίες για το πως να χρησιμοποιήσεις τα developer tools του κάθε browser.

[Praetorianos]

Σημείωση: Τα παραπάνω θα μπορούσες να τα βρεις και εσύ χρησιμοποιώντας τα "developer tools" του browser που χρησιμοποιείς αλλά προυποθέτει βασικές γνώσεις HTML.

Είσαι μεγάλος, σε ευχαριστώ πάρα πολύ!

 

(Πολύ) βασικές γνώσεις HTML υπάρχουν, και όρεξη για περαιτέρω ψάξιμο επίσης, αλλά αυτό με τα developer tools δεν το γνώριζα καθόλου.

 

Απλά χωνόμουν στον HTML κώδικα του blogger και προσπαθούσα να βγάλω άκρη στο ...χάος που υπάρχει.