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

[jmpa]

Originally Posted by kontagio.us

How is it going on fixing the top blue banner?

There's no reference to fb_menubar_background_toponly on the xml so... no solution...

[ShawneyJ]

damn, the demo looks nothing like this facebook style.

[christian8a]

Originally Posted by jaycob

damn, the demo looks nothing like this facebook style.

Yea sorry, eibuddy is a different style now, I have to update the demo site, if anybody is using this style so we can add your site as a demo please post the link, thanx :up:

[takissd]

hello guys, ok i have a simple fix for the problem mentioned on fixing the top blue banner.
So all you do is this:
Use the image attached (pch_spacer.png) and upload it at the folder:

images/styles/new_facebook/images/misc/

so when you upload it you will have this thing:

images/styles/new_facebook/images/misc/pch_spacer.png

so now, open the original vbulletin-style.xml file and edit it , at line 112 change it to:

<template name="titleimage" templatetype="stylevar" date="1229169018" username="Chris" version=""><![CDATA[images/styles/new_facebook/images/misc/pch_spacer.png]]></template>

So then got to the Admin Panel and :
Go to the Admin Control Panel - Styles and Templates - Style Manager - Facebook <Delete this

Then Go to the Admin Control Panel - Styles and Templates - Download / Upload Styles < and upload the new template and there you have it


so basically what you do is make the little image to make the width larger! Hope this little "hack" helps you! Here is also an image of how it looks now

[angeldevil]

I have a error, in quick reply, dont show editor,how to use it,plz view follow picture!
help me!

[Javierogo]

Hello Angeldevil. This is not an error, because the code is like this. If you want the normal quick editor for this style, you must to replace the code in "showthread_quickreply" (of your Facebook Style) for this one:

<if condition="$show['editor_toolbar']">
<div id="{$editorid}_controls" class="controlbar">
 <table cellpadding="0" cellspacing="0" border="0" width="100%">
 <tr>
  <td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" width="21" height="20" alt="$vbphrase[remove_text_formatting]" /></div></td>
 <if condition="$show['basic_bbcode']">
  <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
  <td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
  <td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
  <td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
 </if>
 <if condition="$show['color_bbcode']">
  <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
  <td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
   <table cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.gif" width="21" height="16" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
    <td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" alt="" width="11" height="16" /></td>
   </tr>
   </table>
  </div></td>
 </if>
 <if condition="$show['url_bbcode'] OR $show['img_bbcode']">
  <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
 </if>
 <if condition="$show['url_bbcode']">
  <td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
 </if>
 <if condition="$show['img_bbcode']">
  <td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.gif" width="21" height="20" alt="$vbphrase[insert_image]" /></div></td>
 </if>
 <if condition="$show['quote_bbcode']">
  <td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
  <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
 </if>
 <td width="100%">&nbsp;</td>
 <if condition="is_browser('ie')">
  <td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.gif" width="21" height="20" alt="$vbphrase[check_spelling]" /></div></td>
 </if>
  <td>
   <div class="imagebutton" id="{$editorid}_cmd_resize_0_99"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div>
   <div class="imagebutton" id="{$editorid}_cmd_resize_1_99"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
  </td>
 <if condition="$show['wysiwyg_compatible']">
  <td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td>
 </if>
 </tr>
 </table>
</div>
</if>
<div class="controlbar" style="padding-$stylevar[right]:8px">
 <fieldset style="border:0px; padding:0px; margin:0px">
 <if condition="$show['qr_require_click']">
 <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]" disabled="disabled">$vbphrase[click_quick_reply_icon]</textarea>
 <else />
 <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]"></textarea>
 </if>
 </fieldset>
 <!--width:$stylevar[messagewidth]-->
</div>
<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />
<input type="hidden" name="styleid" value="$session[styleid]" />
<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie');
var QR_EditorID = '$editorid';
//-->
</script>

Originally Posted by angeldevil

I have a error, in quick reply, dont show editor,how to use it,plz view follow picture!
help me!

Ok, to fix the bar problem, go to Styles & Templates, and display all the CSS options of the Facebook Style. Find the Body (like the atach) and write the following code in the Background Text area:

#FFFFFF url(/images/styles/new_facebook/images/misc/fb_menubar_background.gif) top center no-repeat

Save changes and that's it

[reddyink]

Waiting to the style!

Originally Posted by christian8a

This week the latest version will be released for vbulletin 3.8.4
It will include 2 profile types, and most will be CSS to make the updates of your vbulletin easier, not many template changes

[bydosangel]

hello
Actulley its the greatest template ever
http://ana-souri.com/kalamna/
I make a few modification on it but i do need some help

• I want to use the threaded mode, But there was a problem is the width of the posts list like the attached pic...

Attachment 105165
so i want the list widht to be smaller, how can I do that?

• I want the "SHOW SIGNATURE" option witch availabel only in "inlinemodd' to be availabel also in threaded mode...
  How can i do that?
• I want the Avator Style "the ? and border" to be Available in threaded mode, is that possible?

REgards and Thanks allot

[GuyUltimate]

downloaded
thanks.

[crianagor]

Originally Posted by christian8a

Yea sorry, eibuddy is a different style now, I have to update the demo site, if anybody is using this style so we can add your site as a demo please post the link, thanx :up:

Hey, we are waiting...the new style is ready in your link site!!

come on:-)