WebSite X5Help Center

 
Paul J.
Paul J.
User

Bar in background  en

Author: Paul J.
Visited 824, Followers 1, Shared 0  

Hello,

I want to have a gray bar, screenwide at a chosen height as a picture in the background. How can I choose the vertical position in pixels from the top? In HTML code? Where?

regards,

Paul

Posted on the
7 ANSWERS - 1 USEFUL
JJ. JUAG
JJ. JUAG
User

You canin the "selectionof the template"- Edit:Insertheaderand footerfora wallpaperthat you cancustomize(with transparentportions)insize andcolorasthatof thedesiredeffect.
If in agiventemplateeditingthisbelocked, duplicate thetemplate, soit becomes acustomtemplate,whichcan be editedfully.
GreetingsJJ

Read more
Posted on the from JJ. JUAG
Paul J.
Paul J.
User
Author

Thanks. But I can't find how to place the grey bar at a height other than top and bottom. Ik should like to place te bar at 120 pixels from the top.

Read more
Posted on the from Paul J.
JJ. JUAG
JJ. JUAG
User

Take a picture(pngorgif)with120 pixels(+marginabove)intransparent +(the gray barin the sizeof the menuin the picture below)andusethis as abackgroundfor the header.The sizeof the background areafor the head, adjustaccordingly.
GreetingsJJ
Google translationfromGerman

Read more
Posted on the from JJ. JUAG
Paul J.
Paul J.
User
Author

Yes that's a indirect solution but I don't knwo how to create such a picture. I didn't succeed with paint and I have no other program to create the picture. Do you have a suggestion?

Read more
Posted on the from Paul J.
Incomedia
Claudio D.
Incomedia

Hello Paul,

You need to use an image editor like as example photofiltre which is free and then you need to create an image with the transparency above fo 120px.

With html code it is also possible by adding it in Step 1 - Expert - Before closing HEAd tag" as css code.

Unfortunately I cannot help you with the use of custom code, but if you have any doubts or issues you can ask me anytime.

Many thanks!

Read more
Posted on the from Claudio D.
Paul J.
Paul J.
User
Author

Can I enter somewhere in the created HTML code in a place where the position of the bar is defined and change that?

regards,

Paul

Read more
Posted on the from Paul J.
Incomedia
Claudio D.
Incomedia

Hello Paul,

The html code can be added in the Header in the HTML Code Object or in step 1 - Expert - Before closing HEAD Tag. Then with the code you can define the distance from the top.

The alternative is to create a header background where you add the bar already in the image and then you add this image in the template editor. In this way you will not need to add any html code.

Many thanks!

Read more
Posted on the from Claudio D.