home sitemap mailform print Impressum
language search

richu201_de /en /fr

 
Template Live Demo
Besuchen Sie meine Templates Demo Homepage mit allen Templates von richukunst. Wählen sie oberhalb des Seitentitels eines der Templates aus und testen die Templates. Demo-Seite richu201_de
 
Einsprachige Webseite

Wen Sie nur eine Sprache auf Ihrer Webseite verwenden, müssen Sie noch das Language Icon löschen. Das Language Icon löschen Sie in der template.htm Datei, löschen Sie die Zeile 38 mit dem language.png.

<!-- Top Flags Begin -->
<div class="box_flags">
<a class="button" href="#flags"><img src="<?php echo $pth['folder']['templateimages'];?>language.png" alt="language"></a>
<a class="button" href="#search"><img src="<?php echo $pth['folder']['templateimages'];?>search.png" alt="search"></a>
</div>
<div id="flags" class="flags_overlay">
<div class="popup_flags">
<h1>Language</h1>
<a class="close" href="#">&times;</a>
<div class="content">
<?php echo languagemenu();?>
</div>
</div>
</div>
<!-- Top Flags End-->

Mehrsprachige Webseiten

Verwenden Sie für deutschsprachige, englische oder französische Webseiten die Templates mit dem sprachlich angepassten Footer mit den Endungen _de (Impressum + Datenschutz), _en (Legal Notice + Data Protection) oder _fr. (Mentions légales+ Protection des données) Alternativ kopieren Sie ein Template, ändern die Endungen _xx mit der von Ihnen gewählten Sprache und ergänzen in der template.htm Datei die Footer Angaben Impressum und Datenschutz mit der neuen Sprache. In Ihrer en Webseite, klicken Sie in Ihrer en Webseite unter Settings auf Language Subsite Template und wählen richu191_en. In Ihrer fr Webseite, klicken Sie CMS Langue Subsite Template / Gabarit und wählen richu191_fr. Jetzt werden im Footer die sprachlich korrekten Impressum und Datenschutz Links in Ihrer Seite angezeigt.

Ihr Logo

Wen die Seite nach unten gescrollt wird, wird nur noch das Hamburger-Menü-Icon angezeigt. Bei einer maximalen Displaygrösse von 660 Pixeln wird das Logo nicht mehr angezeigt. Das Header Logo, wird immer mit der Grösse 250 x 150 Pixel angezeigt (logo_header.png). Der logo_header_2 mit der Grösse 200 x 114 Pixel wird ebenfalls mit 250 x 150 Pixel angezeigt, testen Sie mal. Tipp, möchten Sie Ihr Logo kleiner einfügen, erstellen Sie mit einem Bildprogramm eine leer transparente Hintergrundebene mit der Grösse 250 x 150 Pixel und fügen auf die Hintergrundebene Ihr Loge ein, wie Beispiel logo_header_3.png. Anstelle eines Logos können Sie auch ein Bild einfügen. Achtung, Namens und Dateityp Änderungen müssen Sie in der template.htm Datei anpassen, Zeile 26 logo_header.png.

Header Icons Navigation
Das Impressum Icon (i) im Header und der Impressum-Link im Footer benötigt eine Impressum-Seite.
Der Link Datenschutz im Footer benötigt ebenfalls eine Datenschutz-Seite.
 

 
Template bestimmte Styles / Anleitung

Beispiele für Styles, die in diesem Template speziell enthalten sind. Bei allen unten beschriebenen Anwendungen ist der CSS Code bereits in der stylesheet.css Datei des Template eingefügt. Sie müssen nur noch den Einbettcode der jeweiligen Anwendung in Ihre Seite einfügen, beachten Sie die jeweiligen Anleitungen.

Schriften

Das Template verwendet als Standard-Schriftart B612. Für die Überschriften Alegreya Sans h1 bis h6.

Überschrift <h1>

Überschrift <h2>

Überschrift <h3>

Überschrift <h4>

Überschrift <h5>
Überschrift <h6>
Zitate (Blockquote)

Im Editor zweite Zeile ganz rechts ʽʽ Zitat anklicken und Ihren Text einfügen.

 
Horizontale Linie

Im Editor horizontale Linie anklicken.


 

Eine detaillierte Anleitung wie Sie Accordion 2 in das Template einfügen finden Sie hier. Die Bildergalerie Lightbox kann in den Accordion 2 verwendet werden.

 

 
Bilder mit umfliessendem Text und Lightbox
Bild mit umfliessendem Text einbinden und per Bild-Klick vergrössern mit Lightbox. Beispiel:
 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Beispiel linkes Bild, Bild mit Lightbox Code einfügen.

