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).
new sidebare componets "new_side1" etc. (sidebar sliders "aside1 / aside2")
CSS
on which positon i can move the positoion of the sidebar itself ? (horizontal) ?
Hope anybody can help me.
Thanks in advance.
PHPman
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