Elxis CMS Forum

Ελληνικό Forum => Γενικά Θέματα για το Elxis CMS => Topic started by: how on January 06, 2012, 13:15:27

Title: μορφοποίηση template
Post by: how on January 06, 2012, 13:15:27
Χαιρετε και χρόνια πολλά,
έχω ήδη δηλώσει ερασιτέχνης, άπειρος και αρχάριος και πιθανότατα (έως σίγουρα θα έλεγα) οι ερωτήσεις μου δεν είναι και πολύ σε βάθος.. ελπίζω να μην κουράζω.
Έχω εγκαταστήσει το elxis τοπικά σε localhost και όλα δείχνουν να δουλεύουν κανονικά.
Προσπαθώ να μορφοποιήσω ώς προς την εμφάνιση ένα template, κάνω δοκιμές με το firebug και στην συνέχεια κάνω τις αλλαγές που θέλω στα layout.css customize.css με το dreamweaver.
Σώζω τα αρχεία αλλά φορτώνοντας ξανά το site ουδεμία αλλαγή βλέπω. Τσεκάρω τα αρχεία και όσο μπορώ να δω οι αλλαγές έχουν γίνει.
Μπορεί να υποψιαστεί κανείς τι δεν κάνω σωστά?
Ευχαριστώ
Title: Re: μορφοποίηση template
Post by: webgift on January 06, 2012, 13:34:21
Καλησπέρα και χρόνια πολλά,
Οι αιτίες είναι πολλές, από το να επεξεργάζεσαι άλλα αρχεία μέχρι και να τα αποθηκεύεις σε άλλη περιοχή στον δίσκο σου.:) Κατ' αρχήν ξέχνα τον Dreamweaver. Πάρε έναν editor που είναι free και τον συνιστώ όπως τον notepad++ (http://notepad-plus-plus.org/download/v5.9.8.html).
Γεννιούνται 2 βασικά ερωτήματα εδώ, πριν προχωρήσω παρακάτω :
- Ποιο template θέλεις να αλλάξεις;
- Δώσε μας ένα παράδειγμα μιας αλλαγής που θέλεις να κάνεις και πως το κάνεις;
Title: Re: μορφοποίηση template
Post by: how on January 06, 2012, 14:34:03
ευχαριστώ webgift,

ας πούμε θέλω στο template okto να αλλάξω το χρώμα του header και του bottom border  του header.

Θέτω το okto copy (το αντέγραψα να μην το χαλάσω) ως το default μου template. Είδα με το firebug ότι αυτό που θέλω να αλλάξω είναι σε αυτό το στοιχείο
 
#oktoheader {
    background: url("../images/elxislogo.jpg") no-repeat scroll left top #78A1BB;
    border-bottom: 1px solid #1D4D6C;
    height: 75px;
    text-align: left;
 
στο αρχείο layout.css

Θέλω να αλλάξω το #78A1BB π.χ. σε #FFFFFF, και το border_bottom σε #F20924

Ανοίγω με το Notepad++ το αρχείο wamp/www/elxissite/templates/okto-copy/css/layout.css

κάνω τις αλλαγές στο #oktoheader και το σώζω.

#oktoheader {
   text-align:left;
   height: 75px;
   background-color: #ffffff;
   background-image: url(../images/elxislogo.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   border-bottom-width: thick;
   border-bottom-style: solid;
   border-bottom-color: #F20924;

Κάνω load ξανά το template okto copy αλλά δε βλέπω κάποια αλλαγή, είναι κάτι άλλο?
Title: Re: μορφοποίηση template
Post by: webgift on January 06, 2012, 15:20:40
Κοίτα που κάνεις το λάθος :
Ανοίγω με το Notepad++ το αρχείο wamp/www/elxissite/templates/okto-copy/css/layout.css
Το template σου είναι το okto. Η διαδρομή πρέπει να είναι wamp/www/elxissite/templates/okto/css/layout.css.
Αν θέλεις να κρατήσεις κάποιο αντίγραφο ασφαλείας της εμφάνισης μπορείς να πάρεις όλο τον φάκελο okto και να τον μεταφέρεις στην επιφάνεια εργασίας. Οι αλλαγές που θα κάνεις πρέπει να είναι στην διαδρομή που σου παράθεσα παραπάνω. Ο φάκελος okto-copy δεν ισχύει. ;)
Title: Re: μορφοποίηση template
Post by: how on January 06, 2012, 20:25:17
Αγαπητέ webgift ευχαριστώ για την προσπάθεια, αλλά σηκώνω τα χέρια ψηλά..
έκανα ακριβώς αυτά που είπες με το okto αλλά μάταια.

