+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Printansicht ändern / Logo einfügen

  1. #1
    War schon öfter hier Avatar von akaris
    Registriert seit
    30.01.2006
    Ort
    Kassel
    Beiträge
    105
    Bedankte sich
    3
    Erhielt 24 Danksagungen
    in 12 Beiträgen

    Standard Printansicht ändern / Logo einfügen

    Hallo zusammen,
    da mir ja schon oft hier geholfen wurde möchte ich auch mal nen kleinen Beitrag leisten der evtl. für den ein oder anderen Interessant sein könnte:

    Als kleiner Hinweis noch vorab, meine Angaben wirken sich auf das PRINT & EMAIL Fenster aus ;-)

    Hintergrund einstellen:

    Die kann man über die CSS-Klasse contentpaneopen einstellen:
    für einen weissen Hintergrund:
    Code:
    body.contentpane  {background-color: #FFFFFF;}
    Falls Ihr für Euren normalen Hintergrund eine Grafik definiert habt könnt ihr das wie folgt ändern:
    Code:
    body.contentpane {background: none; background-color:#FFFFFF;}
    Wollt Ihr gerne noch ein Logo über eure Printausgabe einfügen müsst ihr folgende Änderungen durchführen:

    In der index2.php fügt Ihr im Body-Bereich vor dem:
    Code:
    <?php mosMainBody(); ?>
    folgende Zeile ein:
    Code:
    <div id="printlogo"><img src="<?php echo $mosConfig_live_site; ?>/templates/<?php echo $cur_template;?>/images/printlogo.jpg"/></div>
    Euer Code sieht dann für den Body wie folgt aus:
    Code:
    <body class="contentpane">
    	<div id="printlogo"><img src="<?php echo $mosConfig_live_site; ?>/templates/<?php echo $cur_template;?>/images/printlogo.jpg"/></div>
    		<?php mosMainBody(); ?>
    	</body>
    Nun kopiert Ihr noch euer Logo (printlogo.jpg) in das images Verzeichnis eures Template-Ordners.

    In der Template_css.css könnt Ihr nun noch einen eigenen Style für das erstellte DIV einstellen indem Ihr die CSS Datei um folgenden Eintrag erweitert:
    z.B. Ein schwarzer Rahmen 1px stark mit einem Abstand von 5px um das gesamte Div
    Code:
    #printlogo {border: 1px solid #000000; padding:5px;}
    Natürlich könnt Ihr auch weitere CSS-Style zuweisen. Man sollte sich aber schon Gedanken darüber machen, was bei einer Druckausgabe überhaupt Sinn macht.

    So dann hoffe ich mal das Euch dieses kleine How-To ein wenig weitergeholfen hat.
    Gruss Akaris

    P.S.: Wer sich schon etwas mit der Template Erstellung auskennt, kann natürlich hier auch eine eigene Positionsangabe für ein Modul verwenden. Somit wäre z.B. der Inhalt des Kopfbereiches auch leicht über Joomla pflegbar ;-)
    Geändert von akaris (02.04.2006 um 02:25 Uhr)


  2. #2
    jamy
    Gast

    Standard separates CSS für Printversion

    .... ich habe noch einen Tipp (Weiß nicht, ob das schon im Forum genannt wurde)....

    wer ein separates CSS einfügen möchte, weil er beispielsweise auch die Farben der Texte auf Schwarz weiß ändern möchte setzt einfach in der index2.php nach der Zeile

    <link rel="stylesheet" href="templates/<?php echo $cur_template;?>/css/template_css.css" type="text/css" />

    eine weitere Zeile ein - z.B.:

    <link rel="stylesheet" href="templates/<?php echo $cur_template;?>/css/template_print_css.css" type="text/css" />

    Und dann kann man ganz bequem das Drucklayout anpassen.

    Gruß Miri

  3. Erhielt Danksagungen von:


+ Antworten

Ähnliche Themen

  1. Logo in pdf einfügen
    Von MOY / 01 im Forum Allgemeine Fragen zu Joomla
    Antworten: 12
    Letzter Beitrag: 11.07.2006, 12:43
  2. News mit Logo zu jeweiligem Bereich?
    Von flobo im Forum Allgemeine Fragen zu Joomla
    Antworten: 4
    Letzter Beitrag: 09.05.2006, 18:28
  3. Antworten: 11
    Letzter Beitrag: 22.08.2005, 23:37
  4. Problem mit LOGo und dessen Hintergrund?
    Von XeroX im Forum Mambo Templates
    Antworten: 5
    Letzter Beitrag: 30.03.2005, 19:35
  5. Logo im Header einfügen
    Von King im Forum Allgemeine Fragen zu Mambo
    Antworten: 9
    Letzter Beitrag: 01.03.2005, 20:01

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein