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.

extra pictures in header

View previous topic View next topic Go down

extra pictures in header

Post by Merlins Scooter on 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

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

Hi,

Please provide your forum URL, thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: extra pictures in header

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

Sir Chivas™ wrote:Hi,

Please provide your forum URL, thank you.

http://merlinsscooterclub.boards-directory.com/

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

Post by Sir Chivas™ on 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™
Support Moderator
Support Moderator

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

Back to top Go down

Re: extra pictures in header

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

wheres the css?

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

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

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: extra pictures in header

Post by Merlins Scooter on 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.

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

Post by levy on 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
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: extra pictures in header

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

im on a mac

edit
found it CMD + V

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

Ok done all that, but how to add the extra image i want?

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

Post by SLGray on 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!


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: extra pictures in header

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

is a seperate question, sorry

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

Post by Sir Chivas™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: extra pictures in header

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

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

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

Ok can the image go behind the buttons etc. http://merlinsscooterclub.boards-directory.com/

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

Which image?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: extra pictures in header

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

the one on the left (scooters) thanks

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

Which button are you speaking of? Can you please provide a screenshot?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: extra pictures in header

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

everything in this area behind the image now

basically the login buttons etc.

Andy

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

Post by SLGray on 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.


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: extra pictures in header

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

Oh okay, so is your query solved?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: extra pictures in header

Post by Merlins Scooter on 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

Merlins Scooter
New Member

Posts : 13
Reputation : 1
Language : english

Back to top Go down

Re: extra pictures in header

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

Polite bump

Merlins Scooter
New Member

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