Anleitung zur Umsetzung einer vorh. Webseite in ConPresso

Fragen zur Implementierung und/oder Anpassung von ConPresso 4 werden in diesem Forum diskutiert.
Gesperrt
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Anleitung zur Umsetzung einer vorh. Webseite in ConPresso

Beitrag von MarkusR »

Weil es immer, immer und immer wieder gefragt wird, obwohl es im Handbuch beschrieben ist:

Wie setzt man ein vorh. Layout in eine ConPresso-Webseite um?

Ich benutze jetzt mal ein template von
http://www.on-mouseover.de/templates/
und zwar dieses
http://www.on-mouseover.de/templates/hp13/index.html
von dieser Seite
http://www.on-mouseover.de/templates/te ... 09_16.html

Bild

Bild

Der Quellcode sieht so aus:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->

<link rel="stylesheet" href="format.css" type="text/css">


</head>
<body     >

<table width="88%" align="center"  cellspacing="0" cellpadding="0" border="0"  >
<tr>
<td align="right"  class="li" ><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""></td><td  ><!--ende aussentab-->

<table align="center" width="100%"  cellspacing="0" cellpadding="0" border="0"     >
<tr>
<td valign="top" id="hpname">~ Just Natural ~</td>
</tr>

<tr>
<td  class="buleiste" ><!--menü oben-->
<table    id="menu2"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td  ><a href="index.html"  onfocus="this.blur()">Kontakt</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Home</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Preise</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Impressum</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>

</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
</table>



<!--ende oben-->

<table align="center"  width="100%"    border="0" cellpadding="0" cellspacing="0"  >





<tr>
<td rowspan="2"  id="nav" >

<div id="menu01">
<ul  >
<li><a href="index.html"  onfocus="this.blur()">Anfahrt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Kontakt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Email</a></li>
<li><a href="index.html"  onfocus="this.blur()">G&auml;stebuch</a></li>
<li><a href="index.html"  onfocus="this.blur()">Preise</a></li>
<li><a href="index.html"  onfocus="this.blur()">Angebote</a></li>
<li><a href="index.html"  onfocus="this.blur()">Impressum</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">So finden Sie uns</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
</ul>
</div>
<!--MENU 01 ENDE-->


<!--diese box ist im moment leer--><div class="trenn2">&nbsp;</div><!-- ende diese box ist im moment leer-->

<div class="box1">Ich bin eine Inhaltsbox.<br>
Hier Platz f&uuml;r weiteren Inhalt z.b. Text oder Grafiken.<br>
 Diese Boxen erweitern sich nach unten bei mehr Inhalt automatisch.<br>                         <br>
<br>
<br>
<br>
<br>

</div>


<div class="box2">Ich bin eine zweite Inhaltsbox.<br>
Das Layout der Boxen f&uuml;r zb. Schriftart, Schriftgr&ouml;sse, Schriftstil,  Schriftfarbe oder Zeilenabstand sowie Rahmenfarbe, Hintergrundfarbe, Randabstand o.&auml;. kann in der Datei format.css (dort bei ".box") angepasst werden.</div>

<!-- weiterer Inhalt evt.-->

</td><!-- HIER ENDE LINKE SPALTE.-->
<td width="100%" id="top" >&nbsp;</td>
</tr>
<tr>


<td valign="top"  id="sp2">

<h2>das layout.</h2>

Dieses Layout heisst: <span style="letter-spacing:2px;font-family:tahoma;">"Just Natural"
</span>. Die Boxen 1 und 2 unterhalb des Men&uuml;s auf der linken Seite k&ouml;nnten Sie f&uuml;r kleineren Inhalt wie Bilder, Text, Links o.&auml;. nutzen, sie verl&auml;ngern sich nach unten automatisch. Wenn nicht ben&ouml;tigt, so lassen sich diese Boxen auch leicht entfernen. Dazu brauchen Sie einfach nur die <i>"div-Bereiche"</i> im Quelltext zu l&ouml;schen. Fortgeschrittene k&ouml;nnten auch weitere Boxen hinzuf&uuml;gen, also darunter kopieren.
<br>
<br>
<br>


<h2>die technik.</h2>
Seite ohne Frames.<br>
<br>

