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.

How do I add these sort of pictures?

View previous topic View next topic Go down

In progress How do I add these sort of pictures?

Post by ryz on July 20th 2013, 7:31 pm

 

How do I go by adding such banderol look alike or w/e u could call it in the upper right corner at my website banner that will still get shown just like the banner when you navigating thru all the different menus on the navigator bar.

Website that I'm referring to: http://www.babiesandall.com/


Last edited by ryz on July 26th 2013, 6:59 pm; edited 1 time in total

ryz
Forumember

Male Posts : 85
Reputation : 1
Language : English

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by ryz on July 22nd 2013, 9:13 am

Anyone that know how to code it a image up there like that and also add images like these two in the lower two corners on this website:http://atlanta.forumid.net/t205-fitur-atlanta


Last edited by ryz on July 24th 2013, 11:32 am; edited 1 time in total

ryz
Forumember

Male Posts : 85
Reputation : 1
Language : English

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by ryz on July 24th 2013, 11:31 am

bump

ryz
Forumember

Male Posts : 85
Reputation : 1
Language : English

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by ryz on July 26th 2013, 6:59 pm

Bump

ryz
Forumember

Male Posts : 85
Reputation : 1
Language : English

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by Sanket on July 26th 2013, 8:16 pm

Add this to your css.
Code:
#joinus {
    height: 190px;
    position: absolute;
    right: 0;
    top: 0;
    width: 190px;
}

Add this to a widget.
Code:
<div id="joinus"><a href="http://axyz.com/register">
<img src="http://i24.servimg.com/u/f24/16/44/55/81/trans_11.png">
</a></div>

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by ryz on July 28th 2013, 10:07 pm

@Sanket wrote:Add this to your css.
Code:
#joinus {
  height: 190px;
  position: absolute;
  right: 0;
  top: 0;
  width: 190px;
}

Add this to a widget.
Code:
<div id="joinus"><a href="http://axyz.com/register">
<img src="http://i24.servimg.com/u/f24/16/44/55/81/trans_11.png">
</a></div>

How do I make the picture to be shown on "all the pages" and also what px do I change to position the picture perhaps more downwards or upwards?

ryz
Forumember

Male Posts : 85
Reputation : 1
Language : English

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by Sanket on July 29th 2013, 12:24 pm

Since the code is added to a widget, it will appear on all the pages where the widgets are activated.
To change the position change the top pixels from 0 to 20px.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How do I add these sort of pictures?

Post by levy on July 29th 2013, 6:22 pm

Just create a javascript and fill with that , name whatever and mark in all pages.

Code:
$(function(e) {
$('body').before('
<div id="joinus"><a href="http://axyz.com/register">
<img src="http://i24.servimg.com/u/f24/16/44/55/81/trans_11.png">
</a></div>');
});

levy
Hyperactive

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

http://help.forumotion.com/

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