View Full Version : MySpace - Header replaced with Flash
I came across this site Love my Flash (http://www.lovemyflash.com/), and noticed the Flash templates actually seem to pull in data from a particular MySpace profile (defined by entering the myspace profile link)
Easiest thing to do - use one of their templates.
But for a more personalized look, it'd obviously be better to build it myself.
Does anyone have any ideas? Is it the embedded flash that's pulling in the data? Or something server-side? No idea where to begin.. except actionscript.org :P
twmrb
06-12-2007, 04:01 AM
I don't exactly remember how I embedded mine but all I know is that myspace has a flash filter. I hosted mine on photobucket and I might have had it load into a div. I don't remember how I got around that filter though. Sorry I'm not more helpful; it's that I'm learning this as I go along.
hehe thats cool dude
i was actually able to work something out. i modified this php class: MySpace Class (http://www.phpclasses.org/browse/package/3410.html) so that it pulled in gigs, bio and profile image, and then had it send to Flash.
I then found that MySpace doesn't allow swfs to use the getURL function! so i used DIVs to place html links over the top of the flash.
have a look here:
http://www.myspace.com/firestartermusicaus
..my eyes hurt :eek:
Pooptart
06-13-2007, 06:43 PM
Dang, thats cool. lol.
Always wanted to make my own Myspace layout, but never have time. Php is taking over my life! ahh.
jasonsnup
08-26-2007, 01:14 AM
I want to build a flash based myspace like you did, pulling the info form the myspace site, but I was wondering if you found a way to get past the privacy setting since this keeps the code from accessing my profile, and I want my profile to be private.
teemstudio
07-31-2008, 04:44 PM
Well I've seen a lot of attempts at this theme in myspace, and everyone that I have come accross has been wrong in some minor way or another. If you want a decent layout for myspace, with a FLASH HEADER up top use this Theme I created below. Just back up your theme now and copy and paste this entire code below as it is in your "About Me" section. If you want to change the flash then look at the src for the flash and edit the margins, width and heights too. It's Really Simple..... If you have problems just email me.
Here is what my page looks like...
http://www.myspace.com/teemstudio
...with Flash on the site. Remember, you can change your background image that shows my girlfriend and I on the page too.
<<//----------This code is for entire myspace layout theme--------//>
<<//--------If you want JUST flash, look for code further below--------//>>
<style>
form>img#googleTLogo
{
background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
background-repeat: no-repeat;
}
#googleTLogo
{
vertical-align:bottom;
width:120px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}
</style>
<style>
body {margin-top: 440;}
div.header {position: absolute;top: 0;left: 50%; margin-left: -450px; width: 890px; height: 440px;}
</style>
<div class="header"><center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="440" width="890" data="http://www.teemstudio.com/3DengineGallery.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.teemstudio.com/3DengineGallery.swf" />
<param name="quality" value="high" />
<param name="play" value="true" />
</object>
</center>
</div>
<style>
#browseMain td {text-align:left;}
</style><style>
.profileVideos{border:1px solid #666; background:#666;width:435px;}
.profileVideosList{background:#fff;}
.profileVideosListOverflow{height:340px; overflow:auto;}
.profileVideosList table.profileVideo {border-top:1px dashed #666666;}
.profileVideosList table.profileVideo1 {border: none;}
</style>
<style>
.artistbannerwrapper {width: 781px;height: 0px;position: absolute;margin-left: -405px;left: 50%;top: 470px;}
.artistbanner {margin: 24px 0px 0px 15px;width: 781px;height: 0px;}
body table { margin-top: 50px;}
body td table, body div table { margin-top: 0; }
body {margin-top:440px;background-color:000000;background-image:url('http://www.teemstudio.com/marz_kiss.png');background-position:bottom right;background-repeat:no-repeat;background-attachment:fixed;}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:ffffff;}
table table table {border-width:3px;border-color:ffffff;border-style:solid;}
table table table table {border:0px;}input {background-color:transparent !important;}
td, span, div, input, a, table td div div font,body div table tbody tr td font {font-family:Tahoma !important;}
td, span, div, table td div div font,body div table tbody tr td {color:000000 !important;}
input {color:cccccc !important;}.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,.redtext, .redbtext, .blacktext10, .btext {color:000000 !important;}
a {color:00000 !important; text-decoration:underline !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:cccccc !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
img {border:0px;}a.text, table div font a, table div div {visibility:hidden;}table table div font a, table table div div {visibility:visible;}
div table table a img {display:none;}
object {position:relative; top:0; left:-6px;}.lightbluetext8 {display: block ! important;padding: 3px ! important;color:ffffff ! important;background-color: 000000 ! important;}
table table table {width:300px;}table table td.text table{width:auto;}</style><style>
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style>
a .text
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
</style><style>
body, html {visibility:visible !important; display:block !important}
</style><div style="position:absolute;z-index:9;right:0px;top:0px
<//-----------------------End Copy Code-----------------//>>
If you just want to add a flash header to your page and keep your current layout, here is the section you need t copy and paste.
<//---------------------Start Copy Here------------------//>>
<style>
body {margin-top: 440;}
div.header {position: absolute;top: 0;left: 50%; margin-left: -450px; width: 890px; height: 440px;}
</style>
<div class="header"><center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="440" width="890" data="http://www.teemstudio.com/3DengineGallery.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.teemstudio.com/3DengineGallery.swf" />
<param name="quality" value="high" />
<param name="play" value="true" />
</object>
</center>
</div>
<---------------------End Copy Here---------------------//>>
Just change your source for the flash file and the attributes like the height and width and also the margin for the page as well. DO NOT FORGET TO CHANGE THIS CODE IN THE BODY STYLE EITHER>>>>>>
body {margin-top:440px;background-color:000000;background-image:url('http://www.teemstudio.com/marz_kiss.png');background-position:bottom right;background-repeat:no-repeat;background-attachment:fixed;}
<//----------------------STOP-------------------//>>
You need to match this margin on the page to match the style you created up top, or you'll have a messed up page.
Here is what my page looks like...
http://www.myspace.com/teemstudio
...with Flash on the site. Remember, you can change your background image that shows my girlfriend and I on the page too. It is set for no repeat from the bottom right of the screen, you can find that on the code directly above the STOP note.
|
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.