Help with HEADER

[ToXo]

Hey Guys,
I have a little problem with HEADER, I would like to change the height of the HEADER and add some picture to it like on the screen attached,
I am plannig to use it as advertisement for my new products,
Is there any module that could do something like that?
Can somebody help me please?
Thanks for any help
ToXo

[phrasespot]

Is there any module that could do something like that? ToXo

 

Here is one specifically written for you

 

Download link and screen captures

 

20011205: This module is obsolete. No further development will be done.

[ToXo]

Thanks Man, It works great
I have a little problem with "top search panel" - everything works fine but I would like to have it on the top of my page (over the HEADER)
Is it possible that I can somehow change it it the .css file?
How can I do that?
Thank you very much
ToXo

[phrasespot]

Thanks Man, It works great

no problem. glad it works

I have a little problem with "top search panel" - everything works fine but I would like to have it on the top of my page (over the HEADER)
Is it possible that I can somehow change it it the .css file?
How can I do that?

hmm..that was not in the screen shot you posted. post another screen shot and I will see what I can do this weekend, no promises.

[ToXo]

Hi there,
Thanks for the effort
Screen with description attached
If you need any documents from the theme of my new PRESTASHOP just let me know please, I will upload it for you,
Thank you very much, I really appreciate it

[phrasespot]

It might be possible to do what you want by just changing CSS w/o further coding. I there an address where I an see the installation live? just confirm whether the search in area marked 1 is the module Quick Search block v1.0 (make sure by turning off/on that module momentarily)

[ToXo]

It seems that it is the Quick Search block v1.0 module you mentioned, because after uninstalling it, it does not appear any more, but I would like to keep this module, only on the top of the header,
My whole shop is on the virtual server so you can not see it live, but I can upload any file you need,
Thanks

[phrasespot]

Uninstall version 0.1, download and install version 0.2 above, then in configuration, specify a margin that is equal or greater than the height of the search block.

Next modify the search block CSS accordingly to move the block above the masthead, start by adding following values to the relevant rule for search block:

... {
...
position:absolute;
top: 0;
left: 0;
}

adjust as required.

[ToXo]

Hi,
Thanks for new version, I instaled it, everything is fine, it added extra space on the top of the page, but I do not know how to edit that CSS, which one?
I am quiet lame with this codes,
Could you explain it a little, where can I find it? do I have to paste it only on one place or more?
Thanks for all the answers,

[phrasespot]

Assuming the author of your theme did not change the search block will be styled in global.css with the following rule:

#header_right #search_block_top {
background:url("../img/block_search_bg.jpg") no-repeat scroll right top #E5E6E7;
float:right;
height:28px;
margin-bottom:11px;
width:336px;
}

Remove float line and add the lines from the previous post:

#header_right #search_block_top {
background:url("../img/block_search_bg.jpg") no-repeat scroll right top #E5E6E7;
height:28px;
margin-bottom:11px;
width:336px;
position:absolute;
top:0;
left: 0;
}

This should place the block at the top left corner. Then the increase left value as required to move the block rightwards. This is the best I can offer w/o seeing the actual page live.

[phrasespot]

there is no need to send any file. change the section

#header #search_block_top {
float: right;
background: url('../img/searchBg.png') no-repeat 0 0;
width: 307px;
height: 63px
}

to

#header #search_block_top {
background: url('../img/searchBg.png') no-repeat 0 0;
width: 307px;
height: 63px
position: absolute;
top:0;
left: 0;  <--------------------------- then  adjust this to move right
}

[ToXo]

I tried to change the code section exactly as you said, after deleting

float: right;

the whole search section moved left under logo.jpg and when I tried adjust

left: 0;

I got this with no difference between different values for :

left: 0;

two picutres of search panel got seperated and I can not move them anywhere :/
See screen attached please

[phrasespot]

did you add the position:absolute?

[ToXo]

Yes, I did everything exactly as you said,
I do not understand where is the problem
Could you take a look on that file please?

[phrasespot]

By looking at a single file I cannot tell you what is wrong. Many things work together to display what you see on the screen. I am not trying to be difficult, I am trying to help you.

From the last screen capture you posted, it does NOT look like you added all of the following to the rule:

position:absolute;
top:0;
left: 0;

and removed the float line.

because with those the element governed by that rule should be moving to the extreme left-top corner, which is not how it is in the screen capture.

Only other solution I can think is if you can open your development server and send me your IP then I can have a look at it live. Or publish it with the search below masthead then we will move the search above masthead.

[ToXo]

The strange thing is, that when I open my global css and find : #header #search_block_top
I already have this code with position, top and left value :

}
#header #search_block_top {
   float: right;
   background: url('../img/searchBg.png') no-repeat 0 0;
   width: 307px;
   height: 63px
position: absolute;
top:0;
left: 0; 
}

I did not have to post it there, it is already in default global css,
if I delete : float: right; whole search section goes under logo.jpg on the left and there is no difference by adjusting left:

I am prepering my PRESTASHOP on virtual server in my pc,
Could take a look on my whole theme, I would upload it to you if you want
Thanks

[phrasespot]

OK email me the theme and I will have a look this weekend, use the address you used previously. Again,no promises.

[nostradamus]

dutch translation http://www.bijouxenzeep.nl/blockmasthead-nl.rar