![]() |
| | LinkBack | Themen-Optionen | Thema bewerten | Ansicht |
|
#1
| |||
| |||
Hi ! wie bekomme ich das hin, das ich pro seite oder pro "knotenpunkt" unterschiedliche hintergrundbilder angezeigt werden. mit der extension "rf_dynamiccss" und das ADDON wiederrum dazu, bekomm ich das irgendwie nicht hin. müsste doch ne leichte möglichkeit dazu geben oder ? mh evtl stimmen bei mir auch einfach die pfadangaben nicht. was ich auch noch ausprobiert habe: css Datei erstellt mit neuem Hintergrundbildanweisung. +ext also eine externes template für ein spezielle Seite erstellt dort in der setupbereich: page.stylesheet = fileadmin/meinecssdatei.css so klappts schon mal nicht bitte um antwort. tausend danke im vorraus !!! Geändert von Michael V83 (26.11.07 um 10:31 Uhr). |
|
#2
| |||
| |||
| Ein Beispiel: im Template-File: Code: <div style="background-image:url('fileadmin/pfad/###HINTERGRUND###.jpg');">
<!-- inhalt der Seite -->
</div> Code: [PIDinRootline = erste_seiten_ID] mySeite = home [PIDinRootline = zweite_seiten_ID] mySeite = impressum [etc...] etct... [global] Code: HINTERGRUND = TEXT
HINTERGRUND.value = {$mySeite}
__________________ Der Mensch ist immer noch der außergewöhnlichste Computer von allen. |John F. Kennedy| |
|
#3
| |||
| |||
| Also , ich benutze yaml. Und versuche dein Antwort mal umzusetzen. Ich möchte in meiner dritten spalte #col3 jeweils das Hintergrundbild auswechseln. Ich wollte also die template-html-vorlage nicht anrühren, somit bleibt mir nur noch css. hab jetzt in "meiner css-file" bei #col3 { .... background-image:url('fileadmin/css/images/###HINTERGRUND###.jpg'); ... } geschrieben, ###HINTERGRUND###.jpg soll bestimmt pro seite immer bestimmt werden. Also hab ich jetzt im Template der Rootsite das mit den PIDs (testhalber nur die beiden Seiten). [PIDinRootline = 2] mySeite = Home [PIDinRootline = 208] mySeite = Produkte und den Marker-Code hab ich auch eingegeben. Wo muss jetzt die Zuweisung für den jeweiligen Hintergrund ? meine css file wird als letztes eingebunden ... und überschreibt also andere usw. . weitere Anweisungen bitte Idiotensicher ;-) Geändert von Michael V83 (27.11.07 um 09:25 Uhr). |
|
#4
| |||
| |||
| aha... also mit Yaml kenn ich mich jetzt nicht so ganz so gut aus... aber das mit dem Marker im CSS funktioniert so nicht. Der Marker wird im Template-File ersetzt. wenn du das Template-File nicht ändern willst dann bleibt, denke ich, nur noch die Möglichkeit das CSS je nach Seite einzubinden... d.h. setze eine class im CSS für deinen HEADER (für Standard) und mach für jede seite ein eigenes CSS-File in das du dann nur diese class schreibst (damit überschreibst du dann die bestehende Standard-Class), das du dann für jede Seite eigens lädst... ob und inwieweit das dann Cache-Probleme mit sich führt weiß ich natürlich jetzt nicht genau... MfG Wool
__________________ Der Mensch ist immer noch der außergewöhnlichste Computer von allen. |John F. Kennedy| |
|
#5
| ||||
| ||||
| Zitat:
Du darfst nur nicht "page.stylesheet = fileadmin/meinecssdatei.css" in das +ext-Template hinein schreiben sondern: page.includeCSS.file10 = fileadmin/css/cssxyz.css page.includeCSS.file10.screen = media Im Haupttemplate nimmst Du: page.includeCSS.file1 = fileadmin/css/standard.css page.includeCSS.file1.screen = media Und dieses ...file10... überschreibst Du bei jedem "Knoten" und das enthält dann immer den Container mit dem anderen "background: white url(...) ..."
__________________ Herzliche Grüße, Kurt kupix webdesign aus Jülich, NRW (... und, denkt dran - immer schön fröhlich und besonnen bleiben!) |
|
#6
| ||||
| ||||
| Hi, danke für euere Antworten, aber ich bin unfähig. Bekomms irgendwie nicht hin. Also: im +ext Produkte für die Seite "Produkte" (ID=208) hab ich jetzt reingeschrieben (im Setup-Bereich) Typoscript-Code:
HTML-Code: @media all
{
#page_margins {
background:#fff;
min-width: 740px; max-width: 80em;
margin: 0 auto;
}
#page{ background: #fff;
border: 1px #667 solid; }
#col3 {
background: #ffffff;
background-image: url(images/MVTLOGOalt.gif);
background-repeat: no-repeat;
background-position: bottom right;
min-height: 800px;
}
#col3_content {
background: transparent;
min-height: 1px;
}
} Die Hintergrund2.css (Inhalt so wie oben nur anderes Bild:sad: HTML-Code: @media all
{
#page_margins {
background:#fff;
min-width: 740px; max-width: 80em;
margin: 0 auto;
}
#page{ background: #fff;
border: 1px #667 solid; }
#col3 {
background: #ffffff;
background-image: url(images/Hintergrundbild3.jpg);
background-repeat: no-repeat;
background-position: bottom right;
min-height: 800px;
}
#col3_content {
background: transparent;
min-height: 1px;
}
} page.includeCSS.file1 = fileadmin/css/Hintergrund2.css page.includeCSS.file1.screen = media was genau macht die letzte anweisung ? mano man schwere geburt ;-) . Geändert von Michael V83 (27.11.07 um 12:43 Uhr). |
|
#7
| ||||
| ||||
| gib doch mal einen Link zu dieser Seite an, dass man sich das mal anscheuen kann im Quelltext!
__________________ Herzliche Grüße, Kurt kupix webdesign aus Jülich, NRW (... und, denkt dran - immer schön fröhlich und besonnen bleiben!) |
|
#8
| |||
| |||
| sorry noch alles lokal .... wollte es auch erst online stellen, wenns soweit ready ist. wenn fragen hast , ich sag dir alles ;-). Nachtrag im Quelltext auf der Seite Produkte (ID208 das von oben) einzusehen bei (Ansicht-Quelltextanzeigen) steht jetzt u.a.: Hintergrund1.css und Hintergrund2.css stehen vor myOwnStyles im Quelltext <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e0e5d20748.css" /> <link rel="stylesheet" type="text/css" href="fileadmin/css/Hintergrund2.css" /> <link rel="stylesheet" type="text/css" href="fileadmin/css/Hintergrund1.css" /> <link rel="stylesheet" type="text/css" href="fileadmin/css/myOwnStyles.css" /> <link href="fileadmin/css/03_layouts_3col/css/layout_1-3-2.css" rel="stylesheet" type="text/css" /> in my OwnStyles stehen jetzt keine Background-Anweisungen mehr für Col3 und er nimmt die aus layout_1-3-2-css Wahrscheinlich normal ? mh sowies jetzt steht, kann ja nicht klappen, aber ich hab kein Plan Geändert von Michael V83 (27.11.07 um 13:58 Uhr). |
|
#9
| |||||
| |||||
| Hi, mach es doch so: In deinem YAML-Template wo col3 definiert wird: Zitat:
Typoscript-Code:
Und nun musst du nur noch an jedem Knotenpunkt deiner Seite in den erweiterten Seiteneinstellungen eine Datei hochladen (unter Dateien - siehe Screenshot). Nachdem der Screenshot irgendwie nicht geht: ![]() Damit wird im Verzeichnisbaum jeweils das nächstgelegene Bild in der Hierarchie eingebunden. |
|
#10
| |||
| |||
| hi ! naja weit weg kann ich jetzt nicht sein ... glaub ich. aber es klappt immer noch nicht. html template geändert von yaml. dann festgestellt das es noch nicht übernommen wurde. update map gemacht , eigentlich dort nur nochmal gespeichert. siehe da das neue html template ist übernommen worden (im quelltext ist jetzt auch der marker). anschließend auf rootseite template dort im setup-bereich deinen quelltext eingefügt - gespeichtert. anschließend auf home , produkte und eine unterseite , typ von standard auf erweitert geändert (denke das meinstet du ?) . somit konnte ich jetzt ein bild der seite zuordnen, das gemacht und gespeichert. doch es funzt nicht. im Quelltext im Browser sieht das nun so aus: HTML-Code: <div id="col3" style="background-image:url('###HINTERGRUND###')"> <div id="col3_content" class="clearfix"> <div class="floatbox"><!--TYPO3SEARCH_begin--> |
![]() |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | Thema bewerten |
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Unterschiedliche Benutzergruppen -> unterschiedliche elemente anzeigen | dosn | TYPO3 3.x Fragen und Probleme | 1 | 11.04.07 10:23 |
| Dropdown Menu + Hintergrundbilder | hannah | HTML & CSS | 4 | 02.04.07 08:56 |
| TT_news unterschiedliche Archiveinstellungen auf einer Seite | ComputerPadawan | News (tt_news, mininews und Co) | 0 | 15.01.07 07:56 |
| Dynamische Hintergrundbilder in Typo3 4.x | borisw | TYPO3 4.x Fragen und Probleme | 2 | 18.08.06 14:01 |
| Unterschiedliche Permission auf einer Seite | illnino | TYPO3 3.x Fragen und Probleme | 2 | 12.04.05 10:38 |