WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » special updates

Go to page : 1, 2  Next

View previous topic View next topic Go down  Message [Page 1 of 2]

1special updates Empty special updates Wed Apr 07, 2010 10:21 am

Joel

Joel
Registered Member
Registered Member
special updates S244ea

Visit http://www.chc.org.sg/eng/index.php Whats the codes for the "Special Updates"? The one i circled in the above image.

http://www.advertisehotspot.info/

2special updates Empty Re: special updates Wed Apr 07, 2010 10:54 am

Krazy


Registered Member
Registered Member
That image changer is jQuerry I think, I saw one like it on there site.

3special updates Empty Re: special updates Wed Apr 07, 2010 11:00 am

Sanket

Sanket
Administrator
Administrator
Its a flash file.

However, i think Ani might be able to give you a similar code.

http://www.webartzforum.com

4special updates Empty Re: special updates Wed Apr 07, 2010 11:05 am

Joel

Joel
Registered Member
Registered Member
okie dokie:) we'll wait for him.

http://www.advertisehotspot.info/

5special updates Empty Re: special updates Wed Apr 07, 2010 1:33 pm

ankillien

ankillien
Administrator
Administrator
There are two ways to do this. Wither you use flash or javascript.

Here are some similar javascript examples..
http://dynamicdrive.com/dynamicindex17/featuredcontentslider.htm
http://dynamicdrive.com/dynamicindex17/virtualpagination.htm

Here is one that uses jQuery...
http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/


TO use them, you need to download the files they provide and hos tthem on your server. After that you need to put the code on your HTML page.

6special updates Empty Re: special updates Wed Apr 07, 2010 2:35 pm

Joel

Joel
Registered Member
Registered Member
huh? i tried adding everything already. But the pictures are not in slides.

http://www.advertisehotspot.info/

7special updates Empty Re: special updates Wed Apr 07, 2010 5:45 pm

ankillien

ankillien
Administrator
Administrator
Which one are you using?

You must have done something wrong. Can I have link to site where you have added the feature box?

8special updates Empty Re: special updates Wed Apr 07, 2010 8:46 pm

Krazy


Registered Member
Registered Member
Joel, if you need help, let me know. The jQuerry one I can add. I figured how to add that one.

9special updates Empty Re: special updates Thu Apr 08, 2010 3:15 pm

Joel

Joel
Registered Member
Registered Member
i want to add it on a blog.

http://fashion-leap.blogspot.com/

http://www.advertisehotspot.info/

10special updates Empty Re: special updates Thu Apr 08, 2010 7:45 pm

ankillien

ankillien
Administrator
Administrator
Joel wrote:i want to add it on a blog.

http://fashion-leap.blogspot.com/

Have you downloaded the plug-in to your PC?
You need to download the files they provide and host them on your server. Then link the files the way they direct and finally, copy-paste the HTML code on your blog.

11special updates Empty Re: special updates Mon Apr 12, 2010 5:13 pm

Joel

Joel
Registered Member
Registered Member
download a plugin? i seriously dont get it.

http://www.advertisehotspot.info/

12special updates Empty Re: special updates Tue Apr 13, 2010 12:27 pm

ankillien

ankillien
Administrator
Administrator
Adding jQuery stuff isn't just like copy-paste code.
You need to download the files they provide, upload them on your host and then link them to your site using <script></script> tags.

Use the dynamicdrive.com scripts. They provide nice guidelines too.

13special updates Empty Re: special updates Fri Apr 16, 2010 7:56 am

Krazy


Registered Member
Registered Member
I forgot about the server crap for Jquerry. Ankillien, can you help me with the dynamic ones. I tried everything and it comes in a list of images.

14special updates Empty Re: special updates Fri Apr 16, 2010 8:55 am

ankillien

ankillien
Administrator
Administrator
Krazy wrote:I forgot about the server crap for Jquerry. Ankillien, can you help me with the dynamic ones. I tried everything and it comes in a list of images.

Make sure that you have hosted the javascript files on server and linked them in the <head> tags also make sure if you have added HTML and CSS code properly. For the first time, don't try to modify the code. Once get it to work, you can edit the code as per your needs.

15special updates Empty Re: special updates Fri Apr 16, 2010 11:03 am

Krazy


Registered Member
Registered Member
Can you help me out? I am having trouble and it will not work what so ever. I have about taken my computer and thrown it out the window. Lol

16special updates Empty Re: special updates Fri Apr 16, 2010 4:25 pm

ankillien

ankillien
Administrator
Administrator
Which plug-in are you using?

17special updates Empty Re: special updates Fri Apr 16, 2010 9:19 pm

Krazy


Registered Member
Registered Member
I want to try and use the second one.

http://dynamicdrive.com/dynamicindex17/virtualpagination.htm

Demo #3 Please

18special updates Empty Re: special updates Fri Apr 16, 2010 11:23 pm

ankillien

ankillien
Administrator
Administrator
Its really easy to set it up. Try it on your PC first.

1) Create a new folder on your desktop called "Slider"
2) Go to http://dynamicdrive.com/dynamicindex17/virtualpagination.htm, download the virtualpaginate.js file and save it in the folder "Slider".
3) Create a new file in the same folder called "index.html".
4) Copy and paste the codes they provide in the index.html page and save it.
5) Now, open index.html in any browser, it will show demo of all the sliders.

Hope that helps Very Happy

19special updates Empty Re: special updates Sat Apr 17, 2010 5:14 am

Krazy


Registered Member
Registered Member
I am still confused, can you help me set it up?

20special updates Empty Re: special updates Mon Apr 19, 2010 8:22 pm

ankillien

ankillien
Administrator
Administrator
I have told you all what you need to set it up. Which point is hard to understand? Where are you stuck at?

Ok, we'll go step by step....
Do you know how to create a folder/directory on your desktop? If yes, make a new folder on your desktop and name it "Slider".

21special updates Empty Re: special updates Tue Apr 20, 2010 5:59 am

Krazy


Registered Member
Registered Member
A folder yes, directories I don't care to touch.

22special updates Empty Re: special updates Tue Apr 20, 2010 8:50 am

ankillien

ankillien
Administrator
Administrator
Ok, now visit this page...
http://dynamicdrive.com/dynamicindex17/virtualpagination.htm

They have provided a link to the javascript file which s needed to make this plug-in work. Download that file and save it to "Slider" folder.

23special updates Empty Re: special updates Tue Apr 20, 2010 9:13 am

Krazy


Registered Member
Registered Member
Okay then what.

24special updates Empty Re: special updates Tue Apr 20, 2010 2:40 pm

ankillien

ankillien
Administrator
Administrator
Now you need to create a HTML file in the same folder. Call it "index.html".
Open in in any text editor and copy-paste the codes provided on this page.

Now, open the index.html file in your browser.

25special updates Empty Re: special updates Wed Apr 21, 2010 5:55 am

Krazy


Registered Member
Registered Member
Okay, now?

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 2]

Go to page : 1, 2  Next

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » special updates

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