Template intergration

eaglelegend · July 23, 2010

Hi, I hope you guys can help me, I have just got a reseller account with a company, and their control panel can be intergrated with another template, but I just cant work it out, I would be thankful if you can help, thanks in advance

Here is the template I am trying to intergrate;

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<link rel="stylesheet" href="css/core.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="css/core-ie6.css" type="text/css" />
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/core-ie7.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="css/orange.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>		
<script type="text/javascript" src="js/jquery.flow.1.2.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
<body>

<!-- wrapper, adds curve background images -->
<div id="wrapper">
<div class="inner-wrapper">
	<div class="header clear">
		<!-- START SUBSCRIPTION OPTIONS -->
		<div class="subscribe">
			<p>Subscribe via <a href="#">RSS</a> | <a href="#">Email</a> | <a href="#">Twitter</a></p>
		</div>


		<!-- START HEADER -->
		<h1><img src="/images/logo.png" width="172" height="59" alt="Dunoon Logo" /></h1>
      <h2>a markrichardson.IT company</h2>
		<!-- END HEADER -->			
	</div>

	<div class="menu">
		<div class="menu-inside">
			<ul class="sf-menu clear">

				<!-- MENU -->
				<li class="current firstitem"><a href="index.html">Home</a></li>
				<li><a href="examples.html">Examples</a></li>
				<li><a href="#">Products</a>
					<ul>
						<li><a href="#">Web templates</a>
							<ul>
								<li><a href="http://themeforest.net/item/ripped-blue/39252?ref=spykawg">Ripped blue</a></li>
								<li><a href="http://themeforest.net/item/olympus-multicolor/43212?ref=spykawg">Olympus multicolor</a>		<ul>
										<li><a href="http://themeforest.net/item/simplecorp/53756?ref=spykawg">Buy</a></li>
										<li><a href="http://themeforest.net/item/simplecorp/53756?ref=spykawg">Preview</a></li>
									</ul></li>
								<li><a href="http://themeforest.net/item/simplecorp/53756">SimpleCorp</a>
									<ul>
										<li><a href="http://themeforest.net/item/simplecorp/53756?ref=spykawg">Buy</a></li>
										<li><a href="http://themeforest.net/item/simplecorp/53756?ref=spykawg">Preview</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li><a href="#">PHP scripts</a>
							<ul>
								<li><a href="http://themeforest.net/item/php-users-online-counter/57062?ref=spykawg">Users online counter</a></li>
							</ul>
						</li>
						<li><a href="#">Speciality Pages</a>
							<ul>
								<li><a href="http://themeforest.net/item/powerful-errors-phpajax-error-template/55303?ref=spykawg">PHP/Ajax error page</a></li>
								<li><a href="http://themeforest.net/item/ajax-launch-page/55421?ref=spykawg">Ajax launch page</a></li>
							</ul>
						</li>
					</ul>	
				</li>
				<li><a href="portfolio.html">Portfolio</a></li>
				<li><a href="#">Solutions</a></li>
				<li><a href="#">Support</a>
					<ul>
						<li><a href="#">Support forum</a>
							<ul>
								<li><a href="#">Support forum</a></li>							
								<li><a href="#">Knowledgebase</a></li>							
								<li><a href="#">FAQ</a></li>
								<li><a href="#">Tutorials</a></li>
							</ul>
						</li>							
						<li><a href="#">Knowledgebase</a></li>							
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Tutorials</a></li>
					</ul>
				</li>
				<li><a href="terms.html">Terms</a></li>
				<li class="lastitem"><a href="contact.html">Contact</a></li>
				<!-- END MENU -->

			</ul>
		</div>
	</div>

	<!-- START: FRONT PAGE SLIDER -->
	<div id="slides-wrapper">
		<div class="shadow">
			<div id="slides-container">
				<div id="slides">
					<!-- EDIT FROM HERE: -->
					<!-- START SLIDE #1 -->
					<div>
						<div class="slide-image"><img src="images/slide-1.png" alt="Slide #1 image" /></div>
						<div class="slide-text">
							<h2>Curabitur at metus</h2>

							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque venenatis sagittis enim. Maecenas ligula erat, egestas congue, varius nec, sagittis nec, purus. In neque. Curabitur at metus tincidunt dui tristique molestie. Donec porta molestie tortor. Fusce euismod consectetuer sapien. Fusce ac velit.</p>

						</div>
					</div>
					<!-- END SLIDE #1 -->


					<!-- START SLIDE #2 -->
					<div>
						<div class="slide-image"><img src="images/slide-2.png" alt="Slide #2 image" /></div>
						<div class="slide-text">
							<h2><a href="#">Donec porta molestie tortor</a></h2>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque venenatis sagittis enim. Maecenas ligula erat, egestas congue, varius nec, sagittis nec, purus. In neque. Curabitur at metus tincidunt dui tristique molestie. Donec porta molestie tortor. Fusce euismod consectetuer sapien. Fusce ac velit.</p>
						</div>
					</div>
					<!-- END SLIDE #2 -->


					<!-- START SLIDE #3 -->
					<div>
						<div class="slide-image"><img src="images/slide-3.png" alt="Slide #3 image" /></div>
						<div class="slide-text">
							<h2>In neque</h2>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque venenatis sagittis enim. Maecenas ligula erat, egestas congue, varius nec, sagittis nec, purus. In neque. Curabitur at metus tincidunt dui tristique molestie. Donec porta molestie tortor. Fusce euismod consectetuer sapien. Fusce ac velit.</p>
						</div>
					</div>
					<!-- END SLIDE #3 -->

				<!-- STOP SLIDE EDITING -->
				</div>


				<div class="controls"><span class="jFlowNext"><span>Next</span></span><span class="jFlowPrev"><span>Prev</span></span></div>

				<div id="slider-nav">
					<div class="slider-nav-inside">
						<div id="myController">
							<div class="clear slider-controls">
								<!--

								#######################
								#######################		IMPORTANT
								######################

								You need to copy and paste the below <span> tag with class jFlowControl for each slide you add.

								-->
								<span class="jFlowControl"></span>
								<span class="jFlowControl"></span>
								<span class="jFlowControl"></span>
							</div>
						</div>
					</div>
				</div>
			</div>		
		</div>
	</div>

	<!-- START BODY -->
	<div class="clear body body-fp">


		<div class="column column-280 left">

			<h3>What we do</h3>		
			<ul class="servicelist">

				<li class="search-icon">In interdum, leo mollis blandit feugiat, ipsum risus luctus odio.</li>
				<li class="chart-icon">Pellentesque venenatis sagittis enim. Maecenas ligula erat.</li>
				<li class="user-icon">Praesent sollicitudin molestie semper. Nulla facilisi.</li>
			</ul>

		</div>

		<div class="column column-280 inner">

			<h3>About us</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse diam nulla, dignissim tempor sodales quis, dapibus a felis. Etiam gravida orci eget ligula dapibus convallis. Ut sollicitudin molestie tortor id aliquam. Praesent sollicitudin molestie semper. Nulla facilisi. </p>
			<p>Curabitur at metus tincidunt dui tristique molestie. Donec porta molestie tortor. Fusce euismod consectetuer sapien. Fusce ac velit.</p>

		</div>

		<div class="column column-280 right">

			<h3>Latest news</h3>
			<ul class="newslist">	
				<li>
					<a href="#">Lorem ipsum dolor sit amet</a>
					<span>03.09.09</span>
				</li>
				<li class="alt">
					<a href="#">Trconsectetur adipiscing elit</a>
					<span>31.08.09</span>
				</li>
				<li>
					<a href="#">Suspendisse diam nulla</a>
					<span>08.06.09</span>
				</li>
				<li class="alt">
					<a href="#">Dapibus a felis. Etiam gravida</a> 
					<span>23.05.09</span>
				</li>
				<li>
					<a href="#">Ut sollicitudin molestie tortor id</a>
					<span>15.02.09</span>
				</li>
				<li class="alt">
					<a href="#">Praesent sollicitudin molestie</a>
					<span>01.01.09</span>
				</li>
				<li>
					<a href="#">Nulla facilisi.</a>
					<span>15.12.08</span>
				</li>
			</ul>
		</div>			
	</div>
