Menu icon Foundation

My Posts






  • NEW
  • multiple Callouts hover reveal

    By Edgardo

    calloutsrevealmultiple

    Hi. Looking at this examplehttp://foundation.zurb.com/building-blocks/blocks/callout-hover-reveal.html, it is perfect for a project, although I need to do it for several divs, and each one opens independently of the others. Applying it as it is in the e... (continued)


My Comments

Edgardo commented on Edgardo's post 8 days

 
 

Edgardo commented on Edgardo's post 8 days

<header>
<section id="header-menu">
<div id="social-bar">
<div class="row">
<div class="columns">
<p class="text-right"><a href="https://www.facebook.com/" target="_blank" title="Visitanos en Facebook"><i class="fab fa-facebook"></i></a><a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a><a href="#"><i class="fas fa-phone"></i></a><a href="#"><i class="fab fa-whatsapp"></i></a><a href="contacto.html"><i class="fas fa-envelope"></i></a></p>
</div>
</div>
</div>
<div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="large">
<div class="title-bar-title"><a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a></div>
<div class="title-bar-right">
<button class="menu-icon " type="button" data-toggle="responsive-menu"></button>
</div>
</div>
<div class="top-bar" id="responsive-menu">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-title show-for-large">
<div class="" id="logo-principal"> <a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a> </div>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown" data-auto-height="true" data-animate-height="true">
<li><a href="#">Indumentaria</a>
<ul class="menu">
<li><a href="#">Ropa de Trabajo</a></li>
<li><a href="#">Ropa de Oficina</a></li>
</ul>
</li>
<li><a href="#">Calzados</a>
<ul class="menu">
<li><a href="#">Calzados de Seguridad</a></li>
<li><a href="#">Calzados de Trabajo</a></li>
</ul>
</li>
<li><a href="#">Protecciones</a>
<ul class="menu">
<li><a href="#">Craneana</a></li>
<li><a href="#">Ocular</a></li>
<li><a href="#">Facial</a></li>
<li><a href="#">Manos</a></li>
<li><a href="#">Auditivas</a></li>
<li><a href="#">Respiratoria</a></li>
</ul>
</li>
<li><a href="#">Señalización</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
</div>
</section>
</header>

Edgardo commented on Edgardo's post 8 days

<header>
  <section id="header-menu">
    <div id="social-bar">
      <div class="row">
        <div class="columns">
          <p class="text-right"><a href="https://www.facebook.com/" target="_blank" title="Visitanos en Facebook"><i class="fab fa-facebook"></i></a><a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a><a href="#"><i class="fas fa-phone"></i></a><a href="#"><i class="fab fa-whatsapp"></i></a><a href="contacto.html"><i class="fas fa-envelope"></i></a></p>
        </div>
      </div>
    </div>
    <div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="large">
      <div class="title-bar-title"><a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a></div>
      <div class="title-bar-right">
        <button class="menu-icon " type="button" data-toggle="responsive-menu"></button>
      </div>
    </div>
    <div class="top-bar" id="responsive-menu">
      <div class="top-bar-left">
        <ul class="dropdown menu" data-dropdown-menu>
          <li class="menu-title show-for-large">
            <div class="" id="logo-principal"> <a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a> </div>
          </li>
        </ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown" data-auto-height="true" data-animate-height="true">
          <li><a href="#">Indumentaria</a>
            <ul class="menu">
              <li><a href="#">Ropa de Trabajo</a></li>
              <li><a href="#">Ropa de Oficina</a></li>
            </ul>
          </li>
          <li><a href="#">Calzados</a>
            <ul class="menu">
              <li><a href="#">Calzados de Seguridad</a></li>
              <li><a href="#">Calzados de Trabajo</a></li>
            </ul>
          </li>
          <li><a href="#">Protecciones</a>
            <ul class="menu">
              <li><a href="#">Craneana</a></li>
              <li><a href="#">Ocular</a></li>
              <li><a href="#">Facial</a></li>
              <li><a href="#">Manos</a></li>
              <li><a href="#">Auditivas</a></li>
              <li><a href="#">Respiratoria</a></li>
            </ul>
          </li>
          <li><a href="#">Señalización</a></li>
          <li><a href="contacto.html">Contacto</a></li>
        </ul>
      </div>
    </div>
  </section>
</header>
 

Edgardo commented on Edgardo's post 9 days

include captures /  small correct and medium error. 


 

Edgardo commented on Edgardo's post 5 months

Thanks for your answer Giovanni.
In Windows there is no "sudo" command.
The console is accessed with administrator privileges (Run as administrator), which is the same.
I did that test several times, and it does not give a positive result.
Thanks again.
 

Edgardo commented on Edgardo's post 5 months

No, it's still not working ...
I deactivated the NOD32, deinstalled GIt and Node ...
Then I installed again from scratch: Git / Node / Gulp / Bower (all right up there)
When I try to install: npm install -g foundation-cli
Follow the same error !!! ENOENT -4058 / rename
 
I can not find the reason. I would appreciate any other idea ...

Edgardo commented on Edgardo's post 5 months

me, no solution yet.
and waiting for someone to give me an answer.

Edgardo commented on Edgardo's post 6 months

Agrego captura del error

Edgardo commented on Michael Weterings's post over 1 year

.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
    @include breakpoint(medium) {
              visibility: visible;
    }
}
 

Edgardo commented on James Cocker's post over 4 years

I implemented this solution (polyfill / rem).
I can not run the top-bar menu, although the buttons are well first level, the second level (dropdown) are hidden.
Solutions? Thanks.

Details website error

User Agent: Mozilla/4.0 (Windows NT 8.0, Windows NT 6.1, WOW64; Trident/4.0; SLCC2; NET CLR 2.0.50727; NET CLR 3.5.30729, 3.0.30729 NET CLR, Media Center PC 6.0... , InfoPath.3,. NET4.0C,. NET4.0E)
Date: Mon, April 21, 2014 18:18:26 UTC

Message: Object does not support this property or method
Line 24
Character: 24904
Code: 0
URI: http://localhost/a-base-foundation/js/vendor/jquery.js

Message: 'jQuery' is undefined
Line 8
Character: 1
Code: 0
URI: http://localhost/a-base-foundation/js/foundation.min.js

Message: An Object expected
Line 118
Character 7
Code: 0
URI: http://localhost/a-base-foundation/polyfill.html

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Edgardo's post 8 days

 
 

You commented on Edgardo's post 8 days

<header>
<section id="header-menu">
<div id="social-bar">
<div class="row">
<div class="columns">
<p class="text-right"><a href="https://www.facebook.com/" target="_blank" title="Visitanos en Facebook"><i class="fab fa-facebook"></i></a><a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a><a href="#"><i class="fas fa-phone"></i></a><a href="#"><i class="fab fa-whatsapp"></i></a><a href="contacto.html"><i class="fas fa-envelope"></i></a></p>
</div>
</div>
</div>
<div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="large">
<div class="title-bar-title"><a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a></div>
<div class="title-bar-right">
<button class="menu-icon " type="button" data-toggle="responsive-menu"></button>
</div>
</div>
<div class="top-bar" id="responsive-menu">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-title show-for-large">
<div class="" id="logo-principal"> <a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a> </div>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown" data-auto-height="true" data-animate-height="true">
<li><a href="#">Indumentaria</a>
<ul class="menu">
<li><a href="#">Ropa de Trabajo</a></li>
<li><a href="#">Ropa de Oficina</a></li>
</ul>
</li>
<li><a href="#">Calzados</a>
<ul class="menu">
<li><a href="#">Calzados de Seguridad</a></li>
<li><a href="#">Calzados de Trabajo</a></li>
</ul>
</li>
<li><a href="#">Protecciones</a>
<ul class="menu">
<li><a href="#">Craneana</a></li>
<li><a href="#">Ocular</a></li>
<li><a href="#">Facial</a></li>
<li><a href="#">Manos</a></li>
<li><a href="#">Auditivas</a></li>
<li><a href="#">Respiratoria</a></li>
</ul>
</li>
<li><a href="#">Señalización</a></li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
</div>
</section>
</header>

You commented on Edgardo's post 8 days

<header>
  <section id="header-menu">
    <div id="social-bar">
      <div class="row">
        <div class="columns">
          <p class="text-right"><a href="https://www.facebook.com/" target="_blank" title="Visitanos en Facebook"><i class="fab fa-facebook"></i></a><a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a><a href="#"><i class="fas fa-phone"></i></a><a href="#"><i class="fab fa-whatsapp"></i></a><a href="contacto.html"><i class="fas fa-envelope"></i></a></p>
        </div>
      </div>
    </div>
    <div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="large">
      <div class="title-bar-title"><a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a></div>
      <div class="title-bar-right">
        <button class="menu-icon " type="button" data-toggle="responsive-menu"></button>
      </div>
    </div>
    <div class="top-bar" id="responsive-menu">
      <div class="top-bar-left">
        <ul class="dropdown menu" data-dropdown-menu>
          <li class="menu-title show-for-large">
            <div class="" id="logo-principal"> <a href="temporal.html"><img src="img/layout/logo-FC-seguridad-industrial-web.png" alt="FC Seguridad Industrial - Marcos Juárez prov. Córdoba."></a> </div>
          </li>
        </ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown" data-auto-height="true" data-animate-height="true">
          <li><a href="#">Indumentaria</a>
            <ul class="menu">
              <li><a href="#">Ropa de Trabajo</a></li>
              <li><a href="#">Ropa de Oficina</a></li>
            </ul>
          </li>
          <li><a href="#">Calzados</a>
            <ul class="menu">
              <li><a href="#">Calzados de Seguridad</a></li>
              <li><a href="#">Calzados de Trabajo</a></li>
            </ul>
          </li>
          <li><a href="#">Protecciones</a>
            <ul class="menu">
              <li><a href="#">Craneana</a></li>
              <li><a href="#">Ocular</a></li>
              <li><a href="#">Facial</a></li>
              <li><a href="#">Manos</a></li>
              <li><a href="#">Auditivas</a></li>
              <li><a href="#">Respiratoria</a></li>
            </ul>
          </li>
          <li><a href="#">Señalización</a></li>
          <li><a href="contacto.html">Contacto</a></li>
        </ul>
      </div>
    </div>
  </section>
</header>
 

You commented on Edgardo's post 9 days

include captures /  small correct and medium error. 


 

You commented on Edgardo's post 5 months

Thanks for your answer Giovanni.
In Windows there is no "sudo" command.
The console is accessed with administrator privileges (Run as administrator), which is the same.
I did that test several times, and it does not give a positive result.
Thanks again.
 

You commented on Edgardo's post 5 months

No, it's still not working ...
I deactivated the NOD32, deinstalled GIt and Node ...
Then I installed again from scratch: Git / Node / Gulp / Bower (all right up there)
When I try to install: npm install -g foundation-cli
Follow the same error !!! ENOENT -4058 / rename
 
I can not find the reason. I would appreciate any other idea ...

You commented on Edgardo's post 5 months

me, no solution yet.
and waiting for someone to give me an answer.

You commented on Edgardo's post 6 months

Agrego captura del error

You commented on Michael Weterings's post over 1 year

.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
    @include breakpoint(medium) {
              visibility: visible;
    }
}
 

You commented on James Cocker's post over 4 years

I implemented this solution (polyfill / rem).
I can not run the top-bar menu, although the buttons are well first level, the second level (dropdown) are hidden.
Solutions? Thanks.

Details website error

User Agent: Mozilla/4.0 (Windows NT 8.0, Windows NT 6.1, WOW64; Trident/4.0; SLCC2; NET CLR 2.0.50727; NET CLR 3.5.30729, 3.0.30729 NET CLR, Media Center PC 6.0... , InfoPath.3,. NET4.0C,. NET4.0E)
Date: Mon, April 21, 2014 18:18:26 UTC

Message: Object does not support this property or method
Line 24
Character: 24904
Code: 0
URI: http://localhost/a-base-foundation/js/vendor/jquery.js

Message: 'jQuery' is undefined
Line 8
Character: 1
Code: 0
URI: http://localhost/a-base-foundation/js/foundation.min.js

Message: An Object expected
Line 118
Character 7
Code: 0
URI: http://localhost/a-base-foundation/polyfill.html

Posts Followed

Following

  • No Content

Followers