New Template „split-it“

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

lck
Posts: 2278
Joined: Wed Mar 23, 2011 11:43 am
Contact:

New Template „split-it“

Post by lck » Sat Jan 16, 2021 8:05 pm

[ external image ]

Demo, Info and download

Many thanks to the great CMSimple_XH-Forum for hints, suggestions and testing.

Don't worry, be happy!
Ludwig
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

olape
Posts: 1637
Joined: Fri Mar 13, 2015 8:47 am
Contact:

Re: New Template „split-it“

Post by olape » Sat Jan 16, 2021 9:03 pm

+1

frase
Posts: 3864
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: New Template „split-it“

Post by frase » Sun Jan 17, 2021 8:37 am

+1
Finally, I now know how to split an apple with my hands.
;)

AndyCH
Posts: 8
Joined: Sat Jan 18, 2020 4:55 pm

Re: New Template „split-it“

Post by AndyCH » Sun Feb 07, 2021 12:36 pm

a very cool template :D

It seems that the split is 50:50 (Image left - text right), is it possible to change the split to any other relation (e.g. 30:70) ?
The tragedy of life is not that it ends so soon, but that we wait so long to begin it.

frase
Posts: 3864
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: New Template „split-it“

Post by frase » Sun Feb 07, 2021 12:43 pm

AndyCH wrote:
Sun Feb 07, 2021 12:36 pm
It seems that the split is 50:50 (Image left - text right), is it possible to change the split to any other relation (e.g. 30:70) ?
stylesheet.css line 6:

Code: Select all

:root {
...
	--left-side-width: 50%; /* #lck_head (e.g. 33.333333%) */
	--right-side-width: 50%; /* .lck_content (e.g. 66.66667%)*/
}

lck
Posts: 2278
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: New Template „split-it“

Post by lck » Sun Feb 07, 2021 1:29 pm

See also FAQ-Page.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

AndyCH
Posts: 8
Joined: Sat Jan 18, 2020 4:55 pm

Re: New Template „split-it“

Post by AndyCH » Sun Feb 07, 2021 1:31 pm

@frase: kill me i'm blind - Thanks ;-)
The tragedy of life is not that it ends so soon, but that we wait so long to begin it.

AndyCH
Posts: 8
Joined: Sat Jan 18, 2020 4:55 pm

Re: New Template „split-it“

Post by AndyCH » Sun Feb 07, 2021 2:50 pm

Sorry, I have another question:
Your demo-website shows a lot of possibilities, i.e. different css-styles for different languages.

Is ist possible to get your demo-website as (demo-)download ?
The tragedy of life is not that it ends so soon, but that we wait so long to begin it.

frase
Posts: 3864
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: New Template „split-it“

Post by frase » Sun Feb 07, 2021 6:55 pm

AndyCH wrote:
Sun Feb 07, 2021 2:50 pm
Your demo-website shows a lot of possibilities, i.e. different css-styles for different languages.
Now I don't know exactly how Ludwig (lck) did it, but in principle it works like this:
Go to the desired language in admin mode.
Choose: Settings -> Language
There you choose: Subsite -> Template - select the template (incl. CSS) for this language.

lck
Posts: 2278
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: New Template „split-it“

Post by lck » Sun Feb 07, 2021 7:11 pm

AndyCH wrote:
Sun Feb 07, 2021 2:50 pm
Is ist possible to get your demo-website as (demo-)download ?
This is not intended, as it could cause confusion among users, depending on the language set in the main installation.
In the demo page, the main installation is set to "de", so the template is displayed with a division of 50% to 50%. If the default language is "en", the en.css would be included and the page would be displayed with a division of 33% to 66%.

en.css and fr.css are only demo files to show some possibilities in the representation.
If you want to use them, you can open these files directly in the browser, save them as en.css and fr.css and put them into the templates folder.
http://www.cmsimplexh.momadu.de/demos/split-it/ wrote:Besonderheiten
Template vorbereitet, um in Zweitsprachen ein eigenes CSS einzubinden.
Beispiel, wird im Template-Ordner eine Datei en.css erstellt, so wird diese in der Zweitsprache Englisch automatisch eingebunden. Somit können Form, Farben, Hintergrundbilder etc. anders als die Hauptseite gestaltet werden.
Demo in den Zweitsprachen „en" und „fr"
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Post Reply