Blog durchsuchen

Monat: August 2016

Wetterwidget für Website

Ich habe gerade ziemlich lange nach einem Wetter-Tool gesucht. Vor allem wollte ich Deutsch als Frontendsprache. Die Joomla-Tools nutzen meist die Yahoo-Daten, und dann heißt das eben „sunny“ und nicht „sonnig“.  Schluss mit der Sucherei. Ich binde das Wetter von Wetter.de-ein. Das ist so klein, dass es sogar auf Handys passabel aussieht. Hier findet man […]

iframes responsiv einbinden

my solution: 1. embed the youtube vidoes with the code, youtube offers, for example: <iframe width=“560″ height=“315″ src=“https://www.youtube.com/embed/lmFXThtn014?rel=0″ seamless=“seamless“ allowfullscreen></iframe> 2. define css-classes: .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } 3. put a div around the iframe <div class=“video-container“><iframe…..></iframe></div> Thanks to […]

pkg-de-de loswerden

Manchmal erscheint nach einem Update auf einmal eine Komponente namens pkg-de-de. Man kann nicht auf sie zugreifen. Der Eintrag entsteht wohl, wenn man eine Sprachdatei für eine Komponente im falschen Moment installiert. So wird man den Eintrag wieder los: Gehe Backend > Menues, so, dass du Button wiederherstellen siehst, und lass die Seite geoeffnet. Gehe […]

yootheme widgetkit plugin-fehler

Bei einem meiner Webs mit (Template Favourite und Widgetkit von Yootheme) erscheint nach jedem Update des Widgetkit eine Fehlermeldung: Notice: Undefined property: stdClass::$image_intro in /homepages/15/xxxxxxxxxxx/htdocs/web/administrator/components/com_widgetkit/plugins/content/joomla/plugin.php on line 48 Notice: Undefined property: stdClass::$image_fulltext in /homepages/15/xxxxxxxxxxx/htdocs/web/administrator/components/com_widgetkit/plugins/content/joomla/plugin.php on line 49 Dann ändere ich die betreffende Zeile in der plugin-php: ‚media‘ => $images ? ($content[‚image‘] == ‚intro‘ ? $images->image_intro […]

Tabellen responsiv machen

Ein paar CSS-tipps, um Tabellen für schmale Bildschirme nutzbar zu machen: Tabelle mit einem Div umschließen, das folgende Klasse hat: .table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; } Scrollbalken für os und ios: .table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; […]

Nächste Seite »