The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header help & custom buttons

View previous topic View next topic Go down

In progress Header help & custom buttons

Post by PowellyEG on January 14th 2012, 10:04 pm

Evening all,

Firstly thank you in advance for your help. I have tried searching, before you begin quoting code or CSS im a proper noob and have build all this with 0% experience. Im just stuck on 1/2 last few details.

OK so what I have is a blog and a forum, and im trying to match their appearance & function in line with the header picture, what im looking for is a seamless crossover from the blog to the forum so users wont notice the difference.


http://kousokuautomotive.wordpress.com/

http://kousoku-automotive.forumotion.co.uk/

As you can see on my blog i have 2 sets of link buttons Blog/Forum/Store - is there a way of activating these links in my header on my forum to redirect back to the blog?

Also is there a way of reducing the highlighted gaps, im looking for is some help in extending the grey bar to the edge (not all the way across but to cover up the white line) and delete the white barrier around the header picture?



Once again thanks for your help.


PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

Post by PowellyEG on January 15th 2012, 11:24 am

any one?

thanks

PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

Post by PowellyEG on January 16th 2012, 11:09 pm



any help?? suggestions??

PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

Post by Nera. on January 16th 2012, 11:17 pm

Hi,

To remove the gaps you'll have to cut a piece of your logo image, something like this:



Do it properly, this is only to show you.

And than add it in CSS replacing the image link in this CSS part:

Code:
.headerbar {
    background-color: #000000;
    background-image: url("http://paintingsouthoffrance.com/sitebuilder/images/black_line-573x377.png");
    background-repeat: repeat-x;
    margin-bottom: 4px;
    padding: 0 5px;
}

I did not quite get the links question.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Header help & custom buttons

Post by PowellyEG on January 16th 2012, 11:54 pm

Nera it didnt work.

I went in colours >Css style sheet> copy/paste the css code you gave me>cut the bit from my forum and added the link and nothing..

So I tried pics management, and pasted the link into Background picture (page)? same happened again it just tiled across the whole page(behind the forum).

also with the links in the header, As you can see on my header picture i have 2 sets of link buttons Blog/Forum/Store which I would like click-able to redirect users to my blog?

PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

Post by Nera. on January 17th 2012, 12:18 am

It will work. Can I see the picture you used?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Header help & custom buttons

Post by PowellyEG on January 17th 2012, 12:40 am

ok so heres what I have got

.headerbar {
background-color: #000000;
background-image: url("http://i49.servimg.com/u/f49/16/59/71/09/untitl10.jpg");
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}

Ok so it extended the grey lines but I still have the white boarder line around the edge of the header picture.

Im trying to get my forum to look exactly like my blog - http://kousokuautomotive.wordpress.com/

PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum