Webseite in HTML, Forum steht schon

Internet
#21

Ich schaue, ob das mit dem Einfügen von Quellcode hier klappt.

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">-->
<link rel="stylesheet" media="screen" type="text/css" href="koechenord.css">
<title>http://www.köche-nord.de Koeche-Nord</title>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-69260587-1', 'auto');
  ga('send', 'pageview');

</script>
</head>
<!--<body __vsttwindowid="1445936288210">-->
<body>
<div id="title">
<img src="firm.gif" style="float:right;width:770px; height:120px;margin-left:3px;" alt="Logo">
<h1>Eine Kochseite von Köche-Nord.de<br>mit Kochforum</h1>
</div>

 <div id="left" style="clear:right;">
<p class="menutitle">HAUPTMEN&Uuml;</p>
» <a class="menu" href="http://www.k%F6che-nord.de/index.php">Home</a><br>
» <a class="menu" href="#">Über uns</a><br>
» <a class="menu" href="#">Faq</a><br>
» <a class="menu" href="http://www.k%F6che-nord.de/Kochrezepte-kochforum/index.php">Forum</a><br>
» <a class="menu" href="#">Links</a><br>
» <a class="menu" href="#">Kontakt</a><br>

<p class="menutitle">LINKS</p>
» <a class="menu" href="#">Musik</a><br>
» <a class="menu" href="#">Chinareise</a><br>

<!--
<p class="menutitle">MENU 3</p>
» <a class="menu" href="#">HYPERLINK 1</a><br>
» <a class="menu" href="#">HYPERLINK 2</a><br>
» <a class="menu" href="#">HYPERLINK 3</a><br>
» <a class="menu" href="#">HYPERLINK 4</a><br>
» <a class="menu" href="#">HYPERLINK 5</a><br><br>
-->

<!-- Begin Motigo Webstats counter code -->
    <a id="mws2147601788" href="http://www.motigo.com/webstats/catalog/a/b/2147601788"><iframe id="motigo_webstats_iframe_2147601788" src="index-Dateien/getCounterContent.htm" scrolling="0" style="display: inline-block; vertical-align: top;" frameborder="0" height="64" width="128"></iframe></a>
    <script src="index-Dateien/analytics.js" async=""></script><script src="index-Dateien/c.js" type="text/javascript"></script><script type="text/javascript" src="index-Dateien/t.js"></script>
<!-- End Motigo Webstats counter code -->

 </div>

 <div id="right">
<!--<p class="menutitle">MENU 4</p>
» <a class="menu" href="#">HYPERLINK 1</a><br>
» <a class="menu" href="#">HYPERLINK 2</a><br>
» <a class="menu" href="#">HYPERLINK 3</a><br>
» <a class="menu" href="#">HYPERLINK 4</a><br>
» <a class="menu" href="#">HYPERLINK 5</a><br>
-->
<p class="menutitle">PARTNERLINKS</p>
» <a class="menu" href="http://www.kind.com/" target="_blank">www.kind.com</a><br>
» <a class="menu" href="http://www.mcdonalds-ehmann.de/" target="_blank">mcdonalds-ehmann.de</a><br>
» <a class="menu" href="https://www.facebook.com/PDTreff" target="_blank">Pizza/Dönertreff Mellendorf</a><br>


<p class="menutitle">NEWS</p>
» Derzeit gestalten wir <br>
eine neue Startseite für
<a href="http://www.k%F6che-nord.de/">&gt;www.köche-nord.de</a><br>
 </div>

 <div id="content"><P>In Köche-Nord.de vereinen sich Tradition und Moderne. Unser <b>Non-Profit-Projekt</b> verzichtet fast ganz auf Werbung, wir werben lediglich für unsere Arbeitgeber und Vereine.</p>
<p>In unserem Kochforum finden Sie die verschiedensten Kochrezepte, Interessierte können sich gerne beteiligen. Unser Kochforum finden Sie hier:</p>
<p><a href="http://www.k%F6che-nord.de/Kochrezepte-kochforum/index.php" target="_blank">http://www.köche-nord.de/Kochrezepte-kochforum/index.php</a></p>
</div>
</body>
</html>

So, das wäre die index.php, wobei das eigentlich nur HTML-Code ist. Ich habe einiges an Quelltext auskommentiert, muss man sehen, ob das nicht ganz gelöscht werden kann. Die ganzen Links musst du natürlich auch noch anpassen/ändern.

Und dann musst du diesen Quelltext im selben Verzeichnis als koechenord.css speichern.

