Vorhandenes Layout in ConPresso übertragen
Vorhandenes Layout in ConPresso übertragen
Liebe ConPresso-Gemeinde,
ich habe eine relativ umfassende Seite mit etwas PHP-Code und einem bereits relativ weiten CSS-Design, ohne Layout-Tabellen und mit validem XHTML-Code.
Gibt es eine unkomplizierte Möglichkeit, dieses Design, bestehend aus vielen kleinen Teilen, in ConPresso (ein leeres Layout, ich habe noch nichts eingestellt, nur die neueste Version hochgeladen) im CMS ConPresso zu integrieren?
Freue mich über eure Antworten.
Liebe Grüße
glowy
ich habe eine relativ umfassende Seite mit etwas PHP-Code und einem bereits relativ weiten CSS-Design, ohne Layout-Tabellen und mit validem XHTML-Code.
Gibt es eine unkomplizierte Möglichkeit, dieses Design, bestehend aus vielen kleinen Teilen, in ConPresso (ein leeres Layout, ich habe noch nichts eingestellt, nur die neueste Version hochgeladen) im CMS ConPresso zu integrieren?
Freue mich über eure Antworten.
Liebe Grüße
glowy
- MarkusR
- Handbuchversteher
- Beiträge: 7362
- Registriert: 01.01.1970 01:00
- Hat sich bedankt: 111 Mal
- Danksagung erhalten: 934 Mal
- Kontaktdaten:
Ja. Einfach das Handbuch (Kapitel 15.2) lesen. Da ist die Aufteilung in Header, Footer und Content beschrieben (wobei man beim Aufruf der mitgelieferten Rubrik schon ablesen kann, welche Dateien zu bearbeiten sind, da steht es nämlich im Klartext). Hier im Forum gibt es dazu auch mehrere Threads, weil es immer wieder gefragt wird.
Wenn das Design wirklich fertig ist, dann ist es eine Sache von Minuten. Kopieren, Einfügen, Hochladen, Fertig.
Ich zitiere mich einfach zum x-ten Mal selbst:
Wenn das Design wirklich fertig ist, dann ist es eine Sache von Minuten. Kopieren, Einfügen, Hochladen, Fertig.
Ich zitiere mich einfach zum x-ten Mal selbst:
Punkt 1 hast Du ja schon...hier nochmal die vollständige Anleitung zum Erstellen einer gestalteten Webseite:
1.) Mit dem Lieblingseditor die Seite statisch gestalten. Dabei den eigentlichen Inhaltsbereich mit einem Blindtext ausfüllen.
2.) Den daraus entstehendenHTML-Code vor dem Blindtext in den global_header, alles nach dem Blindtext in den global_header.
2a.) Sollten je Rubrik verschiedene Designs nötig sein benutzt man statt global die local_header und footer der jeweiligen Rubrikverzeichnisse.
3.) In ConPresso erstellt man Inhalte, Rubriken und Navigationspunkte.
3a.) Mittels mod_menu oder printnavigation bildet man die Navigationspunkte als Navigation ab.
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
ConPresso-Module
Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!
Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
- Matthias V
- Modul-Entwickler
- Beiträge: 1251
- Registriert: 01.01.1970 01:00
- Wohnort: Sondershausen
- Hat sich bedankt: 54 Mal
- Danksagung erhalten: 147 Mal
- Kontaktdaten:
Re: Vorhandenes Layout in ConPresso übertragen
Dieser lässt sich, falls erforderlich, zusätzlich außerhalb der im Handbuch genannten Dateien verteilen. Dazu gibts da Modul mod_inline: http://community.conpresso.de/viewtopic.php?t=2375 oder http://www.seventy-soft.de/inline/index.htmlglowy hat geschrieben:mit etwas PHP-Code
Gruß Matthias
mod_Guestbook 4.1.0
Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
Ja, das Design ist eigentlich fast fertig, es wird noch modifiziert, das sind jedoch nur Kleinigkeiten. Mal davon ausgegangen, ich möchte meine CSS-Datei verwenden, mach ich das ganz normal per global_header.php?
Da steht nämlich u.a.:
Wenn ich meinen Header, der erstmal gleich sein kann, also nicht rubrikbezogen, der so aussieht:
einbinde, gibt es keine Probleme?
Auch Variablen, die man verwendet, wie beispielsweise der Pfad, alles im Handbuch?
Liebe Grüße, danke schon mal im Voraus und danke für die Antworten vor diesem Thread, ihr seid spitze
glowy
Da steht nämlich u.a.:
Code: Alles auswählen
$Id: global_header.php.dist 7 2005-07-31 13:07:39Z balu $ */
if (!defined('CPO')) exit;
// PLEASE DO NOT EDIT THIS FILE AS IT WILL BE OVERWRITTEN ON UPDATES
// COPY IT WITHOUT THE .dist-ENDING AND CHANGE THE COPIED FILE.
?>
<!-- start of _cfg/global_header.php.dist -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="../_cfg/style.css.dist" />
<title>
<?php echo htmlspecialchars($cpoRubricSettings['title']); ?>
</title>
</head>
<body>
<div id="globalheader">
<?php echo sprintf(___('This is the global header of %s (%s). It is displayed first on all dynamically generated pages.'), htmlspecialchars($CPO['product']), '<em>_cfg/global_header.php</em>'); ?>
</div>
<!-- end of _cfg/global_header.php.dist -->
Code: Alles auswählen
<!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">
<head>
<title>
</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="robots" content="index, follow" />
<meta name="language" content="deutsch, de" />
<meta name="keywords" content="test, test, test" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="publisher" content="" />
<meta name="webmaster-mail" content="" />
<script type="text/javascript" src="/js/mootools.v1.1.js"></script>
<script type="text/javascript" src="/js/slimbox.js"></script>
<link rel="stylesheet" href="/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
</head>
Auch Variablen, die man verwendet, wie beispielsweise der Pfad, alles im Handbuch?
Liebe Grüße, danke schon mal im Voraus und danke für die Antworten vor diesem Thread, ihr seid spitze
glowy
- MarkusR
- Handbuchversteher
- Beiträge: 7362
- Registriert: 01.01.1970 01:00
- Hat sich bedankt: 111 Mal
- Danksagung erhalten: 934 Mal
- Kontaktdaten:
Warum sollte es da irgendwelche Probleme geben? (Tip: Versuch macht kluch!)
Du solltest nur darauf achten, daß dies nicht alles sein kann, da 100%ig vor dem eigentlichen Seiteninhalt noch ein <body>-Tag kommt, das dann wiederum auch im Footer geschlossen wird. Meist sogar noch mehr wie eine Navigation, DIV-Container, permanente Links etc.
Den Pfad zur CSS-Datei mußt Du natürlich selbst wissen. Du hast sie ja schließlich dorthin kopiert.
Du solltest nur darauf achten, daß dies nicht alles sein kann, da 100%ig vor dem eigentlichen Seiteninhalt noch ein <body>-Tag kommt, das dann wiederum auch im Footer geschlossen wird. Meist sogar noch mehr wie eine Navigation, DIV-Container, permanente Links etc.
Den Pfad zur CSS-Datei mußt Du natürlich selbst wissen. Du hast sie ja schließlich dorthin kopiert.
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
ConPresso-Module
Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!
Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Ich selbst habe mich auch an die Anweisung gehalten und eine statische HTML-Seite erstellt. Das einfügen in den Global HEader klappte auch gut. Nur ist die Header-Zeile leider ganz unten auf der Seite. Wo liegt vielleicht mein Fehler?
Die geöffneten Tags werden dann im Global Footer natürlich geschlossen.
Zu sehen derzeit unter http://www.feuerwehr-rahden.de/cms/index.php
Schonmal danke für die Hilfe.
Code: Alles auswählen
<!-- start of _cfg/global_header.php -->
<head>
<title>Feuerwehr Rahden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#menu {
margin-top: 110px
margin-left: 50px;
}
#inhalt {
margin-top: auto;
margin-left: 190px;
margin-right: auto;
}
#kopf {
position: absolute;
margin-top: 1px;
margin-left: 50px;
}
-->
</style>
</head>
<body background="../../images/hg-balken.gif" link="#DE0029" vlink="#DE0029" alink="#000000">
<div id="kopf">
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<td width="219">
<p><img border="0" src="../../images/stadtwappen.jpg" width="72" height="80"></p>
</td>
<td width="438"><img border="0" src="../../images/schriftzug-ffr.gif" width="400" height="80"></a></td>
</td>
</div>
<div id="menu">
<table border="1" cellpadding="3" cellspacing="5" width="148" style="border-collapse: collapse" bordercolor="#DE0029" bgcolor="#F5F5F5">
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029; width:128; height:18">
<b>
<font size="2" face="Verdana" color="#DE0029"> <span style="letter-spacing: 5">Startseite</span></font></b></div>
</td>
</tr>
<center>
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font size="2" color="#DE0029" face="Verdana"> Wir über uns</font></div>
</td>
</tr>
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font face="Verdana" size="2" color="#DE0029"> <a href="navi-einsatz.htm">Aktuelles</a></font></div>
</td>
</tr>
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font face="Verdana" size="2" color="#DE0029"> Einsätze</font></div>
</td>
</tr>
<tr>
<td width="100%" height="1">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font face="Verdana" size="2" color="#DE0029"> </font><a href="navi-technik.htm" target="_self"><font face="Verdana" size="2">Technik</font></a></div>
</td>
</tr>
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font face="Verdana" size="2"> <a href="links/links.php">Service</a></font></div>
</td>
</tr>
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font face="Verdana" size="2" color="#DE0029"> </font><a href="http://www.gratis-gaestebuecher.de/cgi-bin/gb/multigb.cgi?gb=17971"><font face="Verdana" size="2">Bilder</font></a></div>
</td>
</tr>
<tr>
<td width="100%" height="17">
<div style="border-left: 1px solid #DE0029; border-bottom: 1px solid #DE0029">
<font face="Verdana" size="2" color="#DE0029"> </font><a href="conpresso/mitglieder/index.php" target="Hauptframe"><font face="Verdana" size="2">Intern</font></a></div>
</td>
</table>
</div>
<div id="inhalt">
<!-- end of _cfg/global_header.php -->
Zu sehen derzeit unter http://www.feuerwehr-rahden.de/cms/index.php
Schonmal danke für die Hilfe.
- Matthias V
- Modul-Entwickler
- Beiträge: 1251
- Registriert: 01.01.1970 01:00
- Wohnort: Sondershausen
- Hat sich bedankt: 54 Mal
- Danksagung erhalten: 147 Mal
- Kontaktdaten:
.. und was ist mit dem Table-Tag, den du innerhalb des <div id="head">-Tags öffnest?marcusp hat geschrieben:Die geöffneten Tags werden dann im Global Footer natürlich geschlossen.
Tue dir einen Gefallen und schmeiße alle Tabellen aus deinem Layout!!
P.S. vergleiche mal deine Seite im IE und im Ff. Diese sollten gleich sein!
mod_Guestbook 4.1.0
Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
- MarkusR
- Handbuchversteher
- Beiträge: 7362
- Registriert: 01.01.1970 01:00
- Hat sich bedankt: 111 Mal
- Danksagung erhalten: 934 Mal
- Kontaktdaten:
Im IE siehts so aus...
Ich würde bei der Verwendung eines CSS-Layouts auf jeden Fall den Dokumenttyp deklarieren und dabei am besten "strict" verwenden, dann sind die Chancen am Besten daß es in IE und FF gleich aussieht...
Ich würde bei der Verwendung eines CSS-Layouts auf jeden Fall den Dokumenttyp deklarieren und dabei am besten "strict" verwenden, dann sind die Chancen am Besten daß es in IE und FF gleich aussieht...
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
ConPresso-Module
Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!
Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Vielen Dank für die schnelle Antwort. Ich habe beim testen immer in Opera (mein Standard) geschaut und den IE vergessen. Werde mich mehr am IE orientieren. Bill Gates soll meine Seite ja auch vernünftig sehen können...MarkusR hat geschrieben:Im IE siehts so aus...
Ich würde bei der Verwendung eines CSS-Layouts auf jeden Fall den Dokumenttyp deklarieren und dabei am besten "strict" verwenden, dann sind die Chancen am Besten daß es in IE und FF gleich aussieht...
- Matthias V
- Modul-Entwickler
- Beiträge: 1251
- Registriert: 01.01.1970 01:00
- Wohnort: Sondershausen
- Hat sich bedankt: 54 Mal
- Danksagung erhalten: 147 Mal
- Kontaktdaten:
Opera würde ich nicht zum Testen benutzen, der ist gegenüber IE und FF ein Nieschenbrowser.marcusp hat geschrieben:Ich habe beim testen immer in Opera (mein Standard) geschaut und den IE vergessen.
FF bietet sich wegen den vielen Erweiterungen an.
Oder eben der IE wegen der NOCH weitesten Verbreitung. Den IE kann man auch in einen FF-Tab einbinden, da braucht man nur einen Browser offen zu lassen.
Auf jeden Fall solltest du diese beiden Browser nicht vergessen!!
mod_Guestbook 4.1.0
Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
Ich habe nun Eure Hinweise beachtet und mein Layout mit CSS erstellt. In der Version, wo ich überall den Blindtext stehen habe, sieht es online sowie lokal für mich ok aus.
Teile ich es in Header und Footer Dateien auf, passen die Einstellungen beim IE einigermaßen, beim F und Opera überhaupt nicht.
Wo kann ich ggf. noch was anders machen, damit es so aussieht wie in meiner Vorlage???
Ursprungsversion mit Blindtext: http://www.feuerwehr-rahden.de/cms/test.htm
Version mit Conpresso-Content: http://www.feuerwehr-rahden.de/cms/index.php
Die CSS-Datei liegt hier: http://www.feuerwehr-rahden.de/cms/_cfg/ffr-layout.css
Auch hier bin ich für Tipps/Hilfe/Anregungen dankbar!!
Teile ich es in Header und Footer Dateien auf, passen die Einstellungen beim IE einigermaßen, beim F und Opera überhaupt nicht.
Wo kann ich ggf. noch was anders machen, damit es so aussieht wie in meiner Vorlage???
Ursprungsversion mit Blindtext: http://www.feuerwehr-rahden.de/cms/test.htm
Version mit Conpresso-Content: http://www.feuerwehr-rahden.de/cms/index.php
Die CSS-Datei liegt hier: http://www.feuerwehr-rahden.de/cms/_cfg/ffr-layout.css
Auch hier bin ich für Tipps/Hilfe/Anregungen dankbar!!
- MarkusR
- Handbuchversteher
- Beiträge: 7362
- Registriert: 01.01.1970 01:00
- Hat sich bedankt: 111 Mal
- Danksagung erhalten: 934 Mal
- Kontaktdaten:
Du mußt Dich schon drum kümmern, daß die Inhalte beider Seiten gleich sind.
Wenn's dann schon in der ersten Zeile brennt, was erwartest Du dann?
Fakten:
funktioniert nicht wenn da ein
davor steht! (per Definition MUSS der Doctype vor allem anderen kommen!)
gleich danach fehlt das <html>-Tag.
Änder mal diese ersten drei Zeilen, dann können wir weiter reden...
Wenn's dann schon in der ersten Zeile brennt, was erwartest Du dann?
Fakten:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Code: Alles auswählen
<!-- start of _cfg/global_header.php -->
gleich danach fehlt das <html>-Tag.
Änder mal diese ersten drei Zeilen, dann können wir weiter reden...
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
ConPresso-Module
Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!
Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
Ich muß ja sagen, es ist erstaunlich wie schnell man hier im Forum Hilfe bekommt!
Vielen Dank dafür, ich hab die Zeilen geändert und jetzt funktioniert es prima. Hätte nicht gedacht, was dieser "kleine Unterschied" ausmacht.
Sorry wegen meines Anfängerfehlers.... Habs noch nicht so mit CSS und CPO 4
Wenn ich jetzt noch wüsste, warum Firefox und Opera es so anders darstellen...???
Grüße
Marcus
Vielen Dank dafür, ich hab die Zeilen geändert und jetzt funktioniert es prima. Hätte nicht gedacht, was dieser "kleine Unterschied" ausmacht.
Sorry wegen meines Anfängerfehlers.... Habs noch nicht so mit CSS und CPO 4
Wenn ich jetzt noch wüsste, warum Firefox und Opera es so anders darstellen...???
Grüße
Marcus