New Page Setup Template

Short codes are disabled. The following will produce….

  • page headed with a two column container for the child directories,
  • a container for introduction and quote text(s),
  • and a container for a three column amazon product display, designed to collapse to a single column at 530 px browser width.

Current classes are…

  • class=”dir-box”dark box; a dark color background to enhance featured thumbnails.
  • class=”columntwo”; invisible. Set to collapse at 530 px browser width.
  • class=”text-box”; a light shade of white for background.
  • class=”three-column-1; a white color box designed for three column display collapsing to to single column. Left and right borders and padding are set to a minimum size till I figure out inside bordering in CSS3 for responsive three column layout.
<div id="containertwocolumn">
<div class="columntwo">Left column dir list</div>
<div class="columntwo">Right column dir list[ pagelist_ext parent="4411" show_content="0" image_width="100" image_height="100" ]</div>
</div>
<div style="clear: both;"></div>
<div class="text-box">Introduction quote text here</div>
<div id="containertwocolumn">
<div class="three-column-1">
<h4 style="text-align: center;">Inversion Tables<a href="http://www.amazon.com/s/?_encoding=UTF8&amp;camp=1789&amp;creative=390957&amp;field-keywords=inversion%20tables%20all&amp;linkCode=ur2&amp;sprefix=inversion%20table%2Csporting%2C479&amp;tag=rapunzelsdeli-20&amp;url=search-alias%3Dsporting" target="_blank"><img title="More items in this category" alt="More items in this category" src="http://www.healthpeddler.com/wordpress/wp-content/uploads/2013/05/more-items.png" width="65" height="24" /></a></h4>
[ wpzon Keywords="Inversion Table" sindex="SportingGoods" sort="relevancerank" listing="10" ]
<h4 style="text-align: center;"><a href="http://www.amazon.com/s/?_encoding=UTF8&amp;camp=1789&amp;creative=390957&amp;field-keywords=inversion%20tables%20all&amp;linkCode=ur2&amp;sprefix=inversion%20table%2Csporting%2C479&amp;tag=rapunzelsdeli-20&amp;url=search-alias%3Dsporting" target="_blank"><img title="More items in this category" alt="More items in this category" src="http://www.healthpeddler.com/wordpress/wp-content/uploads/2013/05/more-items.png" width="65" height="24" /></a></h4>
</div>
<div class="three-column-1">
<h4 style="text-align: center;">Inversion Chairs<a href="http://www.amazon.com/s/?_encoding=UTF8&amp;camp=1789&amp;creative=390957&amp;linkCode=ur2&amp;pageMinusResults=1&amp;suo=1382888453253&amp;tag=rapunzelsdeli-20&amp;url=search-alias%3Dsporting#/ref=nb_sb_noss_1?url=search-alias%3Dsporting&amp;field-keywords=inversion%20chair&amp;sprefix=inversion+chai%2Csporting&amp;rh=i%3Asporting%2Ck%3Ainversion%20chair&amp;sepatfbtf=true&amp;tc=1382888467093" target="_blank"><img title="More items in this category" alt="More items in this category" src="http://www.healthpeddler.com/wordpress/wp-content/uploads/2013/05/more-items.png" width="65" height="24" /></a></h4>
[ wpzon Keywords="Inversion Chair" sindex="SportingGoods" sort="relevancerank" listing="10" ]
<h4 style="text-align: center;"><a href="http://www.amazon.com/s/?_encoding=UTF8&amp;camp=1789&amp;creative=390957&amp;linkCode=ur2&amp;pageMinusResults=1&amp;suo=1382888453253&amp;tag=rapunzelsdeli-20&amp;url=search-alias%3Dsporting#/ref=nb_sb_noss_1?url=search-alias%3Dsporting&amp;field-keywords=inversion%20chair&amp;sprefix=inversion+chai%2Csporting&amp;rh=i%3Asporting%2Ck%3Ainversion%20chair&amp;sepatfbtf=true&amp;tc=1382888467093" target="_blank"><img title="More items in this category" alt="More items in this category" src="http://www.healthpeddler.com/wordpress/wp-content/uploads/2013/05/more-items.png" width="65" height="24" /></a></h4>
</div>
<div class="three-column-1">
<h4 style="text-align: center;">Seated Inversion<a href="http://www.amazon.com/s/?_encoding=UTF8&amp;camp=1789&amp;creative=390957&amp;linkCode=ur2&amp;pageMinusResults=1&amp;suo=1382888453253&amp;tag=rapunzelsdeli-20&amp;url=search-alias%3Dsporting#/ref=nb_sb_noss_1?url=search-alias%3Dsporting&amp;field-keywords=inversion%20chair&amp;sprefix=inversion+chai%2Csporting&amp;rh=i%3Asporting%2Ck%3Ainversion%20chair&amp;sepatfbtf=true&amp;tc=1382888467093" target="_blank"><img title="More items in this category" alt="More items in this category" src="http://www.healthpeddler.com/wordpress/wp-content/uploads/2013/05/more-items.png" width="65" height="24" /></a></h4>
[ wpzon keywords="seated inversion" sindex="SportingGoods" snode="3408421" sort="relevancerank" listing="10" ]
<h4 style="text-align: center;"><a href="http://www.amazon.com/s/?_encoding=UTF8&amp;camp=1789&amp;creative=390957&amp;linkCode=ur2&amp;pageMinusResults=1&amp;suo=1382888453253&amp;tag=rapunzelsdeli-20&amp;url=search-alias%3Dsporting#/ref=nb_sb_noss_1?url=search-alias%3Dsporting&amp;field-keywords=inversion%20chair&amp;sprefix=inversion+chai%2Csporting&amp;rh=i%3Asporting%2Ck%3Ainversion%20chair&amp;sepatfbtf=true&amp;tc=1382888467093" target="_blank"><img title="More items in this category" alt="More items in this category" src="http://www.healthpeddler.com/wordpress/wp-content/uploads/2013/05/more-items.png" width="65" height="24" /></a></h4>
</div>
<div style="clear: both;"></div>
</div>

The post New Page Setup Template appeared first on Rapunzel's Delight.


Notice: Undefined property: WPOMatic::$admin in /var/www/vhosts/j-ext.net/wp371/wp-content/plugins/wp-o-matic/wpomatic.php on line 319

Notice: Undefined property: WPOMatic::$admin in /var/www/vhosts/j-ext.net/wp371/wp-content/plugins/wp-o-matic/wpomatic.php on line 319