fhs-simple

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

Moderator: mikey

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

Re: fhs-simple

Post by lck » Sat Dec 23, 2017 5:09 pm

stylesheet.css line ~ 124

Code: Select all

#header {
    border-bottom: 5px solid #005959;
    background: #aaa;
    background: url(images/header-bg.jpg) 50% no-repeat; /* <-- add this and store the image header-bg.jpg in Template-Folder images */
    background-size: cover; /* <--- add this too */
    }
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

jgmvdm
Posts: 13
Joined: Wed Nov 01, 2017 8:24 am

Re: fhs-simple

Post by jgmvdm » Fri Dec 29, 2017 12:21 pm

Thank you very much!

wbs
Posts: 122
Joined: Sun Apr 02, 2017 8:05 am

Re: fhs-simple

Post by wbs » Mon Aug 13, 2018 6:16 am

How can I have the header image removed when on mobile?

Another thing: I'm trying to put the leftbar to the right side. I tried moving the content container, but when I do this I'm missing the padding/margin/whatever for my content.

Is there an easy way to make a rightbar happen?

Last but not least I'd like to have a fixed mininal width for all menu items. It should bei the width of the longest menu item.

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

Re: fhs-simple

Post by frase » Mon Aug 13, 2018 6:43 am

wbs wrote:
Mon Aug 13, 2018 6:16 am
How can I have the header image removed when on mobile?
Beispiel für ausblenden ab 480px
ca. ab Zeile 761 ... in stylesheet.css

Code: Select all

@media only screen and (max-width : 480px) {
...
#logo {
    display: none
}
Oder wenn du es schon vorher ausblenden willst, dann eben einfügen unter:

Code: Select all

@media only screen and (max-width : 970px)
Zu den anderen Fragen: Evtl. heute nachmittag.

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

Re: fhs-simple

Post by frase » Mon Aug 13, 2018 11:23 am

wbs wrote:
Mon Aug 13, 2018 6:16 am
Another thing: I'm trying to put the leftbar to the right side. I tried moving the content container, but when I do this I'm missing the padding/margin/whatever for my content.
Is there an easy way to make a rightbar happen?
Dazu musst du im Template einfach die Reihenfolge ändern:

template.htm
ab Zeile 66 ausschneiden:

Code: Select all

...
<div class="row content">    <!-- Diese Zeile NICHT -->
...
<div class="c24">    <!-- ab hier ausschneiden -->
<div class="secmenu c8 mw240">
<div id="search1"><?php echo searchbox();?></div>
<?php echo toc(2,9);?>
<div id="newsboxes">
<section class="news">
<div class="newsin"><?php echo newsbox('News01');?></div>
</section>
<section class="news">
<div class="newsin"><?php echo newsbox('News02');?></div>
</section>
</div>
</div>
</div>    <!-- bis hier -->
...
<div class="maincont c16 mw240"> <?php echo content();?> <!-- Diese Zeile NICHT -->
...
Und genau hier wieder einfügen:

Code: Select all

...
</noscript>
</div>
            <!-- hier einfügen -->
</div>
</div>
<div class="row-full-width" id="footer">
...
Den Abstand des Inhalts korrigierst du in stylesheet.css:
Zeile 155:

Code: Select all

.maincont {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 3em 2em; /*** Diese Zeile ändern ***/
}
wbs wrote:
Mon Aug 13, 2018 6:16 am
Last but not least I'd like to have a fixed mininal width for all menu items. It should bei the width of the longest menu item.
In navi.css
Zeile 93 ändern

Code: Select all

.nav_horizontal li {
    width: 10em;
}
Mit den 10em musst du halt experimentieren, bis es bei dir passt.
Soll es eine Mindest-Breite sein, dann besser:

Code: Select all

min-width: 10em;

wbs
Posts: 122
Joined: Sun Apr 02, 2017 8:05 am

Re: fhs-simple

Post by wbs » Mon Aug 13, 2018 2:14 pm

Thank you, you're an absolutely great hero!

Don't you think it's more practical if news boxes are on the right?

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

Re: fhs-simple

Post by frase » Mon Aug 13, 2018 2:21 pm

wbs wrote:
Mon Aug 13, 2018 2:14 pm
Don't you think it's more practical if news boxes are on the right?
I think, it's a matter of taste. (But, not for lefties ;-) )

wbs
Posts: 122
Joined: Sun Apr 02, 2017 8:05 am

Re: fhs-simple

Post by wbs » Mon Aug 13, 2018 2:38 pm

No I'm thinking because content is the most important thing on the website it should be served first. Since we're reading from left to the right, content should bei placed left. I bet there are papers about that topic out there.

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

Re: fhs-simple

Post by frase » Mon Aug 13, 2018 2:52 pm

wbs wrote:
Mon Aug 13, 2018 2:38 pm
I bet there are papers about that topic out there.
Sure, okay. Now, you have the solution.

wbs
Posts: 122
Joined: Sun Apr 02, 2017 8:05 am

Re: fhs-simple

Post by wbs » Mon Aug 13, 2018 2:55 pm

Yeah, and it looks greately great. :D

I just didn't want to figure out your padding, thanks for your work and for your extra mile work! I wish I could pay you back in some way.

Post Reply