Wie &uuml;blich mit ausgelagerter CSS-Datei. Platz f&uuml;r <a href="#">Fusszeile</a> unten sowie oben der <a href="#">Homepagename</a> (oben bei "Just Natural") als einfacher Text einzutragen.
<i>Anlegen von Links bzw. HTML-Seiten</i> wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>die navigation.</h2>
Textlinks. Erweiterbar.
<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
<br>
<br>
<ol start="1" type="1">




<li><i>Men&uuml; links</i>:
Beliebig viele Links.</li>
<li><i>Men&uuml; oben</i>:
Erweiterbar um einige Links. Die Buttons verbreitern sich automatisch bei l&auml;ngeren Linkw&ouml;rtern bzw. verkleinern sich bei k&uuml;rzeren Linkw&ouml;rtern.</li>
<li><i>Allgemeine Links</i>:
So sehen die allgemeinen Links (Links im Text) zur Zeit aus:

<a href="#" >Beispiel-Link</a></li>
</ol>
<br>
<br>
<h2>die boxen:</h2>

<p>Die Inhalts-Boxen in der linken Spalte sind durch Kopieren auch leicht erweiterbar - bzw. auch leicht zu l&ouml;schen ohne das sich das Grundlayout &auml;ndert.<br>
Eine Box erkennen Sie im HTML-Code immer daran:
<br>
<br>

<div class="box">...Inhalt...</div>




<!-- ende inhalt--></td>

</tr>
<tr>
<td colspan="2"  id="fussb"  width="100%">
Mike Muster GmbH
<br>
<i>Greatest Product Line In Design</i><br>

~ www.ihre-webseiten-url.de ~</td>
</tr>
</table>


<td class="re"><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""</td><!-- aussentab-->
</tr>
</table>



</body>
</html>
Zuletzt geändert von MarkusR am 06.01.2010 19:25, insgesamt 1-mal geändert.
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Das Layout zeichnet sich durch Navigation, Inhaltsbereich sowie zwei Inhaltsboxen aus.
Die obere Navigation ist fix (begrenzt erweiterbar), die seitliche Navigation beliebig erweiterbar.

Das ganze ist nun auf global_header und global_footer zu verteilen.

Alles bis Zeile 112 kommt in _cfg/global_header.php

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->

<link rel="stylesheet" href="format.css" type="text/css">


</head>
<body     >

<table width="88%" align="center"  cellspacing="0" cellpadding="0" border="0"  >
<tr>
<td align="right"  class="li" ><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""></td><td  ><!--ende aussentab-->

<table align="center" width="100%"  cellspacing="0" cellpadding="0" border="0"     >
<tr>
<td valign="top" id="hpname">~ Just Natural ~</td>
</tr>

<tr>
<td  class="buleiste" ><!--menü oben-->
<table    id="menu2"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td  ><a href="index.html"  onfocus="this.blur()">Kontakt</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Home</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Preise</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Impressum</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>

</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
</table>



<!--ende oben-->

<table align="center"  width="100%"    border="0" cellpadding="0" cellspacing="0"  >





<tr>
<td rowspan="2"  id="nav" >

<div id="menu01">
<ul  >
<li><a href="index.html"  onfocus="this.blur()">Anfahrt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Kontakt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Email</a></li>
<li><a href="index.html"  onfocus="this.blur()">G&auml;stebuch</a></li>
<li><a href="index.html"  onfocus="this.blur()">Preise</a></li>
<li><a href="index.html"  onfocus="this.blur()">Angebote</a></li>
<li><a href="index.html"  onfocus="this.blur()">Impressum</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">So finden Sie uns</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
</ul>
</div>
<!--MENU 01 ENDE-->


<!--diese box ist im moment leer--><div class="trenn2">&nbsp;</div><!-- ende diese box ist im moment leer-->

<div class="box1">Ich bin eine Inhaltsbox.<br>
Hier Platz f&uuml;r weiteren Inhalt z.b. Text oder Grafiken.<br>
 Diese Boxen erweitern sich nach unten bei mehr Inhalt automatisch.<br>                         <br>
<br>
<br>
<br>
<br>

</div>


