Making a Band Layout, Version 2 |
Making a Band Layout, Version 2 |
Jul 20 2009, 09:20 PM
Post
#1
|
|
Senior Member Group: Staff Alumni Posts: 7,063 Joined: Jul 2008 Member No: 670,288 |
MySpace Band Layout Tutorial Welcome to Version 2 of the Band Layout Tutorial! This tutorial will help you out in making those professional looking layouts that graphic designers are making for these rising bands. A lot of people are getting into this kind of thing, and resources for Band Layouts are very slim, so I hope this topic helps anyone out that needs the help and resources. Rules:
|
|
|
Oct 13 2009, 12:11 PM
Post
#2
|
|
Treasure Pleasure Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Hey guys, in IE my code apparently makes the little twitter badges HUGE. Any clue as to why? CODE .conner { position:absolute; top:1685px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .keenan { position:absolute; top:1925px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .jj { position:absolute; top:2165px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .ben { position:absolute; top:2405px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } ... <div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=23279831" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" /> </object></div> <div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=47543497" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" /> </object> </div> <div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=21549223" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" /> </object> </div> <div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=74049593" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" /> </object> </div> Can you post all of your codes? Hey everyone :) Just wanna say, excellent tutorial. I was just after a little bit of help. I don't know whether this comes under 'hiding things' or not. Basically on my bands profile: http://www.myspace.com/forgottenrootsuk I've managed to put in some nice headers down the left hand side. The only one I can't seem to work out is the one for the Myspace Url section. I don't want the address itself covered over but I do want the white text that says Myspace Url covered over with one of my Photoshop made images. Any help would be much appreciated :) Thanks If you've made your image, place it inside a DIV and position it around. The code should look like this: CODE <div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9;"> <img src="URL" alt="" /> </div> Replace the pound symbols with appropriate values to move the DIV and URL with your image's URL. |
|
|