New Facebook!

New Facebook's Design vbulletin Skin


Ok as requested here it is.
The closest I got without having to edit alot of templates and make every upgrade hell.

Enjoy is all free!

Demo site: soon...

Highly Modifyed based on this style

http://www.photographersnook.com
Photography forum

No need to register, at the bottom of the page change the style to Fcb New. Please dont make test accounts (they will all be modified and edited) , now if you do like the site, you are welcome to do so as a normal account.

Note:

Please check your image paths!
Should be= root/images/styles/new_facebook/images

[TNCclubman]

also, if you want a tiling background image...

In the BODY section, go to EXTRA CSS ATTRIBUTES and add this line (heres the complete code for that section.

background-image: url(http://www.yoursite.com/background.jpg);
margin: 0px 0px 5px 0px;
padding: 0px;

[GlamRockTalk]

Hmm...not sure that I want the tiling background image since I want to mimic the Facebook style pretty much...but, great info!

By the way, how do you get into the right column to change/add things there?

I'm working on my postbit_legacy right now and getting it tweaked to how I want it. But, the right column (ads/contact us/etc) is next on my list.

[TNCclubman]

search for footer template. Its all in there.

[GlamRockTalk]

Thanks :up:

I remember reading about you having to add the "settings", "inbox", "my photos"...section on the right. How did you do that?

[TNCclubman]

Put this in the footer before the 'contact us'

<!-- #################### RIGHTSIDE MENU #################### -->
<table class="alt1" cellpadding="2" cellspacing="0" border="0" width="100%">
  <tr>
    <td class="alt1"> <img class="inlineimg" border="0" src="images/styles/new_facebook/images/sidemenu/usercp.gif"/>&nbsp;<a href="usercp.php"> 
      Settings</a> </td>
  </tr>
  <tr>
    <td class="alt1"> <img class="inlineimg" border="0" src="images/styles/new_facebook/images/sidemenu/pm.gif"/>&nbsp;<a href="private.php"> 
      Inbox </a> </td>
  </tr>
  <tr>
    <td class="alt1"> <img class="inlineimg" border="0" src="images/styles/new_facebook/images/sidemenu/photos.gif"/>&nbsp;<a href="album.php"> 
      My Photos</a> </td>
  </tr>
  <tr>
    <td class="alt1"> <img class="inlineimg" border="0" src="images/styles/new_facebook/images/sidemenu/friends.gif"/>&nbsp;<a href="memberlist.php"> 
      Browse Members</a> </td>
  </tr>
  <tr>
    <td class="alt1"> <img class="inlineimg" border="0" src="images/styles/new_facebook/images/sidemenu/groups.gif"/>&nbsp;<a href="group.php"> 
      Social Groups</a> </td>
  </tr>
  <tr>
    <td class="alt1"> <img class="inlineimg" border="0" src="images/styles/new_facebook/images/sidemenu/calendar.gif"/>&nbsp;<a href="calendar.php"> 
      Calendar</a> </td>
  </tr>
</table>
<br />
<!-- #################### /RIGHTSIDE MENU #################### -->

[GlamRockTalk]

Awesome TNCClubman!

Thanks so much! :up:

[TNCclubman]

No problem bro, we're all in this together.

[GlamRockTalk]

Okay, I just added the right side menu. The links are there, but the images aren't showing up. And, the path seems to be correct. Is there something special that needs to be done? Anything out of the ordinary?

[TNCclubman]

try removing the first slash before the word images in all the link paths ="/images

so

="images

[GlamRockTalk]

Yup..that's the deal :up:

So, you might want to edit the code you put above so others don't have that issue if you haven't already. Thanks again bro!


No images for Social Groups and Browse Members though.

Edited: Those images are "groups.gif" and "friends.gif" instead of what is showing in your code