Insert Background Image in Header

Mehr
1 Jahr 5 Monate her #4499 von Ole Fisker
Is it possible to insert an Image as Background in the Header?

Thank You in advance

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 5 Monate her #4500 von Thomas Hunziker
You can add an image in a module and put that module into a header position.
Or you can add custom CSS which shows the image using the background CSS property.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 5 Monate her #4501 von Ole Fisker
Hello Thomas

Thank You for the reply.

Have tried with the Module (placed at position headermodule1), but it messes up the Logos in the Header

Have then editied the Template9.css file (generated by LessAllrounder and placed in templates/allrounder/css),

Have changed the following:
#header {
min-height: 120px;
position: relative;
background-color: #575757;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#525252),color-stop(25%,#5e5e5e),to(#383838));
background-image: -webkit-linear-gradient(#525252,#5e5e5e 25%,#383838);
background-image: -moz-linear-gradient(top,#525252,#5e5e5e 25%,#383838);
background-image: -o-linear-gradient(#525252,#5e5e5e 25%,#383838);
background-image: linear-gradient(#525252,#5e5e5e 25%,#383838);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff515151', endColorstr='#ff383838', GradientType=0);
background-color: #383838;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

to:
#header {
min-height: 120px;
margin: 0 0px 0px 0px;
padding:0 0 0 0px;
position:relative;
background-image:url('../images/header.png');
background-repeat:repeat-x;
}


and that seems to work for me :-)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 5 Monate her #4502 von Thomas Hunziker
Please don't edit the template9.css file itself. It will be overwritten the next time you save the template style.
Instead you can use the Custom CSS field or create the file /templates/lessallrounder/css/custom.css and put the rules in there. Any change only have an effect after saving the template style again.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 5 Monate her #4503 von Ole Fisker
Thank You for the advice

Success putting the Code in the Custom css-field :-)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.252 Sekunden
Powered by Kunena Forum
   
© Bakual