<a href="./userfiles/images/img1.jpg" data-lightbox="example-1" data-title="Velotour 2017"><img src="./userfiles/images/img1_s.jpg" alt=""></a>

Im Editor auf <> Quelltext klicken und kopierten Lightbox Code einfügen und auf Ok klicken. Auf Bild klicken und im Editor erste Zeile ganz rechts Formate anklicken, wählen Sie nun span.imgL mit erneutem klicken aus. Jetzt können Sie neben das Bild klicken und den Text einfügen. Rechtes Bild einfach span.imgR auswählen.

Lightbox Bildergalerie

Bildergalerie mit Lightbox in Ihre Seite einfügen. Beispiel:

     

Eine detaillierte Anleitung wie Sie die Lightbox Bildergalerie in den beiden Templates verwenden finden Sie hier.

 

 

YouTube Video responsive in die Templates einfügen.
Das Video wird auf der kompletten Inhaltsseite Ihrer Webseite angezeigt.

Das Video wird nicht auf der kompletten Inhaltsseite Ihrer Webseite angezeigt.

 
Eine detaillierte Anleitung wie Sie die YouTube Videos responsive in den Templates verwenden finden Sie hier.

 

 

 

Jeder der zwei Newsboxen öffnet sich erst wenn auf das News-Button geklickt wird. Bei einem Seiten wechsle werden die zwei Newsboxen erneut geschlossen angezeigt. Die Höhe der Newsboxen passt sich flexibel Ihrem Inhalt an. Sie können auch Videos, Google Maps, Lightbox oder Accordions in den Newsboxen installieren. Die Standard Überschriften der News-Button News01 bis News02 ändern Sie in der template.htm Datei oder in Ihrer CMSimple_XH Installation unter Einstellungen auf Template klicken.

<!-- newsbox Begin öffnen nach unten -->
<div class="tab">
<button class="newslinks" onclick="newslevels (event, 'News01')" id="defaultOpen">News01</button>
<button class="newslinks" onclick="newslevels (event, 'News02')">News02</button>

Letztes News01, News02, im Code vor </button> schreiben Sie Ihren Überschriften Namen ein. Die Newsboxen Farben ändern Sie in der stylesheet.css ab Zeile 1019.

 

 

Eine detaillierte Anleitung wie Sie Google-Maps responsive in die Templates einbinden finden Sie hier.

 

Link, Powered by CMSimple_XH und Link, Template by richukunst.
Wenn Sie CMSimple_XH verwenden, entfernen Sie den Link Powered by CMSimple_XH bitte nicht.
Der Link im Footer auf Template by richukunst muss zwingend beibehalten werden. (Namensnennung 3.0 Schweiz)
Sie können ein Template von richukunst.ch verändern, Ihr Link kann dann wie im Beispiel unten verlinkt werden. In der dafür bestimmten freien Zeile können Sie Ihren Link eintragen. Ändern in der template.htm Datei oder in Ihrer CMSimple_XH Installation unter Einstellungen auf Template klicken.

<!-- modifiziert durch Ihren Link -->
modified by <a title="your name" href="http://www.your_link" target="_blank" rel="noopener noreferrer">your name</a>
<!-- modified by your link -->

 


 
Downloads

Ich prüfe alle Downloads nach bestem Wissen und Gewissen, übernehme aber keine Gewährleistung. Die Nutzung der Templates erfolgt auf eigenes Risiko.

Free Template Download richu201_de für CMSimple_XH.

richu201_de mit Header Icons Impressum und Footer Buttons Impressum und Datenschutz.

 

 
Free Template Download richu201_en für CMSimple_XH.

I check all downloads to the best of my knowledge and belief, but do not assume any guarantee. You use the templates at your own risk.

richu201_en with header icons Legal Notice and Footer Buttons Legal Notice and Privacy.

 

 
Free Template Download richu201_fr für CMSimple_XH.

Je vérifie tous les téléchargements au mieux de mes connaissances et de mes croyances, mais je n'assume aucune garantie. Vous utilisez les modèles à vos propres risques.

richu201_fr avec les icônes d'en-tête Mentions Légales et Footer Mentions Légales et Protection des données.

 

 

News

 

 
Templats Download für
CMSimple_XH
 
 
Webseiten Tipp: Fitness-Studio in Steffisburg.
www.silvergym.ch

 

Templates Demo

 
Besuchen Sie meine
Templates Demo Seiten.
 
Templates Demo richukunst
 
 
 

 

Impressum | Datenschutz

Powered by CMSimple_XH | Template by richukunst

Letzte Änderung:
loginlink