Page 1 of 2

Gelöst: Unterschiedliche Banner

Posted: Sun Feb 24, 2008 11:54 pm
by incredible
Hallo und guten Abend,

weiß jemand, ob es eine Möglichkeit gibt, s9y so einzurichten, dass auf jeder Seite ein anderes Banner erscheint?

Freue mich auf Hilfestellugnen jeglicher Art
Herzlichst
Inga

Re: Unterschiedliche Banner

Posted: Mon Feb 25, 2008 11:31 am
by garvinhicking
Hi!

Wie meinst Du das? Ein Zufallsbanner?

Das könntest du z.B. mit dem Plugin "Kubrick/Joshua-Template Bild im Kopfbereich" erledigen, damit kann man via CSS beliebige Bilder im Header-Bereich austauschen.

Grüße,
garvin

Unterschiedliche Banner

Posted: Mon Feb 25, 2008 12:09 pm
by incredible
Hi Garvin,

nein, an ein Zufallsbanner habe ich nicht gedacht - sondern pro statische Seite ein eigenes bestimmtes Banner.

Schade, wenn das nicht funktioniert, muss ich wohl auf ein anderes CMS umsteigen und wieder von vorn anfangen. Hm...

Trotzdem Danke :))

Greetings
Inga

Re: Unterschiedliche Banner

Posted: Mon Feb 25, 2008 12:19 pm
by garvinhicking
Hi!

Klar geht das, Du kannst mit Smarty in deinen Template-Dateien die aktuelle Statische Seite abfragen und abhängig davon ein <img> oder CSS-Tag ausgeben.

Geht alles mit Smarty-IF-Abfragen in der index.tpl:

Code: Select all

{if $staticpage_pagetitle == 'Statische Seite 1'}
<img src="banner1.jpg" />
{else if $staticpage_pagetitle == 'Statische Seite 2'}
<img src="banner2.jpg" />
...
{/if}
Schade, wenn das nicht funktioniert, muss ich wohl auf ein anderes CMS umsteigen und wieder von vorn anfangen. Hm...
Klar, oder so. Dich hält keiner auf. ;)

Grüße,
Garvin

Unterschiedliche Banner

Posted: Mon Feb 25, 2008 1:18 pm
by incredible
Hi Garvin,

klasse - danke - ich werds ausprobieren und berichten :)

happy greetings
Inga

PS: würde jetzt wirklich gern den (fehlenden) Danke Button drücken :)

unterschiedliche Banner

Posted: Mon Feb 25, 2008 2:10 pm
by incredible
Hi Garvin,

ok, so einfach gestaltet sich das Ganze (zumindest für mich) dann doch nicht :) Hier einfach mal zur Ansicht die index.tpl mit dem Code, den ich im Head-Berreich eingefügt habe - wahrscheinlich an der falschen Stelle...oh je. Wenn ich das hochlade, ist die Seite schlichtweg nur noch weiß, also ists falsch, nur weiß ich nicht wo...

Das Template ist übrigens das Joshua-Nino; die Bilder habe ich im gleichen Verzeichnis angelegt, wo sich das reguläre Bild fürs Banner befindet.

Greetings
Inga

{if $is_embedded != true}
{if $is_xhtml}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{else}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
{/if}

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang}" lang="{$lang}">
<head>
<title>{$head_title|@default:$blogTitle} {if $head_subtitle} - {$head_subtitle}{/if}</title>
<meta http-equiv="Content-Type" content="text/html; charset={$head_charset}" />
<meta name="Powered-By" content="Serendipity v.{$head_version}" />
<link rel="stylesheet" type="text/css" href="{$head_link_stylesheet}" />
<link rel="alternate" type="application/rss+xml" title="{$blogTitle} RSS feed" href="{$serendipityBaseURL}{$serendipityRewritePrefix}feeds/index.rss2" />
<link rel="alternate" type="application/x.atom+xml" title="{$blogTitle} Atom feed" href="{$serendipityBaseURL}{$serendipityRewritePrefix}feeds/atom.xml" />
{if $entry_id}
<link rel="pingback" href="{$serendipityBaseURL}comment.php?type=pingback&entry_id={$entry_id}" />
{/if}
{if $staticpage_pagetitle == 'willkommen'}
<img src="banner1.jpg" />
{else if $staticpage_pagetitle == 'uebermich'}
<img src="banner2.jpg" />
{else if $staticpage_pagetitle == 'fotos'}
<img src="banner3.jpg" />
{/if}
{serendipity_hookPlugin hook="frontend_header"}
</head>

