Help with my first theme ... please - themes

26 Mar 2012


      Hi every:
I'm trying to create my first theme and I want to use Twitter Bootstrap 
as CSS framework. I'm using Zen as base theme so my info file 
(comvivem.info) looks like this one:
name        = Comvivem
description = Comvivem theme for COMVIVEM Community based on Zen and 
Twitter Bootstrap
screenshot = screenshot.png
core       = 6.x
base theme = zen
stylesheets[all][] = css/bootstrap.min.css
regions[sidebar_left] = Sidebar Left
regions[sidebar_right] = Sidebar Right
regions[header] = Header
regions[content] = Content
regions[footer] = Footer
regions[footer_col_1] = Footer Column 1
regions[footer_col_2] = Footer Column 2
regions[footer_col_3] = Footer Column 3
regions[footer_col_4] = Footer Column 4
features[] = logo
features[] = name
features[] = slogan
features[] = mission
features[] = node_user_picture
features[] = comment_user_picture
features[] = search
features[] = favicon
features[] = primary_links
features[] = secondary_links
settings[zen_block_editing]        = 1
settings[zen_breadcrumb]           = yes
settings[zen_breadcrumb_separator] = ' › '
settings[zen_breadcrumb_home]      = 1
settings[zen_breadcrumb_trailing]  = 1
settings[zen_breadcrumb_title]     = 0
settings[zen_rebuild_registry]     = 1
settings[zen_wireframes]           = 0
Then after I create a page and call it page.tpl.php and wrote this inside:
<!DOCTYPE html>
<html lang="en">
     <head>
         <?print $head; ?>
         <title><?php print $head_title; ?></title>
         <meta name="viewport" content="width=device-width, 
initial-scale=1.0">
         <?php print $styles; ?>
         <?php print $scripts; ?>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
         <!--[if lt IE 9]>
           <script 
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
         <![endif]-->
     </head>
<body>
<div id="header" class="container-fluid">
             <?php if ($header): ?>
                 <?php print $header; ?>
             <?php endif; ?>
         </div> <!--./header-->
<div id="page_content" class="container-fluid">
             <div class="row-fluid">
                 <?php if ($sidebar_left && !$sidebar_right) { ?>
                     <div id="sidebar-left" class="span3">
                         <?php print $sidebar_left; ?>
                     </div><!--/sidebar left-->
<div id="content-center" class="span9">
                         <?php if (!drupal_is_front_page()): ?>
                             <?php echo $content; ?>
                         <?php endif; ?>
                     </div><!--/content-center-->
<?php } elseif ($sidebar_left && $sidebar_right) { ?>
                     <div id="sidebar-left" class="span3">
                         <?php print $sidebar_left; ?>
                     </div><!--/sidebar left-->
<div id="content-center" class="span6">
                         <?php if (!drupal_is_front_page()): ?>
                             <?php echo $content; ?>
                         <?php endif; ?>
                     </div><!--/content-center-->
<div id="sidebar-right" class="span3">
                         <?php print $sidebar_right; ?>
                     </div><!--/sidebar right-->
<?php } elseif (!$sidebar_left && $sidebar_right) { ?>
<div id="content-center" class="span6">
                         <?php if (!drupal_is_front_page()): ?>
                             <?php echo $content; ?>
                         <?php endif; ?>
                     </div><!--/content-center-->
<div id="sidebar-right" class="span3">
                         <?php print $sidebar_right; ?>
                     </div><!--/sidebar right-->
<?php } ?>
             </div><!--/row-->
             <hr>
             <footer>
                 <div class="row-fluid">
                     <?php if($footer_col_1): ?>
                     <div id="footer_col_1" class="span4">
                         <?php print $footer_col_1; ?>
                     </div><!--/footer_col_1-->
                     <?php endif; ?>
                     <?php if($footer_col_2): ?>
                     <div id="footer_col_2" class="span4">
                         <?php print $footer_col_2; ?>
                     </div><!--/footer_col_1-->
                     <?php endif; ?>
                     <?php if($footer_col_3): ?>
                     <div id="footer_col_3" class="span4">
                         <?php print $footer_col_3; ?>
                     </div><!--/footer_col_1-->
                     <?php endif; ?>
                     <?php if($footer_col_4): ?>
                     <div id="footer_col_4" class="span4">
                         <?php print $footer_col_4; ?>
                     </div><!--/footer_col_1-->
                     <?php endif; ?>
                 </div>
             </footer> <!--./footer-->
</div><!--/.page_content-->
<?php print $closure; ?>
     </body>
</html>
But it's not working because when I enable the theme I can't see any of 
the regions and either bootstrap.min.css is loaded. Any can help me 
here? I'm stucked and I read the docs without success :(
Cheers and thanks in advance
-- 
Ing. Reynier Perez Mira
eMail: reynierpm@gmail.com, reynierpm@treswd.com
Skype: reynierpm
Mobile: +58 424.180.5609