Δοκίμασα άλλο template, το wgearth (αν δε κάνω λάθος είναι δικό σου). To έγκατέστησα και το έκανα default.

Ας πούμε θέλω να αλλάξω από το div.blogleading, το background και το border. Εξέταση με το firebug

div.blogleading {
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
    clear: both;
    overflow: hidden;
    padding: 4px;
}

με παραπέμπει στο customize.css (line 171)

Ανοίγω με το Notepad++  το C:\wamp\www\elxissite\templates\wgearth\css\customize.css
και αλλάζω στο div.blogleading που βρίσκεται όντως στην γραμμή 171  το background-color σε #CEADAD και το border: 4px solid #000000

σώζω το αρχείο με τις αλλαγές και το κλείνω. Ξανακάνω reload το site αλλά καμιά αλλαγή.

Εξετάζοντας πάλι το στοιχείο με το firebug μου δείχνει τις τιμές πριν τις αλλαγές.. όπως ήταν.

Ανοίγοντας το customize.css με το notepad++ βλέπω κανονικά τις νέες τιμές που έχω εισαγάγει
???  ???

Title: Re: μορφοποίηση template
Post by: how on January 06, 2012, 20:28:39
ασχέτως αποτελέσματος, τουλάχιστον η λογική που το κάνω είναι σωστή?
Title: Re: μορφοποίηση template
Post by: rentasite on January 06, 2012, 21:21:24

ασχέτως αποτελέσματος, τουλάχιστον η λογική που το κάνω είναι σωστή?

Η λογική των αλλαγών είναι σωστή. Το πρόβλημα δεν είναι στο template ή το Elxis. Το πρόβλημα πρέπει να είναι στις ρυθμίσεις (?) του localhost. Πιθανόν!

δεν δουλεύω το Elxis τοπικά σε localhost, για να σου πω περισσότερα....
Title: Re: μορφοποίηση template
Post by: webgift on January 07, 2012, 11:48:55
Κάτι συμβαίνει άλλα επειδή είναι η εγκατάσταση τοπικά δεν μπορώ να σε βοηθήσω περισσότερο. Η φιλοσοφία σε γενικές γραμμές είναι σωστή όπως την βλέπω.
Τα αρχεία που πρέπει να πειράζεις είναι :
- templates/okto/css/customize.css
- templates/wgearth/css/customize.css
Title: Re: μορφοποίηση template
Post by: nikos on January 07, 2012, 20:46:23
Μήπως βλέπεις cache περιεχόμενο; Συμβαίνει συχνά. Άδειασε την cache του Browser και έλεγξε το πάλι, καθώς επίσης δοκίμασε να το δεις και με άλλους Browsers.
Title: Re: μορφοποίηση template (SOLVED)
Post by: how on January 08, 2012, 11:26:17
Παιδιά ευχαριστώ για την προσπάθεια! Νίκο είχες απόλυτο δίκιο, ήταν θέμα με την cache, καθάρισα την cache του browser και αμέσως οι αλλαγές εμφανίστηκαν. Ευχαριστώ!!!
 :)
Title: Re: μορφοποίηση template
Post by: webgift on January 08, 2012, 11:41:13
Φτιάξε τώρα ένα φάκελο okto-copy μέσα στο φάκελο templates και κάνε τις αλλαγές εκεί μέσα της εμφάνισης. Αν δεις μετά από 10 refresh της Cache να δουλεύει εμένα σφύρα μου ;)  ;D
Title: Re: μορφοποίηση template (SOLVED)
Post by: nikos on January 08, 2012, 13:03:34
Παιδιά ευχαριστώ για την προσπάθεια! Νίκο είχες απόλυτο δίκιο, ήταν θέμα με την cache, καθάρισα την cache του browser και αμέσως οι αλλαγές εμφανίστηκαν. Ευχαριστώ!!!
 :)

Ήμουν σχεδόν σίγουρος ότι ήταν αυτό, διότι το έχω δει αρκετές φορές.

Καλή συνέχεια λοιπόν  :)