Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Διαχωριστική γραμμή ανάμεσα στις αναρτήσεις του blog


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Με αφορμή ένα σχόλιο της φίλης και αναγνώστριας του blog μου Xristin, θα ασχοληθούμε στη σημερινή ανάρτηση.
Είμαι ο ekabitis, και έχω τα blogs ekabitis και ekabitis tips & tricks.
Η Χριστίνα λοιπόν με ρώτησε πως μπορεί να βάλει διαχωριστική γραμμή ανάμεσα στις αναρτήσεις του blog της. Όλα τα templates έχουν συγκεκριμένη ρύθμιση για αυτό, αλλά στην συγκεκριμένη περίπτωση της φίλης μας, κάτι έγινε και απορυθμίστηκε.
Να πω επίσης ότι η ανάρτηση αυτή είναι χρήσιμη για όλους, (κι ας έχουν την διαχωριστική γραμμή στο blog τους), καθώς με την συγκεκριμένη ρύθμιση μπορούμε να αυξομειώσουμε το πάχος της διαχωριστικής γραμμής.
Σαν παράδειγμα θα πάρουμε το template minima dark, διότι, αν και δεν το αναφέρει, αυτό πρέπει να χρησιμοποιεί η φίλη μας. Το ίδιο ισχύει όμως και για όλα τα templates με μικρές διαφορές.
Πάμε λοιπόν.
Πηγαίνουμε στον Πανόπτη μας, και επιλέγουμε Διάταξη-->Επεξεργασία HTML και αφού κάνουμε λήψη πλήρους προτύπου, για παν ενδεχόμενο, με το γνωστό τρόπο Ctrl+F ψάχνουμε να βρούμε το

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;



Όπως προανέφερα, σε άλλα templates μπορεί να είναι κάπως διαφορετικό αλλά σίγουρα θα ξεκινάει με το

.post {
margin

Το σημείο που είναι με κόκκινο χρώμα αναφέρεται στο πάχος της διαχωριστικής γραμμής. Της φίλης μας Χριστίνας λογικά θα είναι 0.
Αλλάζουμε τον συγκεκριμένο αριθμό, με τον αριθμό της αρεσκείας μας. Ανάλογα με το backround, χρησιμοποιήστε 1 έως 2 για σκουρόχρωμα backrounds, και ίσως λίγο μεγαλύτερο για τα ανοιχτόχρωμα. Όπως και να έχει, η επιλογή είναι δική σας, ανάλογα τα γούστα σας.

Κάνουμε μια προεπισκόπηση, και αν είναι όλα όπως τα θέλουμε πατάμε αποθήκευση.

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

Για οποιδήποτε διευκρίνηση, μην διστάσετε να επικοινωνήσετε μαζί μου.
Περιμένω τα σχόλιά σας.

Stumble
Delicious
Technorati
Twitter
Facebook

12 comments:

( fortounata) είπε...

πως να βάλω μπακραουντ πχ με σχέδια;

ekabitis είπε...

Φουρτουνιασμένη ψυχή, ρίξε μια ματιά
εδώ

Ἀχιλλεῦς είπε...

Πολύ καλό κολπάκι καθως βοηθάει τον κάθε ανάγνωστη στην αναγνωση του κάθε blog.

ekabitis είπε...

Ναι Θεόδωρε. Διορθώνει και το design.

Ανώνυμος είπε...

Σε εμένα όταν κάνω ctrl+f για να ψάξω τον κωδικό δεν μου βρίσκει κανένα απο του δυο...

τι να κάνω ?

Maria Rafaella είπε...

Το έβαλα αλλά δεν έκανε διαχωρισμό. Υπάρχει περίπτωση να φταίει το πρότυπο?

bloggertips.gr είπε...

@Maria Rafaella Ναι σίγουρα το πρότυπο παίζει ρόλο!

louie είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.
Ανώνυμος είπε...

Παιδιά προσπάθησα και τους 2 κωδικούς αλλά δε βρίσκει κανέναν από τους 2. Τί πρέπει να κάνω;

Dimitris είπε...

Συγνώμη αλλά εμένα δεν έχει αυτους τους κωδικούς, γιατί??

A.G.Selena είπε...

Καλησπέρα μήπως ξέρεις να μου πεις αν αντί για απλή γραμμή στο διαχωριστικό, μπορώ να βάλω κάποιο σχεδιάκι πχ. λουλούδια κτλ?

Ευχαριστώ!

Unknown είπε...

δεν μου έχει τους κωδικούς εμένα!! γιατί;

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *