WebsiteBaker Community Forum
WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: jollyholly.dk on May 06, 2009, 10:37:18 PM
-
2. And the content-, news- and articlearea are shown into one long box.. but i want every new news/article to be in its own box for the better overview. See the attached picture.
[gelöscht durch Administrator]
-
Hi jollyholly,
I had a quick look at your problem. Didn't try to solve the second thing you mentioned, but the solution to the 1st would be:
<div class="nav">
<?php show_menu(1,0,-1,true,'<li>[a]<span><span>[menu_title]</span></span>[/a]','</li>','<ul class="artmenu">','</ul>','','class="active"'); ?>
<div class="l">
</div>
<div class="r">
<div>
</div>
</div>
</div>
Hope this is of any help.
Regards,
Vincent
-
Argos, why have you changed my original post ? But yes, its not porting.. but css / design issues. But still, i only get the problems when i want to port it.. so somehow its kinda port-problem.
Anyways, thanks vincent :D that worked perfectly.. I were playing with the different menu options too, but didnt came up with any useful result.
Hmm.. ive looked at the boxes again. And im totally lost. I dont know how to use the WebsiteBaker commands in the index-file to get it done right..
Take a look at this code.. i think i placed the first content code right.. if i want the news/articles to be shown in one box..
<div class="content">
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>
<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<?php page_content(); ?>
</div>
</div>
</div>
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>
<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<h2 class="PostHeaderIcon-wrapper">
<span class="PostHeader">Who uses our products?</span>
</h2>
<div class="PostContent">
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>.
Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>.
Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.
Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante.
Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.
Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
<blockquote>
<p>
“This stylesheet is going to help so freaking much.”
<br />
-Blockquote
</p>
</blockquote>
<br />
<table class="article" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr class="even">
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</tbody></table>
<p>
<a class="Button" href="javascript:void(0)">
<span class="btn">
<span class="t">Join Now!</span>
<span class="r"><span></span></span>
<span class="l"></span>
</span>
</a>
</p>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
</div>
-
2. And the content-, news- and articlearea are shown into one long box.. but i want every new news/article to be in its own box for the better overview. See the attached picture.
Easy: just put those sections in their own DIV and style with CSS. You need basic/intermediate webdesign skills for that. Has nothing to do with porting, just knowing how to design. Use CSS for borders and margin for a square look of the boxes. If you need every box to have rounded corners, take a look at the rouded boxes on the left how they did that, and use that method.
-
Argos, why have you changed my original post ?
Damn! What a silly mistake, that was not what I intended to do. i must have clicked the Modify button insted of the Reply button. I'm sorry! I modified it back, but the first part of the original messge is lost I'm afraid. Maybe you can place it back?
-
Its ok :)
But im totally lost with this.. where do i begin !? I cannot figure out how i place the correct wsb code into the index file to get each news-post to be shown in a box..
-
Please give us a URL to see the site. It's very hard to help without seeing the actual code in action.
-
http://204.124.183.249/www.lund-petersen.com/web/wb/
Ive come to remove some code from the news module.. so i'll try to change that back to the normal long blue box..
-
Now i have changed it a bit.. removed the blocks and bottom content.. and that looks ok to me.. hmmm.. maybe this looks better than with boxes for each news-post !?