mit einem eigenen Hintergrundbild.
Um den Hovereffekt ohne Nachladen hinzukriegen, machst Du einfach eine Grafik mit beiden Zuständen untereinander, also obere Hälfte normaler Link, untere Hälfte mit Hovereffekt. Und dann folgendes ins CSS:
a {
background: url(grafik.gif) top left no-repeat;
}
a:hover {
background: url(grafik.gif) bottom left no-repeat;
}
Falls das jetzt zu viel auf einmal oder unklar war, einfach noch mal nachfragen :-)
### [#26](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/26) · kohoutek · 2004-09-13
Wow. Vielen Dank für Deine Antwort! :D
Ich habe auch drei Grafiken, also eine für den NORMAL Zustand, eine für den HOVER und eine für den SELECTED Zustand. Das CSS ist auch korrekt, soweit ich weiss.
Mein Problem beginnt eher in der Umsetzung via TemplaVoila und im Typoscript Setup. Da habe ich schon so einiges versucht, jedoch ohne wirkliche Erfolge.
Vielleicht hier ein kleiner Auszug aus meiner CSS Datei:
```css
#navigation {
width: 900px;
height: 20px;
min-height:20px;
top:113px;
margin: 0;
padding: 0;
background: url(navigation/topnav.gif) no-repeat;
}
#navigation ul {
position:relative;
width: 900px;
height: 20px;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
#navigation ul li {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul li a {
height: 20px;
display: block;
}
#navigation ul li a#home {
position: absolute;
top: 0;
left: 0;
width: 54px;
background: url(navigation/home.gif) top left no-repeat;
}
#navigation ul li a:hover#home, ul li a:active#home {background: url(../images/nav/h_home.gif) top left no-repeat;}
#navigation ul li a#home_selected {
position: absolute;
top: 0;
left: 0;
width: 54px;
background: url(navigation/c_home.gif) top left no-repeat;
}
```
Und nun habe ich mit TemplaVoila mein Template gestaltet. Dort habe ich als Typ "Element" mit dem Attribut "*:inner". Die Navigation ist ein div Element (also im Template steht dann
Soweit so gut. Aber mein eigentliches Problem liegt beim Setup. Da hatte ich einiges versucht, bin aber auf keinen grünen Ast gekommen. Daher eine Verständnis Frage. Hast Du die unordered List einfach in den Setup geschrieben und dort nochmal die ganzen widths etc. eingetragen? Ich hatte vermutet, dass diese nicht nötig sei, da diese Daten bereits in der CSS Stylesheet definiert sind.
### [#27](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/27) · sappalapopette · 2004-09-13
Hallo, jetzt mal die Antwort von mir, da ich im Team hier die wunderbare Aufgabe hatte, die UNICEF Seite in Typo3 umzusetzen ...
Ich bin nicht ganz sicher, wo Dein Problem liegt. "width", "height" und alle anderen Angaben haben ja im Setup nichts mehr zu suchen, da alles ja extern im CSS gesteuert wird. Eigentlich muss im Setup ja tatsächlich nur die unordered List erzeugt werden, in denen sich nur die ID - Namen und die Links unterscheiden.
Hier mal ein Auszug ...
```typoscript
lib.topnav = HMENU
lib.topnav.special = directory
lib.topnav.special.value = 'uid des menubaums'
lib.topnav.1 = TMENU
lib.topnav.1.NO.beforeWrap = |
lib.topnav.1.NO.linkWrap = |
lib.topnav.1.NO.doNotShowLink = 1
lib.topnav.1.NO.before.cObject = TEXT
lib.topnav.1.NO.before.cObject.field = uid
lib.topnav.1.NO.before.cObject.dataWrap =
lib.topnav.1.NO.after.cObject = TEXT
lib.topnav.1.NO.after.cObject.field = title
lib.topnav.1.NO.after.cObject.wrap = |
lib.topnav.1.NO.wrapItemAndSub =
```
Dies ist nicht das Skript, mit welchem wir die Navigation auf der Hauptseite von UNICEF erstellen, sondern aus einem Bereich, der demnächst online geht. (Bei der Hauptseite ist es tatsächlich so, dass die UL und LI schon im Template stehen, und wir mit li:attr:id die Parameter einzeln gesetzt haben). Das obige Beispiel ist aber wohl passender für Deine Frage ...
Probiers mal aus ... :p
Mit {field:subtitle} habe ich das "subtitle"-Feld zweckentfremdet und die Namen der IDs gepeichert, die dann für die einzelnen Menüpunkte ausgelesen werden.
Gemappt wird dass ganz dann in das Element "topnav", welches das "ul" ist. Als "inner" definiert.
Hilft Dir das schonmal? Sonst frag weiter! #giggle#
Grüzi aus dem windigen Köln
Julian
### [#28](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/28) · kohoutek · 2004-09-13
Woops. Hatte nicht die Antwort gesehen. Sorry. :D
Danke nochmal an euch beide!
Maleika :D
### [#29](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/29) · sappalapopette · 2004-09-13
#giggle# HIHI, ich glaube, wir schreiben gerade aneinander vorbei ! #giggle#
### [#30](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/30) · kohoutek · 2004-09-13
Hi Julian.
Genau dasselbe habe ich auch gemacht.
In meinem Template, welches ich via TemplaVoila erstellt habe, hatte ich zuvor auch alle einzelnen links und deren ID angegeben. Also, z.B. so:
```html
```
Das erschien mir als sinnvoll, da die horizontale Navigation nicht dynamisch ist, d.h. die links in der top navigation immer gleich bleiben.
Daraufhin hatte ich versucht, genau die o.g. Struktur in mein Setup einzubinden. Das hat aber nicht funktioniert.
Dann habe ich diverse Kombinationen versucht, ebenfalls ohne jeglichen Erfolg. Abgesehen davon, dass die links in der Source dann immer alle in einer Reihen stehen und nicht fein säuberlich dargestellt wird. Ich stehe da ein wenig auf dem Schlauch. Die Lösung von Dir oben sieht in der Tat sehr nobel aus. Aber sie greift bei mir nicht. Wahrscheinlich ist sie zu nobel für meinen Code. #giggle#
Daher, wenn ihr noch einen Tipp habt, wie ihr die Auflistung innerhalb des Setup für Unicef hinbekommen habt, wäre ich sehr glücklich. Ich brauche nicht den Code an sich. Nur einen Tipp, da ich im Moment nur Bahnhof verstehe.
Auf jeden Fall möchte ich mich ganz herzlich bei euch bedanken, dafür dass ihr mir so viel code als Beispiel gezeigt habt. Daraus werde ich sicherlich viel lernen können. :)
Maleika
### [#31](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/31) · sappalapopette · 2004-09-13
Hallo Maleika,
was hat denn bei Dir nicht geklappt, als Du diese Struktur ins Setup eingebunden hast. Denn, wenn sich bei Dir nichts dynamisch ändert, brauchst Du ja eigentlich über das Setup auch nichts einzufügen/generieren.
Dann müsste, ein funktionierendes CSS vorrausgesetzt, die Topnavigation doch eigentlich funzen.
Beschreib doch sonst mal kurz, was nicht funktionierte, dann kommen wir wahrscheinlich eher weiter ... #paralyzed#
Grüüüsse Julian
### [#32](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/32) · kohoutek · 2004-09-13
Hi Julian. Danke für die Tipps.
Nach längerem Herumprobieren funktioniert es nun.
Nur die Hover Funktion will nicht so ganz funktionieren.
Da werde ich nochmal ein wenig ausprobieren müssen.
Danke nochmal für alles. :D
Maleika
### [#33](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/33) · sappalapopette · 2004-09-13
Hallo Maleika,
also vielleicht komme ich ja zu spät zum Kommentieren, und vielleicht verstehe ich Dien Problem deshalb immer noch nicht o.O
Aber unter dem obigen Link sieht die Navigation doch super aus. Ich weiss gar nicht was Du hast. Zumindest die "rote" Navigation mein ich. Was sonst noch erscheinen soll weiss ich ja nicht. Aber Du sprichst ja von der Topnavigation, die so Ärger macht!?
Nun, denn .. vielleicht läuft ja tatsächlich alles. Dann noch viel Erfolg weiterhin ... :D
Grüzili Julian
### [#34](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/34) · kohoutek · 2004-09-13
Hi Julian.
Was passiert, wenn man die Images falls bezeichnet? #giggle#
Isch bin sooooooooooo bescheuääääääääääääääääht! lol
Also, nochmal ganz lieben Dank. So langsam sickert das ganze in mein Erbsen Hirn. #giggle# :D
### [#35](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/35) · sappalapopette · 2004-09-13
ALLES WIR GUT :D
EINEN SCHÖNEN ABEND NOCH ;)
### [#36](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/36) · kohoutek · 2004-09-13
Wünsche ich Dir auch Julian. :D
### [#37](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/37) · kohoutek · 2004-09-15
Julian ...
Ich habe Dir eine private message gesendet. Ist mir zu peinlich, nochmal dämlich zu fragen. :o
### [#38](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/38) · philipps · 2004-09-26
Hallo!
Also erstmal auch von mir ein richtig fettes Lob für die wirklich gelungene Seite - macht richtig Lust sich endlich mal mehr mit TemplaVoila auseinander zusetzen.
Erlaube mir noch schnell mal, eine freche Frage zu stellen:
Wie habt ihr denn die "UNICEF Arbeitsgruppen"-Suche, unter dem Punkt "Aktiv für ...", realisiert? Basiert die auf einem Modul?
Danke und grüße
philipp
### [#39](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/39) · sappalapopette · 2004-10-07
Hallo Phillip,
die Antwort hat nen bisschen gedauert, da ich ein paar Tage in Hong Kong weilen "musste" ...
Die Suche ist ein eigenes Plugin, welches per Formular-Parameter in einer eigenen MySQL Tabelle nach passenden Einträgen sucht. Also .. bei der PLZ Suche eben in 2 Tabellen. 1 für die PLZ-Bereiche, die einen speziellen Code zurückgeben mit welchem ich in einer anderen Tabelle die Adressen auslesen kann.
Bei einem Klick auf das Budesland wird einfach auch über die Imagemap ein Code an mit der URL übergeben, der auf der Seite arbeitsgruppe.html auch wieder mit dem Plugin ausgelesen wird und dann das selbe wie oben.
Kurz ... Mit dem Kickstarter eine neues Frontend-Plugin erstellt. In PHP dann das Auslesen der Form-Parameter realisiert .. MySQL -Abfrage ... HTML zusammengebaut ... und dann an die $content - Variable zurückgegeben.
Soweit so gut !?
Prima!
Besten Gruss Julian
### [#40](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/40) · fedaykin · 2004-10-21
Hallo,
wir habt Ihr das auf der unicef-Seite denn gemacht, dass bei ner Überschrift nur h1 als markup rauskommt und nicht noch irgendwelche divs drumherum. css_styled_content geändert?
gruß, fedaykin
### [#41](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/41) · sappalapopette · 2004-10-21
Hallo fedaykin,
eigentlich ist das ganz einfach. Die Inhalte werden ja von Redakteuren eingegeben, und die geben Überschriften auch direkt im RTE mit ein.
Dort haben wir einfach die Formatierungs-Styles auf , und
begrenzt.
Den Inhaltspunkt "Überschrift" im Content-Element an sich haben wir einfach pauschal ausgeschaltet. Der wird nur zur Bennenung des Content-Elements benutzt aber eben nicht gerendert.
So weit verstanden? Prima!
Grüsse Julian
### [#42](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/42) · wikki · 2004-11-02
ist das eigentlich der standard advanced calendar oder handelt es sich um eine eigenversion? finde die anordnung einfach super.
### [#43](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/43) · sappalapopette · 2004-11-02
Hallo wikki,
das ist die Extension "extCalender".
An der haben wir natürlich noch ein bisschen an den Templates gebastelt.
Für die Verlinkung der Tage zu den Einträgen und die Blätter-Funktion mussten wir auch in den Quellcode eingreifen. Sind aber alles nur Standard-Programmierungen. Wirklich kein gehexe :D
Besten Gruss
Julian
### [#44](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/44) · hubake · 2004-12-27
Sehr schöne Seite.
Vor allem die Möglichkeit online zu spenden - da fällt es richtig leicht, besonders an Tagen wie heute...
Gruss Kerstin
### [#45](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/45) · typofritze · 2004-12-30
Ich war auch gerade da, um etwas zu spenden.
Schön, dass es einem so einfach gemacht wird.
Vielleicht lässt sich ja noch der Eine oder Andere zu einer Spende bewegen.
Viele Grüsse,
Andreas
### [#46](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/46) · danabanana · 2005-01-01
Aber...das menü hat bg image, das mit leichtes delay erscheint. Gibt es eine Lösung dafür?
vielen dank, und frohes neues jahr!
### [#47](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/47) · jenses · 2005-01-02
Wer lesen kann, ist klar im Vorteil :
> Liebe UNICEF-Freunde!
> Aufgrund der großen Betroffenheit und Spendenbereitschaft angesichts der Katastrophe in Asien ist es zu Engpässen auf unserem Server gekommen. Daher sehen Sie hier nur eine reduzierte Version unserer Internet-Seite.
> .....
> ...das menü hat bg image, das mit leichtes delay erscheint. Gibt es eine Lösung dafür?
:o :o :o :o :o :o :o
### [#48](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/48) · danabanana · 2005-01-02
in meinem titel steht das ich die webseite i-gelb.com meinte...!!! #giggle#
### [#49](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/49) · jenses · 2005-01-02
Entschuldigung,
aber diese Titel sind so klein,
die werden eigentlich immer übersehen. 8-)
Ich kann kein delay im Menü feststellen,
mit welchem Browser tritt das bei dir auf ?
jenses
### [#50](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/50) · mic_jan · 2005-01-04
Zurück zur Unicef-Seite. Da steht jetzt:
> Wegen der großen Betroffenheit und Spendenbereitschaft... ist es zu Engpässen auf unserem Server gekommen... Daher sehen Sie hier nur eine reduzierte Version unserer Seite
Hmmm... kam nun Typo3 an die Grenze oder war einfach der Server zu schwach auf der Brust....
Gruss
Michael
### [#51](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/51) · danabanana · 2005-01-04
ich habe es jetzt auf schnelleren Rechner getestet. NO DELAY. Also liegt an meinem alten Rechner vielleicht.
### [#52](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/52) · sausi · 2005-01-04
Habe gerade im HTML-Code von unicef.de gesehen, daß dort in der Navigationszeile besondere Tags für die Links eingebunden wurden: "accesskey" und Link-Id. Wie habt Ihr das realisiert? Statisch über HTML oder per dynamisch über Typoskript?
MfG
Joerg
### [#53](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/53) · danabanana · 2005-01-04
Für bestimmte Testzwecke habe ich beim Browser unter Extra > Internetoptionen > Allgemein > Temporäre Interneteinstellungen > auf
"bei jedem Zugriff auf die Seite..." gesetzt.
sorry das ich euch verwirrt habe #paralyzed#
### [#54](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/54) · jimbobx · 2005-01-07
Momentan bei dem Traffic nach der Flutkatastrophe in Asien ist Euer Server anscheinend überlastet. Kann man erfahren, auf welcher Maschine Ihr die Website hostet? Wieviele Visits habt Ihr momentan auf der Seite? Ich hoffe das sind keine Geschäftsgeheimnisse :)
Wäre aus technischer Sicht ja ein guter Benchmark für TYPO3, aber es lohnt sich warscheinlich nicht, für diese Trafficspitze aufzurüsten ...
### [#55](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/55) · sappalapopette · 2005-01-13
Hallo zusammen, habe gerade erst gesehen, dass es wieder einige Posts hier gibt ... Komisch, meine Mailbenachrichtigung hat gar nicht funktioniert ... :'(
Aber egal.
Also zum Server: Der steht jetzt nicht bei uns (i-gelb) sondern bei einem Provider in Köln. Deshalb kann ich jetzt nicht zu sehr ins Detail gehen. Aber es war so, dass ab dem 26. Dezember die Besucherraten auf bis zu 700 gleichzeitigen Besuchern ( ca. 10.000 Visits am Tag) hochging und da war echt Sense mit dem Server. Unsere Erfahrung hat gezeigt, dass ein Server mit 2 Ghz Celeron und 2GB Ram bei über 150 gleichzeitigen Besuchern schon echte Probleme bekommt.
Das klingt zwar nicht viel, aber man muss überlegen, das da wirklich für jeden gleichzeitigen Besucher ein eigener Prozess für Apache und Mysl gebraucht wird und die nehmen eben jeder einige MB in Anspruch. Brauch man also nur zu rechnen, wann die Maschine anfängt zu "swappen". und dann ist Schluss mit Tempo. Ausserdem heisst "gleichzeitige" User ja auch, dass da im Schnitt die zehnfache Menge in Wartestellung steht, um die Seite "serviert" zu bekommen. (Das hat mir der Provider gesagt ... Scheint ne Faustregel zu sein !?)
Ich bin jetzt kein Netzwerkadmin, ich habe "nur" die UNICEF Seite in Typo3 programmiert, deshalb kann ich auch nicht genau sagen, was Software- und was Hardwareoptimierungen versprechen (ZendOptimizer, MySQL > 4 mit SQL-Caching ...). Aber besser mehr als weniger #giggle#
Ansonsten, nun steht da ein neuer Server, Dual Xeon, 4GB Ram ... damit lübbts nun. Allerdings sind die Besucherraten nun auch entspannter ..
Grüzli an alle
Julian
### [#56](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/56) · Uhlmann · 2005-05-25
Hallo Sappalapepette
Wie habt ihr es auf unicef.de geschafft, das wenn das Bild zum vergrössern ist, das unten Rechts eine Lupe mit mouseover erscheint? Danke für jeden Tip! Versuche etwas ähnliches zu Realisieren...
### [#57](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/57) · danabanana · 2005-05-30
ja,
mich würde es auch interessieren!
### [#58](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/58) · Sutter · 2005-06-01
Auch von mir ein Megalob und absolute Anerkennung. Was Ihr da geleistet habt
stellt wirklich alles in den Schatten.
Ich hatte nun etwas mehr Zeit mir mal
die Seite genauer anzuschauen, dabei
sind mir einige Dinge sehr positiv
aufgefallen:
sehr schön balanciertes Flash links
abgerundete Kanten, macht sich sehr gut
Die Lupe bei den Bildern - Respekt,
da kämpfe auch ich noch damit.
was mir erst nach genauem Betrachten auffiel ist erstaunlich...
Schattierung der weissen Teilbereiche,
Subnavigation mit der grauen Fläche
sehr schön zum Hauptmenüpunkt zuordnungsfähig,
rechts oben erscheint der Navigationstitel
als Flash-Animation mit dynamischer Wertübergabe (?)(!!!)-WOW
Schatten bei Bildern im JS-Popup - genial
Absolut geniale Seite.
Noch ein - zwei Dinge die mir aufgefallen sind, die man bei Bedarf noch nachbessern
könnte:
Gestern waren in den News rechts die Zeilenumbrüche nicht sauber, ein Teil des Textes wurde einfach abgeschnitten.
Der Menühintergrund (Hauptmenü) kommt mir bekannt vor... ;-)
Das Menü hat bei mir (IE6) noch ein klein
wenig Versatz auf der linken Seite,
ich kenne aber das Problem ;)
und habe es auf meinen Seiten so belassen,
damit das Menü nicht im Firefox zerrissen wird...
Der Rollover des Hauptmenüs ist rechteckig,
der Rollover der Suche oval ?
zwischen "Active" und "Normaler" Menü-
Grafik wird die horizontale Linie,
die für den Spiegelungseffekt zuständig
ist, um 2px nach unten verschoben
(liegt am Versatz des Menüs, einfach
die HG-Grafik für Active 2px nach oben schieben ;-) )
Die Beschriftung der Suche darf meiner
Meinung nach ruhig den Menüpunkten angepasst werden (Schriftgröße).
Die blauen Pfeile werden nicht gelinkt,
(vgl. Bitburger.de)
auf der Startseite "Aktuelles" erscheint das mehr anders als unten, zum einen ohne
Pfeil und unterstrichen beim Rollover ???
Bei der Meldung mit Unicef in der Ukraine
wird vor dem Mehr noch ein Leerzeichen zu viel gelinkt.
Aber das sind wie gesagt Kleinigkeiten,
ich denke mal das fällt ausser mir
niemandem auf #giggle#
### [#59](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/59) · Sutter · 2005-06-01
Ich muss mich korrigieren, habe mir die
Seite mal auf mehreren verschiedenen Systemen
angeschaut.
Auf dem Safari (MAC) wird bei den News
das "mehr" mit Pfeil dargestellt, im
Internet Explorer (v6.0.2800) fehlt
der Pfeil, obwohl er weiter unten
auf der Seite fehlerfrei dargestellt wird.
Der Link erscheint im IE unterstrichen
beim Hovern, im Safari identisch wie unten.
Die große Frage ist nun, woher das Problem kommt,
ich schau´s mir heute Abend nochmal genauer an
wenn ich ein wenig Zeit finde.
Die News auf der rechten Seite werden ebenfalls
nur im IE abgeschnitten, es scheint jedoch fast
so, als wäre nur die Überschrift betroffen,
z.Bsp.: Kinder laufen für Kinde wobei das
halbe "e" ebenfalls fehlt.
Noch was hab ich gerade entdeckt:
das selbe tritt auch unten bei Unicef
Projektweltreise auf, identisch wie oben.
Bei "Projekte" verschwindet in der Start-
animation das "skip intro" ???
Startseite rechts: Grußkarten zum Shop
muss im IE recht exakt getroffen werden
um gelinkt zu werden, bei Newsletter
und Friendship wird die komplette Spalte
gelinkt und gehovert. (unabhängig ob die
Maus auf dem Text ist oder nicht)
### [#60](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/60) · danabanana · 2005-06-01
das mit dem Lupe:
habe ich im css diese code gefunden:
#inhalt .imgpopup a.lupe {
float: right;
position: relative;
display: block;
width: 19px;
height: 18px;
margin: -19px 1px 0px 0px;
background: url(../images/lupe.png) top left no-repeat !important;
background: url(../images/lupe.gif) top left no-repeat;
voice-family: "\"}\"";
voice-family:inherit;
margin: -20px 2px 0px 2px !important;
margin-right: 1px;
}
html>body #inhalt .imgpopup a.lupe {
margin: -20px 2px 0px 2px !important;
margin-right: 1px;
}
#inhalt .img_rechts_allein .imgpopup a.lupe {
margin: -19px 0px 0px 0px;
voice-family: "\"}\"";
voice-family:inherit;
margin: -20px 2px 0px 2px !important;
margin-right: 1px;
}
html>body .img_rechts_allein .imgpopup a.lupe {
margin: -20px 2px 0px 2px !important;
margin-right: 1px;
}
#inhalt div.imgpopup a.lupe:hover {
background: url(../images/lupe.png) top right no-repeat !important;
background: url(../images/lupe.gif) top right no-repeat;
}
#inhalt div.imgpopup a.lupe span{
display: none;
}
geht es nicht kurzer / einfacher??
### [#61](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/61) · Sutter · 2005-06-01
In den Browser Mozilla und Firefox sieht
die Seite sehr gut aus, auch die mehr Links
sind einheitlich (alle unterstrichen, mit Pfeil)
Scheint ganz so als wäre einzig und allein
der Internet Explorer schuld - wie immer halt.
:)
Danke für den CSS-Tipp!
### [#62](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/62) · cinos22 · 2005-06-07
Hallo Gnop und Co.
Mir gefällt Eure Seite wirklich gut und mich würde mal interessieren, wie Ihr die Lupe in den Bildern integriert habt. o.O
### [#63](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/63) · danabanana · 2005-06-07
ja, warum antworten die nicht??? #evil#
### [#64](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/64) · ganesch · 2005-06-09
Die Lupe ist mit CSS gemacht. Wurde bereits einige Beträge weiter oben gesagt.
Grosses Lob and die Entwickler. unicef.de simply rules! 8-)
### [#65](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/65) · cinos22 · 2005-06-10
Hallo!
Das die Lupe mit CSS gemacht worden ist, ist mir klar. ;)
Aber ich verstehe die Vorgehensweise noch nicht?!?
Um jedes Bild, welches die Option "Click-Enlarge" hat, muss wahrscheinlich ein Wrap mit x "Div Containern". Und dann ... #paralyzed#
### [#66](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/66) · sappalapopette · 2005-06-13
Hallo Leute,
war nen bisschen länger nicht mehr hier.
Aber nachdem sich die Fragen zur Lupe häufen wollte ich mal die Richtung angeben :D
Allerdings auch nur konzeptionell und in Kürze:
Wir mussten ein bisschen an der class.tslib_content.php rumbasteln um das hinzukriegen, denn um es auf allen Browsern (auch IE #angry# ) anzeigen zu können müssen ein paar Angaben in die DIVs rein, die mit TypoScript so nicht wirklich klappen (zumindest hab ich das nicht geschafft).
Also schaut mal in den Quelltext von unicef.de und schaut euch mal das div-Konstrukt an. Gebaut wird das in der Funktion imageLinkWrap der obigen Klasse.
Folgendes haben wir z.B darin gemacht:
```php
/*$a1=''.'';*/
$ig_weite = $ausmasse[0]+4;
$a1='
';
```
Die ersten vier Zeilen ist der alte Kram. Darunter kommt unser Ersatz.
Wichtig ist die Integration der Breite des Bildes plus Rahmen in den Inline-Style des divs!
Die Breite wird in der Funktion cImage ausgelesen und per $ausmasse an ImageLinkWrap übergeben:
```php
function cImage($file,$conf) {
$info = $this->getImgResource($file,$conf['file.']);
$GLOBALS['TSFE']->lastImageInfo=$info;
if (is_array($info)) {
$info[3] = t3lib_div::png_to_gif_by_imagemagick($info[3]);
$GLOBALS['TSFE']->imagesOnPage[]=$info[3]; // This array is used to collect the image-refs on the page...
if (!strlen($conf['altText']) && !is_array($conf['altText.'])) { // Backwards compatible:
$conf['altText'] = $conf['alttext'];
$conf['altText.'] = $conf['alttext.'];
}
$altParam = $this->getAltParam($conf);
$theValue = ').')
';
$theValue2 = '';
$ausmasse = array($info[0],$info[1]);
if ($conf['linkWrap']) {
$theValue = $this->linkWrap($theValue,$conf['linkWrap']);
} elseif ($conf['imageLinkWrap']) {
$theValue = $this->imageLinkWrap($theValue,$info['origFile'],$conf['imageLinkWrap.'], $theValue2, $ausmasse);
}
return $this->wrap($theValue,$conf['wrap']);
}
}
```
Das, und das schon gepostete CSS müssten in die richtige Richtung führen.
Sorry, habe aber leider nicht mehr Zeit das alles StepByStep zu erklären.
Vielleicht später mal.
Gruss und viel Glück :p
Julian
### [#67](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/67) · jenses · 2005-06-18
Da das für den Newbie bzw. User ohne Zugang zu den TYPO3-Sourcen
auf dem Server wahrscheinlich zu kompliziert ist,
habe ich daraus eine Extension gemacht,
bzw. in die Extension dmc_image_alttext integriert.
( Als XCLASS würden sich die beiden sonst ins Gehege kommen,
thematisch passen sie ja auch zusammen ;) ).
Die Lupe wird dann auch gleich noch mit einem title-tag samt per TS anpassbaren Prefix ("Bild vergrößern: " + title) versehen.
Benötigt wird TYPO3 ab Version 3.6, 3.5 zu unterstützen, war mir zu aufwendig :o .
Bei Interesse: pm
jenses
### [#68](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/68) · Uhlmann · 2005-06-18
Hallo Zusammen
@jenses: Wie schaffe ich es das deine EXT eine Lupe anzeigt?
@sappalapopette: Wäre super, wenn du mal den TS Code posten könntest. (lernen am lebenden Beispiel) ;)
Das CSS zu erstellen war noch nie das Problem, eher wie gesagt die einbindung in T3...
### [#69](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/69) · jenses · 2005-06-18
> **Uhlmann schrieb:**
>
> @jenses: Wie schaffe ich es das deine EXT eine Lupe anzeigt?
Also nochmal von vorne :
dmc_image_alttext erweitert als XCLASS die class.tslib_content.php,
auf deutsch:
überschreibt bestimmte TYPO3-Funktionen und erweitert sie um Alt- und title-tag usw.
sappalapopette mach mit seinen (ihren ?) Änderungen nichts anderes,
nur eben hart verdrahtet in der Source.
Um das zu umgehen, habe ich das Ganze in eine XCLASS-Extension gepackt und ein bißchen erweitert.
Dann merkte ich, das die oft benutzte Ext dmc_image_alttext ebenso als XCLASS eingebunden wird und mir in die Quere kommt.
Also habe ich aus zwei Eins gemacht.
Die CSS-Anweisungen samt GIFs und PNGs werden dann noch per "include static from template" eingebunden.
(Das kann natürlich jeder nach Lust und Laune abwandeln)
Alles klar ?
> **Uhlmann schrieb:**
>
> @sappalapopette: Wäre super, wenn du mal den TS Code posten könntest. (lernen am lebenden Beispiel) icon_wink.gif
Es ist kein TS-Code nötig.
jense
### [#70](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/70) · Uhlmann · 2005-06-27
Kannst du die EXT zur Verfügung stellen? Die, die via typo3.org zur Verfügung gestellt wird, beinhaltet keine Lupe-Funktion...
### [#71](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/71) · chris_1982 · 2005-06-28
Hallo,
da kann ich mich Uhlmann nur anschließen. Wäre super wann das alles als EXT verfügbar wäre...
Gruß,
Chris
### [#72](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/72) · jenses · 2005-06-28
Okay, aufgrund der vielen Anfragen, hier der Link :
Bei Problemen: kein Support, sorry,
dafür hab ich leider keine Zeit.
jenses
### [#73](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/73) · Uhlmann · 2005-06-28
Hi Jenses
Danke für deine Bereitschaft!
Nur leider ist die Datei nicht downloadbar...
**Error. Reason: Segment "ljr" was not a keyword for a postVarSet as expected!**
### [#74](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/74) · M8TRIX · 2005-06-28
> **Uhlmann schrieb:**
>
> Hi Jenses
> Danke für deine Bereitschaft!
> Nur leider ist die Datei nicht downloadbar...
>
> **Error. Reason: Segment "ljr" was not a keyword for a postVarSet as expected!**
Kopiere Dir diesen LINK von Hand :)
Denn wenn Du den Link mit URL einbindest, ersetzt des Forum hier die Wörter T3X und LUPE automatisch klein :(
[/b]_dmc_image_alttext-**LUPE**-local.t3x
bussie Sandra
### [#75](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/75) · Uhlmann · 2005-06-28
Danke vielmals Sandra!
Wieder mal ein Bug im Forum...
;)
### [#76](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/76) · jenses · 2005-06-28
Als ZIP und hoffentlich Forums-sicher ;-)
jenses
### [#77](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/77) · chris_1982 · 2005-06-30
Hallo,
Erst mal ein großes DANKE SCHÖN für die Extension. Ich hätte allerdings noch ne frage:
Hat irgendjemand die Extension zusammen mit RealUrl im Einsatz. Da gibts nämlich nen Fehler unterm IE 6 WinXP:
"Error. Reason: Segment showpic.php was not a keyword for a postVarSet as expected"
Gruß,
Christian
### [#78](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/78) · chris_1982 · 2005-07-05
Hallo,
Hab den RealUrl-Fehler behoben.
Man ersetzt Zeile 615 der "class.ux_tslib_content.php" durch:
$url = $GLOBALS['TSFE']->absRefPrefix.'/showpic.php?file='.rawurlencode($imageFile).$params;
Gruß,
Christian
### [#79](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/79) · Tankred · 2005-07-15
Ich bin wirklich beeindruckt, wie Ihr die Seite umgesetzt habt.
Wie habt ihr die Artikel Teaser gemacht? Ich nehme mal an, dass die nicht mit tt_news erstellt sind, oder?
### [#80](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/80) · sappalapopette · 2005-07-15
Hi Tankred,
also die Teaser sind kein grosses Geheimnis.
Es ist einfach eine kleine eigene Extension, die dem Redakteur die Möglichkeit gibt für die Projekte "Teaser" einzugeben und diese dann auf die "Projekt Inhaltsseiten" zu verlinken.
Diese Teaser werden dann an verschiedenen Stellen ausgelesen. Z.b auch in der "Flash-Projektweltreise" aber auch in den Projekt-Übersichtslisten.
Es ist eine einfache Frontend-Extension mit ein paar Eingabefeldern für Titel, Land, Teasertext usw. mit eigener DB-tabelle in welchen die Angaben gespeichert werden.
Beste Gruss
Julian
### [#81](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/81) · Tankred · 2005-07-27
Danke für die Antwort, hatte sowas schon befürchtet. Ich habe nun eine Lösung basteln lassen, die mit SelectPro die ersten Inhalte einer Seite ausliest. Die macht allerdings Probleme, wenn man den Inhalt einer anderen Seite anzeigen lässt (im Erweitert Modus einer page)..
### [#82](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/82) · retronet · 2005-10-04
> **Tankred schrieb:**
>
> Ich bin wirklich beeindruckt, wie Ihr die Seite umgesetzt habt.
> Wie habt ihr die Artikel Teaser gemacht? Ich nehme mal an, dass die nicht mit tt_news erstellt sind, oder?
Hi Tankred,
dafür gibt es auch eine fertige Extensions die das kann:
Habe diese auf einer Seite auch im Einsatz ;-)
Gruss Michael
### [#83](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/83) · fourpoint · 2005-11-27
Da hat wohl jemand "abgeschaut" ;)
### [#84](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/84) · sappalapopette · 2005-11-27
:o
hmppfff ... naja, ist ja anscheinend für nen guten zweck
#paralyzed#
das zeig ich morgen mal den jungs bei unicef .. mal schauen wie die das finden ..
gruss und danke für den tip
julian
### [#85](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/85) · jalali · 2005-12-09
Hallo sappalapopette,
nach wie vor ein schönes Projekt, das ihr auf die Beine gestellt habt. Mich würde interessieren, wie ihr es geschaft habt, die extCalendar so zu modifizieren, dass nur die Tage aktiv sind, an dem eine Veranstaltung oder Event stattfindet. Ich nehme an, dass es bei der Ansicht um Month-Ansicht handelt.
Für eine Antwort wäre ich sehr dankbar.
Gruß
jalali
### [#86](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/86) · pitfile · 2005-12-12
> **ganesch schrieb:**
>
> Wow, wow, wow! :o :o
>
> Nachdem ich 5 Minuten umhergesurft bin, war ich sofort inspiriert etwas zu spenden. Kein Scherz!
...dem muss ich mich anschließen. Das Layout ist hell, offen und positiv. Tolle Umsetzung.
Gruss, Peter
### [#87](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/87) · boonkerz · 2005-12-12
Hallo,
Ich habe auch Flash in meiner Seite: www.thomas-peterson.de
Und die ist sauber:
Allerdings habe ich auch nur Firefox und ie zum testen und weiß nicht wie es wo anders aussieht.
Wäre das ne alternative Flash so ein zu binden?
Mit freundlichen Grüßen
Thomas Peterson
### [#88](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/88) · ich-esel · 2006-01-03
Schön wenn man Profis hat und den selben Fehler findent wie in der eigenen Seite. Ihr werdet ja mit Lob überschüttet und das zu recht. aber die Bilder auf der Seite sind zum teil recht groß. Nicht alle also bitte etwas suchen.
Tusnami- ein Jahr danach 30 KB
Direkt Spenden 16 KB
the Concert for Bangladesh 11 KB
Kinder brauchen eine Millionen Decken.... 25KB
Muss das so sein????
Ich habe das Problem auch und deshalb frage ich nach.
### [#89](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/89) · sappalapopette · 2006-01-03
Hi, hi,
da hast Du wohl recht.
Leider, leider haben wir ja auch micht auf alles Einfluss.
Der Redakteur hat ja immer noch die Möglichkeit die Qualität des Bildes händisch einzustellen. Als "Default" haben wir schon einen guten Mittelwert vorgegeben. Wenn aber der Redakteur dann doch die Qualität gesondert einstellt, bringt natürlich der schönste Default-Wert nichts.
Das ist aber wahrscheinlich auch nicht immer der Grund. U.u ist das Problem auch jenes (und auch Deins), dass ImageMagick je nach Infokomplexität im Bild unterschiedlich effizient arbeitet #paralyzed#
Zumindest könnte ich mir das als Grund vorstellen ...
Aber insgesamt hast Du recht damit, das ein so kkleines Bild wie z.B. in "Spenden & Helfen" unten niocht wirklich 16KB brauch ..
Aber wie gesagt, siehe oben ... :o
Grüzili Julian
### [#90](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/90) · ich-esel · 2006-01-05
Danke für die Antwort das macht Mut. Ich habe Inzwieschen ein Paar schrauben gefunden an den Ich drehen konnte. Bin zwar noch nicht zufrieden aber erstmal von 1 MB Seiten weg.
### [#91](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/91) · philophax · 2006-03-22
Hallo sappalapopette,
Kompliment! Subbr Sach...
Aber gib mal bei der Suche > Test < ein. Da tauchen ein paar Seiten auf, die man mglw löschen sollte :)
Ciao
Philipp
### [#92](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/92) · sappalapopette · 2006-03-22
#giggle# Hi philophax,
danke, danke!
Leider haben wir auf die Redakteure ja auch nicht immer einen Einfluss.
Aber da werde ich gleich mal ziemlich aktiv. Dann hat es sich ausgetestet :p
[update]Sieht nun besser aus![update]
Viele Grüsse
Julian
### [#93](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/93) · philippsen · 2006-06-20
Also ich muss auch nochmal meinem großen Lob aussprechen.
Ich würde dich gerne fragen wie Ihr die Module rechts eingebunden habt, sind das teaser?
Das würde mir sehr helfen, denn ich bemühe mich so etwas für meine Seite zu integrieren.
Wäre echt superdankbar...
Grüße
Philippsen
### [#94](https://www.typo3.net/d/14639-unicef-deutschland-relaunch/94) · just2b · 2006-06-20
Hallo,
> **philippsen schrieb:**
>
> Also ich muss auch nochmal meinem großen Lob aussprechen.
> Ich würde dich gerne fragen wie Ihr die Module rechts eingebunden habt, sind das teaser?
> Das würde mir sehr helfen, denn ich bemühe mich so etwas für meine Seite zu integrieren.
> Wäre echt superdankbar...
bitte nicht solche Fragen in diesem Thread stellen, sondern eigenen Thread erstellen!
Das sind, nehm ich an, ganz normale Inhaltselemente in eigener Spalte (zb Rechts), die dann einfach gestyled wurden..
georg
---
Quelle: „UNICEF Deutschland Relaunch“, typo3.net, https://www.typo3.net/d/14639-unicef-deutschland-relaunch
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.