<body>
{else}
{serendipity_hookPlugin hook="frontend_header"}
{/if}

{if $is_raw_mode != true}
<div id="header">
<div id="serendipity_banner">

</div>
</div>
<div id="mainborder">
<table id="mainpane">
<tr>
<td id="content" valign="top">{$CONTENT}</td>
<td id="sidebar" valign="top">
{serendipity_printSidebar side="right"}
{serendipity_printSidebar side="left"}
</td>
</tr>
</table>
</div>
{/if}

{$raw_data}
{serendipity_hookPlugin hook="frontend_footer"}
{if $is_embedded != true}
</body>
</html>
{/if}

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 2:26 pm
by garvinhicking
Hi!

Hm, also grundsätzlich ist die Datei richtig so. Wenn du die datei hochlädst, sind danach die leserechte auch noch korrekt?

Eine weiße leere seite heißt eigentlich immer dass eine PHP-Fehlermeldung auftrat. Vielleicht kannst du da den server-provider nach den errorlogs fragen, bzw. die PHP-Anweisung "display_errors" aktivieren.

Vielleicht speichert dein editor die datei nur im falschen format? Ändere einfach mal ein Zeichen in den HTML-Metatags ohne mehr einzufügen und guck ob das nach dem speichern dann auch nicht klappt.

Grüße,
Garvin

unterschiedliche Banner

Posted: Mon Feb 25, 2008 3:03 pm
by incredible
Hi Du,

also, jetzt habe ich diese Fehlermeldung:

Fatal error: Smarty error: [in /srv/www/vhosts/inga/creativemedialab.net/inga/s9ybeispiel2/templates/joshua_nino/index.tpl line 25]: syntax error: unexpected {else} (Smarty_Compiler.class.php, line 478) in
/srv/www/vhosts/inga/creativemedialab.net/inga/s9ybeispiel2/bundled-libs/Smarty/libs/Smarty.class.php on line 1095

In angefügter Zeile 25 steht: {else if $staticpage_pagetitle == 'fotos'}
also das dritte Bild. Wenn ich Zeile 25/26 lösche und index.tpl neu installiere, ist die seite wieder zu sehen - allerdings nur mit einem Banner auf allen Seiten, und zwar dem, welches bislang auch zu sehen war.

Hmmmm...:)

Greetings
Inga

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 3:13 pm
by garvinhicking
Hi!

Ah, alles klar - es muss {elseif} heißen, nicht {else if} :-)

Grüße,
Garvin

unterschiedliche Banner

Posted: Mon Feb 25, 2008 3:23 pm
by incredible
Hi Du,

leider nicht - hab jetzt mal im firebug nachgeschaut und das hier entdeckt:

#serendipity_banner {index.php (line 89)
background-color:#ACAB95;
background-image:url(templates/joshua_nino/img/titlebg.jpg);

Wenn ich titlebg gegen banner2 austausche, erscheint das andere Bild...

Müsste ich das hier dann komplett löschen?

Greetings
Inga

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 3:35 pm
by garvinhicking
Hi!

Das Standard-Banner-Bild wird über die style.css gesetzt, dort müsstest du die von dir gefundene CSS-Definition rausnehmen, genau.

Die packst Du dann einfach per inline-CSS in dein s9y template:

Code: Select all

<style type="text/css">
...
</style>
anstelle des <img> was ich vorher schrieb. Ich ging davon aus, du wolltest ein eigenes bild über den banner legen, sorry.

Grüße,
Garvin

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 3:44 pm
by incredible
Hi Du,

erstmal ganz herzlichen Dank, dass Du Dir so viel Mühe gibst :) Aber ich muss gestehen, dass ich jetzt so rein gar nicht mehr mitkomme.

Code: Select all

Das Standard-Banner-Bild wird über die style.css gesetzt, dort müsstest du die von dir gefundene CSS-Definition rausnehmen, genau.

Das kriege ich noch hin.

Code: Select all

Die packst Du dann einfach per inline-CSS in dein s9y template:

