Vorhandenes Layout in ConPresso übertragen

Fragen zur Implementierung und/oder Anpassung von ConPresso 4 werden in diesem Forum diskutiert.
glowy
ConPresso-User
Beiträge: 37
Registriert: 07.02.2007 14:38
Hat sich bedankt: 1 Mal

Vorhandenes Layout in ConPresso übertragen

Beitrag von glowy »

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
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

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:
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.
Punkt 1 hast Du ja schon...
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
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

Beitrag von Matthias V »

glowy hat geschrieben:mit etwas PHP-Code
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.html

Gruß Matthias
mod_Guestbook 4.1.0

Features:
- Einträge als ConPresso-Artikel
- benutzt Templates, Rubriken, ...
- Captcha
- BB-Code + Smilies + Zitieren
- Badwords
- Anonymisierung
glowy
ConPresso-User
Beiträge: 37
Registriert: 07.02.2007 14:38
Hat sich bedankt: 1 Mal

Beitrag von glowy »

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

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 -->
Wenn ich meinen Header, der erstmal gleich sein kann, also nicht rubrikbezogen, der so aussieht:

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>
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
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

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.
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
marcusp
ConPresso-User
Beiträge: 32
Registriert: 09.11.2006 16:55
Hat sich bedankt: 6 Mal

Beitrag von marcusp »

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?

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">&nbsp;<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">&nbsp;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">&nbsp;<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">&nbsp;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">&nbsp;</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">&nbsp;<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">&nbsp;</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">&nbsp;</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 -->
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.
Benutzeravatar
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:

Beitrag von Matthias V »

marcusp hat geschrieben:Die geöffneten Tags werden dann im Global Footer natürlich geschlossen.
.. und was ist mit dem Table-Tag, den du innerhalb des <div id="head">-Tags öffnest?

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
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

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...
Dateianhänge
WUXGA-Standard
WUXGA-Standard
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
marcusp
ConPresso-User
Beiträge: 32
Registriert: 09.11.2006 16:55
Hat sich bedankt: 6 Mal

Beitrag von marcusp »

Matthias V hat geschrieben: .. und was ist mit dem Table-Tag, den du innerhalb des <div id="head">-Tags öffnest?
Danke für Deine Hilfe, manchmal sieht man den Wald vor lauter Bäumen nicht...
Werde mal versuchen, meine Layout kpl. auf CSS formatierung umzustellen. Tue mich da noch etwas schwer mit.
marcusp
ConPresso-User
Beiträge: 32
Registriert: 09.11.2006 16:55
Hat sich bedankt: 6 Mal

Beitrag von marcusp »

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...
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... :wink:
Benutzeravatar
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:

Beitrag von Matthias V »

marcusp hat geschrieben:Ich habe beim testen immer in Opera (mein Standard) geschaut und den IE vergessen.
Opera würde ich nicht zum Testen benutzen, der ist gegenüber IE und FF ein Nieschenbrowser.

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
Benutzeravatar
Marky
ConPresso-Checker
Beiträge: 382
Registriert: 11.12.2005 15:29
Hat sich bedankt: 29 Mal
Danksagung erhalten: 18 Mal
Kontaktdaten:

IE Tab

Beitrag von Marky »

Erweiterungs Add-on für den FF.
Nette Sache...

http://www.erweiterungen.de/detail/IE_Tab/
Gruß
Marky
marcusp
ConPresso-User
Beiträge: 32
Registriert: 09.11.2006 16:55
Hat sich bedankt: 6 Mal

Beitrag von marcusp »

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!!
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

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:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
funktioniert nicht wenn da ein

Code: Alles auswählen

<!-- start of _cfg/global_header.php -->
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...
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
marcusp
ConPresso-User
Beiträge: 32
Registriert: 09.11.2006 16:55
Hat sich bedankt: 6 Mal

Beitrag von marcusp »

Ich muß ja sagen, es ist erstaunlich wie schnell man hier im Forum Hilfe bekommt! :D

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
Antworten