VORGESCHICHTE:
:-) Vorerst einmal, bidde nicht böse sein - Hier ist kein Tut sondern die Bitte um eines...
Ich habe schon so ziehmlich jede Css-Tutorialseite abgeklappert die Google ausgespuckt hat :-) [Naja... Die meisten zumindestenz ;-)]
Und mit Hilfe der Tut's, einem Freund [Der mir leider jetzt nicht mehr zu Verfügung steht] und den Prog Dreamweaver hab ich es dann [endlich] geschaft ein Css-Layout [einigermaßen!] hin zu kriegen.
Jedoch war das ein riesen Flop wie es sich dann in kürze heraus stellt :-) Das Problemm und die Ereignisse hier...:
PROBLEM:
Informationen:
User-Status: N00b / Geringes Vorwissen
Browser: Opera 8
Betriebssystem: Win2k prof. S-Pack 4
Benutzes Prog.: Dreamweaver 8
Online: Lokal, mit XAMPP
URL: http://localhost/Op/
Stammordner: D:\Eigene Server\xampp\htdocs\OP\
Ordner in den sämtliche Site's gelagert sind: D:\Eigene Server\xampp\htdocs\OP\content\
Index.php Pfad: D:\Eigene Server\xampp\htdocs\OP\index.php
Ordner des News-Sytstems: D:\Eigene Server\xampp\htdocs\OP\News\
News-System: CuteNews 1.4.1
Sachlage: Mein Problemm ist das ich alle Links in den index.php mit:
?site=SeitenName.php verlinke und es somit gleich in den
content Div kommt.
Jedoch hab ich jetz ein Newssystem auf dem Netz gezogen das mir sehr gefällt aber ziehmlich viele Dateien hat, was ich ungerne alle in den content Ordner ziehen würde der übersichtlichkeitshalber, sondern in den Ordner:
D:\Eigene Server\xampp\htdocs\OP\News\
Will nun aber bei der Navigation den Link "News" so verlinken das es Layoutgerecht wie die restlichen Links sich in den Div "content" öffnet.
Wenn ich es mit
?site=news versuche kommt leider die Meldung das die Site nicht gefunden worden ist.
Die Datei die ich dort verlinken möchte ist folgt:
D:\Eigene Server\xampp\htdocs\OP\News\index.php
Der Inhalt von
D:\Eigene Server\xampp\htdocs\OP\index.php:
Code:
<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>OnePiece-Game</title>
<link rel="stylesheet" href="2col_leftNav.css" type="text/css" />
<style type="text/css">
<!--
a:hover {
color: #00CCFF;
}
a:active {
color: #FF0000;
}
-->
</style></head>
<!-- The structure of this file is exactly the same as 2col_rightNav.html;
the only difference between the two is the stylesheet they use -->
<body>
<div id="masthead">
<h1 id="siteName">OnePiece-Game</h1>
<div id="globalNav"> <a href="?site=home">Home</a> | <a href="#">Anmeldung</a> | <a href="#">Login</a> | <a href="#">Team</a> | <a href="#">FAQ</a> | <a href="?site=regeln">Regeln</a>| <a href="#">Impressum</a></div>
</div>
<!-- end masthead -->
<div id="content">
<div id="breadCrumb"> <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / </div>
<h2 id="pageName">Page Name</h2>
<div class="story">
<?
if(!$_GET[site]){ //Falls nichts angegeben wurde soll die Index angezeigt werden.
include("content/index.php");
} else {
if(!file_exists("content/$_GET[site].php")){ //Falls es die Datei nicht gibt, bekommt der User ne Fehlermeldung
echo "<b>Fehler:</b> Diese Seite konnte nicht gefunden werden.";
} else {
include("content/$_GET[site].php");
}
}
?>
</div>
</div>
<!--end content -->
<div id="navBar">
<div id="sectionLinks">
<ul>
<li><a href="?site=home">Home</a></li>
<li><a href="?site=news">News</a></li>
<li><a href="#">News-Archiev</a></li>
<li><a href="#">Updates</a></li>
<li><a href="#">Updates-Archiev</a></li>
<li><a href="#">Bug</a></li>
<li><a href="#">Bug-Archiev</a></li>
<li><a href="#">Anmeldung</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Hilfe/FAQ</a></li>
<li><a href="#">Chat</a></li>
<li><a href="#">Forum</a></li>
<li><a href="?site=regeln">Regeln</a></li>
<li><a href="?site=team">Team</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div class="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div id="advert"> <img src="" alt="" width="107" height="66" /> Ad copy ad copy ad copy. Ad copy ad copy. </div>
<div id="headlines">
<h3>Headlines</h3>
<p> Headline <a href="#">full story...</a> </p>
<p> Headline <a href="#">full story...</a> </p>
<p> Headline <a href="#">full story...</a> </p>
<p> Headline <a href="#">full story...</a> </p>
</div>
</div>
<!--end navbar -->
<div id="siteInfo">
<div align="center">
<h1>Copyright © 2005 OnePiece-Game</h1>
<h1>Entwicklungsphase </h1>
</div>
</div>
<div align="left"><br />
</div>
</body>
</html>
EIGENTLICHE BITTE:
Würde mich gerne über eine Vorlage des korrekten und funktionsfähigen Code's sehr freuen und bedanke mich schon mal im Vorraus.
Ich weiß nicht wie es bei allen anderen Usern auszieht aber ich bin ziehmlich fließig am Planen und logischen Durchdenken von Browsergames aber scheiter immer wieder am Design :-)
Liegt zwar wahrscheinlich an meinen geringen Vorkenntnissen aber ich dachte mir anstatt mal die unendlich langen Seiten der Recoursen-Bücher von den Sprachen zu lesen stürz ich mich mal rein und lerne durch ständige !aha!-Effekte, Erfahrung macht ja schließlich den Meister obwohl man bestimmt auch nicht die Zeit hat jeden Fehler selber zu machen :-)
Ich bin mir sicher solch ein Tutorial auch ein winzig spezialisiert und vielleicht noch zu den Ordner und Datei-Verwaltungen kommentiert bsw. wie der Root-Ordner dann aussehen sollte und wie man es in die Praktsis umsetzen könnte bsw. wo die *.php Dateien gelagert werden sollten etc. vielen Usern einen guten Start liefern würde.
MfG
Mega
