readme

«ctr shift R» for å editere

header

.

.

 

Flatebø

 

I went into the theme editor (Appearance > Theme Editor) and edited the Parchment «Theme Header» (header.php) and Stylesheet (style.css) files.  I added the two image links above the H1 tag with branding-left and branding-right CSS classes I created for float-left and float-right properties.  If you aren’t familiar with HTML and CSS (don’t need to know PHP for this), then this may be a little advanced.  Here’s the CSS setting for the header section:
/*****HEADER*****/

#header { background: url(images/blank_header.jpg) no-repeat; width: 900px; height: 100px; margin: 0 0 10px 0; padding: 0; overflow: hidden; }
.branding h1, .branding h1 a { text-align: center; font-size: 175%; font-family: Georgia, Times New Roman, Serif; margin: 0; padding: 25px 10px 0 10px; color: #47411e; letter-spacing: 3px; font-weight: normal; font-variant: small-caps; }
.branding h1 a:hover { color: #bbb; text-decoration: none; }
.branding h2 { text-align: center; font-size: 16px; font-family: Georgia, Times; font-weight: normal; font-style: italic; color: #61574a; padding: 0 0 0 25px; margin: 0 20px 5px 0; }

.branding-right {border: none; float: right; margin: 5px;}
.branding-left {border: none; float: left; margin: 5px;}

Here’s the HTML code for the headersection:
<div id=»header»>
<div class=»branding»>
<img src=»/wp-content/uploads/2011/11/clipper.png» class=»branding-left» />
<img src=»/wp-content/uploads/2011/11/clipper.png» class=»branding-right» />
<h1><a href=»<?php echo get_option(‘home’); ?>/»><?php bloginfo(‘name’); ?></a></h1>
<h2><?php bloginfo(‘description’); ?></h2>
</div>
</div>

 

http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/headerfig.jpg

http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/headerfig2.png

<a href=»´http://ww2.fjeldskaar.info/»>Fjeldskaar.info</a>

#header { background: url (http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/lrs.png) ; width: 900px; height: 100px; margin-left: 10px; padding: 10; overflow: hidden; }

 

#header { background: url(images/header.jpg) no-repeat; width: 900px; height: 100px; margin: 0 0 10px 0; padding: 0; overflow: hidden; }

 

/wp-content/uploads/2020/08/fje_aner.png

http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/lrs.png

/wp-content/uploads/2020/08/kil_aner.png

http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/fjl.png

/wp-content/uploads/2020/08/fjl.jpg

http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/fjl.png

/wp-content/uploads/2020/08/svend.png

/wp-content/uploads/2020/08/Carl_arn.png

http://ww2.fjeldskaar.info/wp-content/uploads/2020/08/lrs.png

<img src=»/wp-content/uploads/2020/08/lrs.png» class=»branding-left»>

<img src=»/wp-content/uploads/2020/08/fjl.png» class=»branding-left»>

 

……………

https://onlinepngtools.com/add-png-border

https://onlinepngtools.com/add-text-to-png

onlinepngtools.com

 

 

 

 

image_printprint