Search the Community
Showing results for tags 'Foundation 6'.
Found 2 results
-
Hi there I know this is not the topic for this forum, but I need help and somehow can't post in the foundation forum. I am registered, but since yesterday I can't publish any posts. Maybe someone here can give me a hint.. I am a Foundation 6 beginner. I made a website responsive with Foundation 6. Fancybox via Processwire was working smoothly. Now I have implemented Foundation 6, and theres no more fancybox.... Example: http://olikehrli.ch/galerie/ Does anybody have a suggestion what the cause could be? It is exactly the same as it was before, but now with the framework nothing goes....it has to be something with F6. Thanks for any help Jakob My code: <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Oli Kehrli</title> <link rel="stylesheet" href="<?php echo $config->urls->templates?>styles/app.css"> <link rel="stylesheet" href="<?php echo $config->urls->templates?>styles/style.css"> <!-- Add jQuery library --> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <!-- Add mousewheel plugin (this is optional) --> <script type="text/javascript" src="lib/jquery.mousewheel-3.0.6.pack.js"></script> <!-- Add fancyBox --> <link rel="stylesheet" href="<?php echo $config->urls->templates?>source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo $config->urls->templates?>source/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- Optionally add helpers - button, thumbnail and/or media --> <link rel="stylesheet" href="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> <script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> <link rel="stylesheet" href="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> </head> <!-- _____________BACKGROUND IMAGE im BODY_______________ --> <body> <div class="background_wrap"></div> <div class="top-bar" > <div class="row"> <div class="large-12 columns"> <!-- ______________LOGOS RECHTS__________________ --> <ul class="menu align-right" class="logos"> <li><a href="http://www.facebook.com/pages/Oli-Kehrli/111633355624653"><img class="logos" src="<?php echo $config->urls->templates?>images/logo/facebook.gif" ></a></li> <li><a href="https://www.youtube.com/channel/UCLPySXRIt9zfzGnj1fQ8Mvw"><img class="logos" src="<?php echo $config->urls->templates?>images/logo/youtube.gif" ></a></li> </ul> <!-- _________________LOGO__________________ --> <!-- <h1>Oli Kehrli</h1>--> <a href="<?php echo $pages->get('/nojs')->url; ?>"> <img class="logo-name" src="<?php echo $config->urls->templates?>images/logo/re_logo_schwarz.gif" > </a> </div> </div> </div> <!-- _____________NAVGATION_______________ --> <div class="row" > <div class="large-12 medium-12 columns"> <!-- ____________TOGGLE MENU_____________ --> <div class="title-bar" data-responsive-toggle="resp-menu" data-hide-for="medium" > <button class="menu-icon" type="button" data-toggle></button> <div class="title-bar-title" >Menu</div> </div> <div class="top-bar-left" id="resp-menu" > <div class="top-bar-left" > <ul class="dropdown vertical medium-horizontal menu" data-dropdown-menu > <li ><a href="<?php echo $pages->get('/nojs')->url; ?>" >nöis</a></li> <li ><a href="<?php echo $pages->get('/uftritte')->url; ?>" >uftritte</a></li> <li ><a href="<?php echo $pages->get('/bio')->url; ?>" >bio</a></li> <li ><a href="<?php echo $pages->get('/medie')->url; ?>" >medie</a></li> <li ><a href="<?php echo $pages->get('/albe')->url; ?>" >albe</a></li> <li ><a class="current" href="<?php echo $pages->get('/galerie')->url; ?>" >galerie</a></li> <li ><a href="<?php echo $pages->get('/videos')->url; ?>" >videos</a></li> <li ><a href="<?php echo $pages->get('/links')->url; ?>" >links</a></li> <li class="last"><a href="<?php echo $pages->get('/kontakt')->url; ?>" >kontakt</a></li> </ul> </div> </div> </div> </div> <!-- ____________LINIE_____________ --> <div class="line"><hr class="style-two"></div> <!-- _______________MAIN CONTENT______________ medium-8 centred row innerhalb einer large-12 row --> <!-- <div class="row"> <div class="large-12 columns"> --> <div class="row"> <div class="small-12 large-7 medium-8 medium-push-1 columns" id="bg" > <!-- BILDERGALLERIE MIT PHP --> <? echo $page->seitenname; ?> </br> </br> </br> <?php foreach($page->bildergalerie as $image) { $thumbnail = $image->size(180,180); echo "<a href='{$image->url}' class='fancybox' rel='group' title='{$thumbnail->description}'><img src='{$thumbnail->url}' alt='{$thumbnail->description}' ></a>"; } ?> </div> <!-- <div class="sidebar"> --> <div class="small-12 large-5 medium-4 columns" id="bg" > <? echo $page->sidebar; ?> </div> </div> <!-- </div> </div> --> <!-- __________________Foundation Scripts___________ --> <script src="<?php echo $config->urls->templates?>bower_components/jquery/dist/jquery.js"></script> <script src="<?php echo $config->urls->templates?>bower_components/what-input/what-input.js"></script> <script src="<?php echo $config->urls->templates?>bower_components/foundation-sites/dist/foundation.js"></script> <script src="<?php echo $config->urls->templates?>js/min/app-min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox(); }); </script> </body> </html>
-
Hello I am using the table option from the ckeditor on two sites of my new website project, as framework I am using Foundation 6. I have to present a list of songs, so the table is very practical. Unfortunately the rows of the table aren't transparent , as they were before ( without framework ), and the table doesn't scale down in iphone screen. Any suggestions how to handle this problem? The two examples: http://olikehrli.ch/kontakt/ http://olikehrli.ch/albe/ Thanks Jakob
