Elxis CMS Forum

Ελληνικό Forum => Πρόσθετα => Topic started by: nect on May 29, 2009, 00:07:46

Title: Help modules
Post by: nect on May 29, 2009, 00:07:46

Καλησπέρα πως ορίζουμε ακριβή θέση στα modules;Στο Templates okto
 Και συγκεκριμένα θέλω να ορίσω θέσης στο κέντρο του Templates okto όπως στην φωτογραφία.
(http://img32.imageshack.us/img32/1049/modules.th.gif) (http://img32.imageshack.us/my.php?image=modules.gif)

Title: Re: Help modules
Post by: datahell on May 29, 2009, 14:58:38

Είναι πάρα πολύ εύκολο, ανοίγεις το index.php του template (πχ template/okto/index.php)  και στο σημείο που θες να ορίσεις την θέση module γράφεις αυτό:

<?php mosLoadModules('όνομα θέσης',στυλ); ?>

Παράδειγμα 1:
<?php mosLoadModules('thesi1',-2); ?>

Παράδειγμα 2:
<?php mosLoadModules('thesi2',-2); ?>

Σημείωση αν οι θέσεις που θα ορίσεις (thesi1, thesi2, κλπ) δεν υπάρχουν ορισμένες στο Elxis (διαχείριση -> template -> θέσεις module) θα πρέπει να τις ορίσεις και εκεί.

Title: Re: Help modules
Post by: nect on May 30, 2009, 12:05:49

Το παλεύω φίλε μου αλλά δεν βλέπω να τα καταφέρνω δεν μπορώ να ορίσω τα modules το ένα δίπλα στο άλλο. :(

Title: Re: Help modules
Post by: apkoutsou on May 30, 2009, 12:16:27

Κάπως έτσι θα πρέπει να είναι (τα γράφω χωρίς δοκιμή, απλά να πάρεις την γενική εικόνα):

Χρήση div:

Code: [Select]

<div style="width: 100%;">
  <div style="float: left">
    <?php mosLoadModules(&#39;thesi1&#39;,-2); ?>
  </div>
  <div style="float: right">
    <?php mosLoadModules(&#39;thesi3&#39;,-2); ?>
  </div>
  <div style="float: right">
    <?php mosLoadModules(&#39;thesi2&#39;,-2); ?>
  </div>
</div>

ή με χρήση table:

Code: [Select]

<table style="width: 100%"><tr>
  <td>
    <?php mosLoadModules(&#39;thesi1&#39;,-2); ?>
  </td>
  <td>
    <?php mosLoadModules(&#39;thesi2&#39;,-2); ?>
  </td>
  <td>
    <?php mosLoadModules(&#39;thesi3&#39;,-2); ?>
  </td>
</tr></table>

Προσάρμοσέ τα κατάλληλα...

Title: Re: Help modules
Post by: webgift on May 30, 2009, 12:19:04

Καλημέρα ,

Αν δεις το BlueBell HC template (http://www.elxis-downloads.com/com_downloads/front-end-templates/141.html) στο demo του που τρέχει : http://www.osw.gr/ θα παρατηρήσεις ότι τα τελευταία νέα και τα δημοφιλή νέα είναι δίπλα δίπλα δηλωμένα στον κώδικα σαν user1 και user2.

Σου προτείνω να κατεβάσεις αυτό το Template και να δεις την index.php τον κώδικα και πως χρησιμοποιούνται.
Το έκανα και εγώ τώρα :

Code: (php) [Select]

<?php 
if (mosCountModules(&#39;user1&#39;) > 0 OR mosCountModules(&#39;user2&#39;) > 0 ) {
?>
<div id="content_top_wrapper">
<div id="content_user1">
<?php mosLoadModules(&#39;user1&#39;, -2); ?>
</div>
<div id="content_user2">
<?php mosLoadModules(&#39;user2&#39;, -2); ?>
</div>


Παρατηρείς ότι πριν τα χρησιμοποιήσει κάνει έλεγχο mosCountModules() και μετά τα δηλώνει mosLoadModules('user1',-2);.

Αυτό συναρτήσει του Datahell το post πιστεύω ότι θα σε βοηθήσει.

Προσοχή : 

Quote from: datahell on May 29, 2009, 14:58:38

αν οι θέσεις που θα ορίσεις (thesi1, thesi2, κλπ) δεν υπάρχουν ορισμένες στο Elxis (διαχείριση -> template -> θέσεις module) θα πρέπει να τις ορίσεις και εκεί.

Κάνοντας το έτσι ανάλογα το μέγεθος το Modules συναρτήσει την ανάλυση της οθόνης μπορεί να τα βλέπει ο επισκέπτης είτε σε ευθεία σειρά είτε το ένα δίπλα στο άλλο και το τρίτο π.χ Module από κάτω. Τα προσαρμόζει κατάλληλα χωρίς να πρέπει να τους ορίσεις  προκαθορισμένα θέσεις που θα βρίσκονται.

Title: Re: Help modules
Post by: nect on May 30, 2009, 12:35:23

Θα τα καταφέρω πιστεύω ….ένα μεγάλο ευχαριστώ σε όλους !!!  ;)

Title: Re: Help modules
Post by: webgift on May 30, 2009, 12:45:58

Μια χαρά θα τα καταφέρεις.

Title: Re: Help modules
Post by: datahell on May 30, 2009, 13:16:25

Το ότι δεν σου κάθονται τα Module το ένα δίπλα στο άλλο είναι θέμα CSS, άλλου παπά ευαγγέλιο δηλαδή. Σύμφωνα με τις προδιαγραφές του W3C τα floated αντικείμενα πρέπει να συνοδεύονται με width. Δες εδώ ένα γρήγορο παράδειγμα:

<div style="width: 100%;">
  <div style="width: 160px; margin-right: 10px;">
    <?php mosLoadModules('thesi1',-2); ?>
  </div>
  <div style="width: 160px; float: left; margin-right: 10px;">
    <?php mosLoadModules('thesi2',-2); ?>
  </div>
  <div style="width: 160px; float: left;">
    <?php mosLoadModules('thesi3',-2); ?>
  </div>
  <div style="clear: both;"></div>
</div>

Title: Re: Help modules
Post by: nect on May 30, 2009, 16:04:04

Ευχαριστώ η συνέχεια online……καλό απόγευμα σε όλους :D