Design Clean
    >> Tipps zum anpassen

News

Problem mit horizontalen Menü

am 23.März 2017


Viele Design "Clean" - Nutzer haben das Problem, das Oben nicht alle Titel nebeneinander passen. Das Menü erscheint zweizeilig. Ursache sind Schriftart, Großschrift und Innenabstände im Menü. Die Lösung hier : Titel im Menü anpassen



Skype einbinden

am 16.März 2017


Verschiedene Möglichkeiten Skype einzubinden. Z.B. im Menü, in der rechten Box, oder im Seiteninhalt. Als einfachen Link oder mit eigener Grafik. Ihr legt fest, ob ein Anruf oder eine Textnachricht erfolgt. Zur Beschreibung : Skype einfügen



Rechte Box nach Oben

am 02.März 2017


Rechte Box verschieben:
Drei Beispiele für die rechte Box. Z.B. rechte Box über der Headergrafik, zwischen Header und Seiteninhalt oder über dem Seiteninhalt, ohne Header-Ersatz. Zur Beschreibung : rechte Box verschieben



Blättern im Seiteninhalt

am 28. Februar 2017


Langes scrollen vermeiden:
Für Bilder, Text mit Bild oder reinen Text. Inhalte auf mehrere Tabs verteilen, um z.B. Seiten immer gleich enden zu lassen oder um langes herunter scrollen zu vermeiden. Zur Beschreibung : Blätterfunktion



Links auf einer Grafik

am 22. Februar 2017


Ähnlich wie bei Facebook:
Links oder verlinkte Bereiche auf einem Bild, z.B. um Namen von Personen oder Informationen zum Objekt anzuzeigen. Bei Mauskontakt öffnen sich Info-Fenster.
Zur Beschreibung : Link auf Bild



Seitenwechsel in Box

am 21. Februar 2017


Den Inhalt einer Box per Mausklick wechseln. Mit reinem CSS. Ideal, wenn man Boxen oder Inhalt nicht endlos lang scrollen möchte. Siehe meine zweite Rechte Box.
Zur Beschreibung : Inhalt in Box wechseln



Bilder-Zoom mit CSS

am 19. Februar 2017


Zoom-Effekt für Bilder mit 4 Beispielen. Zoom in Bildmitte, zoomen nach Rechts, zoomen nach Rechts und Oben, oder heraus-zoomen. Hier beschrieben : Bilder-Zoom



Foto-Effekte mit CSS

am 19. Februar 2017


Kontrast, Schatten, Sepia-Effekt, Farbrotation, Graustufen oder Negativ-Effekt für Eure Bilder. Das ist auch Ohne Bildprogramme möglich, dank der CSS-Eigenschaft filter :
Bildbearbeitung mit CSS



zweites Headerfeld:

am 18. Februar 2017


Im Design Clean können wir über dem Seiteninhalt Platz schaffen für eine weitere Header-Grafik. Jede Seite (und Unterseite) kann ein eigenes Bild bekommen. Schnell umgesetzt : zweite Headergrafik



Tooltip Fenster:

am 17. Februar 2017


Bei Mauskontakt kleine Info-Fenster öffnen lassen. Die Möglichkeiten (Tooltip mit Text / Grafik / Video ect.) habe ich hier beschrieben: Tooltip-Fenster



Facebook Messenger:

am 08. Juli 2016


Homepage-Besuchern die Kontaktaufnahme via Facebook-Messenger ermöglichen. Mit verlnkten Text, verlinkten Bild oder in Navigation. Für Desktop-Nutzer oder mobile Besucher. Ideal z.B. für Live Support
Beschreibung : Messenger einbinden



Eigene Galerie mit Kategorien:

am 01. Juli 2016


Eigene Galerie mit Kategorien und Blätterfunktion, etwas netter als das Baukasten-Extra "Galerie", Mit Kommentarfunktion unter allen Galerie-Seiten : Galerie mit Kategorien



Forum-Login in rechte Box:

am 16. März 2016


Einige Baukasten-Designs besitzen nur eine "rechte Box". Hier wird beschrieben wie sich 3 Boxen einbinden lassen. Auf Eurer Forenseite wird nur die Login-Box sichtbar : Forum-Login in rechter Box



Forum anpassen:

am 11. März 2016


Saubere Abstände, Profilnamen mit Symbol, farbige Kategorie-Titel oder Login-Feld entfernen. Mit einigen CSS-Codes schnell angepasst. Hier gehts zur Beschreibung : Das Forum anpassen



Gästebucheintrag mit Bild:

am 16. März 2016


Vor kurzem wurde im Forum gefragt :
Können Besucher im Gästebuch auch Einträge mit Bild machen ? Ja, das ist in allen Designs möglich: Eine Beschreibung findet ihr hier: Eintrag mit Bild



Nur für Design Clean ?:

am 15. März 2016


Wegen vieler Nachfragen :
Einige Beschreibungen auf dieser Seite können in allen Baukasten-Designs angewendet werden. Welche Beschreibung wo funktioniert, habe ich hier aufgelistet



Standort auf Homepage

am 28. Februar 2015


Den eigenen Standort in der Homepage einbinden. Z.B. für Wanderer, Biker, oder Lieferdienste. Mit der App "RTT2". Eigenen Text oder Grafik mit der Map verlinken. Oder die Map direkt in einer Seite einbinden.
Beschreibung: Standort einbinden



Tooltip für Bilder

am 12. Februar 2015


Bildinformationen bei Mauskontakt anzeigen. Eine Möglichkeit wäre das Tooltip-Fenster. Es kann sich unter / über / oder neben dem Bild öffnen. Farbe frei anpassbar.
Beschreibung: Tooltip-Fenster für Bilder




Zurück-nach-Oben Button

am 11. Februar 2015


Bei langen Seiten / Seiten mit viel Inhalt können wir dem Besucher das endlose "Zurück-Scrollen" erleichtern, in dem wir einen "Top-Button" einfügen. Mit Klick auf Button fährt die Seite zurück nach Oben.
Beschreibung: Top-Button einfügen



Bilder-Slider auf dem Header

am 10. Februar 2015


Die Frage nach einem Bilder-Slider im Header wird oft gestellt. Hier eine Möglichkeit ohne Javascript. Der Bilder-Slider wird dazu auf das Headerfeld drauf positioniert.
Beschreibung: Slider im Header



Blätterfunktion im Seiteninhalt

am 10. Februar 2015


Eine "Blätterfunktion" im Seiteninhalt. Um lange Seiten zu vermeiden, könnte man den Inhalt auf mehrere Seiten verteilen, auf die dann verlinkt wird. Hier ein Beispiel : Umblättern im Seiteninhalt



Bilderslider ohne Javascript

am 09. Februar 2015


Bilderslider sind im Trend. Im Download eines Sliders findet sich aber oft eine .js-Datei, welche wir im Baukasten nicht hochladen können. Ein reiner CSS-Slider eignet sich in Baukasten daher besser. Hier ein Beispiel-Slider für 5 Grafiken, Größe der Bilder 500 x 270 Pixel: Zum CSS Bilderslider



Login oder Uhr in rechter Box ?

am 29. Januar 2015


Das Design "Clean" besitzt leider nur eine rechte Box. Aktiviert man dort die Uhr, die Topliste - oder seinen Login - lässt sich nichts weiteres mehr in der Box einfügen. Es gab schon viele Fragen - und hier nun eine Lösung: Login mit zusätzlichen Boxen
Beispiel für 3 Boxen mit Login | Menü | Uhr |



Probleme mit separater Bildergalerie ?

am 29. Januar 2015


Wer sich eine Galerie separat auf einer Seite eingebunden hat, wird gemerkt haben, das sich die Bilder bei Mausklick nicht mehr öffnen. Grund ? Der Baukasten hatte die URL der .js- und .css-Dateien geändert. Bitte hier - bei Schritt 1 neu heraus kopieren.



Hilfe per Skype

am 26. Januar 2015


Grundlagen lernen für das Arbeiten mit CSS im Baukasten. Per Bildschirm-Übertragung die ersten Schritte erfahren, Fragen und Antworten im Skype-Chat. Für alle Anfänger immer Donnerstags ab 17 Uhr. >> weiterlesen



Baukasten-Design "CSS" :

am 15. Januar 2015


Ein "responsive Design" mit dem Baukasten-Design "CSS" habe ich mal auf meiner Testseite erstellt. Es passt sich jeder Auflösung an. Headerfeld sitzt links. Lediglich die Werbung rechts bedarf noch einer Lösung von Seiten des Baukastens.






Hier wurde die Seite https://clean-test.de.tl/nix.htm eingebunden.

- die Seite wurde in der Navi versteckt
- nur auf der Seite wurden alle div + table entfernt
- im Feld "Text UNTER Design" wurde dieser Inhalt eingefügt
- Inhalt wurde nur für diese eine Seite sichtbar gemacht
- so lässt sich auch eine Seite in der Mediabox aufrufen

Man muss darauf achten, das die Seite hier nur soviel Inhalt bekommt, wie diese Box auch an Höhe hat.

Wer mehr Infos dazu benötigt: Kontakt
clean-test.de.tl: Heute :30 Aufrufe



Auf "autostart" habe ich verzichtet. Klicke Play im Player.

nach Oben