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.

extra pictures in header

4 posters

Go down

extra pictures in header Empty extra pictures in header

Post by Merlins Scooter November 4th 2012, 1:58 pm

Newbie question, and new to forum making but...... as per title is it possible to add extra images to the header, say one on the left and one on the right?
Also while i'm here can the font be changed for forum title?

Andy @ Merlins Scooter
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Sir Chivas™ November 4th 2012, 2:19 pm

Hi,

Please provide your forum URL, thank you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 2:23 pm

Sir Chivas™ wrote:Hi,

Please provide your forum URL, thank you.

http://merlinsscooterclub.boards-directory.com/
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Sir Chivas™ November 4th 2012, 2:29 pm

Alright,


HTML
Code:
<div id="topbar"> [img]image'surl[/img]</div>
ACP >> Display >> Homepage >> Generalities >> Homepage Message >> Message content:


Then add this in your CSS:
Code:
#topbar {
    position: absolute;
    top: 0px;
    left: 0px;
}

You can change the position, from left to right or center.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 3:32 pm

wheres the css?
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by levy November 4th 2012, 3:44 pm

The css is on ACP ~> Display ~> colors ~> CSS
levy
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 3:47 pm

ok found it but how do i insert the code as I cant paste it in the line numbered 1.
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by levy November 4th 2012, 3:54 pm

Copy this only :

Code:
#topbar {
    position: absolute;
    top: 0px;
    left: 0px;
}

Using Control + C ~> Control + V To paste.
levy
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 4:02 pm

im on a mac

edit
found it CMD + V
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 4:20 pm

Ok done all that, but how to add the extra image i want?
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by SLGray November 4th 2012, 4:24 pm

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!


extra pictures in header Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 4:26 pm

is a seperate question, sorry
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Sir Chivas™ November 4th 2012, 4:29 pm

By, adding the HTML code.


CODE:
Code:
<div id="topbar"><img src="image'surl"/></div>

ACP >> Display >> Homepage >> Generalities >> Homepage Message >> Message content:

you add the image, where it says image'surl and it'll appear in top left, and if you want to change the position to it, you'll have to edit the CSS i provided above.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 4:36 pm

Thankyou, sorted will play about with spacings now presume you alter the px value in css?
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 4:57 pm

Ok can the image go behind the buttons etc. http://merlinsscooterclub.boards-directory.com/
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Sir Chivas™ November 4th 2012, 5:12 pm

Which image?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 5:14 pm

the one on the left (scooters) thanks
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Sir Chivas™ November 4th 2012, 5:20 pm

Which button are you speaking of? Can you please provide a screenshot?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 4th 2012, 5:25 pm

everything in this area behind the image now
extra pictures in header Pictur10
basically the login buttons etc.

Andy
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by SLGray November 4th 2012, 6:19 pm

Merlins Scooter wrote:Thankyou, sorted will play about with spacings now presume you alter the px value in css?

Merlins Scooter wrote:Ok can the image go behind the buttons etc. http://merlinsscooterclub.boards-directory.com/
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

This is your second reminder.


extra pictures in header Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Sir Chivas™ November 4th 2012, 11:59 pm

Oh okay, so is your query solved?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 5th 2012, 1:17 am

Not really, it's just the image I placed is now covering the shortcut links, and wondered if it could be moved behind those links, or do I just have the image smaller, really don't want the latter.
The forum is currently running the smaller image so looks fine, but not what i want and the screenshot above shows what I mean.
Sorry I don't know what the areas of the forum are called, I thought it was header background but apparently not??
Thanks for your time, everything that has been suggested has worked fine, but needs to go back a layer.
Andy
Ps can the image or a image be used for each page opened in the header area, just like the logo is shown on each page
avatar
Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

extra pictures in header Empty Re: extra pictures in header

Post by Merlins Scooter November 6th 2012, 9:46 am

Polite bump
avatar
Merlins Scooter
New Member

Posts : 13
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