wissen.netzhaut.de

Autor: admin

0

CSS / HTML5 / CSS3

Mac Firefox vs. Chrome

Im Screenshot haben wir einmal das Problem, dass der Firefox die Schriften anders darstellt als im Chrome. 1. Font-Smoothing body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } Firefox benötigt an dieser Stelle den Wert grayscale statt antialiased.   2. Inputfelder Inputfelder werden im Firefox um 2px höher dargestellt als im Chrome. Dies ist nicht unbedingt ein offensichtliches Problem aber bei Fieldsets mit Hintergrund, welche nebeneinander platziert sind, wird es einen Versatz geben. Dieses Problem konnten wir wie folgt lösen: input{ margin-top:-2px; line-height:34px; } Die line-height muss natürlich entsprechend angepasst werden.

12

Snippets / TYPO3 / TypoScript

Imagesize und Crop abhängig von der colPos

Um Bilder nicht nur eine feste Breite in Abhängigkeit von der colPos zuzuweisen, sondern auch noch zu croppen, bentötigt man folgendes Snippet: temp.tt_content.image < tt_content.image tt_content.image = CASE tt_content.image {   key.field=colPos   0 < temp.tt_content.image   1 < temp.tt_content.image   2 < temp.tt_content.image     1.20.1.file.width >   1.20.1.file.height >   1.20.1.file {     width = 698c     height = 400c   }   2.20.1.file.width >   2.20.1.file.height >   2.20.1.file {     width = 200c     height= 150c   } }

0

Snippets / TypoScript

TypoLinks auch in HTML-Elementen parsen

Um Links in HTML-Elementen zu parsen benötigt man folgende Zeilen im setup: # Syntax: # ausgelassene Parameter können hinten weggelassen oder durch „-“ freigehalten werden # <link PID/URL/Mail TARGET/WIDTHxHEIGHT CLASS „TITLE“>LINKTEXT</link> # # Beispiele: # <link 2>Zur Seite</link> # <link 7 – a-link „zur Information“>hier</link> # <link http://www.google.de 300×400 myPopup-class „in neuem Fenster“>Google</link> # <link info@abc.de – myMail „E-Mail senden“>Kontakt</link> # tt_content.html.parseFunc.tags.link < lib.parseFunc.tags.link Das target kann dann noch über das setup folgendermaßen ändern: tt_content.html.parseFunc.tags.link.typolink {     extTarget >     extTarget = _self     target >     target = _self }

0

Snippets / TYPO3 / TypoScript

diverse userConfig Einstellungen

Hier einmal ein paar userConfig Einstellungen, die z.B. hilfreich sind, wenn der Redaktionsbenutzer nur seinen Namen oder Passwort ändern darf. setup.override {     # Persönliche Daten ein/ausblenden     realName =     ## Ihr Name     email =     ## Ihre E-Mail-Adresse     emailMeAtLogin = 0     ## Mich per E-Mail benachrichtigen, wenn sich jemand mit meinem Konto anmeldet     password =     ## Neues Passwort     password2 =     ## Neues Passwort (Wiederholung)     lang = de     ## Backend-Sprache              # Beim Start ein/ausblenden         startModule =     ## Beim Start folgendes Modul aufrufen   ...

0

Snippets / TYPO3

jfmulticontent nur Inline Elemente zur Auswahl geben

Wir wollen den Redakteuren die Auswahl der „richtigen“ Inhalte etwas vereinfachen und stellen Ihnen defaultmäßig nur die Inline Elemente zur Verfügung: Im Page TSConfig wird folgendes eingefügt: TCEFORM.tt_content.tx_jfmulticontent_view.removeItems := addToList(page,content) Jetzt fehlt uns nur noch das Überschreiben des eigentlichen Default Wertes um die unschöne Meldung „Invalid value“ zu entfernen. Einfach ins User-TS oder Group-TS TCAdefaults.tt_content.tx_jfmulticontent_view = irre Und schon hat der Redakteur nur noch die Inline Elemente zur Auswahl.

1

Snippets / TYPO3

Subheader im Backend anzeigen (falls nicht default eingestellt)

Folgendes in die pageConfigTS einfügen: TCEFORM.tt_content.subheader.disabled = 0 Jetzt muss noch die extTables angepasst werden: t3lib_extMgm::addFieldsToPalette(‚tt_content‘,’header‘,‘–linebreak–,subheader;LLL:EXT:cms/locallang_ttc.xml:subheader_formlabel‘,’after:header‘); Für TYPO3 6.2 LTS muss die Datei extTables.php im typo3conf-Ordner noch angelegt und die folgende Zeile eingefügt werden: <?php \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addFieldsToPalette(‚tt_content‘,’header‘,‘–linebreak–,subheader;LLL:EXT:cms/locallang_ttc.xlf:subheader_formlabel‘,’after:header‘); Und zu guter Letzt, diese Zeilen ins setup.ts (TYPO3 6.0) lib.stdheader.20 = TEXT lib.stdheader.20 { field = subheader wrap = <h2>|</h2> if > if.isTrue.field = subheader }

0

Webentwicklung

Schriftlizenzen und Fontnutzung

Im Moment wird immer häufiger der Wunsch nach anderen Schriftarten auf der Website, die nicht unter die Standardschriften fallen geäußert. Eine Recherche im Netz ergab zwei sehr interessante Artikel zum Thema Schriftlizenzen und die Nutzung der Fonts im Web sowie im Print Bereich. Hier die beiden Links zu den Artikeln: Mythos Schriftlizenzen – Alles, was man wissen muss Artikelserie zu Schriftlizenzen: Teil 2. Wie definiert man Fontnutzung? Herzlichen Dank an den Autor!

0

Snippets / TYPO3

Powermail fieldset CSS Klassen erweitern oder ändern

Hier ein kleines Snippet um die Klassen in Powermail zu erweitern oder abzuändern (style1 etc).  Einfach den folgenden Code in die config Datei von TYPO3 packen und schon hat man die Klassen nach seinen Wünschen geändert. TCEFORM {   # change CSS dropdown for fieldset   tx_powermail_fieldsets {     class {       removeItems = style1, style2, style3       addItems.nolegend = Without Legend       addItems.leftform = Left Fieldset       addItems.rightform = Right Fieldset     }   }   # Use the same settings for fields   tx_powermail_fields {     class < TCEFORM.tx_powermail_fieldsets.class   } }

0

HTML / Webentwicklung

Sprechblase bei eingebetteten Google Maps Karten entfernen

Wir haben häufiger das Problem, dass eine Einbindung der Google Maps Karte zu klein für die Sprechblase wird und es besser wäre sie auszublenden. Auf der Suche nach einer Lösung wurden wir auf dem Blog kulturbanause fündig und möchten den Tipp gleich weiter verbreiten 🙂 Es muss lediglich das src-Attribut am Ende des iframes erweitert werden: &amp;iwloc=near Eine ausführliche Beschreibung findet ihr bei kulturbanause.

0

Snippets / TYPO3

Cache leeren für Backend User

Damit einem Redakteur das Löschen des Caches ermöglicht werden kann, müssen folgende zwei Zeilen in das Usergroup/User-Setup eingefügt werden: options.clearCache.pages = 1 options.clearCache.all = 1