Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
p01 theme (sidebar)
#1
Hi @all,

i have a look in the p01-vertical theme to make a short theme with more than one sidebar.

Now i create new components to get new sidebars which work now
but all sidebars on the same position (horizontal) what i must do to move the sidebars to another position (can´t finde directions inside the template).

Code:
<html lang="en">
    <head>
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
        <?php get_header(); ?>
        <title><?php get_site_name() ?>, <?php get_page_clean_title(); ?></title>
        <link rel="stylesheet" media="all" href="<?php get_theme_url(); ?>/style.css" />
        <link rel="shortcut icon" href="favicon.png">
        <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
        <style type="text/css" media="screen">article,aside,aside1,aside2,footer,header,nav{display:block;}</style>
    </head>
    <body id="<?php get_page_slug(); ?>" >
        <!--[if lte IE 7]><div id="ie6alert"><h1>You are using an outdated browser !</h1>For a better experience using this site, please upgrade to a modern web browser : <a href="http://browsehappy.com">Browse Happy</a></div><![endif]-->
        <header  role="banner"><h1><?php get_site_name(); ?></h1><h2><?php get_page_title(); ?></h2></header>
        <nav><ul role="navigation"><?php get_navigation(return_page_slug()); ?></ul></nav>
        <aside><?php get_component('sidebar'); ?></aside>
        <aside1><?php get_component('new_side1'); ?></aside1>
        <aside2><?php get_component('new_side2'); ?></aside2>
        <article role="main"><?php get_page_content(); ?></article>
        <footer>          
        <?php get_component('copyright'); ?>
        </footer>
    </body>
</html>

new sidebare componets "new_side1" etc. (sidebar sliders "aside1 / aside2")

CSS
Code:
aside {
  width:300px;
  padding:10px 25px 10px 50px;
  margin:2em -330px 0 10px;
  text-align:left;
  background-color:#fff;
  float:right;
  border:1px solid #e32a19;
}
aside:hover {margin-right:-10px;}
aside h2 {font-size:1.5em;margin:-1.6em 0 1em 1em;}


aside1 {
  width:300px;
  padding:10px 25px 10px 50px;
  margin:2em -330px 0 10px;
  text-align:left;
  background-color:#fff;
  float:right;
  border:1px solid #e32a19;
}
aside1:hover {margin-right:-10px;}
aside1 h2 {font-size:1.5em;margin:-1.6em 0 1em 1em;}

on which positon i can move the positoion of the sidebar itself ? (horizontal) ?

Hope anybody can help me.

Thanks in advance.

PHPman
Reply
#2
aside1 {clear_left;
...
}

aside2 {clear_left;
...
}

...

doesn't work?
|--

Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply
#3
(2013-07-10, 04:16:04)Connie Wrote: aside1 {clear_left;
...
}

aside2 {clear_left;
...
}

...

doesn't work?

don´t work if i test it
Reply
#4
I checked the theme
this theme is made for ONE <aside> and not meant to have more than one <asides> below each other

you have to study CSS to define <asides> with the necessary features:

1) one <ul>
2) each <aside> in a <li>
3) each <li> positioning itself below the one before, with relative position (top position of previous <li> with distance to that one)

what you try to do is not working
|--

Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply




Users browsing this thread: 1 Guest(s)