Post by axristos2 » Fri Sep 14, 2012 6:49 pm

Καλημέρα,
δεν γνωρίζω πολλά και θα ήθελα αν κάποιος γνωρίζει πως να αλλάξω χρώμα και μέγεθος στις γραμματοσειρές σε ένα template.
Ευχαριστώ.......

Newbie

Posts

Joined
Sat Jul 28, 2012 1:41 am

Post by People's Code » Sun Sep 16, 2012 10:16 pm

Αυτά που θες αλλάζουν από τα αρχεία css που βρίσκονται συνήθως στο φακελο stylesheet μέσα στο φάκελο του template σου. Είναι παραπάνω από ένα γιατί το καθένα χρησιμοποιείται για διαφορετικό σκοπό (πχ αν ο επισκέπτης έχει παλιο browser ΙΕ explorer 6 κλπ)

Η παράμετρος που σε ενδιαφέρει να αλλάξεις είναι η "color" και ακολουθεί το χρώμα που μπορεί να είναι σε
δεκαεξαδική μορφή πχ λευκό:

Code: Select all

color:#FFFFFF;
rgb πχ μαύρο:

Code: Select all

color:rgb(0,0,0);
ή απλή γραφή μόνο για τα βασικά χρώματα

Code: Select all

color:green;
Η παράμετρος για την αλλαγή του μεγέθους font, είναι το "font-size". Μπορεί να δοθεί με ποσοστό πχ 90%, σε μέγεθος: πχ pixels, cm κλπ, σε περιγραφή πχ small, medium, large κλπ ή σε σχετικό πχ larger, smaller κλπ.

Code: Select all

font-size: 12px;
Επίσης υπάρχει και η γενική παράμετρος "font" που περιλαμβάνει πολλές παραμέτρους σε μία δήλωση πχ:

Code: Select all

font:italic bold 10px/16px arial,sans-serif;
(η πρώτη τιμή σε px είναι το font-size και η δεύτερη είναι το line-height)

Επίσης δεν είναι υποχρεωτικό να υπάρχουν όλες οι παράμετροι, εδώ επειδή ειναι μόνο μία είναι το font-size πχ

Code: Select all

 font: 10px arial,sans-serif;
Αυτά μόνο για να σου ανοίξουν την όρεξη ... Σου προτείνω να μάθεις περισσότερα σχετικά με το css γιατί θα σου φανεί χρήσιμο στο μέλλον.

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by axristos2 » Mon Sep 17, 2012 3:33 pm

Eυχαριστώ πολύ.. Αρχισα να το ψαχνω ήδη.

Newbie

Posts

Joined
Sat Jul 28, 2012 1:41 am

Post by botonakis » Tue Sep 18, 2012 6:26 pm

Κάθε template έχει ένα αρχείο που ονομάζεται stylesheet.css. Αυτό το αρχείο στο default template βρίσκεται στο φάκελο:

Code: Select all

catalog/view/theme/default/stylesheet/stylesheet.css
κάπως έτσι θα βρεις και για τα άλλα template.

Το ανοίγεις με ένα σημειωματάριο ή κάποιο πρόγραμμα επεξεργασίας κειμένου και ψάχνεις να βρεις τη γραμμή που ξεκινά με:

Code: Select all

body {
ακριβώς μετά το {
θα δεις κάποιο κώδικα σαν και αυτό:

Code: Select all

background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
στο color βάζεις ότι χρώμα γραμματοσειρά θες. Για να μην τρελαίνεσαι με τους κωδικούς, μπες εδώ να δεις σχεδόν όλα τα χρώματα και τους κωδικούς HEX τους:
http://www.w3schools.com/html/html_colors.asp

Μην ξεχνάς ότι κάθε γραμμή τελειώνει με ; (ελληνικό ερωτηματικό)
Για γραμματοσειρά, πηγαίνεις εκεί που λέει font-family

Για μέγεθος γραμματοσειράς προσθέτεις γραμμή: font-size: 12px;
όπως 12px είναι το μέγεθος. Εάν θες 18 τότε βγάζεις: 18px;

Ελπίζω να σε βοήθησα.

User avatar
Active Member

Posts

Joined
Tue Jan 24, 2012 7:55 pm
Location - Athens, Greece

Post by axristos2 » Tue Sep 25, 2012 1:40 pm

Βοηθήσατε πάρα πολύ.. Ευχαριστώ πολύ...

Newbie

Posts

Joined
Sat Jul 28, 2012 1:41 am

Post by botonakis » Tue Sep 25, 2012 3:41 pm

Ελληνική κοινότητα Rules :flex:

User avatar
Active Member

Posts

Joined
Tue Jan 24, 2012 7:55 pm
Location - Athens, Greece

Post by gitsam » Thu Nov 27, 2014 6:04 am

Καλησπέρα σας
όλα αυτά που λέτε είναι ότι πρέπει να κάνει κάποιος για να αλλάξει το χρώμα στη γραμματοσειρά,
σε ποιο φάκελο όμως είναι το αρχείο; σε αυτόν; catalog/view/theme/default/stylesheet

έχω την version 1.5.6
και δεν έχω αλλάξει το default template

έχω αλλάξει μερικούς κωδικούς αλλα τίποτα
βασικά θέλω να αλλάξω μόνο τα γαλαζια

Newbie

Posts

Joined
Thu Nov 27, 2014 5:56 am

Post by botonakis » Tue Dec 02, 2014 2:18 am

Οι πληροφορίες που δίνεις δεν είναι και οι πιο κατατοπιστικότατες.

Φάκελος:
catalog/view/theme/default/stylesheet

Αρχείο:
stylesheet.css

Το γαλάζιο που;

User avatar
Active Member

Posts

Joined
Tue Jan 24, 2012 7:55 pm
Location - Athens, Greece
Who is online

Users browsing this forum: No registered users and 2 guests