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.

View previous topic View next topic 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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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>

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.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