Kαλημερα σας ενα απο τα πρωτα πραγματα που πρεπει να κανει ενας blogger για να ομορφηνει το blog του ειναι να αφαιρεσει αυτην την αηδιαστικια μπαρα που υπαρχει πανω πανω σε καθε καινουριο blog, την ονομαζομενη navbar. Ο οδηγος ειναι απλος και παρα πολυ γρηγορος.
παμε στο προτυπο μας επεξεργασια html τικαρουμε στο κουτακι πανω αριστερα που λεει Επέκταση προτύπων γραφικών στοιχείων και με control-f ψαχνουμε να βρουμε αυτον τον κωδικὂ
]]></b:skin>
δειτε κι αυτο: Powered By Blogger
μολις τον βρουμε ακριβως απο πανω του βαζουμε αυτον
#navbar-iframe { display: none !important; }
παταμε προεπισκοπηση κι αν ειναι ολα οκ αποθηκευουμε το προτυπο μας
edit
o blogger μας εδωσε τη δυνατοτητα να αφαιρουμε τη μπαρα απο μονοι μας
παμε διαταξη navbar επεξεργασια και κατω κατω επιλεγουμε off
Τωρα αν θελουμε μονο να κανουμε αποκρυψη navbar μπορουμε με εναν απλο κωδικο να την κανουμε να μαζευεται αριστερα στην οθονη μας και μολις βαζουμε το ποντικι απο πανω της να ανοιγει. Ωραιο κολπακι δοκιμαστε το
δειτε εδω ενα demo
Παμε προτυπο - προσαρμογη - προηγμενη - προσθηκη css και κανουμε επικοληση αυτο τον κωδικο. Παταμε enter και ειμαστε ετοιμοι.
Αφαιρεση της navbar στο blogger
παμε στο προτυπο μας επεξεργασια html τικαρουμε στο κουτακι πανω αριστερα που λεει Επέκταση προτύπων γραφικών στοιχείων και με control-f ψαχνουμε να βρουμε αυτον τον κωδικὂ
]]></b:skin>
δειτε κι αυτο: Powered By Blogger
μολις τον βρουμε ακριβως απο πανω του βαζουμε αυτον
#navbar-iframe { display: none !important; }
παταμε προεπισκοπηση κι αν ειναι ολα οκ αποθηκευουμε το προτυπο μας
edit
o blogger μας εδωσε τη δυνατοτητα να αφαιρουμε τη μπαρα απο μονοι μας
παμε διαταξη navbar επεξεργασια και κατω κατω επιλεγουμε off
Αποκρυψη navbar
Τωρα αν θελουμε μονο να κανουμε αποκρυψη navbar μπορουμε με εναν απλο κωδικο να την κανουμε να μαζευεται αριστερα στην οθονη μας και μολις βαζουμε το ποντικι απο πανω της να ανοιγει. Ωραιο κολπακι δοκιμαστε το
δειτε εδω ενα demo
Παμε προτυπο - προσαρμογη - προηγμενη - προσθηκη css και κανουμε επικοληση αυτο τον κωδικο. Παταμε enter και ειμαστε ετοιμοι.
#navbar {width: 36px;border-top: 1px solid #888888;border-right: 5px solid #888888;position: fixed;top: 0px;left: -6px;background: #fe6602;border-radius : 0 5px 5px 0;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;
-moz-transition-delay: 1.3s;-ms-transition-delay: 1.3s;-o-transition-delay: 1.3s;-webkit-transition-delay: 1.3s;transition-delay: 2.5s;
z-index: 10;}
#navbar:hover {width: 96%;
-moz-transition: all 0.6s linear;-ms-transition: all 0.6s linear;-o-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;transition: all 0.6s linear;
}
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.