1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

More Fan Page Code

Discussion in 'FaceBook' started by 12inchpianist, Jan 25, 2011.

  1. 12inchpianist

    12inchpianist Junior Member

    Joined:
    Dec 19, 2008
    Messages:
    187
    Likes Received:
    1,055
    Occupation:
    IM'er
    Location:
    Winchestertonfieldville, Iowa
    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! :rolleyes:

    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>
    
    
    
    
     
    • Thanks Thanks x 6
    Last edited: Jan 25, 2011
  2. chuapasa

    chuapasa Registered Member

    Joined:
    Jun 4, 2009
    Messages:
    77
    Likes Received:
    294
    its being a long time i see you 12inchpianist
     
  3. pspparty

    pspparty Registered Member

    Joined:
    Jul 21, 2008
    Messages:
    60
    Likes Received:
    500


    Shouldnt this url be changed to the url of where you saved the style.css you created with the code above this one?
     
    Last edited: Jan 25, 2011
  4. 12inchpianist

    12inchpianist Junior Member

    Joined:
    Dec 19, 2008
    Messages:
    187
    Likes Received:
    1,055
    Occupation:
    IM'er
    Location:
    Winchestertonfieldville, Iowa
    Or just link to theirs. :) I probably should have coded that link.

    Here's some footer code:


    Code:
    <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>
                    
                    
                    <div style="width:518px;margin:0 auto;"></div><div id="fpe_copyright"><p style="text-align:center; font-size:12px;">Copyright © 2011 COPYRIGHT INFO HERE. All Rights Reserved.<br /><p><a href="http://www.YOURURLHERE.com">GET A FANPAGE JUST LIKE THIS BY CLICKING ON THIS LINK?</a></p></p></div>
     
    • Thanks Thanks x 1
    Last edited: Jan 25, 2011
  5. 12inchpianist

    12inchpianist Junior Member

    Joined:
    Dec 19, 2008
    Messages:
    187
    Likes Received:
    1,055
    Occupation:
    IM'er
    Location:
    Winchestertonfieldville, Iowa
    You haven't been looking hard. I've been here. :) Have you tried any of the code yet? Let me know if there's something you don't understand.
     
  6. diceinc

    diceinc Regular Member

    Joined:
    May 15, 2009
    Messages:
    288
    Likes Received:
    28
    Occupation:
    Freelancer
    Home Page:
    nice share there!