Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Help

Options
  • 30-06-2009 3:10pm
    #1
    Ricky91t
    Closed Accounts Posts: 6,281 ✭✭✭


    Hi all,
    The website in my signature uses flash galleries,I'd like to make the move to html galleries and put them into my original template

    The code for the gallery is this 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="Keywords" content="photography,software,photos,digital darkroom,gallery,image,photographer,adobe,photoshop,lightroom" >
<meta name="generator" content="Adobe Photoshop Lightroom" >
<title>Richard Toolan Photography</title>
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="content/custom.css" >
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="./resources/css/master.css" >


<script type="text/javascript">
window.AgMode = "publish";
cellRolloverColor="#A1A1A1";
cellColor="#949494";
</script>
<script type="text/javascript" src="./resources/js/live_update.js">
</script>


<!--[if lt IE 7.]> <script defer type="text/javascript" src="./resources/js/pngfix.js"></script> <![endif]-->
<!--[if gt IE 6]> <link rel="stylesheet" href="./resources/css/ie7.css"></link> <![endif]-->
<!--[if lt IE 7.]> <link rel="stylesheet" href="./resources/css/ie6.css"></link> <![endif]-->
</head>


<body>


<div id="wrapper_thumb">
  
  
  <div id="sitetitle">
    <h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor">Richard Toolan Photography</h1>
  </div>
  <div id="collectionHeader">
    <h1 onclick="clickTarget( this, 'metadata.groupTitle.value' );" id="metadata.groupTitle.value" class="textColor">Athea 2009 Races 2009</h1>
    <p onclick="clickTarget( this, 'metadata.groupDescription.value' );" id="metadata.groupDescription.value" class="textColor">A selection of images from the Pratice,Racing and prize giving</p>
  </div>


  
  <div id="stage">
    <div id="index">
              
		
                                        <div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'IDFC43BEAE-FA00-42B2-8C95-45B7AE5DBBA4_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_of_1_51_large.html'">
            <div class="itemNumber">1</div>
            <a href="content/_1_of_1_51_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_of_1_51.jpg" id="IDFC43BEAE-FA00-42B2-8C95-45B7AE5DBBA4_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'IDB4F7D8F2-DF02-4787-B01B-D53BCCA908B8_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_10_large.html'">
            <div class="itemNumber">2</div>
            <a href="content/_1_10_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_10.jpg" id="IDB4F7D8F2-DF02-4787-B01B-D53BCCA908B8_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="thumbnail borderTopLeft borderRight" onmouseover="window.gridOn( this.parentNode, 'ID86E79B4B-4EAF-43B9-926D-E41B931E68E4_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_of_1_52_large.html'">
            <div class="itemNumber">3</div>
            <a href="content/_1_of_1_52_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_of_1_52.jpg" id="ID86E79B4B-4EAF-43B9-926D-E41B931E68E4_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="clear">
          </div>
                  <div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'IDF09C5735-A5EC-40B7-B6F9-79B1C004199C_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_9_large.html'">
            <div class="itemNumber">4</div>
            <a href="content/_1_9_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_9.jpg" id="IDF09C5735-A5EC-40B7-B6F9-79B1C004199C_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'IDE7B2E573-FF5C-46B4-88FA-A1D9555EA295_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_of_1_53_large.html'">
            <div class="itemNumber">5</div>
            <a href="content/_1_of_1_53_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_of_1_53.jpg" id="IDE7B2E573-FF5C-46B4-88FA-A1D9555EA295_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="thumbnail borderTopLeft borderRight" onmouseover="window.gridOn( this.parentNode, 'ID0D34D0CD-D08D-4777-AB0D-1B8A2C02AB60_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_of_1_54_large.html'">
            <div class="itemNumber">6</div>
            <a href="content/_1_of_1_54_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_of_1_54.jpg" id="ID0D34D0CD-D08D-4777-AB0D-1B8A2C02AB60_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="clear">
          </div>
                  <div class="thumbnail borderTopLeft borderBottom" onmouseover="window.gridOn( this.parentNode, 'IDCE331531-6095-47C7-B5CF-1F190917B478_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_11_large.html'">
            <div class="itemNumber">7</div>
            <a href="content/_1_11_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_11.jpg" id="IDCE331531-6095-47C7-B5CF-1F190917B478_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="thumbnail borderTopLeft borderBottom" onmouseover="window.gridOn( this.parentNode, 'ID8919465A-FE37-49B0-844A-9AD7FB92CCBD_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_12_large.html'">
            <div class="itemNumber">8</div>
            <a href="content/_1_12_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_12.jpg" id="ID8919465A-FE37-49B0-844A-9AD7FB92CCBD_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="thumbnail borderTopLeft borderRight borderBottom" onmouseover="window.gridOn( this.parentNode, 'ID97CB91F7-1B37-48FE-AA31-DBDD2238B3D1_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/_1_13_large.html'">
            <div class="itemNumber">9</div>
            <a href="content/_1_13_large.html" onclick="return needThumbImgLink;">
            <div style="margin-left:15px; margin-top:37px;">
                            <div class="dropShadow">
                <div class="inner">
                                    <img src="content/bin/images/thumb/_1_13.jpg" id="ID97CB91F7-1B37-48FE-AA31-DBDD2238B3D1_thumb" alt="" class="thumb" />
                                  </div>
              </div>
                          </div>
            </a> </div>
                  <div class="clear">
          </div>
            </div>
  </div>
  <div class="clear">
  </div>

  
  <div class="pagination">
    <ul>
                        <li class="current textColor">1</li>
                  <li class="textColor"> <a href="index_2.html">2</a> </li>
                  <li class="textColor"> <a href="index_3.html">3</a> </li>
                  <li class="textColor"> <a href="index_4.html">4</a> </li>
                  <li class="textColor"> <a href="index_5.html">5</a> </li>
                  <li class="textColor"> <a href="index_6.html">6</a> </li>
                			      <li class="previous textColor"> Previous </li>
							      <li class="next textColor"> <a class="paginationLinks" href="index_2.html">Next</a> </li>
				          </ul>
  </div>


  
  <div id="contact">
          <a href="http://www.toolan.co.uk"> <span
        class="textColor" id="metadata.contactInfo.value">Home</span>
          </a>
      </div>
  <div class="clear">
  </div>
</div>
</body>
</html>


    And for my webpage "template" is this: 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>About me-Photographer Based in Kerry-Richard Toolan Photography</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="icon" type="image/gif" href="/animated_favicon1.gif" >
<script type="text/javascript">
document.write(unescape("%3C")+"script src='"+(document.location.protocol=="https:"?"https://":"http://")+"clixpy.com/clixpy.js?user=2340"+unescape("%26")+"r="+Math.round(Math.random()*10000)+"' type='text/javascript'"+unescape("%3E%3C")+"/script"+unescape("%3E"));
</script>
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="/index.htm">Richard Toolan Photography</a></h1>
<h2>Just photography....</h2>
</div>

[B]<div id="right">

</div>[/B]
<div id="left"> 

<h3>Pages</h3>
<ul>
<li><a href="/index.htm">Home</a></li> 
<li><a href="/about/about.html">About Me</a></li> 
<li><a href="/gallery/gallery.html">Gallery</a></li> 
<li><a href="/contact/contact.html">Contact</a></li>
<li><a href="/Sales">Image Sales</a></li>

</ul>

<h3>Links</h3>
<ul>
<li><a href="http://athearoadrace.com">Athea Road races</a></li> 
<li><a href="http://www.barrysomers.com/blog/">Barry Somers</a></li>
<li><a href="http://www.flickr.com/richardtoolan/">Flickr</a></li>
<li><a href="http://www.jmcdermott.ie/">James McDermott</a></li>
<li><a href="http://www.pix.ie/ricky91t">Pix.ie</a></li> 
<li><a href="http://photographyireland.net/">Photography Ireland</a></li> 
<li><a href="http://eyeblinks.wordpress.com/">Tommie Lehane</a></li>  


</ul>


</div>
<div style="clear: both;"> </div>

<div id="footer">
Theme thanks too <a href="http://www.free-css-templates.com/">CSS Templates,</a>   <a href="mailto:Richard@Toolan.co.uk">Richard@Toolan.co.uk</a>
</div>
</div>


</body>
</html>

    I want to put it into the "div right" bit only so I still have the rest of my page intact,Can anyone tell me what part of the gallery I need so it appears right on my site?

    Cheers


Advertisement