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.


HomeHome  GalleryGallery  RegisterRegister  Log inLog in  PortalPortal  

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

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

3D spinning message Icon_minitimeSat Aug 20, 2011 8:13 am by linuj



::Flag Counter::
free counters

Share | 

 3D spinning message

View previous topic View next topic Go down 

Posts : 44
Points : 129
Reputation : 0
Join date : 2011-05-16
Age : 28
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:

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

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

<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

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

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

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++) {
   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}
   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
      var timer=setTimeout("tick()",50)
   else {
      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=""/>')
   if (window.attachEvent) //DD added code
   window.attachEvent("onload", changeform) //DD added code

Be sure to configure the various variables inside the script, and enjoy!
Back to top Go down

3D spinning message

View previous topic View next topic Back to top 

 Similar topics

» episode #06, segment 2: A Message From Charity
» Mr. Planemaker's Flying Machine
» Ceramco internal message envelope
» Message from a famous Black
» Leslie Gore passes away at 68
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-
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com