• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΜΟΡΦΟΠΟΙΗΣΗ ΗΜΕΡΟΜΗΝΙΑΣ ΚΑΙ ΩΡΑΣ ΑΝΑΡΤΗΣΗΣ

BLOGGER DATE
ΜΟΡΦΟΠΟΙΗΣΗ ΗΜΕΡΟΜΗΝΙΑΣ ΚΑΙ ΩΡΑΣ ΑΝΑΡΤΗΣΗΣ
Μπορείτε να μορφοποιήσετε την ημερομηνία και την ώρα ανάρτησης και να εμφανίζεται σε άλλη θέση, με άλλο χρώμα κειμένου και άλλο χρώμα background. Πηγαίνετε μέσα στην επεξεργασία του προτύπου σας και αναζητήστε με τα πλήκτρα Ctrl+F την ετικέτα h2.date-header ή σε άλλα πρότυπα .date-header και αλλάξτε τα νούμερα του margin: 0 -5px 1px

Το χρώμα background και το χρώμα κειμένου αλλάζουν μέσα από την προσαρμογή προτύπου του blogger. Αλλά αν θέλετε μπορείτε να σβήσετε τις μεταβλητές $(date.text.color); και $(date.background); και στην θέση τους να βάλετε 6ψήφιους κωδικούς χρωμάτων. Επίσης μπορείτε να βάλετε και μία γραμμή κώδικα πρίν από την ετικέτα ]]></b:skin> με πιο συγκεκριμένη θέση της ημερομηνίας αλλά και της ώρας ανάρτησης αλλάζοντας το absolute;top:21px;left:4px; Σώστε το πρότυπο και ανάλογα με το αποτέλεσμα αυξομειώστε τα περιθώρια και τις θέσεις top και left για να έρθει η ημερομηνία και η ώρα ανάρτησης εκεί που θέλετε.

▼ Αλλάξτε τα margin του υπάρχοντος κώδικα.
h2.date-header {margin: 0 -5px 1px; padding: 0 0 $(date.padding.bottom) 0;
font: $(date.font); color: $(date.text.color); background: $(date.background);

▼ Προσθέστε τις παρακάτω γραμμές κώδικα πρίν το ]]></b:skin>
h2.date-header {background:#FBBB22;color:#000;position:absolute;top:21px;left:4px;}
.post-timestamp {background:#FBBB22;color:#000;position:absolute;top:21px;left:172px;}

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.