Space Flash Buttons on a website

duderoo · Apr 16, 2009

How can I space the flash buttons with code?

http://www.summerwoodtrading.co.za

JAV · Apr 16, 2009

Your best bet might be to use div's, i.e.

<div style="display:inline;width:100px;margin:0px 5px;">{flash code}</div>

or you could just use tables if you are that way inclined

LFX · Apr 16, 2009

[-]dear lord, it's not christmas[/-] sorry just saw that you sell xmas goodies lol

i wud say tables yes

JAV · Apr 17, 2009

Just hit me now, forgot to mention you can space the div with the margin style, i.e. above the space will be 10px ( 5px div 5px 5px div 5px 5px div 5px etc.)

kalevra · Apr 17, 2009

This doesn't answer your question buy may make you life easier. Have you considered using a CMS such as Joomla, makes life soooo much easier. I did this website: http://www.olympicswimschool.co.za/ for my dad in 3 days with no prior knowledge of Joomla (I'd say all in all around 15hours and that's long coz it's so easy)

I'm not sure if there are specific reasons why you're not going that route already but I would definitely recommend it if there's no particular reason!

duderoo · Apr 17, 2009

I need the christmas feel and Joomla does not suite me there.

duderoo · Apr 17, 2009

JAV where do I put that code if you can please pop it in here

<html>

<head>

<title>Summerood Trading</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<tr>
<td>
<p><script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.8

// Set the maximal-size of your snowflaxes
var snowmaxsize=18

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy

if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<img src="photos/logo.png" alt="Home" width="293" height="123"></td>
<hr width=1150" size="1" color="silver" align="center">
</tr>
</table></center>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','title','About

Us','src','button1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000',

'movie','button1' ); //end AC code
</script><noscript>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"

width="100" height="22" title="About Us">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" width="100" height="22" bgcolor="#000000"></embed>
</object>
</noscript>
<script type="text/javascript">
AC_FL_RunContent(

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','title','Products','src','button

2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000','movie','button2'

); //end AC code
</script><noscript>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"

width="100" height="22" title="Products">
<param name="movie" value="button2.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" width="100" height="22" bgcolor="#000000"></embed>
</object>
</noscript>
<p align="center">
<script language="JavaScript">function highlight(elemnt) {document.getElementById(elemnt).select();document.getElementById(elemnt).focus();if

(document.all) {textRange = document.getElementById(elemnt).createTextRange();textRange.execCommand("RemoveFormat");textRange.execCommand("Copy");alert("Now

paste to your source file");}}</script>

</body>

</html>

kalevra · Apr 17, 2009

I need the christmas feel and Joomla does not suite me there.

Joomla is customisable and skinnable, you can get free skins for it takes all the work out of the Content Management

Joomla is pretty much what you want it to be so in most cases if you can imagine it there will be modules, skins etc... for you to use.

Sometimes it's not easy breaking away from what you are used to but that might blind you from finding something new and better than you knew previously.

JAV · Apr 17, 2009

No problem. Here goes...
--------------------------------------
<html>

<head>

<title>Summerood Trading</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<tr>
<td>
<p><script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.8

// Set the maximal-size of your snowflaxes
var snowmaxsize=18

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy

if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<img src="photos/logo.png" alt="Home" width="293" height="123"></td>
<hr width=1150" size="1" color="silver" align="center">
</tr>
</table></center><div style="text-align:center">
<div style="display:inline;width:100px;margin:0px 5px;">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','title','About

Us','src','button1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000',

'movie','button1' ); //end AC code
</script><noscript>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"

width="100" height="22" title="About Us">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" width="100" height="22" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div style="display:inline;width:100px;margin:0px 5px;">
<script type="text/javascript">
AC_FL_RunContent(

'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','100','height','22','title','Products','src','button

2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000','movie','button2'

); //end AC code
</script><noscript>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"

width="100" height="22" title="Products">
<param name="movie" value="button2.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="button2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"

type="application/x-shockwave-flash" width="100" height="22" bgcolor="#000000"></embed>
</object>
</noscript></div></div>
<p align="center">
<script language="JavaScript">function highlight(elemnt) {document.getElementById(elemnt).select();document.getElementById(elemnt).focus();if

(document.all) {textRange = document.getElementById(elemnt).createTextRange();textRange.execCommand("RemoveFormat");textRange.execCommand("Copy");alert("Now

paste to your source file");}}</script>

</body>

</html>

------------------------------------------
The div in bold is to center the buttons on the page, if you don't need that, just remove it (remember then to remove the closing </div> which is also highlighted)

duderoo · Apr 17, 2009

kalevra said:
Joomla is customisable and skinnable, you can get free skins for it takes all the work out of the Content Management Joomla is pretty much what you want it to be so in most cases if you can imagine it there will be modules, skins etc... for you to use.

Sometimes it's not easy breaking away from what you are used to but that might blind you from finding something new and better than you knew previously.

Links?

duderoo · Apr 17, 2009

Thanks JAV.

duderoo · Apr 17, 2009

I cannot even see them now after I applied the code.

kalevra · Apr 17, 2009

Joomla is customisable and skinnable, you can get free skins for it takes all the work out of the Content Management Joomla is pretty much what you want it to be so in most cases if you can imagine it there will be modules, skins etc... for you to use.

Sometimes it's not easy breaking away from what you are used to but that might blind you from finding something new and better than you knew previously.

Click to expand...

Links?

http://www.joomla.org/

You'll find all the links off there to install extensions etc... To download the software... Forums to help you with every aspect. As with anything new the learning curve is steep but the rewards from using a CMS are tremendous it makes making a good looking site very easy!

JAV · Apr 17, 2009

Looking into it...

JAV · Apr 17, 2009

Found the problem. Apparently the wordwrap on the forum reply area plays around with the HTML code (line breaks etc.).

I have uploaded the page at here

Join the MyBroadband community

Get started

Space Flash Buttons on a website

duderoo

Expert Member

JAV

Well-Known Member

LFX

Expert Member

JAV

Well-Known Member

kalevra

Well-Known Member

duderoo

Expert Member

duderoo

Expert Member

kalevra

Well-Known Member

JAV

Well-Known Member

duderoo

Expert Member

duderoo

Expert Member

duderoo

Expert Member

kalevra

Well-Known Member

JAV

Well-Known Member

JAV

Well-Known Member