The Arcive of Official vBulletin Modifications Site.

Attractive Analog Clock In Header With Date · **Released**: 06-01-2013

Attractive analog clock based on flash which works on any vbulletin version

Styles & Templates >> Styles >> Header

Add the below code to the very end Header Template

Code:

<div style="float: right; position:relative; top:-100px;">
                                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
                                            width="170" height="69">
                                            <param name="movie" value="http://www.mobilescommunity.com/clock1.swf" />
                                            <param name="quality" value="high" />
                                            <param name="wmode" value="transparent" />
                                            <embed src="http://www.mobilescommunity.com/clock1.swf" width="170" height="69" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
                                                type="application/x-shockwave-flash" wmode="transparent"></embed>
                                        </object>
</div>

I have defined In-line css to adjust my clock at header you can change according to yours

Live Demo:
MobilesCommunity.com

Nirjonadda · #12 06-08-2013, 03:22 PM

Installed ! Please can you give me code for this Clock?

Attachment 145318

ramesh_umk3 · #13 06-08-2013, 08:23 PM

Quote:

Originally Posted by Nirjonadda

Installed ! Please can you give me code for this Clock?

Attachment 145318

Here it is bro

Code:

<body onLoad="goforit()">
<script>
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year<1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var cdate="<small><font color='FFFFFF' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>

<div style="font-size:11pt;" align="right"><span id="clock"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

Just add the code to the end of header template

ramesh_umk3 · #14 06-08-2013, 08:26 PM

Quote:

Originally Posted by Toorak Times

Its great Ramesh, I was asking for it from a developer the other day as it really suits my newspaper idea and is discreet, excellent work. I change the banners from light to dark is there a way of changing the colour easily from my end? http://www.tooraktimes.com.au/conten...orror-Thriller

You can change background colors and black will be matching for your forum

Quote:

Toorak Times · #15 06-09-2013, 06:34 AM

I'm a learner mate, where do I find that to change it? Thanks

Krusty1231 · #16 06-09-2013, 09:17 AM

Delete the code in the header template.

Add this:

Code:

<div style="float: right; position:relative; top:-100px;">
                                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
                                            width="170" height="69">
                                            <param name="movie" value="http://www.mobilescommunity.com/clock1.swf" />
                                            <param name="quality" value="high" />
                                            <param name="wmode" value="transparent" />
                                            <embed src="http://www.mobilescommunity.com/clock1.swf" width="170" height="69" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
                                                type="application/x-shockwave-flash" wmode="black"></embed>
                                        </object>
</div>

Notice the change in RED....in the original code it said "Transparent"....you can change it like that, but I did it for you in the provided code so you can see what he meant.

Toorak Times · #17 06-09-2013, 10:21 AM

Thanks Krusty, that actually put an opaque panel behind the same grey type, but very useful anyway on other themes, cheers

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06398 seconds Memory Usage 2,313KB Queries Executed 24 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (7)post_thanks_box (6)post_thanks_box_bit (7)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (4)post_thanks_postbit (7)post_thanks_postbit_info (6)postbit (1)postbit_attachment (7)postbit_onlinestatus (7)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

2 благодарности(ей) от:
Charro~, Toorak Times

2 благодарности(ей) от:
ramesh_umk3, Toorak Times

Благодарность от:
Nirjonadda

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!