</div>
<div id="footer" class="clear">
	<p class="left">© 2010. All rights reserved | Valid <a title="valid XHTML strict" href="http://validator.w3.org/check/referer">XHTML</a> and <a title="CSS" href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
</p>
	<p class="right"><a href="#">Terms of use</a> | <a href="#">Privacy policy</a> | <a href="#">Contact us</a></p>
</div>
</div>
</body>
</html>

And here is the sample they provide;

<div id='all'>
<div id='header-block'>
    <div id="wrapper">
  		<div id='banner-bg'>
  		<div id='top-text-block'>
          <div id="cp-name-holder">
            <span id='cp-name-block' class='cp-name-here'></span>
          </div>
          <div id='top-link-block'>
            <a id='home-link' href='/'>Home</a>
            <span class='header-splitter'>   |   </span>
            <a id='logout-link' href='/expired.cgi?logout=1'>Log Out</a>
            <span id='help-block'>
            <span class='header-splitter'>   |   </span>
            <a id='help-link' href='/support.cgi'>Help</a></span>
            <span class='header-splitter'>   |   </span>
            <a target='_blank' id='managing-domain-name'></a>
          </div>
          <div id="translation-holder">
            <div id="google_translate_element"></div>
            <script>
              if(google_translate == 1) {
                function googleTranslateElementInit() {
                  function inner() {
                    new google.translate.TranslateElement({
                      pageLanguage: 'en'
                    }, 'google_translate_element');
                  }

                  // Internet Explorer needs this second check.
                  if(google_translate == 1) {
                    setTimeout(inner, 0);
                  }
                }
              } else {
                // Move the links over to the right.
                document.getElementById('top-link-block').style.marginRight = '15px';
              }
            </script>
            <script src="/secure-proxy.cgi?file=GoogleTranslateElement"></script>
          </div>
        </div>
      </div>
    </div><!-- wrapper -->
