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 create a picture at the top of my Forum (category)?

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

How do I create a picture at the top of my Forum (category)?

Post by HogwartsAcademy on August 11th 2012, 5:05 am

First topic message reminder :

How can I create a picture or HTML text box to add an image map at the top of every forum? I really need this so if you could help me out that would be terrific.

I want something like this:



Note: I'm NOT talking about a WEBSITE Forum, I'm speaking in terms of Category forums. Like forums that are placed under categorys..


Last edited by HogwartsAcademy on August 16th 2012, 8:48 pm; edited 1 time in total

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down


Re: How do I create a picture at the top of my Forum (category)?

Post by HogwartsAcademy on September 4th 2012, 2:44 am

The above way only works on general Categories, atleast the way I did it. I need it for the respective forum they click on.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by nextlevelgaming on September 4th 2012, 4:17 am

It will work with category, forums,topics, whatever you modify it for

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by HogwartsAcademy on September 5th 2012, 12:01 am

okay awesome is there a way i can make the picture an image map instead of a regular image?

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by nextlevelgaming on September 5th 2012, 12:15 am

What ever is inside of the div elements will show, even movies (example <object></object> ) anything truely

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by HogwartsAcademy on September 5th 2012, 1:45 am

if I can give you the links for the codes for the image map.. can you do it for me? I'm sorry but it's because you lost me near after you posted the codes.. i'm quite confused.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by nextlevelgaming on September 6th 2012, 4:45 am

I'll need the full code for the image map and i'll give it a whirl

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by HogwartsAcademy on September 7th 2012, 4:36 am

Problem is, there's an image (map) for every forum. Lol.

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by nextlevelgaming on September 7th 2012, 9:19 am

Good job rideem, i believe that would work much more effiecient than my multiple javascript :/ hey i can only make do with the knowledge I have right.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by HogwartsAcademy on September 8th 2012, 5:52 am

Rideem, your script worked fantastic. Bloody fantastic. That's all I have to say. No wait, one more thing, THANK YOU! Thank you as well, nextlevelgaming, you really helped me too, both of you.

All I have to do if find a reliable image map program/site to create my maps. Every one I use either doesn't support image hosting or is broken... any suggestions?

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by SLGray on September 8th 2012, 10:09 am

Is this solved now?


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


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: How do I create a picture at the top of my Forum (category)?

Post by runawayhorses on September 8th 2012, 12:54 pm

You don't need any special image hosting for image maps you can upload your image map to your forums host (serving), because the image used for the image map is nothing more than a regular jpg, or png, or gif,, etc. What makes it an image map is the coding involved, and the coding is not uploaded it is applied to the image the same way you would apply any html coding.

Here is an example of an image map coding at the bottom of this posted message. You need an image editor to locate where you want the links (coordinates) to be on the map and replace the coordinates that are in this code with your link coordinates. You add the image URL and the Link URL's to this code, everything goes in this code example. You need to fill in or replace everything in this code, and if you need to add more links, then simply add more lines of coding in the example at the very bottom of this post.

You can use an image editor like "IrfanView" to display your image coordinates. Every image editor has its own way of displaying image coordinates. Just google how to make an image map with with your editor. In a nutshell you load the image in the editor, click on the top of the image where you want the link to be and it will display the coordinates of that place on the image, it will be two numbers like this example, 255, 327. Then you click at the bottom the image where you want the link to be and it will display two more set of coordinates. Then your entire coordinates for that place on the image might look something like this: 255,327,168,55. You would place those coordinates in the code.

IrfanView is free its what I use to make image maps:
http://www.irfanview.com/

You add the URL to the image map in this coding, the links to where you want the destinations to go, and the coordinates and titles.

Full image map code:
Code:
<img src="URL OF IMAGE MAP GOES HERE" width="696" height="30" border="0" alt="" usemap="#NAME OF IMAGE MAP GOES HERE" />

<map name="NAME OF IMAGE MAP GOES HERE">
    <area shape="rect" coords="10,4,107,23" href="LINK TO DESTINATION GOES HERE" title="" alt="" />
    <area shape="rect" coords="116,5,238,23" href="LINK TO DESTINATION GOES HERE" title="" alt="" />
    <area shape="rect" coords="248,5,350,22" href="LINK TO DESTINATION GOES HERE" title="" alt="" />
    <area shape="rect" coords="360,4,456,22" href="LINK TO DESTINATION GOES HERE" title="" alt="" />
    <area shape="rect" coords="466,4,568,21" href="LINK TO DESTINATION GOES HERE" title="" alt="" />
    <area shape="rect" coords="580,4,651,21" href="LINK TO DESTINATION GOES HERE" title="" alt="" />
        <area shape="default" nohref="nohref" title="" alt=""/>

</map>


Extra link example code:
Code:
<area shape="rect" coords="248,5,350,22" href="LINK TO DESTINATION GOES HERE" title="" alt="" />

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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