The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Header help & custom buttons

2 posters

Go down

In progress Header help & custom buttons

Post by PowellyEG 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?

Header help & custom buttons Forum1

Once again thanks for your help.

avatar
PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

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

any one?

thanks
avatar
PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

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

Header help & custom buttons Tumblr_lxfy866wGB1qecvtno1_500

any help?? suggestions??
avatar
PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

Post by Nera. 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:

Header help & custom buttons EJfQ

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.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Header help & custom buttons

Post by PowellyEG 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?
avatar
PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

In progress Re: Header help & custom buttons

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

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

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Header help & custom buttons

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

ok so heres what I have got

.headerbar {
background-color: #000000;
background-image: url("https://i.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/
avatar
PowellyEG
New Member

Posts : 8
Reputation : 1
Language : English

Back to top Go down

Back to top

- Similar topics

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