JolloyRoger
Neues Mitglied
Hallo zusammen,
ich habe folgendes Problem und bitte um Hilfe. Ich möchte ein bereits erstelltes Template etwas abwandeln. Da es nicht genug Unterseiten waren, habe ich einige Unterseiten kopiert, mit neuen Namen versehen und anschließend neu verlinkt. Der jeweils benutzte Link der Navigation wird dabei weiß unterlegt. Bei den kopierten Unterseiten markiert er jedoch jetzt den falschen/ursprünlichen Link.
Die Menüführung wäre:
Startseite/News Schach-AG Termine Turniere Training Links Gästebuch Kontakt Impressum
Z.B. ist die Untersite Training die kopierte Untersite Schach-AG. Wenn ich jetzt die Site Training ansteuern möchte, markiert er die Site Schach-AG weiß.
Ich habe mir schon einen "Wolf" gesucht aber ich finde die Verbindung nicht. Hat jemand einen Tipp?
Hier der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>GSO-MSO-Schach Startseite_News</title>
<meta name="description" content="free website template" />
<meta name="keywords" content="enter your keywords here" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a#example1").fancybox();
$("a#example2").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
$("a#example3").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("a#example4").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none'
});
$("a#example5").fancybox();
$("a#example6").fancybox({
'titlePosition' : 'outside',
'overlayColor' : '#000',
'overlayOpacity' : 0.9
});
$("a#example7").fancybox({
'titlePosition' : 'inside'
});
$("a#example8").fancybox({
'titlePosition' : 'over'
});
/*
* Examples - various
*/
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("#various2").fancybox();
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("#various4").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
</head>
<body>
<div class="container_header"><p> </p></div>
<div id="main">
<div id="header">
<div id="banner">
<h1>GSO-MSO-SCHACH</h1>
</div><!--close banner-->
</div><!--close header-->
<div class="container_footer"> </div>
<div id="menubar">
<ul id="menu">
<li class="selected"><a href="index.html">Startseite/News</a></li>
<li><a href="Schach-AG_Startseite.html">Schach-AG</a></li>
<li><a href="Termine_Startseite.html">Termine</a></li>
<li><a href="Turniere_Startseite.html">Turniere</a></li>
<li><a href="Training_Startseite.html">Training</a></li>
<li><a href="Links_Startseite.html">Links</a></li>
<li><a href="Gastbuch_Startseite.html">Gästebuch</a></li>
<li><a href="Kontakt_Startseite.html">Kontakt</a> </li>
<li><a href="Impressum_Startseite.html">Impressum</a></li>
</ul>
</div>
<div class="container_header"><p> </p></div>
<div id="site_content">
<div id="content">
<div class="content_item">
<h1>Welcome to your website</h1>
<p>TEXT<br />
<br />
<br />
</p>
<h3>Place your heading here</h3>
<div style="width:250px; float:left; padding: 0px 20px 20px 0px;"><a id="example1" href="images/fancybox_large.jpg"><img alt="image" src="images/fancybox_small.jpg" /></a></div>
<div style="width:75px; float:left;"><img src="images/icons/home.png" alt="news"/></div>
<p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT </p>
<p> </p>
<p>TEXT TEXT TEXT TEXT TEXT TEXT <br />
<br />
<br />
<br />
<br />
<br />
</p>
</div><!--close content_item-->
<div class="sidebar_container">
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Blog</h2>
<h4>March 2012</h4>
<p>TEXT</p>
<div class="button_small">
<a href="#">Read more</a>
</div><!--close button_small-->
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Blog</h2>
<h4>March 2012</h4>
<p>TEXT</p>
<div class="button_small">
<a href="#">Read more</a>
</div><!--close button_small-->
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Blog</h2>
<h4>March 2012</h4>
<p>TEXT</p>
<div class="button_small">
<a href="#">Read more</a>
</div><!--close button_small-->
</div><!--close sidebar_item-->
</div><!--close sidebar-->
</div><!--close sidebar_container-->
<br style="clear:both;" />
</div><!--close content-->
</div><!--close site_content-->
<div id="footer">
<div id="footer_content">
<div><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> | <a href="http://dryicons.com/">Icons</a> | website template by <a href="http://www.araynordesign.co.uk">ARaynorDesign</a></div>
</div><!--close footer_content-->
</div><!--close footer-->
</div><!--close main-->
<div class="container_footer"> </div>
<p style="float: left;padding: 0;"> </p>
</body>
</html>
ich habe folgendes Problem und bitte um Hilfe. Ich möchte ein bereits erstelltes Template etwas abwandeln. Da es nicht genug Unterseiten waren, habe ich einige Unterseiten kopiert, mit neuen Namen versehen und anschließend neu verlinkt. Der jeweils benutzte Link der Navigation wird dabei weiß unterlegt. Bei den kopierten Unterseiten markiert er jedoch jetzt den falschen/ursprünlichen Link.
Die Menüführung wäre:
Startseite/News Schach-AG Termine Turniere Training Links Gästebuch Kontakt Impressum
Z.B. ist die Untersite Training die kopierte Untersite Schach-AG. Wenn ich jetzt die Site Training ansteuern möchte, markiert er die Site Schach-AG weiß.
Ich habe mir schon einen "Wolf" gesucht aber ich finde die Verbindung nicht. Hat jemand einen Tipp?
Hier der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>GSO-MSO-Schach Startseite_News</title>
<meta name="description" content="free website template" />
<meta name="keywords" content="enter your keywords here" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a#example1").fancybox();
$("a#example2").fancybox({
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
$("a#example3").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("a#example4").fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none'
});
$("a#example5").fancybox();
$("a#example6").fancybox({
'titlePosition' : 'outside',
'overlayColor' : '#000',
'overlayOpacity' : 0.9
});
$("a#example7").fancybox({
'titlePosition' : 'inside'
});
$("a#example8").fancybox({
'titlePosition' : 'over'
});
/*
* Examples - various
*/
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("#various2").fancybox();
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("#various4").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
</head>
<body>
<div class="container_header"><p> </p></div>
<div id="main">
<div id="header">
<div id="banner">
<h1>GSO-MSO-SCHACH</h1>
</div><!--close banner-->
</div><!--close header-->
<div class="container_footer"> </div>
<div id="menubar">
<ul id="menu">
<li class="selected"><a href="index.html">Startseite/News</a></li>
<li><a href="Schach-AG_Startseite.html">Schach-AG</a></li>
<li><a href="Termine_Startseite.html">Termine</a></li>
<li><a href="Turniere_Startseite.html">Turniere</a></li>
<li><a href="Training_Startseite.html">Training</a></li>
<li><a href="Links_Startseite.html">Links</a></li>
<li><a href="Gastbuch_Startseite.html">Gästebuch</a></li>
<li><a href="Kontakt_Startseite.html">Kontakt</a> </li>
<li><a href="Impressum_Startseite.html">Impressum</a></li>
</ul>
</div>
<div class="container_header"><p> </p></div>
<div id="site_content">
<div id="content">
<div class="content_item">
<h1>Welcome to your website</h1>
<p>TEXT<br />
<br />
<br />
</p>
<h3>Place your heading here</h3>
<div style="width:250px; float:left; padding: 0px 20px 20px 0px;"><a id="example1" href="images/fancybox_large.jpg"><img alt="image" src="images/fancybox_small.jpg" /></a></div>
<div style="width:75px; float:left;"><img src="images/icons/home.png" alt="news"/></div>
<p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT </p>
<p> </p>
<p>TEXT TEXT TEXT TEXT TEXT TEXT <br />
<br />
<br />
<br />
<br />
<br />
</p>
</div><!--close content_item-->
<div class="sidebar_container">
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Blog</h2>
<h4>March 2012</h4>
<p>TEXT</p>
<div class="button_small">
<a href="#">Read more</a>
</div><!--close button_small-->
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Blog</h2>
<h4>March 2012</h4>
<p>TEXT</p>
<div class="button_small">
<a href="#">Read more</a>
</div><!--close button_small-->
</div><!--close sidebar_item-->
</div><!--close sidebar-->
<div class="sidebar">
<div class="sidebar_item">
<h2>Latest Blog</h2>
<h4>March 2012</h4>
<p>TEXT</p>
<div class="button_small">
<a href="#">Read more</a>
</div><!--close button_small-->
</div><!--close sidebar_item-->
</div><!--close sidebar-->
</div><!--close sidebar_container-->
<br style="clear:both;" />
</div><!--close content-->
</div><!--close site_content-->
<div id="footer">
<div id="footer_content">
<div><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> | <a href="http://dryicons.com/">Icons</a> | website template by <a href="http://www.araynordesign.co.uk">ARaynorDesign</a></div>
</div><!--close footer_content-->
</div><!--close footer-->
</div><!--close main-->
<div class="container_footer"> </div>
<p style="float: left;padding: 0;"> </p>
</body>
</html>
Zuletzt bearbeitet: