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.

Varal Image Switcher Help Please.

Go down

Solved Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:12 am

Hey I want to make this http://www.varal.org/media/imageswitcher/ in a seperate custom made html page on my forum whenever I filled in -
<div class="imgsw">
<img src="img1.png" />
<img src="img2.png" />
<img src="img3.png" />
<img src="img4.png" />
</div>

It just comes up with the images on a white page (not on my forum & not on a image switcher.)
Please help

My forum - http://www.babcity.forumotion.com

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:17 am

Hi,

Can I see what you did?
I tried it last night, works normaly, all you need to do is place it on a HTML page.

Example:
http:xxxxxxxxxxxx


Last edited by Nera. on August 21st 2011, 10:22 am; edited 1 time in total
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:19 am

I have it comes up weird and theres no scroller :L coukd you possibly make a demo code? to show me

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:21 am



Code:
<html>
<head>

   ...

   <!-- below is the configuration file (not required) -->
   <script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcherconf.js"></script>

   <!-- below is the main file (required) -->
   <script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcher.js"></script>

   ...

</head>
<body>

   ...<div class="imgsw">
   <img src="http://i45.servimg.com/u/f45/15/95/60/34/tumblr10.png" />
   <img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/5770-61.jpg" />
   <img src="img3.png" />
   <img src="img4.png" />
</div>
   ...

</body>
</html>
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:25 am

That didnt work when I did it Razz how can I make it center screen?

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:28 am

You did not link the JS probably tongue

I can't tell you if I don't see it.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:29 am

i dont see it in the nav bar :/

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:36 am

What navbar?

This = http:xxxxxxxxxxxxxxxx

Code:
<html>
<head>

   ...

   <!-- below is the configuration file (not required) -->
   <script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcherconf.js"></script>

   <!-- below is the main file (required) -->
   <script type="text/javascript" language="javascript" src="http://www.varal.org/media/imageswitcher/imageswitcher.js"></script>

   ...
<style>
.imgsw_list_numbers a,
.imgsw_list_titles a,
.imgsw_list_filenames a,
.imgsw_list_thumbnails a,
.imgsw_prevnext a
{
   padding: 0 0.5em;
   text-decoration: none;
   color: #ccc;
   border: 1px solid #202930;
}

.imgsw_viewport a,
.imgsw_viewport a.active:hover,
.imgsw_viewport a:hover
{
   border: none;
}

.imgsw_list_numbers a.active,
.imgsw_list_titles a.active,
.imgsw_list_filenames a.active,
.imgsw_list_thumbnails a.active
{
   color: #fff;
   background-color: #3a444d;
   border: 1px solid #3a444d;
}

.imgsw_list_numbers a.active:hover,
.imgsw_list_thumbnails a.active:hover,
.imgsw_list_titles a.active:hover,
.imgsw_list_filenames a.active:hover
{
   background-color: #666e74;
   border: 1px solid #666e74;
}

.imgsw_list_numbers a:hover,
.imgsw_list_thumbnails a:hover,
.imgsw_list_titles a:hover,
.imgsw_list_filenames a:hover,
.imgsw_prevnext a:hover
{
   color: #fff;
   border: 1px solid #3a444d;
}

.imgsw_list_thumbnails a
{
   padding: 5px;
   display: inline;
   float: left;
}

.imgsw_list_titles a,
.imgsw_list_filenames a
{
   display: block;
   padding: 0;
   margin: 0;
   width: 300px;
}

.imgsw_list_numbers,
.imgsw_list_titles,
.imgsw_list_filenames,
.imgsw_list_thumbnails,
.imgsw_prevnext
{
   display: inline;
   padding: 0;
   margin: 0;
}

.imgsw_list_thumbnails img
{
   border: none;
   display: block;
}

.imgsw_image
{
   border: none;
   margin: 0;
}

.imgsw_viewport
{
   clear: both;
   padding-top: .5ex;
}

.imgsw_title
{
   font-size: 2em;
   padding: 0;
   margin: 1em 0 0 0;
   color: #fff;
}

.imgsw_toplevel
{
   padding: 1em 0;
   position: relative;
   font-family: Trebuchet MS, sans-serif;
}
</style>
</head>
<body>

   ...<div class="imgsw" align="center">
   <img src="http://i45.servimg.com/u/f45/15/95/60/34/tumblr10.png" />
   <img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/5770-61.jpg" />
   <img src="img3.png" />
   <img src="img4.png" />
</div>
   ...

</body>
</html>


Last edited by Nera. on August 21st 2011, 10:54 am; edited 1 time in total
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:40 am


ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:43 am


ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:43 am

I don't see anything there. I gave you the code with it aligned, is that what you wanted? Check the page link I gave you.

You need to link in in your navbar if you submited it in order to see it there.
AP > Display > Headers and navi > Add a customized menu.

Edit: do now, but you just want it as your landing page?

Mark:
> Use your forum header and footer when creating the page.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:50 am

Made a custom page, hasent come up
http://babcity.forumotion.co.uk/h1-online-safety

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:52 am

You are loosing me a bit. Please explain what do you want with it.
Make it as your landing page?

> Use forum header and footer
> Make it your homepage

See > http:xxxxxxxxxxxx

That?

Show me the links to it and your forum link too.

Edit: I see it, don't you?
What has not come up?


Last edited by Nera. on August 21st 2011, 10:57 am; edited 1 time in total
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 10:54 am

Thats what I want it to look like but it looks like this -
http://babcity.forumotion.co.uk/h1-online-safety
My forum -
http://babcity.forumotion.co.uk

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 10:56 am

This is all you have to do for it http://i.imm.io/8iD4.png

Edit: Or you meant the aligment?
Use the last code I gave you.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:00 am

Hasen't worked :/ Can you do it for me? I trust you with my password.

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:01 am

Aligment?
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:01 am

huh?

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:03 am

What do I need to do, align it and make it homepage?

If so, make a test admin account and send it to my PM.

Don't send me yours, I will not connect to it.


Last edited by Nera. on August 21st 2011, 11:04 am; edited 1 time in total
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:04 am

Yes please Razz

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:05 am

Make a test admin account and send it to my PM.

Don't send me yours, I will not connect to it.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:08 am


ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:13 am

avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:16 am

I don't want it as homepage, I want it on the navigation bar , sorry

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:18 am

LMAO. Explain than.
How do you want to name the navigation?
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:19 am

I want it before logout and I would like it tot be 'Online Safety' Razz

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:22 am

avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by ppgohome on August 21st 2011, 11:25 am

Thanks Nera so much!!!

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Varal Image Switcher Help Please.

Post by Nera. on August 21st 2011, 11:26 am

Welcome.

Solved > Locked
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Back to top


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