Hilfe! Seite erstellen

MavoDisgnz

Grünschnabel
Hallo ,

Habe da mal eine frage und zwar habe ich ein CSS Tamplate und möchte eine seite hinzufügen aber weis nicht wie das funktioniert!

Kann mir da vllt jemand helfen

P.S. Hoffe mir kann jemand helfen!

MFG
 

ComFreek

Mod | @comfreek
Moderator
Hast du dir also eine Komplett-Website runtergeladen oder wie?
Also wenn du CSS-Dateien in eine HTML-Datei einbinden möchtest, geht das wie folgt:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
               "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    ....
    <link rel="stylesheet" type="text/css" href="dateiname.css">
  </head>
  <body>
    ...
  </body>
</html>
 
M

Maik

Hi,

existiert zu diesem "CSS Template" ein HTML-Dokument, und es kommt nun ein weiteres dazu?

Und wie lauten hier die Quellcodes im einzelnen (HTML, CSS)?

Alternativ kannst du auch einen Link zu der/den Seite/n nennen, damit man einen Überblick von deinem Vorhaben gewinnen kann.

mfg Maik
 

MavoDisgnz

Grünschnabel
Nein habe mir bei eine vorlage runtergeladen so da is nur die index da so im menu kmöchte ich eine seite einbinden so aber wie erstelle ich eine n eue seite so das auch der style erhalten bleibt ?

Ya in Html CSS

hier meine seite mal links is ya das menu und wenn ich da rauf klicke auf siedebar soll ne andere seite kommen aber der style soll ebend so bleiben wie in der index
 
M

Maik

Am einfachsten legst du dir eine Kopie der existierenden HTML-Datei des "CSS-Templates" an, benennst sie um (z.B. "guestbook.html"), und paßt im Navigationsmenü den Verweis zu dieser Datei an :)

Den Link wolltest du uns wohl noch nennen ;-)

mfg Maik
 

MavoDisgnz

Grünschnabel
Meine Homepage



Index:
HTML:
<!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" xml:lang="en" >
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="MediaUp" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="robots" content="all" />
	<title>Coastal Night Free CSS Template</title>

	<script type="text/javascript"></script>
	
	<style type="text/css" title="currentStyle" media="all">
		@import "global.css";
	</style>
</head>

<body>

<div id="wrapper">
	<div id="header">
		<h1>MAVO-DISGNZ</h1>
		<h3>BILDER / LAYOUTS / BY MAVO</h3>
	</div>
	<div id="topnavi">
		<ul>
			<li class="select"><a href="#">HOME</a></li>
			<li class="norm"></li>
			<li class="norm"><a href="TEST.html">MUSIK</a></li>
			<li class="norm"><a href="#">BILDER</a></li>
			<li class="norm"><a href="#">GÄSTEBUCH</a></li>
			<li class="norm"><a href="#">ÜBER MICH</a></li>
			<li class="norm"><a href="#">KONTAKT</a></li>
		</ul>
	</div>
	<div id="headimg">&nbsp;</div>
	<div id="bodybox">
		<div id="subnavi">
			<h2>Home</h2>
			<ul>
				<li class="select"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
			</ul>
		</div>
		<div id="content">
			<h2>Lorem Ipsum Dolor Sit Amit</h2>
			<h3>Pellentesque viverra vulputate enim</h3>
			<p><img class="pic" src="img/content_img.jpg" alt="image" />
			&quot;Coastal Nights&quot; is a free, tableless, W3C-compliant web 
			design layout by   MediaUp. This template has been tested and proven 
			compatible with all major   browser environments and operating systems. 
			You are free to modify the design to   suit your tastes in any way you 
			like.We only ask you to not remove &quot;Webdesign MediaUp&quot; and 
			the link   http://www.mediaup.de from the footer of the template. 
			Have fun! ;)</p>
			<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer</a> adipiscing elit, sed diam 
			nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat 
			volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
			ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
			Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse 
			molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero 
			et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril 
			delenit augue duis dolore te feugait nulla facilisi.</p>
			<ul>
				<li>Lorem ipsum dolor sit amet.</li>
				<li>Consectetuer adipiscing elit.</li>
				<li>Maecenas ac lacus. Etiam quis ante.</li>
				<li>Nullam accumsan metus sit amet est.</li>
				<li>Nullam diam. Nunc ac ipsum at nisl pretium congue.</li>
			</ul>
			<p>Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra 
			vulputate enim. Vivamus fermentum nibh in augue. Praesent a lacus at urna 
			congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. 
			Quisque <a href="#">semper</a> augue mattis wisi. Maecenas ligula. Pellentesque viverra 
			vulputate enim.</p>
		</div>
	</div>
	<div id="footer">
		© Copyright 2008 yourname.com. All Rights Reserved.  
		<a href="http://www.mediaup.de">Webdesign</a> MediaUp</div>
	<div class="cleaner"></div>
</div>

</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
M

Maik

Quellcode für guestbook.html:

Code:
<!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" xml:lang="en" >
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="MediaUp" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="robots" content="all" />
	<title>Mein Gästebuch</title>

	<script type="text/javascript"></script>
	
	<style type="text/css" title="currentStyle" media="all">
		@import "global.css";
	</style>
</head>

<body>

<div id="wrapper">
	<div id="header">
		<h1>MAVO-DISGNZ</h1>
		<h3>BILDER / LAYOUTS / BY MAVO</h3>

	</div>
	<div id="topnavi">
		<ul>
			<li class="norm"><a href="index.html">HOME</a></li>
			<li class="norm"></li>
			<li class="norm"><a href="TEST.html">MUSIK</a></li>
			<li class="norm"><a href="#">BILDER</a></li>

			<li class="select"><a href="guestbook.html">GÄSTEBUCH</a></li>
			<li class="norm"><a href="#">ÜBER MICH</a></li>
			<li class="norm"><a href="#">KONTAKT</a></li>
		</ul>
	</div>
	<div id="headimg">&nbsp;</div>
	<div id="bodybox">

		<div id="subnavi">
			<h2>GÄSTEBUCH</h2>
			<ul>
				<li class="norm"><a href="index.html">HOME</a></li>
				<li class="select"><a href="guestbook.html">GÄSTEBUCH</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>

				<li class="norm"><a href="#">Sidebar Link</a></li>
				<li class="norm"><a href="#">Sidebar Link</a></li>
			</ul>
		</div>
		<div id="content">
			<h2>Mein Gästebuch</h2>
			<h3>...</h3>
		</div>
	</div>
	<div id="footer">
		© Copyright 2008 yourname.com. All Rights Reserved.  
		<a href="http://www.mediaup.de">Webdesign</a> MediaUp</div>

	<div class="cleaner"></div>
</div>

</body>
</html>

Fertitsch :)

mfg Maik
 

MavoDisgnz

Grünschnabel
Ya das weis ich auch aber , Ich möchte ya ne neue html anlegen!

Das heist wenn ich ya auf home klicke muss ya dann ne neue seite kommen so aber die muss ich ya erst erstellen weiste jetzt was ich meine?

mfg
 
M

Maik

Klar mußt du diese erstellen.

Klingt so, wie wenn du nicht im Besitz eines HTML-Editors bist, um solch eine Datei zu erstellen bzw. von der existierenden eine Kopie über den "Speichern unter..."-Dialog zu erzeugen?

Obigen Code kannst per "Copy&Paste" in den Texteditor von Windows (notepad.exe) schaufeln, und die Datei als "guestbook.html" speichern ;-)

mfg Maik