Μπορείτε να αλλάξετε την εμφάνιση του Reader ώστε να ταιριάζει στα γούστα σας. Μπορείτε να αλλάξετε Fonts, χρώμα, διαστάσεις περιθώρια, βασικά τα πάντα. Το αρχείο είναι CSS3, θα πούμε λίγα λόγια παρακάτω για τα CSS tags αλλά για περισσότερες πληροφορίες μπορείτε να επισκεφτείτε το w3schools...
Για να βρείτε το αρχείο, κάντε δεξί κλικ στο Safari επιλέξτε Show Package Contents και πλοηγηθείτε στο Contents/Resourses σε αυτό το φάκελο βρείτε και ανοίξτε το αρχείο "Reader.html". Μέσα στο αρχείο βρείτε το παρακάτω κώδικα:
Καλό θα ήταν πριν κάνετε αλλαγές, να κάνετε backup το αρχείο. Οι αλλαγές που μπορούν να γίνουν χωρίς να χαλάσουν εντελώς τον reader είναι οι παρακάτω:
width Έχει να κάνει με το πλάτος του object (εδώ το object είναι το άρθρο) και οι τιμές που μπορεί να πάρει είναι:
auto
μέγεθος σε px
μέγεθος σε cm
μέγεθος % από το block.
margin Είναι η περιοχή γύρω από το object και χωρίζεται σε left right top bottom, εδώ βλέπουμε ότι δεν έχει bottom, άρα η τιμή για το τελευταίο θα είναι 0. Όπως και το width έτσι και το margin παίρνει τις αντίστοιχες τιμές:
auto
μέγεθος σε px
μέγεθος σε cm
μέγεθος % από το block.
padding Είναι η περιοχή ανάμεσα στο το object border και το περιεχόμενό του, εδώ θα δούμε οτι έχει 2 τιμές, η πρώτη αφορά τις τιμές για τα top & bottom και η δεύτερη για τα left & right. Μπορείτε να βάλετε και άλλες τιμές, βάζοντας 4 τιμές, ελέγχουμε ξεχωριστά τα top right bottom left με αυτή τη συγκεκριμένη σειρά. Οι τιμές που μπορεί να πάρει είναι :
μέγεθος σε px
μέγεθος σε cm
μέγεθος % από το block.
color Είναι το χρώμα των fonts και μπορεί να πάρει τιμές:
rgb
hex
name
background Είναι το χρώμα του background και μπορεί να πάρει τιμές:
rgb
hex
name
Για να βρείτε το αρχείο, κάντε δεξί κλικ στο Safari επιλέξτε Show Package Contents και πλοηγηθείτε στο Contents/Resourses σε αυτό το φάκελο βρείτε και ανοίξτε το αρχείο "Reader.html". Μέσα στο αρχείο βρείτε το παρακάτω κώδικα:
.page {
width: 658px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 45px 70px;
color: black;
background: white;
border: 1px solid #c3c3c3;
position: relative;
overflow: hidden;
-webkit-transition: height .5s ease-out;
}
Καλό θα ήταν πριν κάνετε αλλαγές, να κάνετε backup το αρχείο. Οι αλλαγές που μπορούν να γίνουν χωρίς να χαλάσουν εντελώς τον reader είναι οι παρακάτω:
auto
μέγεθος σε px
μέγεθος σε cm
μέγεθος % από το block.
auto
μέγεθος σε px
μέγεθος σε cm
μέγεθος % από το block.
μέγεθος σε px
μέγεθος σε cm
μέγεθος % από το block.
rgb
hex
name
rgb
hex
name