WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Need help to port theme. Menu and content issues.

(1/2) > >>

jollyholly.dk:
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]

Vincent:
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:


--- Code: ---                <div class="nav">
            <?php show_menu(1,0,-1,true,&#39;<li>[a]<span><span>[menu_title]</span></span>[/a]&#39;,&#39;</li>&#39;,&#39;<ul class="artmenu">&#39;,&#39;</ul>&#39;,&#39;&#39;,&#39;class="active"&#39;); ?>
                    <div class="l">
                    </div>                   
                    <div class="r">
                        <div>
                        </div>
                    </div>
                </div>

--- End code ---

Hope this is of any help.

Regards,
Vincent

jollyholly.dk:
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..


--- Code: ---                    <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>
                                            &#8220;This stylesheet is going to help so freaking much.&#8221;
                                            <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&nbsp;Now!</span>
                                            <span class="r"><span></span></span>
                                            <span class="l"></span>
                                          </span>
                                        </a>
                                  </p>
                                   
                            </div>
                            <div class="cleared"></div>
                        </div>
                       
                            </div>
                        </div>
                    </div>
--- End code ---

Argos:

--- Quote from: 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.

--- End quote ---

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:

--- Quote from: jollyholly.dk on May 07, 2009, 01:36:41 PM ---Argos, why have you changed my original post ?
--- End quote ---

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?

Navigation

[0] Message Index

[#] Next page

Go to full version