JUNILSTYLE NEW-FORUM COMMUNITIY
You'll need to login in order to fully use all
the featured and view all the sectionsof this site.

Please register if you're not yet a member.

JUNILSTYLE NEW-FORUM COMMUNITIY
You'll need to login in order to fully use all
the featured and view all the sectionsof this site.

Please register if you're not yet a member.

JUNILSTYLE NEW-FORUM COMMUNITIY
Would you like to react to this message? Create an account in a few clicks or log in to continue.
JUNILSTYLE NEW-FORUM COMMUNITIY


 
HomeHome  GalleryGallery  Latest imagesLatest images  RegisterRegister  Log inLog in  PortalPortal  
Search
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Three Six Mafia Neighborhood Hoe Instrumental
3D spinning message Icon_minitimeWed Feb 19, 2014 6:41 am by gilaifeele

» Glass House The Good Mother
3D spinning message Icon_minitimeSun Feb 16, 2014 12:51 am by gilaifeele

» Hanna In A Choppa 2 Revenge Of The Button
3D spinning message Icon_minitimeWed Jul 10, 2013 2:03 pm by Admin

» FFSNG TWEAKING
3D spinning message Icon_minitimeSun Apr 22, 2012 12:12 pm by Admin

» NEW TIPS (Rename Facebook Those already limit)
3D spinning message Icon_minitimeThu Sep 08, 2011 8:06 am by Admin

» Change nick name facebook
3D spinning message Icon_minitimeThu Sep 08, 2011 7:58 am by Admin

» Quote with emoji and Symbol's
3D spinning message Icon_minitimeSat Aug 27, 2011 12:28 pm by Admin

» Want Your status in your favorite friend with one click
3D spinning message Icon_minitimeSat Aug 27, 2011 12:19 pm by Admin

» FBML W/ DESIGN XD
3D spinning message Icon_minitimeSat Aug 20, 2011 8:13 am by linuj

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Forum
::Affiliates::
::RADIO STATION::

::LIKE US::


::Flag Counter::
free counters



Share | 
 

 3D spinning message

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin
Admin

Posts : 44
Points : 129
Reputation : 0
Join date : 2011-05-16
Age : 33
Location : Philppines

3D spinning message Empty
PostSubject: 3D spinning message   3D spinning message Icon_minitimeMon Aug 08, 2011 2:07 pm

Description: VML (Vector Markup Language) lets DHTML developers use scripting to create and animate simple graphics. The technology is currently supported in IE5+. To the script at hand, 3D Spinning Message uses VML to allow you to display/rotate multiple messages on the top of the page via a circular animation. Everything from the size of the "circle" to the colors of the text can be customized. Nifty!


Step 1: Insert the below into the <HEAD> section of your page:


Code:
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<style type="text/css">
v\:* { behavior: url(#default#VML); }
</style>



Step 2: Insert the below into the <BODY> section of your page, OUTSIDE any other container tags (ie: <table>, <div> etc):

Code:
<script type="text/javascript">

/***********************************************
* 3D Spinning Message Script- By Copyright (c) 2003 Peter Gehrig
* Website: http://www.24fun.com
* Script available at/modified by Dynamic Drive (http://www.dynamicdrive.com)
* This notice must stay intact for use
***********************************************/


// Add as many messages as you like
var message=new Array("Dynamic Drive", "#1 DHTML site online", "Visit us for free scripts", "Enjoy")

// Set the outline-color. Add as many colors as you like
var outlinecolor=new Array("black", "black")

// Set fillcolors 1. Add as many colors as you like
var fillcolor1=new Array("gray", "green", "white", "green")

// Set fillcolors 2. Add as many colors as you like
var fillcolor2=new Array("blue", "olive", "black", "lime")

// Set the letter marking the circle
var circlemark=new Array("-")

// Set the width of the outline
var strkweight=2

// Set the waiting time between the messages (seconds)
var pause=2

// Set the strength of the opacity (transparency of letters)
var strengthopacity="60%"

// Set the size of the circle (values range from 0.1 to 1)
var circlesize=0.5

// Always keep messages in view even if page is scrolled? (DD added option)
var keepinview="yes"

// Do not edit below this line

mytruebody=(!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body //Dynamicdrive added object

var outerwidth=mytruebody.clientWidth
var outerheight=mytruebody.clientHeight

var innerwidth=Math.floor(circlesize*outerwidth)
var innerheight=Math.floor(circlesize*outerheight)

var posleft=(outerwidth-innerwidth)/2
var postop=(outerheight-innerheight)/2

var path=new Array()
var i_message=0
var i_outlinecolor=0
var i_fillcolor1=0
var i_fillcolor2=0
var i_messagelength=0
var longestmessage=0
pause*=1000

var ie=document.getElementById&&document.all?1:0

for (i=0;i<=message.length-1;i++) {
   if (message[i].length>longestmessage) {
      longestmessage=message[i].length
   }
   longestmessage+=4
}

for (i=0;i<=message.length-1;i++) {

   var emptyspace=""
   var i_emptyspace=(longestmessage-message[i].length)/2
   for (ii=0;ii<=i_emptyspace;ii++) {
      emptyspace+=circlemark
   }
   message[i]=emptyspace+" "+message[i]+" "+emptyspace
}

function changeform() {
   if (keepinview=="yes") //DD added
   document.getElementById("roofid").style.top=mytruebody.scrollTop //DD added
   if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
   if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0}
   if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0}
   document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
   document.getElementById('fillid').color=fillcolor1[i_fillcolor1]
   document.getElementById('fillid').color2=fillcolor2[i_fillcolor2]
   if (i_message < message.length) {tick()}
   else {document.getElementById('textpathid').string=""
   document.getElementById("roofid").style.display="none" //DD added
   }
}

function tick() {
   if (i_messagelength <= message[i_message].length) {
      var messagestringend=""
      var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend
      document.getElementById('textpathid').string=messagestring
      var timer=setTimeout("tick()",50)
      i_messagelength++
   }
   else {
      clearTimeout(timer)
      i_messagelength=0
      i_message++
      i_outlinecolor++   
      i_fillcolor1++   
      i_fillcolor2++   
      var timer=setTimeout("changeform()",pause)
   }
   
}

if (ie) {
   document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">')
   document.write('<v:oval id="tc" style="position:absolute;top:'+postop+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">')
   document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>')
   document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>')
   document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>')
   document.write('<v:path textpathok="t"/>')
   document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>')
   document.write('</v:oval></div>')
   if (window.attachEvent) //DD added code
   window.attachEvent("onload", changeform) //DD added code
   else
   window.onload=changeform
}
</script>

Be sure to configure the various variables inside the script, and enjoy!
Back to top Go down
https://junilstyle.forumotion.com
 

3D spinning message

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
JUNILSTYLE NEW-FORUM COMMUNITIY :: Discussion Lounge :: Tutorial's :: JavaScript Codes-
Create a forum on Forumotion | ©phpBB | Free forum support | Report an abuse | Forumotion.com
POWERED BY : JUNILSTYLE