Coded something up in Couch in an interesting way? Have a snippet or shortcode to share? Post it here for the community to benefit.
7 posts Page 1 of 1
hi guys. just wanna share theme from html5up team, licensed under the Creative Commons Attribution 3.0 License.

this is an ported one page html5 theme for couch cms.
hope you guys like it.

here is the demo (http://erra.hol.es/)

The Tag :

Code: Select all
<cms:template title='Big Picture Portfolio'>
   <!-- Intro -->
   <cms:editable name='intro' label='Intro' type='group' />
      <cms:editable name='intro_logo' label='Site logo' type='text' group='intro'>Big Picture</cms:editable>
      <cms:editable name='intro_welcome_header' label='Welcome Header' type='text' group='intro'>Hey.!</cms:editable>
      <cms:editable name='intro_welcome' label='Welcome msg' type='nicedit' group='intro'><p>Welcome to <strong>Big Picture</strong> a responsive site template designed by <a href="http://html5up.net">HTML5 UP</a>, built on <a href="http://skeljs.org">skelJS</a>, and released for free under the <a href="http://html5up.net/license/">Creative Commons Attribution 3.0 license</a>.</p></cms:editable>
   
   <!-- About Me -->
   <cms:editable name='about' label='About Me' type='group' />
      <cms:editable name='what_i_do_title' label='What I Do Title' type='text' group='about'>What I Do</cms:editable>
      <cms:editable name='what_i_do_msg' label='What I Do' type='nicedit' group='about'><p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna urna.</p></cms:editable>
      <cms:editable name='who_i_am_title' label='Who I Am Title' type='text' group='about'>Who I Am</cms:editable>
      <cms:editable name='who_i_am_msg' label='Who I Am' type='nicedit' group='about'><p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna urna.</p></cms:editable>
   
   <!-- My Work -->
    <cms:editable name='work' label='My Work' type='group' />
      <cms:editable name='mywork_title' label='My Work Title' type='text' group='work'>My Work</cms:editable>
      <cms:editable name='mywork_msg' label='My Work Msg' type='nicedit' group='work'><p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum. Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.</p></cms:editable>
      <!-- My Work_Portfolio Item Section -->
      <cms:repeatable name='portfolio_items1' label='Portfolio Items ( Left )' group='work'>
            <cms:editable name='portfolio_item_image1' label='Image' type='image' enforce_max='1' show_preview='1' preview_width='150' input_width='200' />
            <cms:editable name='portfolio_item_title1' label='Title' type='text' />
        </cms:repeatable>
      <cms:repeatable name='portfolio_items2' label='Portfolio Items ( Right )' group='work'>
            <cms:editable name='portfolio_item_image2' label='Image' type='image' enforce_max='1' show_preview='1' preview_width='150' input_width='200' />
            <cms:editable name='portfolio_item_title2' label='Title' type='text' />
        </cms:repeatable>
      
   <!-- Contact Me -->
   <cms:editable name='contact' label='Contact Me' type='group' />
      <cms:editable name='contact_title' label='Contact Title' type='text' group='contact'>Say Hello.</cms:editable>
      <cms:editable name='contact_msg' label='Contact Msg' type='nicedit' group='contact'><p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.</p></cms:editable>
      <cms:editable name='contact_button_send' label='Send Button Text' type='text' group='contact'>Send Message</cms:editable>
      
   <!-- Menu Name -->
   <cms:editable name='menu' label='Menu Name' type='group' />
      <cms:editable name='menu1' label='Menu 1' type='text' group='menu'>Intro</cms:editable>
      <cms:editable name='menu2' label='Menu 2' type='text' group='menu'>What I Do</cms:editable>
      <cms:editable name='menu3' label='Menu 3' type='text' group='menu'>Who I Am</cms:editable>
      <cms:editable name='menu4' label='Menu 4' type='text' group='menu'>My Work</cms:editable>
      <cms:editable name='menu5' label='Menu 5' type='text' group='menu'>Contact</cms:editable>
      
   <!-- Misc -->
   <cms:editable name='settings' label='Settings' type='group' />
      <!-- Site --> 
        <cms:editable name='settings_site_title' label='Site title' desc='appears in browser\'s title-bar' type='text' group='settings' >Miniport by HTML5 UP</cms:editable>
        <cms:editable name='settings_site_desc' label='Site description' desc='for Search-engines' type='text' group='settings' />
        <cms:editable name='settings_site_keywords' label='Site keywords' desc='for Search-engines' type='text' group='settings' />
        <cms:editable name='settings_site_copyright' label='Site copyright' desc='appears in footer' type='text' group='settings' >2013 Jane Doe</cms:editable>
   
   <!-- Social Buttons -->
   <cms:editable name='social' label='Social Profiles' desc='Your accounts on Social sites' type='group' />
   <cms:repeatable name='social_items' label='Social Buttons' group='social'>
            <cms:editable name='social_item_site' label='Site' opt_values="Select=-|twitter|facebook|dribbble|linkedin|tumblr|google-plus|github|rss|instagram|foursquare|skype|soundcloud|youtube|blogger|flickr|vimeo" type='dropdown'/>
            <cms:editable name='social_item_link' label='Account link' type='text' />
        </cms:repeatable>



i use php mailer for the contact form, so you guys can code it yourself for use default couchcms mailer or use php mailer too.

hope you guys enjoy.

credit goes to : couchcms & htmlup

Attachments

As soon as possible!

Touch me up : abada[dot]zulma[at]gmail[dot]com
Welcome, GoingMarryAsap and thank you very much for the contribution :)
KK wrote: Welcome, GoingMarryAsap and thank you very much for the contribution :)


