0
Welcome Guest! Login
0 items Join Now

how to duplicate the GRUNGE demo frontpage

    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • EDIT: grunge rocketlauncher now available:
      www.rockettheme.com/joomla-updates/1007-...ketlauncher-released


      hi all,

      this is a basic guide on how to duplicate the GRUNGE demo frontpage.

      1. extensions > template manager > grunge > features...
      This image is hidden for guests.
      Please log in or register to see it.


      2. rokstories configuration:
      This image is hidden for guests.
      Please log in or register to see it.

      This image is hidden for guests.
      Please log in or register to see it.


      3. frontpage mainbody
      the frontpage has 3 articles published. switch off your wysiwyg editor in the joomla global configuration and copy/paste the following code into your 1st frontpage article:
      <img class="floatleft" alt="frontpage" src="images/stories/demo/frontpage/painttruck.jpg" width="300" height="255" />
       
      <span class="article-title1">“Free, GPL Template from RocketTheme, available to download and install today.”</span>
       
      <span class="article-title2">The second free template release by RocketTheme in 2010.</span>
       
      <p>Free templates offer a perfect opportunity to try out a RocketTheme template without a club subscription. The same techniques and many core features are present in free, as well as club templates.</p>
       
      <hr id="system-readmore" />
       
      <p>In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet. Aliquam ornare, metus vitae gravida dignissim, nisi nisl ultricies felis, ac tristique enim pede eget elit. Integer non erat nec turpis sollicitudin malesuada. Vestibulum dapibus. Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros consectetur dolor, eu faucibus elit nibh eu nibh. Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum euismod. Nunc fermentum.</p>
       
      <p>Mauris lobortis. Aliquam lacinia purus. Pellentesque magna. Mauris euismod metus nec tortor. Phasellus elementum, quam a euismod imperdiet, ligula felis faucibus enim, eu malesuada nunc felis sed turpis. Morbi convallis luctus tortor. Integer bibendum lacinia velit. Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus. Phasellus vitae est at massa luctus iaculis. In tincidunt.</p>
       
      <p>Integer fermentum elit in tellus. Integer ligula ipsum, gravida aliquet, fringilla non, interdum eget, ipsum. Praesent id dolor non erat viverra volutpat. Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae, eros. Vestibulum mollis, est id rhoncus volutpat, dolor velit tincidunt neque, vitae pellentesque ante sem eu nisl. Donec facilisis, magna eget elementum pellentesque, augue arcu aliquet eros, eget convallis mauris ante quis magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean et libero. Nam aliquam. Quisque vitae tortor id neque dignissim laoreet. Duis eu ante. Integer at sapien. Praesent sed nisl tempor est pulvinar tristique. Maecenas non lorem quis mi laoreet adipiscing. Sed ac arcu. Sed tincidunt libero eu dolor. Cras pharetra posuere eros. Donec ac eros id diam tempor faucibus. Fusce feugiat consequat nulla. Vestibulum tincidunt vulputate ipsum.</p>
       
      <p>Nullam eget neque. Nullam imperdiet venenatis ligula. Integer a leo. Nunc consectetur. Maecenas sem. Proin vulputate, massa vel volutpat laoreet, purus erat pretium ligula, eget varius arcu nibh sed libero. Fusce ante. Nullam interdum aliquet metus. Ut ultrices vestibulum tellus. Praesent quis erat. Nam id turpis sit amet neque cursus luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque id tortor. In vitae sapien. Nunc quis tellus.</p>

      4. setting up the horizontal menu:
      please refer to the tutorial in the grunge demo site:
      demo.rockettheme.com/free/grunge/tutorials/menu-setup

      hope this helps, kat :)
    • Kat05 / QA Lead & Support / Germany
    • Namsul2's Avatar
    • Namsul2
    • Hero Rocketeer
    • Posts: 318
    • Thanks: 0

    Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • thanks for all this kat

      awesome tutorial
    • Freebies and discounts for Australians
      Junk Mail Australia
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • thanks namsul,

      i know it is pretty basic, if anyone needs further info just let me know and i will add it.

      kat :)
    • Kat05 / QA Lead & Support / Germany
  • Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • Hi

      Any chance of sample code for the RokStories articles?

      Thanks
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • hi sean,

      here you go:
      <p><img src="images/stories/demo/frontpage/showcase1.jpg" alt="showcase1" class="floatleft" /></p>
       
      <p><strong>Grunge</strong>, the June 2010 Free GPL release, is the second free template to take advantage of the Gantry Framework, and is outfitted with a sophisticated, artistic and professional design, on top of the highly functional core.</p>
       
      <hr id="system-readmore" />
       
      <p>In erat. Pellentesque erat. Mauris vehicula vestibulum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla pulvinar est. Integer urna. Pellentesque pulvinar dui a magna. Nulla facilisi. Proin imperdiet. Aliquam ornare, metus vitae gravida dignissim, nisi nisl ultricies felis, ac tristique enim pede eget elit. Integer non erat nec turpis sollicitudin malesuada. Vestibulum dapibus. Nulla facilisi. Nulla iaculis, leo sit amet mollis luctus, sapien eros consectetur dolor, eu faucibus elit nibh eu nibh. Maecenas lacus pede, lobortis non, rhoncus id, tristique a, mi. Cras auctor libero vitae sem vestibulum euismod. Nunc fermentum.</p>
       
      <p>Mauris lobortis. Aliquam lacinia purus. Pellentesque magna. Mauris euismod metus nec tortor. Phasellus elementum, quam a euismod imperdiet, ligula felis faucibus enim, eu malesuada nunc felis sed turpis. Morbi convallis luctus tortor. Integer bibendum lacinia velit. Suspendisse mi lorem, porttitor ut, interdum et, lobortis a, lectus. Phasellus vitae est at massa luctus iaculis. In tincidunt.</p>
       
      <p>Integer fermentum elit in tellus. Integer ligula ipsum, gravida aliquet, fringilla non, interdum eget, ipsum. Praesent id dolor non erat viverra volutpat. Fusce tellus libero, luctus adipiscing, tincidunt vel, egestas vitae, eros. Vestibulum mollis, est id rhoncus volutpat, dolor velit tincidunt neque, vitae pellentesque ante sem eu nisl. Donec facilisis, magna eget elementum pellentesque, augue arcu aliquet eros, eget convallis mauris ante quis magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean et libero. Nam aliquam. Quisque vitae tortor id neque dignissim laoreet. Duis eu ante. Integer at sapien. Praesent sed nisl tempor est pulvinar tristique. Maecenas non lorem quis mi laoreet adipiscing. Sed ac arcu. Sed tincidunt libero eu dolor. Cras pharetra posuere eros. Donec ac eros id diam tempor faucibus. Fusce feugiat consequat nulla. Vestibulum tincidunt vulputate ipsum.</p>
       
      <p>Nullam eget neque. Nullam imperdiet venenatis ligula. Integer a leo. Nunc consectetur. Maecenas sem. Proin vulputate, massa vel volutpat laoreet, purus erat pretium ligula, eget varius arcu nibh sed libero. Fusce ante. Nullam interdum aliquet metus. Ut ultrices vestibulum tellus. Praesent quis erat. Nam id turpis sit amet neque cursus luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque id tortor. In vitae sapien. Nunc quis tellus.</p>
      kat :)
    • Kat05 / QA Lead & Support / Germany
  • Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • Thanks! Its a big help.

      Sean
  • Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • Hi

      Thanks for the help on this. When I use the sample code supplied, my image is on the wrong side of the page.

      Any ideas on how to fix this?


      Sean
      http://countrymix.ie/classics
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • hi sean,

      please check my above screenshots carefully.
      there is a setting in the rokstories module parameters for "content position".

      kat :)
    • Kat05 / QA Lead & Support / Germany
  • Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • Thanks,

      All sorted now...

      S
    • amjex's Avatar
    • amjex
    • Jr. Rocketeer
    • Posts: 27
    • Thanks: 0

    Re: how to duplicate the GRUNGE demo frontpage

    Posted 14 years 5 months ago
    • Hi Friends ;)

      Could you give me a tip why my main menu ist vertical (instead of horizontal)?

      Thank you very much - with best greetings from Germany

      Andreas
    • Check my little Marketing Agency in Germany : www.AmJex.eu and give me a feedback! Tank You!!

Time to create page: 0.082 seconds