ConPresso Community

Fragen, Antworten, Diskussionen rund um das Content Management System ConPresso

 
Anleitung zur Umsetzung einer vorh. Webseite in ConPresso

 
Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    ConPresso Community Foren-Übersicht -> Implementierung/Anpassung ConPresso 4
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 19:05    Titel: Anleitung zur Umsetzung einer vorh. Webseite in ConPresso Antworten mit Zitat

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/templates_09_16.html





Der Quellcode sieht so aus:
Code:
<!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>

&lt;div class=&quot;box&quot;&gt;...Inhalt...&lt;/div&gt;




<!-- 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
ConPresso und PHP 7


Zuletzt bearbeitet von MarkusR am 06.01.2010 19:25, insgesamt einmal bearbeitet

 
Für dieses Posting bedanken sich die folgenden User: djmugge
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 19:11    Titel: Antworten mit Zitat

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:
<!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:


<!-- 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
ConPresso und PHP 7
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 19:14    Titel: Antworten mit Zitat

Der Inhalt benötigt jetzt ein Template:

Nennen wir es mal "grünes Template" und packen in den index-Teil
Code:
<h2><!-- Value: Title; --></h2>
<!-- HTML: Inhalt; -->


Detail und JS/PHP-Teil lassen wir erst mal außen vor.

_________________
Ciao Markus
ConPresso-Module
ConPresso und PHP 7

 
Für dieses Posting bedanken sich die folgenden User: djmugge
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 19:20    Titel: Antworten mit Zitat

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:
<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:
<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:
<!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">


_________________
Ciao Markus
ConPresso-Module
ConPresso und PHP 7


Zuletzt bearbeitet von MarkusR am 15.04.2008 20:12, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 19:26    Titel: Antworten mit Zitat

Jetzt ist die Navigation dran:

Dieser Teil
Code:
<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:
<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
ConPresso und PHP 7

 
Für dieses Posting bedanken sich die folgenden User: djmugge
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 19:56    Titel: Antworten mit Zitat

Für die Inhaltsboxen bauen wir ein simples Template mit
Code:
<!-- HTML: Inhalt; -->

im JS/PHP-Teil und nennen es "Inhaltsbox"

Dieses machen wir zum Standartemplate für News1 und News2

_________________
Ciao Markus
ConPresso-Module
ConPresso und PHP 7

 
Für dieses Posting bedanken sich die folgenden User: djmugge
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MarkusR
Handbuchversteher


Anmeldungsdatum: 01.01.1970
Beiträge: 6994

BeitragVerfasst am: 15.04.2008 20:07    Titel: Antworten mit Zitat

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
ConPresso und PHP 7

 
Für dieses Posting bedanken sich die folgenden User: balu, Pascal, djmugge
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
balu
ConPresso-Entwickler


Anmeldungsdatum: 01.01.1970
Beiträge: 1745

BeitragVerfasst am: 18.04.2008 09:59    Titel: Antworten mit Zitat

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
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.    ConPresso Community Foren-Übersicht -> Implementierung/Anpassung ConPresso 4 Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen