Entwickler gesucht!
25. Apr 2008

T3DD08 - Die Poster sind da!

Gravatar: Tobias Liebig
Tobias Liebig
networkteamTYPO3
Kommentare 0

Die dritten TYPO3 DeveloperDays finden dieses Jahr im Mai zum ersten Mal in Elmshorn, nahe Hamburg statt. Die letzten DevDays in der Schweiz waren sehr inspirierend für mich persönlich. Dort ist beispielsweise die Idee zum t3editor geboren.
weiterlesen

03. Jan 2008

Module im TYPO3 Backend auch für Admin-User ausblenden

Gravatar: Christopher Hlubek
Christopher Hlubek
networkteamTYPO3
Kommentare 0

Die neu entwickelte TYPO3-Extension nwt_modulecleaner ermöglicht eine Konfiguration von abgeschalteten Modulen pro Benutzer / Benutzergruppe mittels TSconfig. Dies gilt im Gegensatz zu den normalen Benutzerberechtigungen in TYPO3 auch für Admin-User, die normalerweise immer alle Module im Menü vorfinden.

Beispiel

Mit ein wenig TypoScript im TSconfig eines Backend-Benutzers oder einer Backend-Benutzergruppe kann so z.B. der komplette Eintrag für die Hilfe verschwinden:
weiterlesen

06. Nov 2007

Inoffizielles TYPO3 Community-Treffen zur Kieler Woche 2008

Gravatar: Christian Lange
Christian Lange
networkteamTYPO3
Kommentare 0

Zur Kieler Woche 2008 laden wir die TYPO3 Community ein, auf einer Hansekogge während der legendären Windjammerparade das größte Segelfest der Welt live mitzuerleben. Am 28. Juni 2008 bietet dieses Event den Rahmen für ein lockeres Treffen der Community, alle weiteren Infos findet Ihr auf der offiziellen Event-Seite:
TYPO3 goes Kieler Woche - typo3.sh

16. Okt 2007

PNG Support für IE

Gravatar: Christian Lange
Christian Lange
Entwicklung
Kommentare 0

PNG Support für IE >= 5.5 kann einfach mit dem IE PNG Fix v1.0 RC4 von TwinHelix realisiert werden. Hierzu muss ausschließlich die .htc Datei in das entsprechende Haupt-Verzeichnis gelegt und die folgenden Codezeilen in die CSS implementiert werden:

  1. img, div {
  2.     behavior: url(iepngfix.htc);
  3. }

So werden automatisch sämtliche eingebundenen PNG-Bilder (egal ob direkt als Image oder als Hintergrund in DIVs) korrekt im IE angezeigt. Leider funktionieren die repeat und position Angaben im background nicht mehr richtig. So dass das Bild immer top left und ohne Wiederholung angeordnet werden sollten.

ACHTUNG: Probleme entstehen, wenn overflow: hidden in dem eingestellt ist. Dann kann der Text nicht markiert und Links nicht angeklickt werden!

01. Okt 2007

Google Cache Information per CSS stylen

Gravatar: Christian Lange
Christian Lange
CSSEntwicklungWebdesign
Kommentare 0

Jeder kennt die Google-Infoboxen die sich öffnen, wenn man bei einem Google-Suchergebnis auf "Im Cache" klickt.

Da kann eine Seite noch so schön gestylt sein, diese Infobox zerstört alles. Das Problem dabei ist allerdings, dass diese Box keine besondernen Klassen mitführt, um sie einfach per CSS stylen zu können. - Gut, dass Google wohl schon seit Jahren den selben Quellcode verwendet und daher darin noch antike Fundstücke zufinden sind, die man sich zu Nutze machen kann.

Im folgenden habe ich einen entsprechenden Code Schnipsel, der bis auf das hr keine Auswirkungen auf den übrigen Teil der Webseite haben sollte - sofern diese nach neuesten xHTML- und Barrierefreiheit-Richtlinien erstellt wurde.

  1. hr {
  2. 	visibility: hidden;
  3. }
  4. table {
  5. 	border-collapse: collapse;
  6. 	border: none;
  7. 	margin: 0px 0px 0px 0px;
  8. 	padding: 0px 0px 0px 0px;
  9. }
  10. table td {
  11. 	border: none;
  12. 	margin: 0px 0px 0px 0px;
  13. 	padding: 0px 0px 0px 0px;
  14. }
  15. table table td {
  16. 	padding: 5px 5px 5px 5px;
  17. }
  18. table font {
  19. 	font-family: Verdana, Arial;
  20. }
  21. table code,
  22. table font {
  23. 	color: #000000;
  24. 	font-size: 1em;
  25. 	line-height: 1.3em;
  26. }
  27. table code,
  28. table font i,
  29. table b font {
  30. 	color: #999999;
  31. }
  32. table a,
  33. table a font {
  34. 	color: #aaaaaa;
  35. }
  36. table a:hover,
  37. table a:hover font {
  38. 	color: #666666;
  39. }
  40.  
  41.  

Am besten man erstellt sich eine seperate CSS Datei z.B. google.css und importiert diese dann am Anfang mit @import url("google.css"); in seine Haupt-CSS-Datei. Dieses hat den Vorteil, dass nachfolgende Definitionen notfalls doch noch überschrieben werden.

Da sich die neue Seite in einem relativ positionierten Div befindet, der nicht die komplette Bildschirmgröße ausfüllt, ist es teilweise ratsam über verschachtelte Selektoren den Style des Divs bzw. der Seite anzupassen:

  1. body > div {
  2. 	height: 100%;
  3. }
  4. body > div > #site {
  5. 	position: relative;
  6. 	top: 0px;
  7. 	right: 0px;
  8. 	margin: 0px 0px 0px 0px;
  9. 	float: right;
  10. }

Man sollte dabei allerdings nicht übertreiben. Schließlich ist es von Google bestimmt gewollt, das ein Unterschied zur Seite zu erkennen ist.