Three Basic Questions

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I have three questions:
1. How do I layer pages on my site?
2. How do I add small hot button pictures on my site that can be clicked on to expand?
3. How do I create hot links for documents that I can add to my site?

I apologize in advance for the basic questions.

V
Photo of Vincent

Vincent

  • 29 Posts
  • 1 Reply Like

Posted 9 years ago

  • 1
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Vincent,

By layering pages, do you mean subpages? Pages that are not included in the menu tabs of your site? If so, here's more info: http://www.yola.com/customer-support/...

We don't have a feature on Yola where you can expand a picture. There are two workarounds:
1. Add a link to an image to the image itself, so that it opens as a bigger file: http://www.yola.com/customer-support/...
2. Use Flickr! http://www.yola.com/customer-support/...

There are probably HTML or Javascript alternatives - maybe someone from the community can jump in and help you.

To link to a document on your site, you can either use the link editor on a section of your text (http://www.yola.com/customer-support/...) or the File widget (http://www.yola.com/customer-support/....

I hope that helps! Please let us know if you need any other assistance.
Photo of Vincent

Vincent

  • 29 Posts
  • 1 Reply Like
Thanks!!!!!

V
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
for the your pictures to expand/collapse here is the html code.

paste this code at the top of your page.

<!--

<script type="text/javascript"> // Copyright 2006-2007 javascript-array.com var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </script> <script language="javascript"> function toggle5(showHideDiv, switchImgTag) { var ele = document.getElementById(showHideDiv); var imageEle = document.getElementById(switchImgTag); if(ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = '<img style="border:0px;" src="resources/dropdownfriendsplus.jpg">'; } else { ele.style.display = "block"; imageEle.innerHTML = '<img style="border:0px;" src="resources/dropdownfriendsminus.jpg">'; } }</script>

paste this code where ever you want it to go on your page.

<SCRIPT type=text/javascript> // Copyright 2006-2007 javascript-array.com var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </SCRIPT> <SCRIPT language=javascript> function toggle5(showHideDiv, switchImgTag) { var ele = document.getElementById(showHideDiv); var imageEle = document.getElementById(switchImgTag); if(ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = '<img style="border:0px;" src="resources/dropdownfriendsplus.jpg">'; } else { ele.style.display = "block"; imageEle.innerHTML = '<img style="border:0px;" src="resources/dropdownfriendsminus.jpg">'; } }</SCRIPT> <DIV></DIV> <DIV></DIV> <DIV style="DISPLAY: block; CLEAR: both" id=I307 class=HTML_Default> <DIV id=I307_html> <TABLE border=0 cellSpacing=5 cellPadding=5 width="100%"> <TBODY> <TR> <TD vAlign=top width="2%" align=left><A id=imageDivLink1 href="javascript:toggle5('contentDivImg1', 'imageDivLink1');"><img style="border:0px;" src="resources/dropdownfriendsplus.jpg"></TD> <TD vAlign=top width="100%" align=left> <DIV id=titleTextImg><FONT color=#003df5><FONT size=3><STRONG>Your friends</STRONG></DIV> <DIV style="DISPLAY: none" id=contentDivImg1></div> </TR>

-->

make sure that you leave out <!-- and--> that is for the GS not to read the code.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Smithy
Use this in future :-) http://forsite.synthasite.com/encoder...