Muse lightbox widget
I want to use the lightbox widget with an initial picture and then I want to have other pictures that are stacked and triggered to display when the mouse hovers over the thumbnail trigger. When the mouse is not over one of the triggers i want the initial picture to display.
Additionally, can you have a flyout menu as part of the trigger that will serve as links to other pages. Lastly, I have been able to resize the target that hols the puctures, but the black frame that surrounds it will not resize. I want the taget to be 800 x 250 with the outer border slightly larger in order to give the appearance of a frame.
Joe Parker
Please try to pin them and then verify if still it shows the same behavior.
Thanks,
Sanjit
Similar Messages
-
How to add a video to a lightbox widget
Hello!
How do you put a video in the muse lightbox widget?You can drop a video player widget right into the target area of the composition. Or better yet, you can use a dedicated video gallery if you're looking to use lightbox displays for video thumbnails. Something like these:
YouTube Gallery:
http://widgets-musethemes.businesscatalyst.com/tb023.html
Vimeo Gallery:
Adobe Muse Vimeo Video Gallery Widget | MuseThemes.com
Hope that helps! -
Vimeo autoplay disfunctional on Muse lightbox and IE11.
I am advising clients to upload their videos only to YouTube when submitting their videos to us. We use Muse lightboxes to play videos which are always set to autoplay. This is tough on photographers and videographers who tend to prefer Vimeo. Some have already submitted their videos on Vimeo and we have asked them to re-submit on YouTube.
What happens if you place a Vimeo video in a Muse lightbox widget set to autoplay using IE11?
It will play immediately when the page is loaded and totally disregard the lightbox trigger.
The result is a horrible cataclysmic experience for the user.Here are the screen shots that I see. It sort of appears that there are different states for the trigger image (as noticed on the right bottom corner of the screen.) You can see that I can select the various states either at the top left where it says "Trigger: active" or at the bottom right on the tab "States". However, when I preview in a browser, there button doesn't have different states.
-
Problem inserting ANY content into Lightbox Widget
I'm trying out Muse. So far, generally impressed EXCEPT for Lightbox widget.
I'm following the Adobe Muse Training - Building your first website in order to see how the program works.
So far, I have spent over 3 hours trying to insert video into the widget and am about to give up.
With Widget inserted and trigger defined, I click the widget, "Widget" appears in the Selection Indicator. I click again, "Container" appears. I click again "Container" appears again and inner container shows blue selection lines.
Now, whether I go to Object > Paste HTML or just right click and paste inside the selected container, the result is the same - the video is pasted on the page itself, NOT in the container.
I have read, re-read, re-did, started from scratch, restarted my computer and I'm going crazy. There should be no reason why it does not work.
It should be like selecting a div tag in Dreamweaver to select the entire tag or element and place inside.
Any ideas? Help!
M
As an additional oddity, I WAS ultimately able to insert the video file into the lightbox, but only after the video appeared (maddeningly) on the page. Then I dragged the video image into the inner container. THEN it worked. But why I have no idea.
Lightbox widget needs some SERIOUS fixing.Content can either be created inside the lightbox widget container or it can be added to it.
When creating new content like a rectangle or textframe, it should begin somewhere within the boundaries of the container.
When adding/placing content it can either be dragged into the container or pasted into it. When pasting, make sure that the correct container is selected.
Content added using "Insert HTML" is added to the page first. You can then either drag it into the container or cut it, select container and paste it there.
You can submit a feature request at http://forums.adobe.com/community/muse/ideas for the "Insert HTML" content to be added directly to container - when the container is selected at the time of pasting/adding HTML content.
Thanks,
Vikas -
Problem with Alt Text output from thumbnail image of Lightbox widget
I’m having a problem with the Lightbox widget not producing alternative text based on the image properties. I’ve set ALT text for the image properties on both the larger Ligtbox image as well as the thumbnail. But the HTML output from Muse does not include the ALT text on the thumbnail version of the image. Here’s an example:
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u4409"><!-- group -->
<a class="anchor_item grpelem" id="untitled"></a>
<div class="grpelem" id="u4433"><!-- image -->
<img id="u4433_img" src="/images/n0060292x292.jpg" alt="" width="292" height="292" />
This may be a problem that came in a previous release of Muse. I have a few older examples where ALT text is produced, but it’s no longer updated if I update the Image Properties.I'm seeing the same problem. Looks like a bug to me. Any ideas as to how we can get this on Adobe's bug fix list?
-
Lightbox widget not displaying in browser
I placed the lightbox widgets in several pages on my website (http://www.goodwinsanimations.com/) on the pages linked via the Projects and Design page but I the widget is not displaying at all, or only partially in some cases. This is my personal portfolio of work so I really need this fixed asap.
Thanks
The menu at the top (widget) works but the dropdowns do not display except in the Preview within Muse.Hello,
Could you please do a File>Preview site in Browser and check if it works fine there?
Also, please do a File>Export as HTML and export your website files in a local folder. Check if the local copy works fine or not.
If not, please send your .muse file to us at [email protected] If your file is greater than 20mb you can use something like Adobe SendNow or SendThisFile.
Please do not forget to mention link to this forum in your e-mail so that we can identify the file.
Regards,
Sachin -
I'm working on building my first website in Muse. I have found that the lightbox feature is ideal for what I am trying to accomplish. Is there a way to bulk edit the different lightbox slides? I'm looking to utilize 8 different triggers that will pull up information about the products on the site, so they need to be identical. I am having difficulty copy/pasting and making them match, so a bulk edit would be extremely useful.
Any help would be greatly apprecaited.
Thanks!Hello,
You should be able to edit the triggers together if you're using the lightbox widget from the "Slideshow" section of the Widget Library. For that you have an option in the slideshow options that says "Edit Together". It is enabled by default, check to see if it was disabled, if you're using the lightbox widget from the "Slideshow" section.
For compositions, you'll need to edit the triggers manually.
Cheers
Parikshit -
Hi Everyone
I am not able to figure out how to use the widgets which I downloaded from the Adobe Muse Website ( Widget Gallery). It seems that they cannot be dragged and dropped into the site I am creating. I finally doubled clicked on one of them and it opened in Muse, only to realize it opens as a new site. The widget does not appear on the page I am working on. Can anyone help me with this? Perhaps this has already been aswered, if so can you provide any links. Am I supposed to copy and paste the widget to the page I am working on, and then resize? I thought that the widgets should open on the page you are working on.
ThanksCopy and Paste, that's what i done with any of the widgets i've downloaded.
Eugene -
Adobe Muse slideshow widget not working on Ipad
The Muse slideshow widget i'm using is working fine in desktop version (on my Imac and Macbook Pro Retina), but the targets (buttons) are not working when i open the website in my Safari Ipad. When i open in Ipad Chrome, it's working fine.
The address is http://www.safra7.com/clientes/pontual/linha_tempo
I can't figure what's wrong, after trying various solutions.
Thanks,
Felipe de Mello.To answer your first question, a widget is essentially a app extension. Try the stock market app below, once you download it you'll be able to add a stock market widget to Notification Center. If the link below doesn't work go to the App Store and enter Stocks Widget by Peeksoft in the search field.
Stocks Widget - Track stock market portfolios and quotes inside the Today notification center by Peeksoft LLC
https://appsto.re/us/ARcd3.i -
I am trying to add lightbox widget to my site but its not working NEED HELP
i can create the light box widget as a new page but when i paste the codes into the actual site it will not work and the images will not enlarge
what or where did i go wrong. This is all the codes for the site including the lightbox widget. i can use all the help i can get even if some one or anyone
can show me the corrections i need to fix that would be great i am using dreamweaver cs6 incase you need to know...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>MachoMan Madness</title>
<map name="11_1x1">
<area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt="">
<area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt="">
<area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt="">
</map>
<style type="text/css">
<!--
.index{
margin:0px;
padding:0px;
border:0px;
background-image:url(back.jpg);
background-repeat:repeat-x;
background-color: #f5f5f5;
h1{
margin:0px;
padding:15px;
background-color:#222;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
line-height: 25px;
color: #c8c8c8;
letter-spacing:-1px;
h2{
margin:0px;
padding:10px;
background-color:#333;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 15px;
color: #c8c8c8;
letter-spacing:-1px;
p {
padding:3px;
padding-top:0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
color: #777;
text-align:justify;
b, strong {color: #7fa0af;}
em {color: #555;}
u {color: #555;}
a:link, a:visited, a:active {text-decoration:none;color: #ada295;}
a:hover {text-decoration:none;color:#c8c8c8;}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Lightbox Gallery : grey</title>
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/lightbox.js'></script>
<link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
<link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
<style type="text/css">
.lbGallery {
/*gallery container settings*/
background-color: #666666;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 540px;
height: auto;
text-align:left;
box-shadow: 10px 10px 10px black;
border-radius: 20px;
margin-left:auto;
margin-right:auto;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #cccccc;
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
</style>
</head>
<body class="index">
<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
<tr>
<td rowspan="1" colspan="3" width="909" height="166">
<img name="a10" src="11_1x1.jpg" usemap="#11_1x1" width="909" height="166" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="54" height="320">
<img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
<link rel="stylesheet" type="text/css" href="slides/style.css" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="slides/jquery.js"></script>
<script type="text/javascript" src="slides/slider.js"></script>
<div id="wowslider-container1">
<div class="ws_images">
<span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
<span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
<span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
<span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
<span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
<span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
<span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
<span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
<span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="">1</a>
<a href="#wows1" title="">2</a>
<a href="#wows2" title="">3</a>
<a href="#wows3" title="">4</a>
<a href="#wows4" title="">5</a>
<a href="#wows5" title="">6</a>
<a href="#wows6" title="">7</a>
<a href="#wows7" title="">8</a>
<a href="#wows8" title="">9</a>
</div></div></div></div>
<script type="text/javascript" src="slides/script.js"></script></td>
<td rowspan="1" colspan="1" width="59" height="320">
<img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="909" height="63">
<img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
</tr>
</table>
<!-- End Table -->
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="mainlink">
<center>
<!--drop down menu start HTML-->
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a target=main href="index.html">Home</a></li>
<li><a target=main href="#" rel="ddsubmenu2">Biography</a></li>
<li><a target=main href="#" rel="ddsubmenu3">To Be Lead</a></li>
<li><a target=main href="#" rel="ddsubmenu4">Gallery</a></li>
<li><a target=main href="#">Videos</a></li>
<li><a target=main href="#">Memorial Page</a></li>
<li><a target=main href="#">Wallpaper</a></li>
<li><a target=main href="#">Shop</a></li>
<li><a target=main href="#">Blog</a></li>
<li><a target=main href="#">Join Us</a></li>
<li><a target=main href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
<!--Biography HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a target=main href="randy savage bio.html">Randy Savage Bio</a></li>
<li><a target=main href="Randy facts 101.html">Randy's Facts 101</a></li>
<li><a target=main href="his early career.html">His Early Career</a></li>
<li><a target=main href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
<li><a target=main href="randys career wcw.html">Randy's Career in WCW</a></li>
<li><a target=main href="#">The Mega Powers </a>
<ul>
<li><a target=main href="mega powers bio.html">Mega powers Bio</a></li>
<li><a target=main href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
</ul>
</li>
<li><a target=main href="pm from randy.html">PM to fans & Elizabeth</a></li>
<li><a target=main href="#">Randy's Radio interview</a></li>
<li><a target=main href="#">His Death</a></li>
</ul>
<!--To be Lead HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a target=main href="#">Elizabeth Hulette</a>
<ul>
<li><a target=main href="#">Elizabeth Bio</a></li>
<li><a target=main href="#">Elizabeth Facts 101</a></li>
<li><a target=main href="#">Her Career in the WWF</a></li>
<li><a target=main href="#">Her Career in WCW</a></li>
<li><a target=main href="#">Later Life</a></li>
<li><a target=main href="#">Farewell to a Princess</a></li>
<li><a target=main href="#">Elizabeth's Radio Interview</a></li>
<li><a target=main href="#">Elizabeth Death</a></li>
</ul>
</li>
<li><a target=main href="#">Sherri Martel</a></li>
<li><a target=main href="#">Gorgeous George</a></li>
<li><a target=main href="#">Team Madness</a></li>
</ul>
<!--Photo Gallery HTML-->
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a target=main href="#">Early Years</a></li>
<li><a target=main href="#">ICW Gallery</a></li>
<li><a target=main href="#">WWF Gallery</a></li>
<li><a target=main href="#">WCW Gallery</a></li>
<li><a target=main href="#">NWO Gallery</a></li>
</ul>
<!--drop down menu end HTML-->
</center>
</td>
</tr>
</table>
<br><Br>
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<!-- Start Page Content-->
<h1>Early Years Gallery</h1>
<div id="gallery" class="lbGallery">
<ul>
<li>
<a href="images/images (11).jpg" title=""><img src="images/images (11)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/images (16).jpg" title=""><img src="images/images (16)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/images (17).jpg" title=""><img src="images/images (17)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (18).jpg" title=""><img src="images/images (18)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (19).jpg" title=""><img src="images/images (19)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (20).jpg" title=""><img src="images/images (20)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/images (22).jpg" title=""><img src="images/images (22)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/images (23).jpg" title=""><img src="images/images (23)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (25).jpg" title=""><img src="images/images (25)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (27).jpg" title=""><img src="images/images (27)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (29).jpg" title=""><img src="images/images (29)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/images (30).jpg" title=""><img src="images/images (30)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/images (31).jpg" title=""><img src="images/images (31)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (32).jpg" title=""><img src="images/images (32)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('#gallery a').lightBox({
imageLoading: 'images/lightbox/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: 'images/lightbox/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: 'images/lightbox/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: 'images/lightbox/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: 'images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: true, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#cccccc", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: .6, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Image', //Default text of image
txtOf: 'of'
</script>
<div align="left"></div>
</p>
<!-- End Page Content-->
</td>
</tr>
</table>
<br><br><bR>
<div style="background-color:#222;width:100%;"><bR>
<table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
<tr>
<td width="35%" valign="top">
<h2>Site Disclaimer</h2>
<p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
<p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
</div></td>
<td width="35%" valign="top">
<h2>Offical Links</h2>
<div align="center">
<table width="269" border="0">
<tr>
<td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"></div></td>
</tr>
</table>
</div>
</div></td><td width="29%" valign="top">
<h2>About Us</h2>
<p>Macho-madness.net is the place for all things Randy Savage and is dedicated to the "Memories of Randy Savage." We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
</td></tr></table></div>
</body>
</html>i have done all repairs you have adviced but there are still 32 errors and 3 warnings.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MachoMan Madness</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/lightbox.js'></script>
<link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
<link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
<style type="text/css">
.lbGallery {
/*gallery container settings*/
background-color: #666666;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 540px;
height: auto;
text-align:left;
box-shadow: 10px 10px 10px black;
border-radius: 20px;
margin-left:auto;
margin-right:auto;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #cccccc;
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
</style>
<style type="text/css">
<!--
.index{
margin:0px;
padding:0px;
border:0px;
background-image:url(back.jpg);
background-repeat:repeat-x;
background-color: #f5f5f5;
h1{
margin:0px;
padding:15px;
background-color:#222;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
line-height: 25px;
color: #c8c8c8;
letter-spacing:-1px;
h2{
margin:0px;
padding:10px;
background-color:#333;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 15px;
color: #c8c8c8;
letter-spacing:-1px;
p {
padding:3px;
padding-top:0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
color: #777;
text-align:justify;
b, strong {color: #7fa0af;}
em {color: #555;}
u {color: #555;}
a:link, a:visited, a:active {text-decoration:none;color: #ada295;}
a:hover {text-decoration:none;color:#c8c8c8;}
-->
</style></head>
<body class="index">
<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
<tr>
<td rowspan="1" colspan="3" width="909" height="166">
<img name="a10" src="11_1x1.jpg" usemap="#11_1x1" width="909" height="166" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="54" height="320">
<img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
<link rel="stylesheet" type="text/css" href="slides/style.css" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="slides/jquery.js"></script>
<script type="text/javascript" src="slides/slider.js"></script>
<div id="wowslider-container1">
<div class="ws_images">
<span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
<span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
<span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
<span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
<span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
<span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
<span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
<span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
<span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="">1</a>
<a href="#wows1" title="">2</a>
<a href="#wows2" title="">3</a>
<a href="#wows3" title="">4</a>
<a href="#wows4" title="">5</a>
<a href="#wows5" title="">6</a>
<a href="#wows6" title="">7</a>
<a href="#wows7" title="">8</a>
<a href="#wows8" title="">9</a>
</div></div></div></div>
<script type="text/javascript" src="slides/script.js"></script></td>
<td rowspan="1" colspan="1" width="59" height="320">
<img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="909" height="63">
<img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
</tr>
</table>
<!-- End Table -->
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="mainlink">
<center>
<!--drop down menu start HTML-->
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a target="main" href="index.html">Home</a></li>
<li><a target="main" href="#" rel="ddsubmenu2">Biography</a></li>
<li><a target="main" href="#" rel="ddsubmenu3">To Be Lead</a></li>
<li><a target="main" href="#" rel="ddsubmenu4">Gallery</a></li>
<li><a target="main" href="#">Videos</a></li>
<li><a target="main" href="#">Memorial Page</a></li>
<li><a target="main" href="#">Wallpaper</a></li>
<li><a target="main" href="#">Blog</a></li>
<li><a target="main" href="#">Join Us</a></li>
<li><a target="main" href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
<!--Biography HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a target="main" href="randy savage bio.html">Randy Savage Bio</a></li>
<li><a target="main" href="Randy facts 101.html">Randy's Facts 101</a></li>
<li><a target="main" href="his early career.html">His Early Career</a></li>
<li><a target="main" href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
<li><a target="main" href="randys career wcw.html">Randy's Career in WCW</a></li>
<li><a target="main" href="#">The Mega Powers </a>
<ul>
<li><a target="main" href="mega powers bio.html">Mega powers Bio</a></li>
<li><a target="main" href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
</ul>
</li>
<li><a target="main" href="pm from randy.html">PM to fans & Elizabeth</a></li>
<li><a target="main" href="#">Randy's Radio interview</a></li>
<li><a target="main" href="#">His Death</a></li>
</ul>
<!--To be Lead HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a target="main" href="#">Elizabeth Hulette</a>
<ul>
<li><a target="main" href="#">Elizabeth Bio</a></li>
<li><a target="main" href="#">Elizabeth Facts 101</a></li>
<li><a target="main" href="#">Her Career in the WWF</a></li>
<li><a target="main" href="#">Her Career in WCW</a></li>
<li><a target="main" href="#">Later Life</a></li>
<li><a target="main" href="#">Farewell to a Princess</a></li>
<li><a target="main" href="#">Elizabeth's Radio Interview</a></li>
<li><a target="main" href="#">Elizabeth Death</a></li>
</ul>
</li>
<li><a target="main" href="#">Sherri Martel</a></li>
<li><a target="main" href="#">Gorgeous George</a></li>
<li><a target="main" href="#">Team Madness</a></li>
</ul>
<!--Photo Gallery HTML-->
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a target="main" href="#">Early Years</a></li>
<li><a target="main" href="#">ICW Gallery</a></li>
<li><a target="main" href="#">WWF Gallery</a></li>
<li><a target="main" href="#">WCW Gallery</a></li>
<li><a target="main" href="#">NWO Gallery</a></li>
</ul>
<!--drop down menu end HTML-->
</center>
</td>
</tr>
</table>
<br/><br/>
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<!-- Start Page Content-->
</head>
<body>
<map name="11_1x1" id="logo_11_1x1">
<area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt=""/>
<area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt=""/>
<area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt=""/>
</map>
<h1>Early Years Gallery</h1>
<div id="gallery" class="lbGallery">
<ul>
<li>
<a href="images/11.jpg" title=""><img src="images/11_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/16.jpg" title=""><img src="images/16_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/17.jpg" title=""><img src="images/17_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/18.jpg" title=""><img src="images/18_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/19.jpg" title=""><img src="images/19_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/20.jpg" title=""><img src="images/20_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/22.jpg" title=""><img src="images/22_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/23.jpg" title=""><img src="images/23_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/25.jpg" title=""><img src="images/25_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/27.jpg" title=""><img src="images/27_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/29.jpg" title=""><img src="images/29_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/30.jpg" title=""><img src="images/30_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/31.jpg" title=""><img src="images/31_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/32.jpg" title=""><img src="images/32_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('#gallery a').lightBox({
imageLoading: 'images/lightbox/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: 'images/lightbox/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: 'images/lightbox/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: 'images/lightbox/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: 'images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: true, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#cccccc", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: .6, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Image', //Default text of image
txtOf: 'of'
</script>
<div align="left"></div>
</p>
<!-- End Page Content-->
</td>
</tr>
</table>
<br/><br/><br/>
<div style="background-color:#222;width:100%;"><br/>
<table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
<tr>
<td width="35%" valign="top">
<h2>Site Disclaimer</h2>
<p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
<p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
</div></td>
<td width="35%" valign="top">
<h2>Offical Links</h2>
<div align="center">
<table width="269" border="0">
<tr>
<td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"></div></td>
</tr>
</table>
</div>
</div></td><td width="29%" valign="top">
<h2>About Us</h2>
<p>Macho-madness.net is the place for all things Randy Savage and is dedicated to the "Memories of Randy Savage." We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
</td></tr></table></div>
</body>
</html> -
How do I set the default Hero image in a Muse slideshow widget when using Free Form Thumbnails?
Hello,
I am trying to find out how to set the default Hero image when using a Muse slideshow widget and in the Layout section I have the "Free Form Thumbnails"
box checked.
In other words, when the page loads I want to define which image displays as the first Hero image.
If I do not select the "Free Form Thumbnails" option, the top left Thumbnail image always displays first. This is fine.
But when I select the Free Form Thumbnails" checkbox I don't know how to define which image shows first as the Hero image.
I have a short video at this link where I illustrate the question:
http://amson.org/misc/default-hero-image-1.mp4
I have added a WMV video file at the link below:
http://amson.org/misc/default-hero-image-1.wmv
Okay… I think I've worked out how to do it!
[1] First have the "Free Form Thumbnails" box UNCHECKED.
[2] Organize the Thumbnails and place the image that you want to be the first Hero image when the page loads in the top left corner of the Thumbnails group.
[3] When you "Preview Site In Browser" the Thumbnail image in the top left corner will always display as the first Hero image.
[4] If you want "Free Form Thumbnails" go ahead now and SELECT that checkbox.
[5] Whichever image was in the top left of the Thumbnail group before you checked "Free Form Thumbnails" will still show up as the first Hero image when the page loads, regardless of where that thumbnail image is located within the Thumbnail images group.
Thanks very much.
Chris.Hi,
The sequence of operation you are doing to set the home page for public users is correct. You are getting the login screen as the "custom page group" selected as "home page" has not been granted to public.
Also, while logging-out, it is normal behaviour to get the screen where it shows the list of partner applications from where user has been logged-out. When you click on "Return" button, you will get to the "home page" set above.
Hope it clarifies the things.
Regards,
Ved -
In the lightbox widget, how do I move a caption without moving the location of all the captions?
I'm using the lightbox widget for my portfolio, and I've uploaded files of various layouts and orientations. Some captions appear over my graphics. When I try to move the caption below the graphic, it moves the location for all of my captions. Edit Together is unchecked. What am I missing?
Consult the documentation for the app you've downloaded and see if they offer any way of importing from the app on your BB.
-
CS5.5 lightbox widget won't work
Hi, I am currently designing my portfolio page, and I decided to insert the lightbox widget into it to save time; however, it is causing me a lot of problems. I have tried both dragging the widget directly into dreamweaver and downloading it manually; although, no matter what I do, both the thumbnail images, enlarged images, and all the .gif's do not show up.
I realized that this would usually happen due to incorrect file directory, so I double checked those paths. It turns out that the paths are all correct. I tried redownloading it various times, but nothing changed.
Is this a typical problem with CS5.5?? It is so frustrating!I can't speak to the Lightbox Widget itself because I've never tried it. But you can successfully add jQuery plug-ins into any site regardless of which version of DW you use.
Download Fancybox or similar Lightbox plug-in script.
For details, see Primer For Using jQuery Plug-ins.
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O. -
Please someone help! Lightbox widget not working...
I was trying to get the Lightbox widget to work on my webpage. I could not get the images to upload in the expandable box like they should. Instead of expanding out like the animated way they should, my Lighbox links kept opening in a new page and causing me to click the back button to see another image in the lightbox. I thought by deleting the lightbox widget and getting a fresh one might help but it seems to made things a lot worse. I was warned by a message that said "by deleting these settings you will not be able to get them back" and I deleted anyway thinking it was fixable. Now I can't fix it. There has to be a way for me to get the lightbox settings back into dreamweaver! Help Please!!!!!
i had the same problem, and then i noticed when in design view view, the web page that contained the lightbox on it was trying to use 5 or 6 other files, like lightbox.js and some other files. i noticed when i clicked on the little files at the top on same bar as Source Code, it gave me an error saying the file is not on my local drive and gave me the option to "get", but when i clicked on "get" nothing happened. I'm assuming you might need those extra files for lightbox to work right?
I don't know currently, and so i tried to "sign" into my widget browser, and i keep getting a timeout error. There's nothing wrong with my internet, so I don't know whats wrong with it. -
Seriously Need Help With Lightbox Widget In Dreamweaver
Hi guys, I seriously need your help with this widget.
I'm not exactly new to Dreamweaver and I've been working on a particular website. Everything was going well until I dropped the Lightbox widget into the page.
Lightbox gallery displays, but opens images in a new window on its own. Here's an example;
http://imagesbylady.co.nz/photomike/HTML/promogallery.html
Yet, when I drop the widget into a completely separate page from the website, it works absolutely fine. Like here;
http://imagesbylady.co.nz/photomike/HTML/testing.html
I have exhausted this entire forum on the subject. I don't understand how the widget can work on a blank html page but when dropped into an already designed webpage, it breaks....!
If you need to have a look at the coding so you can help me further let me know. I've been on this for a total of 11 hours and I still can't figure out what the problem is. Seriously....i'm nearly close to tears! ;-(
If you could help me out I would be forever grateful.
Lots of Love
Lady xxHi guys, I seriously need your help with this widget.
I'm not exactly new to Dreamweaver and I've been working on a particular website. Everything was going well until I dropped the Lightbox widget into the page.
Lightbox gallery displays, but opens images in a new window on its own. Here's an example;
http://imagesbylady.co.nz/photomike/HTML/promogallery.html
Yet, when I drop the widget into a completely separate page from the website, it works absolutely fine. Like here;
http://imagesbylady.co.nz/photomike/HTML/testing.html
I have exhausted this entire forum on the subject. I don't understand how the widget can work on a blank html page but when dropped into an already designed webpage, it breaks....!
If you need to have a look at the coding so you can help me further let me know. I've been on this for a total of 11 hours and I still can't figure out what the problem is. Seriously....i'm nearly close to tears! ;-(
If you could help me out I would be forever grateful.
Lots of Love
Lady xx
Maybe you are looking for
-
Windows 7 Illustrator 5.1 This is going to sound like a strange request, but does anyone know of a way for Illustrator to stop coming up with the "Do you want to save this document before closing?" when closing document window (not illustrator itself
-
Google Calendars not showing up on iOS 7 after deletion and re-entering of information
This issue started when I was trying to get a shared Google calendar on my device. When I deleted the Gmail account completely and re-entered information, none of the Google calendars would show up. The calendar sharing is enabled from the Google acc
-
my macbook 2,1 won't restart when I click "restart". it goes into a black screen with the light indicator on and stays there. it boots fine btw, just doesn't restart. any help?
-
Conversion failed when converting the varchar value 'undefined' to data typ
Conversion failed when converting the varchar value 'undefined' to data type int. hi, i installed oracle insbridge following the instruction in the manual. in rate manager, when i tried to create a new "Normal rating" or "Underwriting", im getting th
-
How do you start Oracle OEM in Linux?
Thanks in advance