Ελλάδα
801-1136624

Πως προσθέτω αντίθεση σε κείμενο πάνω σε μια εικόνα
Icon Printer


Τελικό αποτέλεσμα


Αυτό το tutorial θα σας βοηθήσει να δημιουργήσετε αντίθεση μεταξύ της εικόνας και του κειμένου πάνω σε αυτή.


 

ΒΗΜΑ 1. Προσθέστε τα αρχεία σας


Πατήστε πάνω στα MEDIA(1) και μετά στο κουμπί ΠΡΟΣΘΗΚΗ (2) και το αρχείο σας θα αρχίσει να φορτώνεται αμέσως.

 


Θα χρειαστείτε 2 εικόνες. Η πρώτη θα είναι η εικόνα του background (1) και η δεύτερη ένα διαφανές PNG αρχείο (2). Μπορείτε να δημιουργήσετε τη διαφάνεια με το photoshop (μάυρο = 70%) ή να κατεβάσετε τη διαφάνεια από αυτό το link.

 


Οι 2 φωτογραφίες θα εμφανιστούν στην καρτέλα ΕΙΚΟΝΕΣ


 

ΒΗΜΑ 2. Προσθέστε ένα widget Background



Πατήστε πάνω στα WIDGETS (1), εντοπίστε το Background Widget (2) και σύρετέ το στη σελίδα σας


 

ΒΗΜΑ 3. Προσθέστε μια εικόνα στο Background Widget

ΒΗΜΑ 3. Προσθέστε μια εικόνα στο Background Widget

1. Πατήστε πάνω στο εικονίδιο ρυθμίσεων του Background Widget
2. Σύρετε την εικόνα background στη σωστή θέση
3. Επιλέξτε "Tile image" στο μενού επιλογών
4. Αφήστε κενά τα κουτάκια "Επανάληψη X and Y"
5. Ορίστε το padding σε μηδέν


 

ΒΗΜΑ 4. Προσθέστε ένα Πλαίσιο Κειμένου μέσα στο Background Widget

ΒΗΜΑ 4. Προσθέστε ένα Πλαίσιο Κειμένου μέσα στο Background Widget

Πηγαίνετε στα WIDGETS(1) και σύρετε το Widget Κειμένου μέσα στο Background Widget (2). Σύρετε το Widget Κειμένου έως ότου μπορείτε να δείτε ολόκληρη την εικόνα


 

ΒΗΜΑ 5. Δημιουργήστε ένα νέο στυλ για το κείμενο σας



Πατήστε πάνω στο κουμπί Στυλ στο Widget Κειμένου

 


Πατήστε στο "Προσθήκη νέου στυλ"

 


1.
Δώστε ένα όνομα για να περιγράψετε το νέο στυλ
2. Επιλέξτε Παράγραφος και αφήστε τα άλλα πεδία ως έχουν
3. Πατήστε στο κουμπί ΠΡΟΘΗΚΗ ΣΤΥΛ



ΒΗΜΑ 6. Επεξεργασία νέου στυλ


1.
Πατήστε στο κουμπί Στυλ
2. Θα πρέπει να κινηθείτε προς τα κάτω για να δείτε το στυλ που μόλις δημιουργήσατε
3. Πατήστε στο κουμπί Επεξεργασία και θα εμφανιστεί ο Editor των Στυλ

 


Αλλάξτε το χρώμμα της γραμματοσειράς σε λευκό, για να είναι ξεκάθαρο πάνω στο σκούρο background

 


Επιλέξτε Κενά (1) από το μενού και επεξεργαστείτε το padding

Σε αυτό το παράδειγμα ορίσαμε το padding σε:
Κορυφή: 10px
Δεξιά: 15px
Κάτω μέρος: 10px
Αριστερά: 15px

 

1. Επιλέξτε Background
2. Σύρετε την εικόνας της Διαφάνειαra στο πλαίσιο
3. Επιλέξτε Εικόνα από το μενου drop down
4. Επιλέξτετα Επανάληψη X και Y
5. Πατήστε πάνω στο Αποθήκευση Ρυθμίσεων όταν είστε έτοιμοι


 

ΒΗΜΑ 7. Αλλάξτε το κείμενο


Μπορείτε τώρα να επεξεργαστείτε το κείμενο, προσθέτοντας το δικό σας


 
Σχόλια Comments
Δεν υπάρχουν σχόλια σε αυτό το άρθρο. Γράψε πρώτος ένα σχόλιο.
ajax-loader.gif