Search the Community
Showing results for tags 'Foundation'.
-
Foundation 6 Minimal site profile for ProcessWire This profile is based on the "minimal site profile (intermediate edition)" and bundled with Foundation 6. This precompiled version can be downloaded at github. Features Foundation 6 framework Font-Awesome MeanMenu Slick Carousel (Why not Orbit ?) Render / helper functions for : Simple ul navigation Foundation Multi-level topbar MeanMenu - Responsive menu for mobile device Slick Carousel Foundation Accordion Foundation Callouts Jumbotron Dependencies jQuery How To Install Download the zip file at Github or clone directly the repo with git clone and skip the step 2. Extract the folder site-fdn6-precompiled into a fresh ProcessWire installation root folder. During the installation of ProcessWire, choose the profile "ProcessWire Foundation 6 profile". References Foundation 6 documentation ProcessWire documentation MeanMenu documentation Slick Carousel Documentation Credits The ProcessWire staff Screenshots
- 7 replies
-
- 14
-
- responsive
- foundation
-
(and 2 more)
Tagged with:
-
Hi! I am planning to make my existing site (http://www.zwedenweb.com) responsive, but need some help to get started. The first question: modify the existing theme or start from scratch? I figured that starting from scratch is probably best. Am I right there? Second: I think I'll go with Zurb's Foundation, but don't really know where to start. Is there a guide or write up how to create a foundation theme in PW? I searched the forums, but didn't find the stuff to get me started. //Jasper
- 10 replies
-
- getting started
- responsive
-
(and 2 more)
Tagged with:
-
hi @all could somebody help me and show me the right way to create easily topbar-navigation PW+ZurbFoundation please? This is my HTML for the navigation: <nav class="top-bar" data-topbar> <ul class="title-area"> <li class="name"> <h1> <a href="#"> 1. BGC-Celle </a> </h1> </li> <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li> </ul> <section class="top-bar-section"> <ul class="right"> <li class="divider"></li> <li class="has-dropdown"> <a href="#">Main Item 1</a> <ul class="dropdown"> <li><label>Section Name</label></li> <li class="has-dropdown"> <a href="#" class="">Has Dropdown, Level 1</a> <ul class="dropdown"> <li><a href="#">Dropdown Options</a></li> <li><a href="#">Dropdown Options</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Subdropdown Option</a></li> <li><a href="#">Subdropdown Option</a></li> <li><a href="#">Subdropdown Option</a></li> </ul> </li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li class="divider"></li> <li><label>Section Name</label></li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li class="divider"></li> <li><a href="#">See all →</a></li> </ul> </li> <li class="divider"></li> <li><a href="#">Main Item 2</a></li> <li class="divider"></li> <li class="has-dropdown"> <a href="#">Main Item 3</a> <ul class="dropdown"> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li><a href="#">Dropdown Option</a></li> <li class="divider"></li> <li><a href="#">See all →</a></li> </ul> </li> </ul> </section> </nav> how can I render this in PW easily? Thanks
- 10 replies
-
- navigation
- foundation
-
(and 1 more)
Tagged with:
-
Hi, i love the FieldtypeFontIconPicker but unfortunately it only supports FontAwesome. Is there a solution to include the icon package of Foundation ? regards, Gerald
-
- 1
-
- Font Icon Picker
- FontIconPicker
-
(and 4 more)
Tagged with:
-
Hi Community I have a little problem: I have PW+ZurbFoundation5 with HannaCode-module my home.php: <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></title> <link rel="stylesheet" href="<?php echo $config->urls->templates; ?>css/foundation.css" /> <script src="<?php echo $config->urls->templates; ?>js/vendor/modernizr.js"></script> </head> <body> <!-- HannaCode --> <?php $body = $page->body; echo $page->body; ?> <script src="<?php echo $config->urls->templates; ?>js/vendor/jquery.js"></script> <script src="<?php echo $config->urls->templates; ?>js/foundation.min.js"></script> <script> $(document).foundation(); </script> </body> </html> HannaCode [[bigheader]] as HTML: <div class="row fullWidth img"> <img src="<?php echo $config->urls->templates; ?>img/header.jpg" alt="header-picture"> </div> and my Page with body field: [[bigheader]] and this is the rendered page: what is wrong with my code? Thanks!
-
Does anyone here use Foundation 5 and CodeKit 2 and SASS? Things have changed since v5 was released and I wanted to sanity check my setup and my understanding of it. In CodeKit 2, I've created a Foundation project and pointed it at a folder called Foundation within my site/assets/scripts directory. _settings.css (foundation > scss) This is the place to make fundamental changes to the framework. IE change the background color or base font size. This is then compiled by CodeKit 2 into a file called: app.css (foundation > css > css) This file should be referenced in my HEAD as follows (your paths may differ) <!-- Foundation 5 --> <link rel="stylesheet" href="<?php echo $config->urls->site; ?>assets/scripts/foundation/css/app.css"> Previously I'd created a file called foundation-custom.css at the end of my HEAD and used that for custom over-rides. With Foundation 5 and the _settings.css, is this bad practice or no longer necessary or not important?
- 2 replies
-
- Foundation
- SASS
-
(and 1 more)
Tagged with:
-
Lately i've put together this rather standard website for a german beer brewery manufactory: http://schwarzwald-gold.com Design is all by me, except the logo, which was done by a graphic designer. The new Foundation 5 was used as base. For the slideshow i used layerslider, the client could create his own slideshows and assign it to every piece of content. The client wished to have configurable blocks of content, which i realised with repeaters that can be adjusted to display just text, text with a left or right aligned picture and can choose to include a slideshow at the end of the block. The contact form is based on the code from Soma.
-
- 5
-
- beer
- foundation
-
(and 1 more)
Tagged with: