12inchpianist
Junior Member
- Dec 19, 2008
- 187
- 1,070
Here is some more fanpage code. It's broken down into chunks and it's pretty obvious what and where you need to replace. My suggestion to you would be get the chunks and put them into individual txt files, then you can mix and match. Hope this helps. I didn't have time to read everyone's blogs so please forgive me if you posted something on an obscure part of your blog that I don't know about. You can still have all the credit! 
Don't get the GREEN code...it's the instructions.
Don't get the GREEN code...it's the instructions.
Code:
[COLOR="Lime"]<!-- Should be uploaded to your server as a style sheet -->
<!-- -->[/COLOR]
@charset "UTF-8";
/* My CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
}
#wrapper {
width:520px;
margin:0 auto; border:0; padding:0;
position:relative;
}
#non-fans {
width:520px;
position:absolute; top:0; left:0;
}
.textmodule {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
}
[COLOR="Lime"]<!-- This is the end of the style sheet -->
<!-- This code below is for the various components you can mix and match--> [/COLOR]
<link rel="stylesheet" type="text/css" href="http://www.fanpageengine.com/canvas/fpe-welcome/style.css" />
<style>
#wrapper a:link, #wrapper a:active, #wrapper a:visited {color:#0000ff;}
#wrapper a:hover {color:#3333ff;}
</style>
[COLOR="Lime"]<!-- BANNER BELOW --> [/COLOR]
<div style="width:518px;margin:0 auto;"><div style="margin-top:3px;margin-bottom:3px;text-align:center;"><a href="http://www.LINKURL.com" target="_blank"><img src="HTTP://PATH TO IMAGE SOURCE.JPG" border="0" /></a></div>
[COLOR="Lime"]<!-- End of banner, beginning of subtitle -->[/COLOR]
<div style="margin-top:3px;margin-bottom:3px;"><p style="text-align: center;"><span style="color: #ff0000; font-family: tahoma,arial,helvetica,sans-serif;"><strong>
THIS IS THE SUBTITLE TEXT. YOU CAN REPLACE THIS WITH WHATEVER YOU WANT. CHANGE THE COLOR, ETC.
</strong></span></p></div>
[COLOR="Lime"]<!-- Place your image below Remember that you can mix and match them --> [/COLOR]
<div style="margin-top:3px;margin-bottom:3px;text-align:center;"><a href="HTTP://WWW.MYDESTINATIONURL.COM" target="_blank"> <imgsrc="HTTP:YOURIMAGESOURCEGOESHERE.JPG" border="0" /></a></div>
[COLOR="Lime"]<!-- MP3 Audio goes below -->[/COLOR]
<div style="width:480px;margin:0 auto;margin-top:3px;margin-bottom:3px;"><fb:mp3 width="480" src="HTTP://WWW.MYMP3AUDIO.COM" title="MP3 TITLE" artist="ARTIST NAME" album="ALBUM NAME"/></div>
[COLOR="Lime"]<!-- ******LOAD A VIDEO*XXXYOUTUBEIDXXX***[url]HTTP://WWW.IMAGEPATH[/url] TO/YOUR/PLACEHOLDER /IMAGE.JPG -->[/COLOR]
<div style="width:480px;margin:0 auto;margin-top:3px;margin-bottom:3px;"><fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc="http://www.youtube.com/v/XXXYOUTUBEIDXXX&ob?rel=0&autoplay=1&showinfo=0"
imgsrc="HTTP://WWW.IMAGEPATH TO/YOUR/PLACEHOLDER /IMAGE.JPG" width="480" height="291" /></div>
[COLOR="Lime"]<!-- ******PLACE YOUR AUTORESPONDER CODE BETWEEN THE XXXX'S (TAKE THE X'S OUT) -->[/COLOR]
<div style="padding:0 20px;margin-top:3px;margin-bottom:3px;">XXXXXX</div></div>
Last edited:
