Theme SlimMenu 2021 - 4 Templates

Gert · Post by **Gert** » Wed 27. Jan 2021, 14:35

Hallo,

ein neues Theme mit 2 responsiblen Templates steht zum Download bereit: SlimMenu 2021

Das Design von SlimMenu wurde komplett überarbeitet, das Stylesheet vereinfacht und viele kleinere Probleme behoben. Vor allem aber ist SlimMenu jetzt "ready for php 8",

viel Spass - Gert

=====================================================

Hello,

a new theme with 2 responsive templates is available for download: SlimMenu 2021

The look of SlimMenu has been completely redesigned, the stylesheet has been simplified and many minor problems have been fixed. Most importantly, SlimMenu now is "ready for php 8",

have fun - Gert

=====================================================

Demo and Download: https://www.ge-webdesign.de/cmsimpletem ... enu_2021-1

Screenshot:

Doc · Post by **Doc** » Thu 28. Jan 2021, 18:04

Hello

I am testing the slimmenu 2021_2 template and I want to put in the header the content of the sitename () variable as in the ML2OnePagers 2021 template
- Addition in stylesheet.css of .tplge_sitename {}
- Added positioning between <head> </head>
- Added echo ‘sitename ()’ after <! - HEADER ->
I saw it all, but I can't, can you help me?
I use the templatefuncs function (different header)

Daniel

Gert · Post by **Gert** » Thu 28. Jan 2021, 21:31

Hi Doc,

Doc wrote: ↑Thu 28. Jan 2021, 18:04 ... as in the ML2OnePagers 2021 template

That's the right way - but you should copy correctly

Doc wrote: ↑Thu 28. Jan 2021, 18:04 - Added echo ‘sitename ()’ after <! - HEADER ->

Have you seen that in the ML2OnePagers 2021 template? I found there:

Code: Select all

<!-- image header -->

<div id="tplge_imageHeader" class="tplge_imageHeader">
<?php 
if(!$edit && !isset($_REQUEST['login'])) 
{
	echo '<img src="' . $pth['folder']['templateimages'] . 'header.jpg" alt="">' . "\n"; 
	echo '<div class="tplge_sitename">' . sitename() . '</div>' . "\n"; 
}
?>
</div>

sitename() AFTER / UNDER header.jpg, because otherwise sitename() is hidden behind the header.jpg. And the classname is important.

So the right code for slimmenu2021_2 is:

Code: Select all

<!-- image header -->
<div id="tplge_imageHeader" class="tplge_imageHeader">
<?php 
if(!$edit && !isset($_REQUEST['login'])) 
{
	echo '<a href="#tplge_locator"><img src="' . $pth['folder']['templateimages'] . 'header.jpg" alt=""></a>' . "\n"; 
// NEW LINE:
	echo '<div class="tplge_sitename">' . sitename() . '</div>' . "\n"; 
}
?>
</div>

The rest is CSS - good luck - Gert

===================================

PS: ok - I will add it to both slimmenu templates, with outcommented sitename() line in template.htm, new downloads in a few minutes

PS2: New downloads are online, you just have to remove the // before the new line in the template.htm

Doc · Post by **Doc** » Thu 28. Jan 2021, 23:41

Thanks, great
Here in action (replaces the Fullscreen template)

Doc · Post by **Doc** » Fri 29. Jan 2021, 13:36

Hello

The result of W3C CSS validation indicates errors in the stylesheet and template.
RobotoCondensed, arial, sans-serif -> Roboto Condensed, arial, sans-serif (perhaps ?)
#transparent -> transparent (ok)
././templates/slimmenu2021_2/slimmenu/slimmenu.css -> I don't see a slimmenu.css file in the template (?) and then this at the beginning: ././

Validation result here

Daniel.

Gert · Post by **Gert** » Fri 29. Jan 2021, 14:50

Hello Doc,

thanks for validation

The line in template.htm loading slimmenu.css is from older templates, the SlimMenu CSS now is added to the template stylesheet. I have only deleted the slimmenu.css file and forgotten to remove following line from the template.htm:

Code: Select all

<link rel="stylesheet" href="<?php echo $pth['folder']['template'];?>slimmenu/slimmenu.css">

Doc wrote: ↑Fri 29. Jan 2021, 13:36 RobotoCondensed, arial, sans-serif -> Roboto Condensed, arial, sans-serif (perhaps ?)

No - the problem is the semicolon after "Anton", must be a comma:

Code: Select all

h1 {font-family: Anton, RobotoCondensed, arial, sans-serif; color: #555550; font-size: 28px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 24px 0;}
h2 {font-family: Anton, RobotoCondensed, arial, sans-serif; color: #555550; font-size: 26px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h3 {font-family: Anton, RobotoCondensed, arial, sans-serif; color: #555550; font-size: 24px; line-height: 1.2em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h4 {font-family: Anton, RobotoCondensed, arial, sans-serif; color: #555550; font-size: 22px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h5 {font-family: Anton, RobotoCondensed, arial, sans-serif; color: #555550; font-size: 20px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}
h6 {font-family: Anton, RobotoCondensed, arial, sans-serif; color: #555550; font-size: 18px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 24px 0 10px 0;}

The browsers seems to accept it, just the validator has a problem

Doc wrote: ↑Fri 29. Jan 2021, 13:36 #transparent -> transparent

So it is

New downloads are online, but you can change it yourself in your template,

Gert

================================

PS Validator now: https://jigsaw.w3.org/css-validator/val ... g=&lang=de

Doc · Post by **Doc** » Fri 29. Jan 2021, 15:30

Thank you, the update is done.
Have a nice day, Daniel.

Gert · Post by **Gert** » Sun 31. Jan 2021, 08:33

Hallo,

ich habe eine dunkle Version hinzugefügt,

viel Spass - Gert

=====================================================

Hello,

I have added a dark version,

have fun - Gert

=====================================================

Demo and Download: https://www.ge-webdesign.de/cmsimpletem ... _2021-dark

Screenshot:

Gert · Post by **Gert** » Tue 2. Feb 2021, 16:51

Hallo,

ich habe eine Version mit einem vertkalen Fly-Out-Menü hinzugefügt,

viel Spass - Gert

=====================================================

Hello,

I have added a version with a vertical Fly-Out-Menu,

have fun - Gert

=====================================================

Demo and Download: https://www.ge-webdesign.de/cmsimpletem ... 1-vertical

Screenshot:

Gert · Post by **Gert** » Wed 1. Jun 2022, 11:24

Hallo,

alle 4 Templates des Themes SlimMenu 2021 wurden überarbeitet.

Die Templates aktivieren jetzt selbstständig jQuery, die globale Aktivierung von jQuery in der CMS Konfiguration ist nicht mehr notwendig.

Bei bereits bearbeiteten, aktiven Templates muss nur die template.htm am Anfang ergänzt werden:

Code: Select all

<?php 
include_once($pth['folder']['plugins'].'jquery/jquery.inc.php');
include_jQuery();
include($pth['folder']['template'] . 'templatefuncs/scripts/slimmenu.php'); 
include($pth['folder']['template'] . 'templatefuncs/templatefuncs.php'); 
?>
<!DOCTYPE html>
...

viel Spass - Gert

=====================================================

Hello,

All the 4 templates of the theme SlimMenu 2021 have been revised.

The templates now activate jQuery independently, the global activation of jQuery in the CMS configuration is not necessary anymore.

In the case of active templates that have already been edited, just edit the template.htm at the beginning:

Code: Select all

<?php 
include_once($pth['folder']['plugins'].'jquery/jquery.inc.php');
include_jQuery();
include($pth['folder']['template'] . 'templatefuncs/scripts/slimmenu.php'); 
include($pth['folder']['template'] . 'templatefuncs/templatefuncs.php'); 
?>
<!DOCTYPE html>
...

have fun - Gert

=====================================================

Demo and Download: https://www.ge-webdesign.de/cmsimpletem ... enu_2021-1

CMSimple - Forum

Theme SlimMenu 2021 - 4 Templates

Theme SlimMenu 2021 - 4 Templates

Re: Theme SlimMenu 2021 - 2 Templates

Re: Theme SlimMenu 2021 - 2 Templates

Re: Theme SlimMenu 2021 - 2 Templates

Re: Theme SlimMenu 2021 - 2 Templates

Re: Theme SlimMenu 2021 - 2 Templates

Re: Theme SlimMenu 2021 - 2 Templates

Re: Theme SlimMenu 2021 - 3 Templates

Re: Theme SlimMenu 2021 - 4 Templates

Re: Theme SlimMenu 2021 - 4 Templates