Menu icon Foundation
  • 13031 POSTS

  • Create Post
Show Filters

Results for: html

    • 10new
      Replies
    • Change font color/size in html

      By Terry Potter, last Reply by James almost 4 years ago

      I'm new to Foundation and I'm not a programmer, so bear with me! The shopping cart I'm using just switched to Foundation and I'm using their theme, so I have limited access to the css files. I really wouldn't know what to do with them if I did! :) I'... (continued)

      htmloverride


    I'm new to Foundation and I'm not a programmer, so bear with me! The shopping cart I'm using just switched to Foundation and I'm using their theme, so I have limited access to the css files. I really wouldn't know what to do with them if I did! :) I'... (continued)

    htmloverride



    Hi all, I am using foundation framework in typo3. I need to enable the drop down menu at title area I am using typo script to bring the menu options it has child options like a hierarchical manner please help me out in this problem. Thanks in advance

    Websitescsstypescripttypo3html



    First project with F5, I have a site title that I want to use h1 with, like so:

    My New Widget Site.

    I want to be able to have a size to the font, and a different font typeface th... (continued)

    Foundation 5csshtmlh1



    Can anyone provide guidance on how I can clean up my homepage? I'm trying to create a main navigation menu that's separate from the top-bar and still collapses into a menu icon for mobile devices, however, I can't seem to get the main navigation menu t... (continued)

    topbarnavigationtop-barfooterhtmlcss



    Hi! I'm using a search field w/ submit button. When user hits 'submit' it triggers a random audio file. Nothing actually gets submitted or searched. My problem is that the text remains in the field and I would like it to reset when 'submit' button is c... (continued)

    rubyrailshtmljavascript



    Hey all, I'm creating a website for a client and would like to show some of the client's work via a lightbox-style gallery. The structure would ideally be... > 2 rows of 3 thumbnails > Each thumbnail represents a different one of the client's proje... (continued)

    galleryclearinglightboxzurbcsshtml



    this is my situation, I have a foundation 5 website in local that works fine, however when I put a set of pages on the server to test on mobile (samsung galaxy considered medium device) a part of the content doesnt extend as supposed. this is the structur... (continued)

    htmlcssFoundation 5android


    • 1new
      Reply
    • Equalizer within an Equalizer

      By Alex Humphries, last Reply by April over 3 years ago

      Hello all, I am having trouble with an equalizer within an equalizer. I though I had got close with a reply from here (http://foundation.zurb.com/forum/posts/22059-nested-equalizer - 3rd reply), but this solution breaks the page when the screen shrinks. ... (continued)

      Equalizerhtmljs


    Hello all, I am having trouble with an equalizer within an equalizer. I though I had got close with a reply from here (http://foundation.zurb.com/forum/posts/22059-nested-equalizer - 3rd reply), but this solution breaks the page when the screen shrinks. ... (continued)

    Equalizerhtmljs



    I have a layout with the following code in it

    htmlcssgrid



    I'm testing this page: http://www.ritardi.net/index.aspx on desktop I'm able to aling the divs as suppored, on mobile the row below that design a white background with a little transparency extends abive and the margin is not respected as in the desktop version.

    htmlcssgridmobile



    hello, I'm trying to design a page compatible with different display size, I have 6 elements to use and I want to show 3 on each line for large to landscape devices, 2 per line on medium and 1 per line on small devices. I have done this with the following structure:

    data-equalizercssgridhtml



    I cannot figure out how to make different sections in the dropdown bar. The picture shows what I am TRYING to make.

    dropdownmakeexamplehtml



    I am trying to make it where when you click an option in a dropdown menu it opens a Panel explaining what the option does.

    dropdownpanelhelphtml



    How can we change button image on click

    html



    I am designing a site using Foundation and Drupal 7. I have a different footer for large, medium, and small, so I'm using the show/hide classes defined in Foundation. Unfortunately these are not working in Drupal. Is there a specific order I need to call ... (continued)

    drupalvisability classesFoundationhtml



    Hi all, I know how to add one custom tooltip, but how do I add multiple? So let's say, I've two classes: 'tooltip1' and 'tooltip2'. I want that 'tooltip1' has a completely different styling than 'tooltip2'. So I want something like this:

    tooltipstooltipFoundationcsshtml



    I am trying to make it so my page has something like: [TEXT]=========== [TEXT]========== [TEXT] [IMAGE]=========[IMAGE]======== [IMAGE] [EXTRA INFO]== [EXTRA INFO]== [EXTRA INFO] How would I do so/ Thanks for the help guys :D

    htmlcssimages



    Hello everyone! I'd like to make a hover effect on an image that does the following: - Displays text - Displays a button - Darkens the image slightly I've attached a screenshot of exactly how I'd like it to be done. Please let me know if thi... (continued)

    hoverbuttonhtmlcss



    I'm trying to get a background on my website BJBGaming1.com, and i have this

    csshtmlbackground


    • 2new
      Replies
    • I can't get the background to work!

      By Brandon B, last Reply by Rafi over 3 years ago

      I'm trying to get a background on my website BJBGaming1.com, and i have this BJBGaming1</t... (continued)</p> <p class="tags"> <a class="tag-container" href="/forum/tags/html">html</a><a class="tag-container" href="/forum/tags/css">css</a><a class="tag-container" href="/forum/tags/background">background</a><a class="tag-container" href="/forum/tags/main.css">main.css</a> </p> </div> </div> </li> </ul> <hr> </div> </div> <div class="row post old show-for-small"> <div class="small-12 columns"> <ul class="post-count-spacing small-block-grid-2 large-block-grid-2"> <li> <a href="/forum/posts/36408-i-cant-get-the-background-to-work"> <div class="post-count"> <div class="post-count-container"> <span class="reply-count">2</span> </div> <div class="total-post-count total-replies">Replies</div> </div> </a> </li> <li> <h5 class="content-title"> <a href="/forum/posts/36408-i-cant-get-the-background-to-work">I can't get the background to work!</a> </h5> <p class="author-name"> By <span class="author"> <strong><a href="/forum/16990-brandon-b">Brandon B</a></strong> </span><span class="by">, last Reply by</span> <span class="when"> <span class="author"> <strong><a href="/forum/10-rafi-benkual">Rafi Benkual</a></strong> </span> over 3 years ago </span> </p> </li> </ul> <div class="post-description"> <div class="post-description copy"> <p>I'm trying to get a background on my website BJBGaming1.com, and i have this <!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>BJBGaming1</t... (continued)</p> <p class="tags"> <a class="tag-container" href="/forum/tags/html">html</a><a class="tag-container" href="/forum/tags/css">css</a><a class="tag-container" href="/forum/tags/background">background</a><a class="tag-container" href="/forum/tags/main.css">main.css</a> </p> </div> </div> <hr> </div> </div> <!-- unless logged in statement --> <!-- post interation --> </ul> <nav class="pagination"> <span class="first"> <a href="/forum/tags/html">« First</a> </span> <span class="prev"> <a href="/forum/tags/html?page=3" rel="prev">‹ Prev</a> </span> <span class="page"> <a href="/forum/tags/html">1</a> </span> <span class="page"> <a href="/forum/tags/html?page=2">2</a> </span> <span class="page"> <a href="/forum/tags/html?page=3" rel="prev">3</a> </span> <span class="page current"> 4 </span> <span class="page"> <a href="/forum/tags/html?page=5" rel="next">5</a> </span> <span class="page"> <a href="/forum/tags/html?page=6">6</a> </span> <span class="page"> <a href="/forum/tags/html?page=7">7</a> </span> <span class="page"> <a href="/forum/tags/html?page=8">8</a> </span> <span class="page gap">…</span> <span class="next"> <a href="/forum/tags/html?page=5" rel="next">Next ›</a> </span> <span class="last"> <a href="/forum/tags/html?page=9">Last »</a> </span> </nav> </div> </div> </div> <!-- <div class="show-for-small"> <ul class="mobile-nav"> <li> <a class="current" href="/forum" id="joyride-feed">Feed</a> </li> <li> <a href="/forum/myforum" id="joyride-myforum">My Forum</a> </li> <li> <a href="/forum/posts/new" id="joyride-create-post">Create Post</a> </li> <div class="foundation-sub-nav"> <ul class="marketing-subnav"> <li><a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a></li> <li><a href="http://foundation.zurb.com/get-involved/premium-support.html" class="lower-case">PLZ Halp</a></li> <li><a href="http://foundation.zurb.com/forum/">Forum</a></li> <li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li> <li><a href="http://foundation.zurb.com/get-involved/contribute.html" class="is-active">Contribute</a></li> <li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li> <li><a href="http://foundation.zurb.com/get-involved/partners.html">Partners</a></li> </ul> </div> </ul> </div> --> <!-- <div class="newsletter-signup layout-sites"> <div class="row column medium-9 medium-columns"> <div class="row"> <div class="medium-7 large-8 columns"> <a href="http://foundation.zurb.com/learn/responsive-reading.html"> <h5 class="hide-for-medium-only">Download ZURB’s 17 Responsive Trends That Will Shape 2017</h5> <p>Stay informed with amazing responsive trends each month from ZURB.</p> </a> </div> <div class="medium-5 large-4 footer-signup-form columns"> <a style="margin-bottom: 0;" href="http://foundation.zurb.com/learn/responsive-reading.html" class="button expanded">Download the PDF</a> </div> </div> </div> </div> --> <section class="footer-contact cow-section"> <div class="row align-center"> <div class="small-12 column text-center" style="z-index: 2;"> <h5 class="homepage-section-subtitle lighter hide-me">Register Today</h5> <span class="homepage-section-subtitle-divider lighter small-centered hide-me"></span> <h1 class="homepage-section-title hide-me">Get all the answers in our <br><!-- July 18th --> <a class="hyperlink" href="http://zurb.com/university/courses?utm_source=Forum%20Footer&utm_medium=footer&utm_campaign=July%2011%20Footer&utm_content=July%2011%20Footer">Foundation Classes</a></h1> </div> <div class="small-11 medium-11 large-10 column text-center small-centered"> <p class="homepage-section-desc hide-me">Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.</p> </div> <div class="small-11 medium-8 large-5 column footer-contact-form small-centered" style="position:relative;"> <a href="https://zurb.com/university/courses" class="expanded large button home-form-submit-button">See Upcomming Classes</a> <p class="text-center">Or if you prefer, contact the Foundation Team at <a class="text-link" href="mailto:foundation@zurb.com">training@zurb.com</a> or (408) 341-0600 x635</p> </div> </div> </section> <footer class="footer-nav row expanded collapse"> <div class="footer-nav-left"> <p class="footer-copyright">© 1998–2018 ZURB, Inc.</p> </div> <div class="footer-nav-center"> <ul class="footer-nav-menu"> <li class="footer-nav-menu-item"> <a href="http://zurb.com/responsive">Showcase</a> </li> <li class="footer-nav-menu-item"> <a href="http://zurb.com/university/courses">Training</a> </li> <li class="footer-nav-menu-item"> <a href="http://foundation.zurb.com/develop/getting-started.html">Building Blocks</a> </li> <li class="footer-nav-menu-item"> <a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a> </li> <li class="footer-nav-menu-item"> <a href="http://foundation.zurb.com/sites/docs/">Docs</a> </li> </ul> </div> <div class="footer-nav-right"> <ul class="footer-nav-menu-icons"> <li class="footer-nav-menu-item"> <a href="http://foundation.zurb.com/get-involved/support.html"><img class="footer-social-icon" src="https://foundation.zurb.com/assets/img/icons/email-icon.svg" alt=""></a> </li> <li class="footer-nav-menu-item"> <a href="https://www.facebook.com/ZURB/"><img class="footer-social-icon" src="https://foundation.zurb.com/assets/img/icons/facebook-icon.svg" alt=""></a> </li> <li class="footer-nav-menu-item"> <a href="https://twitter.com/ZURBfoundation"><img class="footer-social-icon" src="https://foundation.zurb.com/assets/img/icons/twitter-icon.svg" alt=""></a> </li> <li class="footer-nav-menu-item"> <a href="https://www.youtube.com/user/zurb"><img class="footer-social-icon" src="https://foundation.zurb.com/assets/img/icons/youtube-icon.svg" alt=""></a> </li> </ul> </div> </footer> <div class="reveal-modal-bg"> </div> </section> <section id="sidebar" role="complementary"> <div class="main-menu"> <h6>Foundation Forum</h6> <nav id="sideMenu" role="navigation"> <ul id="sideMainNav" class="nav-bar"> <li> <a class="current" href="/forum" id="joyride-feed">Feed</a> </li> <li> <a href="/forum/myforum" id="joyride-myforum">My Forum</a> </li> <li> <a href="/forum/posts/new" id="joyride-create-post">Create Post</a> </li> <div class="foundation-sub-nav"> <ul class="marketing-subnav"> <li><a href="http://foundation.zurb.com/get-involved/support.html">Get Involved</a></li> <li><a href="http://foundation.zurb.com/get-involved/premium-support.html" class="lower-case">PLZ Halp</a></li> <li><a href="http://foundation.zurb.com/forum/">Forum</a></li> <li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li> <li><a href="http://foundation.zurb.com/get-involved/contribute.html" class="is-active">Contribute</a></li> <li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li> <li><a href="http://foundation.zurb.com/get-involved/partners.html">Partners</a></li> </ul> </div> </ul> </nav> </div> <hr> <div class="more-goodness"> <h6>More ZURB Goodness</h6> <nav role="navigation"> <ul id="sideMainNav" class="nav-bar goodness"> <li><a href="http://zurb.com/manifesto">Manifesto</a></li> <li><a href="http://zurb.com/studios/our-work">Our Work</a></li> <li><a href="http://zurb.com/expo/courses">Product Design Courses</a></li> </ul> </nav> </div> <hr> <div class="zurb-links"> <ul class="top"> <li class="logo"> <a href="http://zurb.com"> <img alt="Zurb logo" src="https://foundation.zurb.com/forum/assets/offcanvas/zurb-logo-f21a1b472e31d4217d4017d0b951d602.png" /> </a> </li> <li><a href="http://zurb.com/about">About</a></li> <li><a href="http://zurb.com/blog">Blog</a></li> <li><a href="http://zurb.com/contact">Contact</a></li> </ul> <ul class="off-canvas-list"> <li><label class="first">Foundation</label></li> <li><a href="http://foundation.zurb.com/index.html">Home</a></li> </ul> <hr> <ul class="off-canvas-list"> <li><a href="http://zurb.com/responsive">Foundation Showcase</a></li> <li><a href="http://foundation.zurb.com/showcase/brands.html">Brands</a></li> <li><a href="http://foundation.zurb.com/showcase/case-studies.html">Case Studies</a></li> <li><a href="http://foundation.zurb.com/showcase/blog.html">Blog</a></li> <li><a href="http://foundation.zurb.com/showcase/buzz.html">Buzz</a></li> <li><a href="http://foundation.zurb.com/showcase/about.html">About Foundation</a></li> </ul> <hr> <ul class="off-canvas-list"> <li><label class="first">Foundation for Sites</label></li> <li class="nav-main-item"><a class="" href="http://foundation.zurb.com/sites.html">Home</a></li> <li><a href="http://foundation.zurb.com/sites/getting-started.html" class="is-active">Getting Started</a></li> <li><a href="http://foundation.zurb.com/sites/download.html">Download</a></li> <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li> <li><a href="http://foundation.zurb.com/sites/building-blocks.html">Building Blocks</a></li> <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li> <li><a href="http://foundation.zurb.com/sites/docs/" target="_blank">Docs</a></li> </ul> <hr> <ul class="off-canvas-list"> <li><label class="first">Foundation for Emails</label></li> <li class="nav-main-item"><a class="spaced-list-item" href="http://foundation.zurb.com/emails.html">Home</a></li> <li><a href="http://foundation.zurb.com/emails/getting-started.html">Getting Started</a></li> <li><a href="http://foundation.zurb.com/emails/download.html">Download</a></li> <li><a href="http://foundation.zurb.com/emails/inliner-v2.html">Inliner</a></li> <li><a href="http://foundation.zurb.com/emails/email-templates.html">Email Templates</a></li> <li><a href="http://foundation.zurb.com/emails/resources.html">Resources</a></li> <li><a href="http://foundation.zurb.com/emails/docs" target="_blank">Docs</a></li> </ul> <hr> <ul class="off-canvas-list"> <li><label class="first">Develop</label></li> <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li> <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li> <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li> <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li> </ul> <hr> <ul class="off-canvas-list"> <li><label class="first">Get Involved</label></li> <li><a href="http://foundation.zurb.com/get-involved/support.html">Support</a> </li> <li><a href="http://foundation.zurb.com/get-involved/premium-support.html">PLZ Halp</a></li> <li><a href="http://foundation.zurb.com/forum/">Foundation Forum</a></li> <li><a href="http://foundation.zurb.com/get-involved/faq.html">FAQs</a></li> <li><a href="http://foundation.zurb.com/get-involved/contribute.html">Contribute</a></li> <li><a href="http://foundation.zurb.com/get-involved/yetinauts.html">Yetinauts</a></li> </ul> <ul class="pillars"> <li> <a href="http://zurb.com/studios" class="footer-link-block services"> <h4>Studios</h4> <span>Helping startups win since '98.</span> </a> </li> <li> <a href="http://foundation.zurb.com/" class="footer-link-block foundation"> <h4>Foundation</h4> <span>World's most advanced responsive framework.</span> </a> </li> <li> <a href="http://zurb.com/notable" class="footer-link-block apps"> <h4>Notable</h4> <span>Tools to rapidly prototype and iterate.</span> </a> </li> <li> <a href="http://zurb.com/university" class="footer-link-block expo"> <h4>University</h4> <span>Online training for smarter product design.</span> </a> </li> </ul> </div> </section> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2195009-50', 'zurb.com', 'foundationForum'); ga('create', 'UA-2195009-2', 'zurb.com', 'zurb'); ga('create', 'UA-2195009-27', 'zurb.com','foundation'); ga('foundationForum.send', 'pageview'); ga('zurb.send', 'pageview'); ga('foundation.send', 'pageview'); </script> <script src="https://foundation.zurb.com/forum/assets/application-8d1453c096f28e8a7f9549e22c0e8e3f.js"></script> <script> var clipboard = new Clipboard('.copy-button'); // clipboard.on('success', function(e) { // console.log('clipboard copied'); // $('.copy-button').innerHTML = "Copied!"; // }); document.getElementById("copyBtn").addEventListener("click", myFunction); function myFunction() { document.getElementById("btnText").innerHTML = "Copied!"; } // function changeText() { // console.log('clicked!!!!!!'); // document.getElementById("btnText").innerHTML = "Copied!"; // } // $("#copyBtn").on("click", changeText); </script> </body> </html>