body
{
 font-family:Verdana;
 font-size:12px;
 background-color:#ffefde;
}
h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}
p {margin-top:0px;}

code {font-size:14px;color:#0000ff;}
pre
{
 font-size:14px;
 color:#0000ff;
 padding:5px;
}
a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#634142;
  font-size:12px;
}
a:active, a:hover
{
 text-decoration:underline;
}
#title {
height:34px;
padding:5px;
border-bottom:1px solid #000000;
margin-bottom:20px;
}
#left, #right {
width:14%;
line-height:18px;
margin-top:15pt;
}
#left {
float:left;
}
#right {
float:right;
}
.menutitle
{
font-weight:bold;
border-top:1px dashed #000000;
margin-top:40px;
}

#content {
float:left;
width:66%;
margin-left:3%;
margin-top: 50pt;
}
1 Like
Wie ändere ich die Schrift in meiner HTML Seite
#22

Ich habs hochgeladen, kannst Du mal kucken ob alles richtig ist ?
Ich bin zufrieden, DANKE !!!

#23

Ähm, ich hatte das Zentrieren rausgenommen und den Text oben bündig mit den Menüs links und rechts gemacht, jetzt ist er wieder zentriert. :sob:

<br> wird für Zeilenumbrüche benutzt, für Absätze benutzt man <p> ... </p>, du gehst sehr großzügig mit den Zeilenumbrüchen um, nur um Abstände zu realisieren. Die beiden Links zum Forum (im Menü links und im Haupttext) gehen übrigens gerade nicht, könnte an der Umlautcodierung liegen.
Ersetze bitte im Quelltext von index.php
http://www.köche-nord.de
durch
http://www.xn--kche-nord-07a.de
An drei Stellenmuss das ersetzt werden, glaube ich, außer beim Titel, dazu s. u.

Am besten ersetzt du nämlich auch
<title>http://www.köche-nord.de Koeche-Nord</title>
durch
<title>Eine Kochseite mit Kochforum</title>
oder so etwas.

Und noch ein Fehler, der durch das Herunterladen meinerseits passiert war: bei deinem Zählerskript muss index-dateien/ aus dem Pfad rausgenommen werden. Die Zeilen lauten also richtig:

<!-- Begin Motigo Webstats counter code -->
    <a id="mws2147601788" href="http://www.motigo.com/webstats/catalog/a/b/2147601788"><iframe id="motigo_webstats_iframe_2147601788" src="getCounterContent.htm" scrolling="0" style="display: inline-block; vertical-align: top;" frameborder="0" height="64" width="128"></iframe></a>
    <script src="analytics.js" async=""></script><script src="c.js" type="text/javascript"></script><script type="text/javascript" src="t.js"></script>
<!-- End Motigo Webstats counter code -->

Zumindest gehe ich davon aus, dass die .js-Dateien im Hauptverzeichnis liegen, wie die index.php auch. Aber gab’s keine Variante davon ohne iframe? Ein DIV-Container müsste eigentlich auch reichen. Aber deren html-Datei müsste auch komplett umgebaut werden, die ist ebenfalls tabellenbasiert, wie die erste Version deiner Seite. :frowning:

Ach so, noch eine sprachliche Sache: müsste es nicht „Auf Köche-Nord.de“ heißen?

Gruß
Christa

#24

Ähm, ich hatte das Zentrieren rausgenommen und den Text oben bündig mit den Menüs links und rechts gemacht,
jetzt ist er wieder zentriert. sob

Das mit dem Zentriert habe ich mit absicht wieder gemacht … ich habe für meine Startseite
einfach nicht mehr Text und möchte ihn in der Mitte der Seite wissen. Auf den anderen Seiten
mach ich das nicht.

Ich habe jetzt www.Köche-Nord.de geschrieben, jetzt scheint es zu funktionieren … kannst ja
nochmal kucken.

Den Titel habe ich auch geändert, so wie Du es vorgeschlagen hast.

Beim Zähler funktionierte dein Script auch nicht, ich bin auf die Seite von Motigo gegangen und habe mir das ganze nochmal kopiert. Eigentlich wollte ich ein Zähler der mir die Hits gleich auf der Seite anzeigt … hab mich aber wegen den Tabellen und der langen Ladezeit für ein einfachen Banner entschieden.

–> Ach so, noch eine sprachliche Sache: müsste es nicht „Auf Köche-Nord.de“ heißen?

Danke, hab ich auch korregiert.

Gruß
Marcus