vb.org Archive - Coding a fade in login bar.

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)

- - Coding a fade in login bar. (https://vborg.vbsupport.ru/showthread.php?t=200779)

Chelf12

01-05-2009 04:26 PM

Coding a fade in login bar.

Yeah. I am creating a style for my site. As seen on www.mariokartwii.com, there is a fade in login bar. (Hit the login link to see).

What would be the best way to code this in?

Bellardia

01-08-2009 01:32 AM

The easiest would probably be to use jquery.
Try google'ing 'fade effects in jquery' it is a javascript framework if you don't know. Beware, it requires a bit of knowledge about javascript even with a tutorial!

ziggylol

01-08-2009 08:25 AM

Wow that is really interesting. I have no experience with Java so im out of luck =/

glaive

01-10-2009 08:20 AM

Google javascript css opacity...
First it changes the display of a div or other element from none to block with the opacity set to clear....
Then it executes a css fade in using a timer and javascript to increase the opacity at intervals.
then executes the reverse for the fade out and disappear.

HTML Code:

This is a very bad way to execute the function however, a bit of a no no.

<a href="javascript:shiftOpacity('loginbar');">login</a>



This would be a little better.

<a href="location of login page" onclick="shiftOpacity('loginbar'); return false;">login</a>

Bellardia

01-10-2009 02:04 PM

It would help if you included the actual function..

glaive

01-12-2009 05:20 PM

I was just correcting the way they were calling the javascript, the function is found on the page in question.

All times are GMT. The time now is 06:49 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02556 seconds Memory Usage 1,716KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_html_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: