Navigation Tab Menus and Lightbox Gallery!

  • 3
  • Idea
  • Updated 9 years ago
I've added to the Yola Code site once again. This time my main focus was on getting navigation menus that uses tabs! You'll see a varied assortment under the Navigation menu section. I've also added a "Lightbox Gallery" to the slideshow section.

Please be sure to read the rules first before grabbing the codes. Thanks!

http://yolacodes.yolasite.com
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • great!

Posted 9 years ago

  • 3
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
nice one LU, the codes are AWSOME!

PS have dynamic drive let you post the codes?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I am not allowed to visibly display them on the site. I am still waiting to hear back from them if this arrangement can be changed.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
okay :D
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'm glad that you like the codes though! =)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
i may use one of them, look out :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Just wanted to let people know about this. =)
Photo of mopuri.sr

mopuri.sr

  • 1 Post
  • 0 Reply Likes
how to download light box with tabbed menu. i need code plz help me
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello mopuri.sr

Please go to http://yolatestsite.yolasite.com and enter in the login details given through the Yola Code site. Navigate to the code you want and follow the instructions given. If you still have trouble, please email support@yola.com, ATTN: Sanja and I can help further.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Littleus -

In reference to the lightbox gallery:

A note that you could add to your site for users who have a black background.

You can not read the caption text or the 'press x to close' if you have a black background.

You have to add a colour to the CSS so the text can be seen.

<!--

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 1.4em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; color: #862423;}
#keyboardMsg{ float: right; color: #862423;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(resources/overlay.png); }

Notice i have changed the font size and also these 2 lines

#lightboxCaption{ float: left; color: #862423;}
#keyboardMsg{ float: right; color: #862423;}

-->

Lee. Check it working here - http://www.eclipsebar.info/photo

PS. the script refers to a blank.gif - any idea what this is supposed to be?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Lee - I will post that code in the Yola Test Site. Also... I'm not seeing the blank.gif you're referrring to. Where is this?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
sorry i missed a bit off the bottom of the CSS <!--

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="resources/overlay.png", sizingMethod="scale");
}

-->

Lee.