Style Sites and Firefox with Stylish
Style Sites and Firefox with Stylish
Έχοντας αρκετό ελεύθερο χρόνο λόγω των ημερών, σήμερα έκατσα και ασχολήθηκα με διάφορα Add-ons του Firefox. Το αποτέλεσμα ήταν να καταλήξω σε ένα το οποίο μπορεί και να το έχετε ακούσει ή και ήδη εγκαταστήσει.. Το Stylish λοιπόν, είναι ένα add on το οποίο σου δίνει την δυνατότητα να δίνεις το δικό σου καλλιτεχνικό άγγιγμα στις σελίδες που επισκέπτεσαι καθημερινά και θέλεις να αλλάξεις την εμφάνιση τους έτσι ώστε να σε εκφράζει περισσότερο..
Ίσως δεν είναι και πολύ κατανοητό με την πρώτη αλλά παρακάτω θα καταλάβετε ακριβώς τι εννοώ!
Ο λόγος που έκατσα σε αυτό το add on είναι γιατί χρησιμοποιώ ένα dark θέμα σε Linux PC και αυτό επηρέαζε κάποια πεδία φορμών αλλά και ολόκληρα backgrounds ιστοσελίδων, με αποτέλεσμα να τα κάνει δυσανάγνωστα και άσχημα. Έπρεπε λοιπόν με κάποιο τρόπο να διορθώσω αυτό το προβληματάκι. Ωστόσο, προέκυψε και κάτι παραπάνω από αυτή την υπόθεση, εξ΄ου και ο λόγος που γράφω αυτό το άρθρο..
Η σελίδα της Google είναι πιστεύω για τους περισσότερους καθημερινή στάση. Ας πούμε λοιπόν ότι κάποιος έχει βαρεθεί να βλέπει αυτό το τόσο απλό design που έχει η σελίδα και θέλει να την τροποποίησει σε κάτι που τον εκφράζει περισσότερο. Το Stylish λοιπόν ειναι το add on που θα σε βοηθήσει να το πετύχεις. Βέβαια θα χρειαστείς και μερικές βασικές γνώσεις CSS και ένα έξτρα add on που θα σε βοηθήσει να βρεις στοιχεία μέσα από την σελίδα το οποίο ονομάζεται firebug (Παρόμοια λειτουργία υπάρχει ενσωματομένη και στον Firefox χωρίς την προσθήκη του add on, κάνοντας δεξί κλίκ σε όποιο στοιχείο σε ενδιαφέρει και επιλέγοντας inspect element.. απλά το firebug παρέχει και άλλα ποιο εξειδικευμένα εργαλεία και το έχω συνιθίσει στα πάντα πλέον).
Βήμα 1ο
Η εγκατάσατη add on στον firefox είναι πολλύ απλή, αλλά για κάποιον που δεν γνωρίζει, από τις επιλογές πας στα εργαλεία (ή Tools) κ στην συνέχεια επιλέγεις πρόσθετα (ή Add-ons). Θα εμφανιστεί μια καρτέλα στην οποία στα δεξιά πάνω θα έχει ένα πεδίο αναζήτησης. Γράψε Stylish και στην λίστα των αποτελεσμάτων εγκατέστησε το add on με το ίδιο όνομα (θα χρειαστεί restart το firefox).
Βήμα 2ο
Μετά το restart θα υπάρχει πλεόν ένα νεο εικονίδιο στην μπάρα με τα πρόσθετα. Από εκεί επέλεξε το Stylish και στο μενού που θα εμφανιστεί επέλεξε write new style... Αυτό θα ανοίξει ένα νέο παράθυρο, οπού εκεί θα γράψουμε τον CSS κώδικα για την σελίδα που θέλουμε να τροποποιήσουμε.
Βήμα 3ο
Αρχικά δίνουμε ένα όνομα στο νέο στυλ που θα φτιάξουμε. Στην συνέχεια απλά χρειάζεται να δημιουργήσεις ;). Εδώ θα χρειαστείς το firebug και τις γνώσεις CSS. Για το συγκεκριμένο άρθρο, ο κώδικας αφορά την αλλαγή των σελίδων της Google (αναζήτησης, εικόνες κλπ). Αυτό σημαίνει πως όποτε χτυπάς την διεύθυνση αυτή, η σελίδα θα εμφανίζεται με το νέο στυλ που θα έχεις δημιουργήσει.
Τέλος, μπορείς να μοιραστείς το θέμα που έφτιαξες φτιάχνοντας λογαριασμό εδώ ή log in συνδέοντας κάποιον υπάρχον λογαριασμό και ανεβάζοντας το. Επίσης μπορείς να δεις την ποικιλία θεμάτων που έχουν φτιάξει άλλοι και να την κατεβάσεις για να την χρησιμοποιήσεις. Μέσα από τις ρυθμίσεις του Stylish μπορείς να απενεργοποιήσεις θέματα και να διαγράψεις όσα δεν θες πλέον.
Σελίδες που μπορείς να βρεις ποικιλία και άλλα θέματα ανά κατηγορία για σελίδες όπως Facebook, Youtube κλπ. είναι εδώ. Το θέμα που ξεκίνησα να φτιάχνω προέρχεται από το Android 4. Είναι σκοτεινό με μπλε αποχρώσεις. Είναι σε αρχικό στάδιο αλλά λειτουργικό :). Μπορείς να το βρεις και να το προσθέσεις στο Stylish ακολουθόντας τις οδηγίες εδώ. Το αποτέλεσμα της αρχικής σελίδας φαίνεται στην εικόνα!
Friday, August 22, 2014
By Jc