pwusr
-
Posts
35 -
Joined
-
Last visited
Everything posted by pwusr
-
Thanks Luis. Really appreciate your help. Yes, that part is working.(Sorry!) But what I want is, to get the styling working when I use the MarkupSimpleNavigation module. I have the module installed and placed the following php code <?php$treeMenu = $modules->get("MarkupSimpleNavigation"); echo $treeMenu->render();?> between <div id="navbar"> & </div> replacing the php code there. I know its not styled but even after spending a lot of time I can't get it to work, I have already given the css code above. Thanks a lot in advance.
-
Thanks Luis.. Here is the complete head.inc code: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="DESCRIPTION GOES HERE"> <meta name="keywords" content="KEYWORDS GO HERE"> <title>TITLE GOES HERE</title> <link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>styles/tut_layout.css" /> </head> <body> <div id="menubar"> <div id="navbar"> <?php $homepage = $pages->get("/"); $children = $homepage->children; $children->prepend($homepage); ?> <ul id="nav" class="drop"> <?php foreach($children as $child) { if($child->numChildren > 0 && $child<>$homepage){ $class = $child === $page->rootParent ? " active" : ''; echo "<li><a href='#'>{$child->title}<b class='caret'></b></a>"; echo "<ul>"; foreach($child->children as $grandchild){ if($grandchild->numChildren > 0 && $grandchild<>$homepage){ $class = $grandchild === $page ? " class='active'" : ''; echo "<li><a href='#'>{$grandchild->title}</a>"; echo "<ul>"; foreach($grandchild->children as $greatgrandchild){ $class = $greatgrandchild === $page ? " class='active'" : ''; echo "<li><a href='{$greatgrandchild->url}'>{$greatgrandchild->title}</a></li>"; } echo "</ul>"; echo "</li>"; }else { $class = $grandchild === $page->rootParent ? " class='active'" : ''; echo "<li><a href='{$grandchild->url}'>{$grandchild->title}</a></li>"; } } echo "</ul>"; echo "</li>"; }else{ $class = $child === $page->rootParent ? " class='active'" : ''; echo "<li$class><a href='{$child->url}'>{$child->title}</a></li>"; } } ?> </ul> </div><!-- /navbar --> </div><!-- /menubar --> <header id="masthead"> <div id="header-banner">BANNER GOES HERE</div> </header> <div id="wrapper"> <div id="content">
-
Thanks Luis. I am sorry for not being more specific. Yes, I have referred to the CSS properly and the rest of the styling for the page works fine. Here is the CSS (same as the tut): #menubar { background-color: #545454; height: 45px; width: 100%; } #navbar { height: 45px; width: 1000px; margin-right: auto; margin-left: auto; background: #333; } ul#nav { margin: 8px 0 0 20px; } ul.drop a { display:block; color: #fff; font-family: Verdana; font-size: 14px; text-decoration: none; } ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; color: #fff; } ul.drop { position: relative; z-index: 597; float: left; } ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px; } ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #1e7c9a; } ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #555; border: 1px solid #fff; } ul.drop ul li { float: none; } ul.drop ul ul { top: -2px; left: 100%; } ul.drop li:hover > ul { visibility: visible } & here is the nav part from the header (again from the tutorial) <div id="menubar"> <div id="navbar"> <?php $homepage = $pages->get("/"); $children = $homepage->children; $children->prepend($homepage); ?> <ul id="nav" class="drop"> <?php foreach($children as $child) { if($child->numChildren > 0 && $child<>$homepage){ $class = $child === $page->rootParent ? " active" : ''; echo "<li><a href='#'>{$child->title}<b class='caret'></b></a>"; echo "<ul>"; foreach($child->children as $grandchild){ if($grandchild->numChildren > 0 && $grandchild<>$homepage){ $class = $grandchild === $page ? " class='active'" : ''; echo "<li><a href='#'>{$grandchild->title}</a>"; echo "<ul>"; foreach($grandchild->children as $greatgrandchild){ $class = $greatgrandchild === $page ? " class='active'" : ''; echo "<li><a href='{$greatgrandchild->url}'>{$greatgrandchild->title}</a></li>"; } echo "</ul>"; echo "</li>"; }else { $class = $grandchild === $page->rootParent ? " class='active'" : ''; echo "<li><a href='{$grandchild->url}'>{$grandchild->title}</a></li>"; } } echo "</ul>"; echo "</li>"; }else{ $class = $child === $page->rootParent ? " class='active'" : ''; echo "<li$class><a href='{$child->url}'>{$child->title}</a></li>"; } } ?> </ul> </div><!-- /navbar --> </div><!-- /menubar --> Please tell me how to get the css styling shown at the top for the output of the MarkupSimpleNavigation module. $treeMenu = $modules->get("MarkupSimpleNavigation"); echo $treeMenu->render(); Sorry for the long post (& missing the obvious ) Thanks a lot for your help.
-
I've been using a variation of the 960 grid for my sites. Please let me know how easy it is to use it with PW? Also I've been looking at the PW tutorials - now going through the Mediawiki tutorial. I have downloaded the MarkupSimpleNavigation module. I've been trying to replace the Navigation part given in the tutorial <div id="menubar"> <div id="navbar"> <?php $homepage = $pages->get("/"); $children = $homepage->children; $children->prepend($homepage); ?> <ul id="nav" class="drop"> <?php foreach($children as $child) { if($child->numChildren > 0 && $child<>$homepage){ $class = $child === $page->rootParent ? " active" : ''; echo "<li><a href='#'>{$child->title}<b class='caret'></b></a>"; echo "<ul>"; foreach($child->children as $grandchild){ if($grandchild->numChildren > 0 && $grandchild<>$homepage){ $class = $grandchild === $page ? " class='active'" : ''; echo "<li><a href='#'>{$grandchild->title}</a>"; echo "<ul>"; foreach($grandchild->children as $greatgrandchild){ $class = $greatgrandchild === $page ? " class='active'" : ''; echo "<li><a href='{$greatgrandchild->url}'>{$greatgrandchild->title}</a></li>"; } echo "</ul>"; echo "</li>"; }else { $class = $grandchild === $page->rootParent ? " class='active'" : ''; echo "<li><a href='{$grandchild->url}'>{$grandchild->title}</a></li>"; } } echo "</ul>"; echo "</li>"; }else{ $class = $child === $page->rootParent ? " class='active'" : ''; echo "<li$class><a href='{$child->url}'>{$child->title}</a></li>"; } } ?> </ul> </div><!-- /navbar --> </div><!-- /menubar --> with the rendering code of the module. Although it's working I can't get the styling to work. Please tell me what I am missing here. Thanks a lot in advance.
-
Oh..wow! Thank you very much @Joss!
-
Thanks a lot, @Pete! I had checked this page and it was empty : http://processwire.com/tutorials/quick-start/
-
Can anyone please point me to the Quick Start Tutorial.. (that page appears empty) Thank you.
-
Thanks a lot @apeisa & @Pete. Happy that I took the right step coming to Processwire.
-
Thank you very much @teppo for your quick and comprehensive reply. Hope you mean that I wouldn't be required to write any custom modules for the above tasks. Now comes the difficult part - I have been creating websites with html/css and some javascript for some time now. Will I be able to learn processwire fairly quickly, to do the tasks above (I have only basic knowledge in PHP). I am enthusiastic about pw after reading lots of nice comments everywhere. Please also tell me (a)how easy would be theming (b)for laymen who would ultimately be adding/editing products and articles. Sorry for the long post. Again thanks a million for your help.
-
Hi, I have to do a website where I have to display 4-5 categories of products with a title, description, picture and price. (No cart or payment involved). There should be (admin) provision to add/edit these products in the backend. For each category there will be some articles (like a blog) and option to add them (in the backend) Please let me know how easy it would be to do this with Processwire. Thanks a lot in advance for your kind help.