[code]
<style type="text/css">
...
</style>
anstelle des <img> was ich vorher schrieb.
[/code]
Und das verstehe ich überhaupt nicht - wo soll ich jetzt was ändern und eintragen? Es gibt style.css und index.tpl - was kommt wo hin? :)

Greetings
Inga

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 4:01 pm
by garvinhicking
Hi!

Also, alles ganz simpel:

1. Du löschst aus der style.css folgendes:

Code: Select all

#serendipity_banner {
background-color:#ACAB95;
background-image:url({TEMPLATE_DIR}img/titlebg.jpg); 
2. Du editierst die index.tpl und benutzt im Kopf-Bereich folgendes, so ungefähr wie vorher:

Code: Select all

<style type="text/css">
#serendipity_banner {ldelim}
background-color:#ACAB95;
{if $staticpage_pagetitle == 'willkommen'}
background-image:url({$serendipityHTTPPath}templates/joshua_nino/img/header_willkommen.jpg); 
{elseif $staticpage_pagetitle == 'uebermich'}
background-image:url({$serendipityHTTPPath}templates/joshua_nino/img/header_uebermich.jpg); 
{elseif $staticpage_pagetitle == 'fotos'}
background-image:url({$serendipityHTTPPath}templates/joshua_nino/img/header_fotos.jpg); 
{else}
background-image:url({$serendipityHTTPPath}templates/joshua_nino/img/titlebg.jpg); 
{/if} 
{rdelim}
</style>
Das sollte dafür sorgen dass pauschal ein #serendipity_banner CSS Code ausgegeben wird, in dem sich nur das background-image abhängig von deinem pagetitle ändert.

Grüße,
Garvin

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 4:43 pm
by incredible

Code: Select all

1. Du löschst aus der style.css folgendes:

[code]
#serendipity_banner {
background-color:#ACAB95;
background-image:url({TEMPLATE_DIR}img/titlebg.jpg); 
[/code]

Habe hier erstmal nur die zweite und dritte Zeile gelöscht, weil sonst das Banner komplett verschwindet.

Code: Select all

2. Du editierst die index.tpl und benutzt im Kopf-Bereich folgendes, so ungefähr wie vorher:

[code]
<style type="text/css">
#serendipity_banner {ldelim}
background-color:#ACAB95;
{if $staticpage_pagetitle == 'willkommen'}
background-image:url({$serendipityHTTPPath}templates/joshua_nino/img/header_willkommen.jpg); 
{elseif $staticpage_pagetitle == 'uebermich'}

Habe dies in der index.tpl an dieser Stelle eingefügt:

<div id="header">
<div id="serendipity_banner">

Ergebnis: erste Seite nur Hintergrundfarbe
zweite und dritte Seite - jweils das gleiche Bild (welches auch bisher auf allen Seiten zu sehen war :)
Hier einfach mal der link: http://inga.creativemedialab.net/s9ybeispiel2/

Ist bestimmt nur noch was Klitzekleines :))

Danke Dir schon jetzt :))

Greetings
Inga

Re: unterschiedliche Banner

Posted: Mon Feb 25, 2008 4:45 pm
by incredible
incredible wrote:

Code: Select all

1. Du löschst aus der style.css folgendes:

[code]
#serendipity_banner {
background-color:#ACAB95;
background-image:url({TEMPLATE_DIR}img/titlebg.jpg); 
[/code]

Habe hier erstmal nur die zweite und dritte Zeile gelöscht, weil sonst das Banner komplett verschwindet.

Code: Select all

2. Du editierst die index.tpl und benutzt im Kopf-Bereich folgendes, so ungefähr wie vorher:

<style type="text/css">
#serendipity_banner {ldelim}
background-color:#ACAB95;
{if $staticpage_pagetitle == 'willkommen'}
background-image:url({$serendipityHTTPPath}templates/joshua_nino/img/header_willkommen.jpg); 
{elseif $staticpage_pagetitle == 'uebermich'}

Habe dies in der index.tpl an dieser Stelle eingefügt:

<div id="header">
<div id="serendipity_banner">

Ergebnis: erste Seite nur Hintergrundfarbe
zweite und dritte Seite - jweils das gleiche Bild (welches auch bisher auf allen Seiten zu sehen war :)
Hier einfach mal der link: http://inga.creativemedialab.net/s9ybeispiel2/

Ist bestimmt nur noch was Klitzekleines :))

Danke Dir schon jetzt :))

Greetings
Inga