<div class="box2">Ich bin eine zweite Inhaltsbox.<br>
Das Layout der Boxen f&uuml;r zb. Schriftart, Schriftgr&ouml;sse, Schriftstil,  Schriftfarbe oder Zeilenabstand sowie Rahmenfarbe, Hintergrundfarbe, Randabstand o.&auml;. kann in der Datei format.css (dort bei ".box") angepasst werden.</div>

<!-- weiterer Inhalt evt.-->

</td><!-- HIER ENDE LINKE SPALTE.-->
<td width="100%" id="top" >&nbsp;</td>
</tr>
<tr>


<td valign="top"  id="sp2">

alles ab Zeile 166 kommt in _cfg/global_footer.php

Code: Alles auswählen


<!-- ende inhalt--></td>

</tr>
<tr>
<td colspan="2"  id="fussb"  width="100%">
Mike Muster GmbH
<br>
<i>Greatest Product Line In Design</i><br>

~ www.ihre-webseiten-url.de ~</td>
</tr>
</table>


<td class="re"><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""</td><!-- aussentab-->
</tr>
</table>



</body>
</html>
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Der Inhalt benötigt jetzt ein Template:

Nennen wir es mal "grünes Template" und packen in den index-Teil

Code: Alles auswählen

<h2><!-- Value: Title; --></h2>
<!-- HTML: Inhalt; -->
Detail und JS/PHP-Teil lassen wir erst mal außen vor.
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Jetzt sind da noch die zwei Inhaltsboxen, die man natürlich fest codiert lassen könnte, aber sowas schreit ja förmlich nach dem Inhalt einer CMS-Rubrik.

Also legen wir zwei Stück in ConPresso an, nennen wir sie mal "News1" und "News2" und nehmen wir mal an, daß sie die Nummern 10 und 11 tragen.

Das soll nun in diesen Teil des Headers

Code: Alles auswählen

<div class="box1">Ich bin eine Inhaltsbox.<br>
Hier Platz f&uuml;r weiteren Inhalt z.b. Text oder Grafiken.<br>
 Diese Boxen erweitern sich nach unten bei mehr Inhalt automatisch.<br>                         <br>
<br>
<br>
<br>
<br>

</div>


<div class="box2">Ich bin eine zweite Inhaltsbox.<br>
Das Layout der Boxen f&uuml;r zb. Schriftart, Schriftgr&ouml;sse, Schriftstil,  Schriftfarbe oder Zeilenabstand sowie Rahmenfarbe, Hintergrundfarbe, Randabstand o.&auml;. kann in der Datei format.css (dort bei ".box") angepasst werden.</div>
Dazu kann man ein http-include (wenn auf dem Server erlaubt) benutzen.

Dann würde der Code so aussehen

Code: Alles auswählen

<div class="box1"><?php include('http://......../_rubric/index_php.php?rubric=News1'); ?></div>

<div class="box2"><?php include('http://......../_rubric/index_php.php?rubric=News2'); ?></div>
Der komplette global_header sieht also so aus

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->

<link rel="stylesheet" href="format.css" type="text/css">


</head>
<body     >

<table width="88%" align="center"  cellspacing="0" cellpadding="0" border="0"  >
<tr>
<td align="right"  class="li" ><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""></td><td  ><!--ende aussentab-->

<table align="center" width="100%"  cellspacing="0" cellpadding="0" border="0"     >
<tr>
<td valign="top" id="hpname">~ Just Natural ~</td>
</tr>

<tr>
<td  class="buleiste" ><!--menü oben-->
<table    id="menu2"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td  ><a href="index.html"  onfocus="this.blur()">Kontakt</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Home</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Preise</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html"  onfocus="this.blur()">Impressum</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>
<td ><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td><td ><img src="images/line_menu.jpg" width="1" height="36" border="0" alt=""></td>

</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
</table>



<!--ende oben-->

<table align="center"  width="100%"    border="0" cellpadding="0" cellspacing="0"  >





<tr>
<td rowspan="2"  id="nav" >

<div id="menu01">
<ul  >
<li><a href="index.html"  onfocus="this.blur()">Anfahrt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Kontakt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Email</a></li>
<li><a href="index.html"  onfocus="this.blur()">G&auml;stebuch</a></li>
<li><a href="index.html"  onfocus="this.blur()">Preise</a></li>
<li><a href="index.html"  onfocus="this.blur()">Angebote</a></li>
<li><a href="index.html"  onfocus="this.blur()">Impressum</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">So finden Sie uns</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
</ul>
</div>
<!--MENU 01 ENDE-->


