Page 2 of 3

Re: fhs-simple

Posted: Sat Dec 23, 2017 5:09 pm
by lck
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 */
    }

Re: fhs-simple

Posted: Fri Dec 29, 2017 12:21 pm
by jgmvdm
Thank you very much!

Re: fhs-simple

Posted: Mon Aug 13, 2018 6:16 am
by wbs
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.

Re: fhs-simple

Posted: Mon Aug 13, 2018 6:43 am
by frase
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.

Re: fhs-simple

Posted: Mon Aug 13, 2018 11:23 am
by frase
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;

Re: fhs-simple

Posted: Mon Aug 13, 2018 2:14 pm
by wbs
Thank you, you're an absolutely great hero!

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

Re: fhs-simple

Posted: Mon Aug 13, 2018 2:21 pm
by frase
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 ;-) )

Re: fhs-simple

Posted: Mon Aug 13, 2018 2:38 pm
by wbs
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.

Re: fhs-simple

Posted: Mon Aug 13, 2018 2:52 pm
by frase
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.

Re: fhs-simple

Posted: Mon Aug 13, 2018 2:55 pm
by wbs
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.