Elxis CMS Forum

Ελληνικό Forum => Διαχείριση => Topic started by: nikos65 on December 22, 2008, 20:32:50

Title: Module θέση στο κέντρο
Post by: nikos65 on December 22, 2008, 20:32:50
Χρησιμοποιώ το template Ks-LiteBlue και θέλω να βάλω στην θέση header (η οποία είναι ανεπτυγμένη ακριβώς πάνω από την αρχική σελίδα περιεχομένου ) ένα module και συγκεκριμένα το Rolling Images menu έτσι ώστε αυτό να αναπτύσετε στο κέντρο και να αφήνει ίδια κενά από δεξιά και αριστερά όταν έχουμε διαφορετική ανάλυση οθόνης.

Τι θα πρέπει να αλλάξω ;

Ευχαριστώ πολύ  :)

Title: Re: Module θέση στο κέντρο
Post by: ks-net on December 23, 2008, 00:05:36
βαλε στο module-suffix    >>  -rollingmenu

και στο customize.css >>

Code: [Select]
div.moduletable-rollingmenu {
text-align:center;
}

αν έχεις όποιο πρόβλημα μου λές....
(clean browser-cache+reload)
Title: Re: Module θέση στο κέντρο
Post by: nikos65 on December 23, 2008, 00:45:26
Δυστυχώς  δεν  δουλεύει !!

Ακολούθησα τις οδηγίες σου αλλά δεν κεντράρει καθάρισα και κοίταξα από διαφορετικούς browser.

Επισυνάπτω το αρχείο customize.css να το δεις

[attachment deleted by admin]
Title: Re: Module θέση στο κέντρο
Post by: ks-net on December 23, 2008, 02:13:30
ναι... κοίταξα το Rolling Images menu , χρησιμοποιεί float ...
οπότε θα χρεαστεί το εξής:


div.moduletable-rol
{ margin:0 auto; width:500px; height:200px; overflow:hidden;}

δώσε καλύτερα απόλυτο ύψος και πλάτος .. όπως στο παράδειγμα... αρκεί να μην κόβει το μενού(overflow:hidden)

tested in  / ie7-8  / chrome / opera / FF

για τον ie6  δε ξερω... τον έχω ξεγράψει απο καιρό τον μακακα...
πιθανόν να χρειάζεται  σε αυτόν  ένα νεο module-position στο index.php
για να παίζει ρόλο  container
<?php if (mosCountModules('rollingmenu') > 0)
<div id="rollingmenu-container"><?php mosLoadModules('rollingmenu', -2); ?></div>
<?php } ?>
                      <?php if (mosCountModules('header') > 0) { ?>
                 <div id="position_top">
            <?php mosLoadModules('header', -2); ?>
                 </div>
                 <?php } ?>

 και που θα έχει css κάτι σαν:
#rollingmenu-container {width:100%; text-align:center;}

Title: Re: Module θέση στο κέντρο
Post by: nikos65 on December 23, 2008, 10:06:30
Αυτό ήταν !!!!  ;D ;D ;D

Δούλεψε μία χαρά και ήταν πραγματικά αυτό που χρειαζόμουν μιας που αρκετός κόσμος χρησιμοποιεί notebooks και υπολογιστές με χαμηλές αναλύσεις. Σχετικά με τον IE6 ας πάει στο καλό.

Μόνο μία διευκρίνηση σχετικά με το :
Quote
div.moduletable-rol
{ margin:0 auto; width:500px; height:200px; overflow:hidden;}

όπως αναφέρει ο ks-net θα πρέπει να είναι το απόλυτο ύψος και πλάτος για να δουλέψει και να κεντραριστεί και όσο αφορά το rolling images θα πρέπει να συμπεριληφθεί και το πλάτος των κλειστών φωτογραφιών.


Σε ευχαριστώ πολύ ks-net  :) :) :)