Üdv!
A business nevű sminket szeretném átalakítani alsminkkel.
Alapból van egy "tartalom" és egy "first sidebar" régió. Ezt szerettem volna kiegészíteni egy baloldalon levő regióval. A gond annyi, hogy egymásba folyika két régió (lsd. 2regio.png).
Ha beteszek valamit az eredeti "first sidebar" régióba, akkor elvileg jól elkülönül a három oszlopos kiosztás (3regio.png). Ezt szeretném megtartani a 2 regió esetén is. Mitől lehet ez az "osszefolyás" a 2 régió estén?
A .info fájlba tettem egy regiot:
regions[sidebar_first] = First Sidebar regions[sidebar_left] = Left Sidebar ...
A page.tpl.php-ban kiegészítettem a régióval:
<?php print render($page['header']); ?> <?php print render($page['secondary_content']); ?> <div id="main"> <?php if ($page['sidebar_left']): ?> <aside id="sidebar-left" role="complementary" class="sidebar clearfix"> <?php print render($page['sidebar_left']); ?> </aside> <!-- /#sidebar-left --> <?php endif; ?> <section id="post-content" role="main"> <?php if (theme_get_setting('breadcrumbs')): ?><div id="breadcrumbs"><?php if ($breadcrumb): print $breadcrumb; endif;?></div><?php endif; ?> <?php print $messages; ?> <?php if ($page['content_top']): ?><div id="content_top"><?php print render($page['content_top']); ?></div><?php endif; ?> <?php print render($title_prefix); ?> <?php if ($title): ?><h1 class="page-title"><?php print $title; ?></h1><?php endif; ?> <?php print render($title_suffix); ?> <?php if (!empty($tabs['#primary'])): ?><div class="tabs-wrapper clearfix"><?php print render($tabs); ?></div><?php endif; ?> <?php print render($page['help']); ?> <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?> <?php print render($page['content']); ?> </section> <!-- /#main --> <?php if ($page['sidebar_first']): ?> <aside id="sidebar" role="complementary" class="sidebar clearfix"> <?php print render($page['sidebar_first']); ?> </aside> <!-- /#sidebar-first --> <?php endif; ?> </div> <div class="clear"></div>
A css rész:
#post-content { display: inline; margin: 0; } body.sidebar-first #post-content { float: left; margin: 0; padding: 0; width: 500px; } .node { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE; } #post-content h1 { margin-bottom: 0px; } /*-------------------------------------------* /*Sidebar /*-------------------------------------------*/ #sidebar { float: right; width: 20%; padding: 3px; } #sidebar-left { float: left; width: 200px; padding: 15px; }
Tudna ebben segíteni valaki?
Fórum:
| Csatolmány | Méret |
|---|---|
 2regio.png | 29.89 KB |
| 3regio.png | 36.47 KB |
A sminkben a body kap egy
A sminkben a body kap egy classüt hogy "two-sidebars" ha erre losz be tudod allitani a sidebarok es content szelesseget akkor ha 2 regiod is van.
Drupal full-stack developer at Wunderman Thompson Budapest
left or right
Én nem látok ilyen "two-sidebars" class-t a sminkben.
De a honlapja írja, hogy lehet a Sidebar lehet "left or right". Ez hol állítható?
"Configurable layout : Sidebar can be Right or Left"
En latom a classok kozott a
En latom a classok kozott a bodyban, lasd kep itt: link
Drupal full-stack developer at Wunderman Thompson Budapest
float: right;
Nálam nem látni. :o
Nem is baj, a styles.css-ben jónak tűnik most:
köszönöm!
float left
Ez segített úgy tűnik:
update:
ha a tartalom részben már pl. sok a szöveg, akkor megint a bal sidebar alá csúszik.
Szóval nem az igazi... :(