<!--diese box ist im moment leer--><div class="trenn2">&nbsp;</div><!-- ende diese box ist im moment leer-->

<div class="box1"><?php include('http://......../_rubric/index_php.php?rubric=News1'); ?></div>

<div class="box2"><?php include('http://......../_rubric/index_php.php?rubric=News2'); ?></div>

<!-- weiterer Inhalt evt.-->

</td><!-- HIER ENDE LINKE SPALTE.-->
<td width="100%" id="top" >&nbsp;</td>
</tr>
<tr>


<td valign="top"  id="sp2">

Zuletzt geändert von MarkusR am 15.04.2008 21:12, insgesamt 1-mal geändert.
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Jetzt ist die Navigation dran:

Dieser Teil

Code: Alles auswählen

<div id="menu01">
<ul  >
<li><a href="index.html"  onfocus="this.blur()">Anfahrt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Kontakt</a></li>
<li><a href="index.html"  onfocus="this.blur()">Email</a></li>
<li><a href="index.html"  onfocus="this.blur()">G&auml;stebuch</a></li>
<li><a href="index.html"  onfocus="this.blur()">Preise</a></li>
<li><a href="index.html"  onfocus="this.blur()">Angebote</a></li>
<li><a href="index.html"  onfocus="this.blur()">Impressum</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">So finden Sie uns</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
<li><a href="index.html"  onfocus="this.blur()">Weitere Links</a></li>
</ul>
</div>
wird geändert zu

Code: Alles auswählen

<div id="menu01">
<?php printNavigation(); ?>
</div>
Jetzt müssen natürlich die gewünschten bzw. erforderlichen Rubriken angelegt werden und im Backend die Navigationsstruktur erstellt werden (siehe Handbuch).

Außerdem sollte man, wenn man kein rubrikspezifisches Design programmieren will, _rubric/local_header.php und _rubric/local_footer von jeglichem Inhalt befreien.
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Für die Inhaltsboxen bauen wir ein simples Template mit

Code: Alles auswählen

<!-- HTML: Inhalt; -->
im JS/PHP-Teil und nennen es "Inhaltsbox"

Dieses machen wir zum Standartemplate für News1 und News2
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 933 Mal
Kontaktdaten:

Beitrag von MarkusR »

Jetzt nur noch darauf achten, daß alle Links (in der festen Navi) auf die richtige Rubrik zeigen und daß die relativen Links zu Bildern und CSS-Datei stimmen... HTML-Grundkenntnisse eben.

Dann erhält man das hier
http://conpresso4.de/demo/template58/index.php
zum Vergleich das Original
http://conpresso4.de/demo/template58/index.html

Aufwand zum Erstellen aller Dateien, Einrichten des CMS, Anpassen aller Einstellungen sowie Schreiben dieser Anleitung ca. 1 Stunde...

Das Nutzen eines vorhanden Layouts auf ConPresso ist also kein großer Zauber...

ABER: RTFM (Read The Fucking Manual)
Da stehen alle Feinheiten drin, insbesondere die Bedienung des Backends, die ich hier nicht beschrieben habe.

Natürlich geht das alles auch noch wesentlich komplexer und man kann einiges optimieren, wer aber erst mal was vorzeigbares braucht, der hat es sich in wenigen Minuten zusammengeklickt...
Ciao Markus
ConPresso-Module

Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!

Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Benutzeravatar
balu
ConPresso-Entwickler
Beiträge: 1748
Registriert: 01.01.1970 01:00
Hat sich bedankt: 81 Mal
Danksagung erhalten: 133 Mal

Beitrag von balu »

Vielen Dank für die Beschreibung, Markus.

Als kleine Anmerkung sei noch gestattet, dass es diese Informationen auch im Detail im Handbuch in Kapitel 15.2 zu lesen gibt. Das Beispiel dort basiert auf unserer Demo-Website Conquarium.

Balu
Bartels.Schöne
ConPresso Support & Development
Gesperrt