Δώστε στυλ στο Joomla!™ Website σας | Joomla template Firebug CSS πρότυπο στυλ

SEO Web Design

Εργαλεια SEO WEB

Greek Social Media

Home

Joomla! Tips

Δώστε στυλ στο Joomla!™ Website σας

Κάντε αλλαγές στο CSS του template με τη βοήθεια του Firebug

CSS - Cascading Style Sheets Ένα από τα πιό σπουδαία πράγματα σχετικά με τη χρήση του Joomla, είναι ότι είναι γενικά εύκολα και γρήγορα μπορείτε να στήσετε έναν ιστοχώρο . Ένα από τα πράγματα από τα οποία οι άνθρωποι που δεν είναι εξοικειωμένοι με το web development χρειάζετε να παρέμβουν, είναι να αλλάξουν την όψη και την αίσθηση του προτύπου (template) του Joomla . Εδώ σας προτείνουμε μερικές καλές ιδέες και κόλπα για να σας βοηθήσουμε να δώσετε στυλ στο Joomla site σας.

Δώστε στυλ στο Joomla! Template σας

Τα περισσότερα από την εμφάνιση και τα χρώματα ενός template Joomla, συνήθως γίνoνται μέσω των αρχείων CSS. CSS είναι τα αρχικά για τη συντόμευση των Αγγλικών λέξεων Cascading Style Sheets. Παρόλο που μπορεί να ακούγεται περίπλοκο (και στην πραγματικότητα απαιτεί κάποιο χρόνο για να γίνει κατανοητό) είναι συνήθως αρκετά απλό να ρυθμίσεις ένα template. Λοιπόν πώς το κάνουμε αυτό, αν δεν έχετε ιδέα τι είναι CSS; Απλά, κατεβάστε το FireBug !

Ένα template για Joomla που χρησιμοποιεί CSS συνήθως χρησιμοποιεί έναν αριθμό από αρχεία CSS. Κάθε αρχείο περιέχει ορισμένα stye items, τα οποία ορίζουν κάθε ένα, συγκεκριμένο "κομμάτι" του προτύπου σας. Μπορείτε να διαμορφώσετε το στυλ των headers, του background, τα fonts, τις bullets, το μέγεθος του κειμένου. Κάθε style item, προσδιορίζει ένα part του item. Ωστόσο, συνήθως υπάρχουν τόσα πολλά στυλ στο αρχείο CSS, που είναι πολύ δύσκολο να καταλάβετε πιό στυλ θέλετε να αλλάξετε.

FireBug

Το FireBug είναι ένα εργαλείο, plugin για τον Mozila Firefox, το οποίο σας επιτρέπει να κάνετε κλικ σε μια συγκεκριμένη περιοχή του δικτυακού σας τόπου, και προσδιορίσει ποιά είναι τα στυλ που συνθέτουν τον ορισμό της συγκεκριμένης περιοχής που κάνετε ανάλυση.
Στην παρακάτω εικόνα. Η παράγραφος που τονίζεται, το στυλ της βρίσκετε στη γραμμή 762 του αρχείο CSS του template σας, CSS file (template_css.css) as "font-size:1em;"
Για να το αλλάξετε, αυτό που χρειάζεται να κάνετε είναι να βρείτε τη γραμμή 144 του αρχείου και να αλλάξετε αναλόγως με το μέγεθος που θέλετε.
Χρησιμοποιώντας αυτήν την τεχνική, μπορείτε να εντοπίσετε γρήγορα τα στυλ που θέλετε να τροποποήσετε και χρειάζεστε να επεξεργαστείτε!