</div>

<script type="text/javascript">
  var broken_windows_browser = 0;
  if(navigator.userAgent.toLowerCase().indexOf("msie")>=0) broken_windows_browser = 1;

  var interval_id = setInterval('watch_for_close()', 500);

  if(google_translate == 1) {
    setTimeout('find_dropdown()', 1000);
  }

  var translation_seen = 0;
  var updated_on_close = 0;
    
  function find_dropdown() {
    if(document.getElementById(':0.targetLanguage')) {
      var lang_dropdown = document.getElementById(':0.targetLanguage').firstChild;
      lang_dropdown.onchange = function() {
        translation_seen = 1;
        var lang = lang_dropdown.value;

        update_language(lang);
      };
    }
  }

  function is_superuser() {
    if(get_cookie('dc')) {
      return 1;
    } else {
      return 0;
    }
  }

  function get_cookie(cookie_name) {
    var results = document.cookie.match('(^| ?' + cookie_name + '=([^;]*)(;|$)');

    if (results) {
      return(unescape(results[2]));
    } else {
      return null;
    }
  }

  function watch_for_close() {
    try {
      var iframe = document.getElementById(':1.container');
      var iframe_holder = iframe.parentNode;
    } catch(e) {
      return;
    }

    if(iframe_holder.style.display != 'none') {
      translation_seen = 1;
    } else {
      if(translation_seen && updated_on_close == 0) {
        updated_on_close = 1;
        update_language('none');
      }
    }
  }

  function update_language(language) {
    var xmlhttp;

    if(broken_windows_browser) {
      xmlhttp = new ActiveXObject("MsXml2.XmlHttp");
    } else {
      xmlhttp = new XMLHttpRequest();
    }

    var query_string = "superuser=" + is_superuser() + "&lang=" + language;
    
    xmlhttp.open("POST", "update_language.cgi", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", query_string.length);
    xmlhttp.setRequestHeader("Connection", "close");
    xmlhttp.send(query_string);
  }

  function set_page_language() {
    if(document.getElementById(':1.container')) {
      return;
    }

    var xmlhttp;

    if(broken_windows_browser) {
      xmlhttp = new ActiveXObject("MsXml2.XmlHttp");
    } else {
      xmlhttp = new XMLHttpRequest();
    }

    var query_string = "superuser=" + is_superuser();
    var location = "" + document.location;

    xmlhttp.onreadystatechange = function() {
      if(xmlhttp.readyState == 4) {
        var language = xmlhttp.responseText;
        if(language != '0') {
          update_language(language);

          var separator = '?';
          if(location.match(/\?/)) {
            separator = '&';
          }

          if(!location.match(/googtrans/i)) {
            document.location = document.location + separator + 'translate=1#googtrans/en/' + language;
          }
        }
      }
    };

    if(!location.match(/login\.cgi/) && google_translate) {
      xmlhttp.open("POST", "get_language.cgi", true);
      xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      xmlhttp.setRequestHeader("Content-length", query_string.length);
      xmlhttp.setRequestHeader("Connection", "close");
      xmlhttp.send(query_string);
    }
  }

  setTimeout('set_page_language()', 1000);
</script>

<div id='body-block'>
[bODY]</div>
<!-- footer -->
</div>

haku · July 23, 2010

Ok.

Sign In

Template intergration

Recommended Posts

eaglelegend

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information