your welcome KK. I love your handle name by the way. KK :D sooo cute

i have a question, its about portfolio in one page html.
lets say that i want to make portfolio section that i can add new category, and i can add new item. check the example site.

for me, maybe i will use repeatable for the category and the item. or maybe use repeatable for each item per category?
As soon as possible!

Touch me up : abada[dot]zulma[at]gmail[dot]com
:">

I suppose the categories are likely to be fixed. I think using one repeatable-region for each category items would be better suited.
KK wrote: :">

I suppose the categories are likely to be fixed. I think using one repeatable-region for each category items would be better suited.


here what i did :
Code: Select all
 <div id="portfolio-container" class="row grey section noborder">
             <div id="controls" class="row">
                <ul id="filters" class="col-md-9">
                  <li class="filter first" data-filter="all">All Class</li>
                   <li class="filter" data-filter="Knight">Knight</li>
                   <li class="filter" data-filter="Warrior">Warrior</li>
                   <li class="filter" data-filter="Ranger">Ranger</li>
                   <li class="filter" data-filter="Beastmasters">Beastmasters</li>
                  <li class="filter" data-filter="Wizard">Wizard</li>
                  <li class="filter" data-filter="Sorcerer">Sorcerer</li>
                  <li class="filter" data-filter="Assassin">Assassin</li>
                  <li class="filter" data-filter="Rogue">Rogue</li>
                  <li class="filter" data-filter="Monk">Monk</li>
                  <li class="filter" data-filter="Priest">Priest</li>
               </ul>
                <div id="toggle-layout" class="col-md-3">
                   <a href="#" class="fa fa-th square right togrid active"></a> <a href="#" class="fa fa-align-justify square right last tolist"></a>
                </div>
             </div>
             <ul id="Grid">
            <cms:pages masterpage='portfolio.php'>
                <li class="mix <cms:show class />">
              <a href="<cms:show k_page_link />" class="img"><img alt="" src="<cms:show image_thumb />"/></a>
              <div class="description">
                <h3><cms:show k_page_title /></h3>
                <p><cms:show about /></p>
                <a class="button" href="<cms:show k_page_link />"><span class="fa fa-eye-open"> </span>Go to profile</a>
              </div>
            </li>
         </cms:pages>
            </ul>
         </div>


Code: Select all
<cms:editable name='class' label='Class' opt_values="Select=-|Knight|Warrior|Ranger|Beastmasters|Wizard|Sorcerer|Assassin|Rogue|Monk|Priest" type='dropdown'/>


hahaha, but i need to add more category manualy inside the script :D
As soon as possible!

Touch me up : abada[dot]zulma[at]gmail[dot]com
If you are OK with using a separate template for the portfolio, using folders (http://www.couchcms.com/docs/miscellane ... lders.html) for the categories would be the most straightforward way of doing the same thing.

This way you'd be able to add new categories from the admin-panel.
In your code, the <ul id="filters" .. list would be generated using cms:folders tag while instead of 'class' for the pages you can show the folder the page resides in.

Hope I was able to make myself clear :)
KK wrote: If you are OK with using a separate template for the portfolio, using folders (http://www.couchcms.com/docs/miscellane ... lders.html) for the categories would be the most straightforward way of doing the same thing.

This way you'd be able to add new categories from the admin-panel.
In your code, the <ul id="filters" .. list would be generated using cms:folders tag while instead of 'class' for the pages you can show the folder the page resides in.

Hope I was able to make myself clear :)

hell yeah..! :D
thx KK. i will post here if i have another ported template.
As soon as possible!

Touch me up : abada[dot]zulma[at]gmail[dot]com
7 posts Page 1 of 1