PDA

View Full Version : Facebook Advanced (NEW: Fluid!)


Bellardia
01 Aug 2008, 19:33
Here's my first uploaded style; it's a facebook clone.

It's a bit more complex then the other facebook style, and is Valid XHTML 1.0 Transitional as per the W3C.

Contains:
Icon Sets
15 Template Edits
2 Minor Language Mods
Fixed or Fluid Layout

(Fixed and Fluid styles each have their own XML. If you want the fluid style, upload the FBA_FLUID, if you prefer the fixed layout, upload the other one.)

There are some heavily modified templates including postbit, forumdisplay, showthread, member info, header, navbar, usercp, and a few others.

Basically, member profiles are set up to display like a facebook profile. The header contains links to profile, memberlist and PM's.

Quicklinks are displayed on the left pane, as is the control panel sidebar (except only on pages where the control panel would normally appear). Postbit was modified to look more like a wall.

The language edits regard the "Forgot Your Password" and "{X} Unread" phrases, which were modified to make them display in a more pleasing way with the theme. They change to "Forgot Password" and "{X}" respectively.

I'll be gone this weekend, but will return on monday to fix any issues or update it for better useability.

If you find any bugs, or things are missing, or any ideas on how to improve the style, post below and I'll fix/change them.

To Install
Upload images_fba to the root forum directory
Import them theme file
Import language file (not required).

Demos
Facebook Advanced Fixed Style - http://bellardia.com/testforum/?styleid=3
Facebook Advanced Fluid Style - http://bellardia.com/testforum/?styleid=2

Bellardia
01 Aug 2008, 19:36
Reserved.


Here are Screenshots:

http://test.bellardia.com/FBA.JPG
http://test.bellardia.com/FBA2.JPG
http://test.bellardia.com/FBA3.JPG
http://test.bellardia.com/FBA4.JPG
http://test.bellardia.com/FBA5.JPG
http://test.bellardia.com/FBA6.JPG
http://test.bellardia.com/FBA7.JPG

Shazz
01 Aug 2008, 19:39
Wow that looks interesting...

Alfa1
01 Aug 2008, 20:13
Indeed. Very nice! I would love to see more styles from you.

Spank
01 Aug 2008, 20:19
That's looks really good. Not suited to my forums, but you've done a fantastic job!

GrendelKhan{TSU
01 Aug 2008, 20:49
wow!

great job!! question.. is there anyway to make it so there is only left sidebar on forum? our users like full width when actually reading threads etc.

ps. can't wait for the fluid style!! :D

EDIT: ahh! fixed style just ain't working for our forums...
hope, fluid comes out soon... really want to use this. :D

Bellardia
01 Aug 2008, 20:56
I'll recode part after the long weekend to make it full width for those who prefer it that way. It won't be that easy to change with just the main style template, but is pretty easy to do nonetheless. It'll definately be the first thing on my todo list.

Thanks for the positive input.

GrendelKhan{TSU
01 Aug 2008, 21:36
other issues:

- doesn't seem to work well with vbadanced CMPS
- images break in vbagallery
- tabs don't work in profiles ... they all just appear as separate boxs in a long list.

GrendelKhan{TSU
01 Aug 2008, 21:42
I'll recode part after the long weekend to make it full width for those who prefer it that way. It won't be that easy to change with just the main style template, but is pretty easy to do nonetheless. It'll definately be the first thing on my todo list.

Thanks for the positive input.


awesome!!

I really love how you did this... facebook's style is very clean and tight (as in put together nice) one of its biggest attributes imho. but even more than facebook aspect is just how much you show how different forums can look with right application. :)


other questions/sugg:
- is there a way to cleanly add "blocks" to the left sidebar? I'd love to put other ads or things specific to our content. and a "highlighted profile" would be INCREDIBLE
- again, like Ultimate Side Bar add-on... option to see sidebar only on forumhome (or whereever) would be very high on the amazingness scale. :)
- fluid is much needed, but even more so, just ability to set a wider width. our analytics show most our users at 1024x768 and higher (other site is even higher average--different country ;))

Bellardia
01 Aug 2008, 21:43
I don't have vbadvanced cmps so I can't check why it doesn't work atm.
I'll look into the broken images, but I assume it's because of the small size.

Tabs don't work..there are no tabs, such is intentional.

Atakan KOC
01 Aug 2008, 22:08
very nice style.

Hasann
01 Aug 2008, 22:13
fantastic style very interesting

Brandon Sheley
01 Aug 2008, 22:18
wow, now that's a nice facebook style!!
/me marks it installed just because :D

now you have to make one for the new.facebook.com :D

valdet
01 Aug 2008, 22:55
That is a great lightweight style. Thanks.

Bellardia
02 Aug 2008, 00:05
To make the main table width more than 650px:

1. Go to all style options for the style
2. Set main table width to desired width in pixels (do not set to a percent).
3. Ctrl + f '#main_body' in additional CSS. Set it to the pixel width in step 2, minus 2. Ex. If desired width is 800px, set #main_body width to 798px.

Again, I'll work on a fluid template at another time.

You can cleanly add blocks to the sidebar by editing the template 'ad_header_end', look through it and you should figure it out. I can offer you some help if you still need it. Using conditionals would be a great way to hide the sidebar depending on where you are (That's what is used to hide user CP except on user CP related pages).

GrendelKhan{TSU
02 Aug 2008, 00:21
To make the main table width more than 650px:

1. Go to all style options for the style
2. Set main table width to desired width in pixels (do not set to a percent).
3. Ctrl + f '#main_body' in additional CSS. Set it to the pixel width in step 2, minus 2. Ex. If desired width is 800px, set #main_body width to 798px.

Again, I'll work on a fluid template at another time.

You can cleanly add blocks to the sidebar by editing the template 'ad_header_end', look through it and you should figure it out. I can offer you some help if you still need it. Using conditionals would be a great way to hide the sidebar depending on where you are (That's what is used to hide user CP except on user CP related pages).

cool! thanks for the info. I'll play around with it over the weekend and let you know. :)

Spank
02 Aug 2008, 09:36
It's a shame that facebook has ljust updated to a new look, just as this came out lol.

3dsoft
02 Aug 2008, 10:26
When uploading an image and writing a comment, the comment partly is on top of the user avatar.
Check it out (http://bellardia.com/testforum/album.php?albumid=1&pictureid=1&commentid=1#picturecomment1).

Bellardia
02 Aug 2008, 15:46
When uploading an image and writing a comment, the comment partly is on top of the user avatar.
Check it out (http://bellardia.com/testforum/album.php?albumid=1&pictureid=1&commentid=1#picturecomment1).

This is caused due to an area overflow by the default avatar which is 80x80px instead of 60x60px. I fixed it down to the proper size of 60x60 and reuploaded the file. Specifically, the image is named images_fba/misc/unknown.gif.

It now displays correctly : http://bellardia.com/testforum/album.php?albumid=1&pictureid=1&commentid=1#picturecomment1

Purcelly
02 Aug 2008, 17:52
There's no download files for me

Bellardia
02 Aug 2008, 18:34
Sorry, I corrected it.

3dsoft
02 Aug 2008, 21:27
Thank you bellardia. :)

3dsoft
02 Aug 2008, 21:31
Check out this link (http://bellardia.com/testforum/showthread.php?t=1). Why are those images showing up on top of my message?

Bellardia
03 Aug 2008, 00:06
I don't have my test forum set to scale images.

The maximum width for any photos should be set to below the fixed width of the style, in this case about 600 pixels. Anything larger, such as that image is much larger than the div it's held in, which causes it to overlap.

edenx
03 Aug 2008, 05:02
Can you upload PSD file for the logo? what font is it?

Thanks in advance!

Bellardia
03 Aug 2008, 05:31
It's saved as a png, which should be editable under photoshop.

images_fba/misc/face_logo.png
The font I used is impact, not sure what facebook actually uses for the title.

EuK
03 Aug 2008, 12:51
very nice style

TheBlackPoet
03 Aug 2008, 16:29
its very nice.. i've installed the narrow version.., but i know the fluid ver. will work better for my needs.. cant wait..

iBlazee
03 Aug 2008, 19:01
OUCH! Now that's some hardcore awesome work!

DEMO OF MY SITE: Removed as warez is not allowed

Bellinis
04 Aug 2008, 10:41
Just want to say I really love this style!! Go go go! :)

sensimilla
04 Aug 2008, 12:38
One of the best I have ever seen and ive seen alot :) good job
"less means more"

Hornstar
05 Aug 2008, 08:22
nice work, not sure ill use it tho, but it looks real close.

christian8a
05 Aug 2008, 11:23
You cant use any facebook icon on your style, everything you see on Facebook is copyrighted" just trying to keep some people that dont know that out of trouble ;)

GrendelKhan{TSU
06 Aug 2008, 09:29
You cant use any facebook icon on your style, everything you see on Facebook is copyrighted" just trying to keep some people that dont know that out of trouble ;)

I think people wish their forums were big enough for facebook to care. :rolleyes: ;) :p

GrendelKhan{TSU
06 Aug 2008, 11:57
any word on a fluid versoin? :)

Bellardia
06 Aug 2008, 18:01
I've been working on some paid requests as of late, and haven't had time to work for myself yet, but it's definately comming!

Hopefully by the end of the week.

Endurer
06 Aug 2008, 19:45
Looking forward to the fluid style

Conlons
07 Aug 2008, 14:49
Hi there...is there anything i'm doing wrong uploaded the images folder to the root directory of my forum, then went to the styles manager and imported the style, it says it processed but nothing shows...please help

Al

Bellardia
07 Aug 2008, 16:14
You have to change the style on your pages, either in the global settings, or by scrolling down to the bottom left hand corner of a forum page and selecting it from the select menu.

protos78
08 Aug 2008, 06:13
Excellent... Well done.

For some reason, menus on the left doesn't show up.

GrendelKhan{TSU
08 Aug 2008, 08:10
I've been working on some paid requests as of late, and haven't had time to work for myself yet, but it's definately comming!

Hopefully by the end of the week.

cool :)

NAZIA
08 Aug 2008, 16:31
Nice thank you for sharing.. installed

steveninstl
08 Aug 2008, 21:27
any word on the fluid for this? This is a great style, running it on my forum now pimpmyberry.com

Vindictive
09 Aug 2008, 05:57
I don't plan on using it, but great work!

quassimodem
15 Aug 2008, 21:50
Any news on the fluid style, and how do I get rid of the Google adds so I can add my own?

steveninstl
16 Aug 2008, 00:19
overwrite the code that is in the ad location templates
goto search template and put in Google that will tell you where anything that has Google in it is located

Chadi
16 Aug 2008, 05:49
Now that facebook has been redesigned, do you plan on updating your skin to their new design? Just curious.

Thanks.

quassimodem
16 Aug 2008, 10:20
Cheers Steven, found it last night...

quassimodem
16 Aug 2008, 10:24
And how would I change the color from Blue to Red?

Thanks

ShawneyJ
17 Aug 2008, 05:57
great looking style but, any links added to quick links messes the side bar links and the members profiles look shocking set out like that.

steveninstl
17 Aug 2008, 18:20
Any update on Fluid? Thanks!

wormman
19 Aug 2008, 03:04
I love it. I installed it at Wormman.com (http://www.wormman.com)

deneme2
19 Aug 2008, 07:29
thanks

Fekry Nabil
20 Aug 2008, 00:01
I like what I c here , but how can I download it, I am a member and have license, but there's no link for me shown to get it

steveninstl
22 Aug 2008, 01:59
Has anyone run into any database errors with this style after upgrading the VBulletin to 3.7.2, PL 2???

steveninstl
22 Aug 2008, 02:13
never mind..it wasnt the style...it was a thumbnail plugin...

steveninstl
27 Aug 2008, 14:44
I managed to make this a fluid style, using bits and pieces from another style.

I am still awaiting the "official" fluid style for this style. I am not using any other styles to my forum other than this type. It really flows well and looks great.

easytiger747
29 Aug 2008, 22:41
Installed!

Love it, love it, love it!

I will be waiting patiently for the fluid style and here's hoping this won't be too long a wait!

Keep up the good work! One of the best skins I have downloaded if not the best!

Villyz
30 Aug 2008, 10:21
Installed on www.xile-gaming.net

3dsoft
31 Aug 2008, 19:36
Have you seen the new facebook skin? To me it looks more cleaned up than the old one.

Bellardia
31 Aug 2008, 20:17
I honestly hate the new facebook skin.
Although a bit cleaner, its content is much less organized in my perspective.

I haven't forgotten about the fluid!
I've finally freed up some time and hope to start/finish work on it today.

rapidphim
01 Sep 2008, 11:13
this is a wonderful style here. Thanks much. However, would you please kindly to show me where to edit the Google Ads code and how to add another block for other ads? Also, is there a way that I can place the username next to the logout (on top of the page).

Bellardia
01 Sep 2008, 16:14
Search templates for google, it should only have one match for this skin.

Here's your logout code;
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a>

rapidphim
01 Sep 2008, 18:15
thanks much and is there any thought to update this skin for latest vb version?

I tried the new logout code but somehow it picked up different font color. How to fix that one, can you show me?

Bellardia
01 Sep 2008, 19:14
Just throw it inside <span> </span> tags with the same style="" and class="" as the ones it's beside.

This skin should work for the latest version of VB if I'm not mistaken, there was no major changes to the vB framework.

rapidphim
01 Sep 2008, 20:28
worked perfectly.... thanks so much.

Bellardia
02 Sep 2008, 06:41
Anytime.

<----- Update ----->

Added a fluid style, simply download the new package, and upload the FBA_FLUID instead.
It's a 90% browser viewport width.

Thank-you all for the compliments/downloads/installs, and sorry for the extremely long time it took me to add this!

Stay tuned for another, much more complex/detailed style coming from me in the near future (not facebook related). :)

Edit -
Let me know if the images/buttons on the fluid style do not appear properly. There were small directory differences between the style I uploaded to my testform and when I built it on localhost.

rapidphim
03 Sep 2008, 05:49
Just throw it inside <span> </span> tags with the same style="" and class="" as the ones it's beside.

This skin should work for the latest version of VB if I'm not mistaken, there was no major changes to the vB framework.

Hello Bellardia, after changing this, and when I log out, the pop up box said undefined menu... can we fix that? Thanks much.

Bellardia
03 Sep 2008, 15:01
Mind posting the source of your new header?
Include in [code] tags and I'll look through it.

rapidphim
03 Sep 2008, 16:05
Here it is.
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><span class="hsmall"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></span></a>

Thanks....

sebil
03 Sep 2008, 17:19
the images are not coming up for me for the fluid version..
but the fixed version is working like a charm.
i want the fluid version work like that

i uploaded the image_fba folder in my root directory

is there anything that i m missing

Bellardia
03 Sep 2008, 19:44
Here it is.
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><span class="hsmall"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></span></a>

Thanks....

I meant the full template, sorry.

As for the images, I'll have to update the image directories, I'll get to this shortly.

rapidphim
04 Sep 2008, 06:53
Here is the whole header of your

$ad_location[ad_header_end]
<!-- Header Nav -->
<table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]" align="center">
<tr style="background-color:#3b5998;">
<td height="30px" class="navhead" style="background-color:#3b5998;" valign="top">
<div align="left" style="padding-top:6px;padding-left:3px;" id="header_nav">
<if condition="$show['member']">

<span class="hnav">&nbsp;<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]" ><b>Profile</b></a>&nbsp;</span>
<a href="profile.php?do=editoptions"><span class="hsmall" style="font-size: larger; color: #FFFFFF">edit</span></a>&nbsp;&nbsp;
<span class="hnav">&nbsp;<a href="memberlist.php"><b>Members</b></a>&nbsp;</span><if condition="$show['popups']"><img src="images_fba/misc/spacer.gif" alt="" class="spacerimg" /><span id="membertools" ><script type="text/javascript">vbmenu_register("membertools"); </script></span></if>&nbsp;&nbsp;&nbsp;
<span class="hnav">&nbsp;<a href="private.php" ><b>$vbphrase[inbox]</b>
<!-- New Mail -->
<if condition="$bbuserinfo['pmunread']">($vbphrase[unread_x_nav_compiled])</if>
<!-- /New Mail -->
</a>&nbsp;</span><if condition="$show['popups']"><img src="images_fba/misc/spacer.gif" alt="" class="spacerimg" /><span id="pmtools" >

<script type="text/javascript">vbmenu_register("pmtools"); </script></span>



</if>
</div>
</td>
<td class="smallfont" title="nowrap">
<div align="right" style="padding-top:10px;padding-right:5px;" title="nowrap" >

<a href="index.php"><span class="hsmall">home</span></a>&nbsp;
<a href="profile.php"><span class="hsmall">account</span></a>&nbsp;
<a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9"><span class="hsmall">contact</span></a>&nbsp;
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><span class="hsmall"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></span></a>


</if>
</div>
</td>
<td><div id="headimg" style="position: relative; float:right; margin-bottom: -1px;"><img src="images_fba/misc/headertop.gif" alt="" width="15px" height="32px" /></div></td>

</tr>
</table>
<div class="vbmenu_popup" id="membertools_menu" style="display:none">
<table cellpadding="4" cellspacing="0" border="0" width="150px">
<tr>
<td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
</tr>
<tr>
<td></td>
</tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
<if condition="$show['quick_links_groups']">
<tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['quick_links_albums']">
<tr><td class="vbmenu_option"><a href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
<tr>
<td class="thead" style="padding:0px"><img src="$vboptions[cleargifurl]" alt="" width="1" height="1" /></td>
</tr>
<tr>
<if condition="$vboptions['enablememberlist']">
<td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
</if>
</tr>
</table>
</div>
<div class="vbmenu_popup" id="pmtools_menu" style="display:none">
<table cellpadding="4" cellspacing="0" border="0" width="150px">
<tr>
<td class="vbmenu_option"><a class="smallfont" href="private.php$session[sessionurl_q]">List messages</a></td>
</tr>

<tr>
<td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=trackpm">Track messages</a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=editfolders">Edit folders</a></td>
</tr>
<tr>
<td class="thead" style="padding:0px"><img src="$vboptions[cleargifurl]" alt="" width="1" height="1" /></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm">Send new message</a></td>
</tr>
</table>
</div>
<!-- /Header Nav -->
<!-- content table -->
<div class="main_body" id="main_body">
$spacer_open

$_phpinclude_output

Bellardia
06 Sep 2008, 08:01
Try this

$ad_location[ad_header_end]
<!-- Header Nav -->
<table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]" align="center">
<tr style="background-color:#3b5998;">
<td height="30px" class="navhead" style="background-color:#3b5998;" valign="top">
<div align="left" style="padding-top:6px;padding-left:3px;" id="header_nav">
<if condition="$show['member']">

<span class="hnav">&nbsp;<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]" ><b>Profile</b></a>&nbsp;</span>
<a href="profile.php?do=editoptions"><span class="hsmall" style="font-size: larger; color: #FFFFFF">edit</span></a>&nbsp;&nbsp;
<span class="hnav">&nbsp;<a href="memberlist.php"><b>Members</b></a>&nbsp;</span><if condition="$show['popups']"><img src="images_fba/misc/spacer.gif" alt="" class="spacerimg" /><span id="membertools" ><script type="text/javascript">vbmenu_register("membertools"); </script></span></if>&nbsp;&nbsp;&nbsp;
<span class="hnav">&nbsp;<a href="private.php" ><b>$vbphrase[inbox]</b>
<!-- New Mail -->
<if condition="$bbuserinfo['pmunread']">($vbphrase[unread_x_nav_compiled])</if>
<!-- /New Mail -->
</a>&nbsp;</span><if condition="$show['popups']"><img src="images_fba/misc/spacer.gif" alt="" class="spacerimg" /><span id="pmtools" >

<script type="text/javascript">vbmenu_register("pmtools"); </script></span>



</if>
</div>
</td>
<td class="smallfont" title="nowrap">
<div align="right" style="padding-top:10px;padding-right:5px;" title="nowrap" >

<a href="index.php"><span class="hsmall">home</span></a>&nbsp;
<a href="profile.php"><span class="hsmall">account</span></a>&nbsp;
<a href="$vboptions[contactuslink]" rel="nofollow" accesskey="9"><span class="hsmall">contact</span></a>&nbsp;
<a href="login.php?$session[sessionurl]do=logout" ><span class="hsmall"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></span></a>


</if>
</div>
</td>
<td><div id="headimg" style="position: relative; float:right; margin-bottom: -1px;"><img src="images_fba/misc/headertop.gif" alt="" width="15px" height="32px" /></div></td>

</tr>
</table>
<div class="vbmenu_popup" id="membertools_menu" style="display:none">
<table cellpadding="4" cellspacing="0" border="0" width="150px">
<tr>
<td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
</tr>
<tr>
<td></td>
</tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
<if condition="$show['quick_links_groups']">
<tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
</if>
<if condition="$show['quick_links_albums']">
<tr><td class="vbmenu_option"><a href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[pictures_and_albums]</a></td></tr>
</if>
<tr>
<td class="thead" style="padding:0px"><img src="$vboptions[cleargifurl]" alt="" width="1" height="1" /></td>
</tr>
<tr>
<if condition="$vboptions['enablememberlist']">
<td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
</if>
</tr>
</table>
</div>
<div class="vbmenu_popup" id="pmtools_menu" style="display:none">
<table cellpadding="4" cellspacing="0" border="0" width="150px">
<tr>
<td class="vbmenu_option"><a class="smallfont" href="private.php$session[sessionurl_q]">List messages</a></td>
</tr>

<tr>
<td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=trackpm">Track messages</a></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=editfolders">Edit folders</a></td>
</tr>
<tr>
<td class="thead" style="padding:0px"><img src="$vboptions[cleargifurl]" alt="" width="1" height="1" /></td>
</tr>
<tr>
<td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm">Send new message</a></td>
</tr>
</table>
</div>
<!-- /Header Nav -->
<!-- content table -->
<div class="main_body" id="main_body">
$spacer_open

$_phpinclude_output

rapidphim
06 Sep 2008, 13:26
Here is the error
An error occurred while attempting to log you out. Click here to log out.

and the board is not gray out as normal.

sebil
06 Sep 2008, 15:39
The site looks whitish..
and looks dis organised because there is no background colour (tcat) on the catogory name
is there any cnace to put one...
https://www.vbulletin.org/forum/external/2008/09/66.jpg

Bellardia
06 Sep 2008, 16:45
You could always add a tcat color in a few seconds by going to
All Style Optons > Find tcat, then set the background.

KiLLAxMAHN
06 Sep 2008, 23:15
where do i import the theme file?

KiLLAxMAHN
07 Sep 2008, 02:06
can some1 help me install this my aim is KiLLAxMAHN

KiLLAxMAHN
07 Sep 2008, 02:46
I got it to work but how do i change the ads, i want to add my one ads?

akulion
07 Sep 2008, 04:50
simply AWESOME!!!!

EXCELLENT job!

(yup I cant capitalize the words enough lol - its THAT good!)

katie hunter
07 Sep 2008, 12:57
It looks nice but bigger profile picture doesn't suite it =/ like 300x300 profile pic, it will look kinda off if a member has a pic of that size

KiLLAxMAHN
09 Sep 2008, 03:59
for example i want to add this
http://www.vbulletin.org/forum/showthread.php?t=173083
to this style how do i do that?


Please i really want this to work on my site plz

sebil
10 Sep 2008, 11:25
https://www.vbulletin.org/forum/external/2008/09/46.jpg

Plzzzzzzzzzzzzzz help me
I really really liked this style

Bellardia
12 Sep 2008, 21:17
You need to set the scaling for images.

The style only supports the default size for all images.

e7saas
13 Sep 2008, 05:32
great work

thanks..

katie hunter
13 Sep 2008, 16:05
You need to set the scaling for images.

The style only supports the default size for all images.

Hi Bellardia, How do you do that ? Can you give more support on your style.

Bellardia
14 Sep 2008, 03:07
I guess there aren't any default settings for avatars.

That being said, if you download the new style, they will auto resize to 80x80pixels.

akulion
14 Sep 2008, 07:53
whats new in the update?

Bellardia
14 Sep 2008, 19:10
A small edit to the postbits that scales the size of all avatars to 80x80 pixels

akulion
15 Sep 2008, 03:19
hey i made a "dark variation" of this theme by basically redoing all the colors and some of the icons..u can have a look here: Click here to visit (http://path-to-peace.com/community/cmps_index.php?styleid=31)

I dont know how to make it available though, so if u give me some instructions I could attach it here if u want to make it available along side this theme?

thanks
aku

Bellardia
15 Sep 2008, 20:34
I'm unable to view your site right now, but to export the theme go to
Admin CP > Styles & Templates > Import/Export

Select the style you modified, and fill out the fields to export it accordingly. Also, take the images_fba folder and zip it with all its included files.

Put the theme XML and the images in a file, zip it, and host it somewhere (mediafire, rapidshare, etc) and PM me the link. I'll take a look at the style and include it on the mainpage with credits if it fits.

Moyses
15 Sep 2008, 23:49
thanks for sharing with us! I love this style!

GrendelKhan{TSU
19 Sep 2008, 08:58
awesome job! :D

Jaiibee
21 Sep 2008, 01:43
I absolutely love the look of this.
Thanks for sharing :)

Datenpapst
22 Sep 2008, 11:35
Hi,
I've got a Problem with this hack:
http://www.vbulletin.org/forum/showthread.php?t=181283
the edit button doesnt work in the style :(
and I also have to use the postbit_legacy because the normal postbit looks strange due to too much information shown :(

srikanthbr
23 Sep 2008, 04:07
wow man skin looks awesome

vbreal
23 Sep 2008, 05:29
u did a nice job!!!

cmedic101
25 Sep 2008, 11:27
Wow... What a great style!

I have it installed on my forum and I am having a small graphics issue.

could you give me some direction on how to fix this?

see attached pic

regards,

cmedic101

Bellardia
26 Sep 2008, 20:00
Wow... What a great style!

I have it installed on my forum and I am having a small graphics issue.

could you give me some direction on how to fix this?

see attached pic

regards,

cmedic101
Did you change the size of the title image?
If not, something else must be stretching it out.

Perhaps link me to your forum.

Allan
26 Sep 2008, 21:29
Very fun your style, congrat :)

Datenpapst
02 Oct 2008, 15:08
Hi, what about the "Change Language" Drop Down at the bottom? Its not really working.

Datenpapst
05 Oct 2008, 13:20
I also can't find the Infraction Menu in the profil or the thread itself.

Datenpapst
09 Oct 2008, 11:25
Next missing part: How to see Users IP as an admin or moderator? :(

Cust0ms
11 Oct 2008, 22:22
What is better than 'Facebook Pro version?

Moyses
12 Oct 2008, 04:33
works this style with 3.8.0?

NikosN
14 Oct 2008, 10:30
Looks nice , thank you :)

ukdalai
17 Oct 2008, 09:19
hi all,
can anyone tell me where the font size is set for the post new thread wysiwyg.

at the moment i only have sizes 1 2 and 3, i used to have up to size 5 before i added this style


Craig

kurtbarker
20 Oct 2008, 07:53
Is there a list of the template changes so we can do it ourselves on a more current version.

SeNdEr2000
21 Oct 2008, 17:27
hello! great style!, just one question, how do i change the google adsense code to mine???????????????? i cant found it

vithorius
24 Oct 2008, 16:44
Hi, what about the "Change Language" Drop Down at the bottom? Its not really working.
I also can't find the Infraction Menu in the profil or the thread itself.
Next missing part: How to see Users IP as an admin or moderator? :(
Wow... Wait... Those are very important questions... Is this an issue with this style?

(I was considering in install this style, but I really need to know about this...!)

PLEASE HELP! :confused: :eek: :confused:




What is better than 'Facebook Pro version?
hummm... There is another facebook style...?!?

Datenpapst
01 Nov 2008, 16:11
Didnt get an answer since...
still not working - which is bad.

There is anotherone yes, but that one isn't as good as this one, belive me ;)

Datenpapst
01 Nov 2008, 16:13
hello! great style!, just one question, how do i change the google adsense code to mine???????????????? i cant found it
for the google adsense just search in the temlpates for "ad" then you should find it.
Very easy to exchange.

IPAULR
25 Nov 2008, 04:43
Thanks great hack and easy install

GlamRockTalk
25 Nov 2008, 21:11
Nicely done. Working with it on a test forum now. Seems very smooth.

FYI, the test forum I'm running is 3.7.4 PL 1 and it seems to work through my first round of testing. :D

GlamRockTalk
26 Nov 2008, 01:18
Just noticed something not quite working correctly.

When doing a quick reply, it doesn't seem to post the person's avatar. But, when you refresh the screen, it does.

I'll use this post to try and keep track of some of the other quirky things that I notice on 3.7.4 PL 1 if/when I come across them.

Bobbrown
29 Nov 2008, 22:09
Its a shame that he has hidden his own google codes.#

Clicks uninstall!

GlamRockTalk
30 Nov 2008, 03:19
Bobbrown, is it more than the one that you find in the 'side column'? Or, is that the only one?

You can change that one.

etechno
01 Dec 2008, 14:05
Its a shame that he has hidden his own google codes.#

Clicks uninstall!

Search templates for the keyword Google and I bet you will find them... :)

Wordplay
07 Dec 2008, 20:04
what makes this facebook style better than the other one?

therogueforums
08 Dec 2008, 04:25
Its a shame that he has hidden his own google codes.#

Clicks uninstall!
Seriously? How many of them are/were there? Isn't that some sort of violation?

lenzo
08 Dec 2008, 05:55
Has the creator of this style disappeared?

sebaldus
09 Dec 2008, 11:39
I was very happy to have had little technical support, where are the decoder?

Sebaldus ..

sebaldus
09 Dec 2008, 11:40
Has the creator of this style disappeared?

It unfortunately looks like it for it was good to get to the real vBExperiense.
I can not find any code or changes so I can get it to fit .. : (

Sebaldus ..:confused:

Tigur
09 Dec 2008, 12:56
This style is a lot nicer than the other facebook style. However both are horridly done for integrating with vBadvanced:(

Wordplay
10 Dec 2008, 11:20
what makes this style better than the other one?

Bellardia
22 Dec 2008, 05:02
Hello, sorry for my break from coding.
I have a very intensive school schedule which prevents me from working on side projects during the year. However, I'll be on a short break starting tomorow after my final exam.

I'll do my best to look through the issues and correct that ones that I still know how (I haven't looked at this in several months).

As for the adsense codes, there is only one, and is easily found by searching google in templates.

I currently have no plans for updating this to a more current VB. (I've yet to look at the 3.8x framework, but typically it's much easier to modify a code for minor version changes than it is for major.) I'll have future styles coded in 3.8x, but I doubt facebook based.

Gipskopf
27 Dec 2008, 03:11
Demo ??

xxalexkimxx
29 Dec 2008, 04:28
Any Demo of this template please?

Bellardia
30 Dec 2008, 05:00
I also can't find the Infraction Menu in the profil or the thread itself.

Next missing part: How to see Users IP as an admin or moderator? :(

Both infraction and IP are listed in a users post in the top right hand corner.

I'll have the demo board back up in a day or so after I finish working out some internet issues.

XtremeOffroad
30 Dec 2008, 22:20
Nice looking Style but why does it hide the link so members can not change themes?

It would work with vBadvanced if you had it in your forum directory which I dont,
Also why have you not disclosed your adsense code is within the style? How many boards are sending money your way by advertising for you? arent there policies against that?

Not +++++ing just thinking out loud.

Thanks for this Fantastic looking style.

XtremeOffroad
30 Dec 2008, 23:47
Update on vBadvanced.
Whoever had the problem with this not working with the portal,
You can fix the login by looking for login.php in the
ad_header_end template of this theme and add
http://www.yourdomain.com/forum/
before login.php

Then search for the other links such as search.php, forumdisplay.php, calendar.php etc in the ad_header_end template and add http://www.your site in front of those as well.

This will allow you to use this theme login box and the added links with vbadvanced.

Bellardia
31 Dec 2008, 21:35
Update on vBadvanced.
Whoever had the problem with this not working with the portal,
You can fix the login by looking for login.php in the
ad_header_end template of this theme and add
http://www.yourdomain.com/forum/
before login.php

Then search for the other links such as search.php, forumdisplay.php, calendar.php etc in the ad_header_end template and add http://www.your site in front of those as well.

This will allow you to use this theme login box and the added links with vbadvanced.

Thanks for offering support to others.

Also, adsense code was disclosed and changing/removing it was posted several times, just not in the main post! There's only one, and it is there because everything is ripped directly from my site.

alhamzeei
01 Jan 2009, 05:01
وين المثال

iCafe
01 Jan 2009, 07:38
wow good jobs

Viks
01 Jan 2009, 16:01
Is there a way to disable or remove the sidebar?

Bellardia
02 Jan 2009, 21:24
Is there a way to disable or remove the sidebar?

Not really, no.
It serves as a place holder for several links, and the sidebar for the user control panel. Without it you'd be missing several important features.

TimberFloorAu
06 Jan 2009, 02:31
Could you re-post the screen pics please?

VTXCafe.com
06 Jan 2009, 05:09
The Google ad code is located at the bottom of the template: ad_header_end

Bellardia
06 Jan 2009, 15:38
Could you re-post the screen pics please?

I re-uploaded a demo board for the two styles.
Check the first post for the links

VTXCafe.com
07 Jan 2009, 05:20
Where are the links for the sidebar? I would like to edit them and cannot find where the code is to do that.

Bellardia
07 Jan 2009, 15:27
Where are the links for the sidebar? I would like to edit them and cannot find where the code is to do that.

The sidebar is located in the template ad_header_end

KiLLAxMAHN
08 Jan 2009, 02:40
i want it from
https://www.vbulletin.org/forum/external/2009/01/92.jpg

to
https://www.vbulletin.org/forum/external/2009/01/93.jpg

can you tell us what we can edit and how? please i need this badly

Bellardia
09 Jan 2009, 00:43
It's a table inside ad_header_end, just copy the rows from your current USERCP_SHELL and add them to the ad_header template, adding appropriate classes where necessary.

C138 Kaysone
09 Jan 2009, 05:15
im using 3.8.0 will it work or no?

Bellardia
09 Jan 2009, 13:52
I don't have 3.8 installed and as such, I've never tried.
I'm guessing no, but I'm not sure.

mousegeek
09 Jan 2009, 21:37
I must say it came out amazing, thanks for the amazing style!

Bellardia
26 Jan 2009, 18:58
No problem :)

TNCclubman
26 Jan 2009, 21:01
Is there a way to display 'Todays Birthdays' in the left column under the google ads?

totogui
27 Jan 2009, 15:26
As indicated in the following post: http://www.vbulletin.org/forum/showthread.php?t=203262 I have enabled my vbulletin as a Facebook application. I might try this style to see how it looks in Facebook itself ...

Datenpapst
23 Feb 2009, 20:01
Hi,
I tried to fix the language chooser problem myself, but cant get it fixed. is there any possibility that you make it work?

ams3521
02 Mar 2009, 08:23
Did anyone find out how to remove the sidebar from the skin?

thanks

alfex68
08 Mar 2009, 04:00
Here is the error
An error occurred while attempting to log you out. Click here to log out.

and the board is not gray out as normal.

Hello , I've installed this theme and love it!
Was there ever a solution found for this error?

maddoghalo1
09 Mar 2009, 01:51
this works perfect, thank you.

kylemj
12 Mar 2009, 18:30
I dont mean to sound stupid but where do i go to edit the left menu, i was to add (All - linking to all_albums.php) and and Arcade linking to arcade.php
xx

TNCclubman
02 May 2009, 14:36
in the footer template

earthome
02 May 2009, 16:29
Why Psd

logofreax
23 Sep 2009, 22:40
Can somebody please post some screenshots of both Styles?

Links in Post #1 are still dead.

cu
logofreax

grey_goose
14 Dec 2009, 17:03
Please fix, or warn people before they download:

line 2614 of FBA.xml
line 2613 of FBA_FLUID.xml

Not very cool. At all.

barakuda
28 Aug 2011, 21:44
hi..i use v 3.7.3. all look great but when i use firefox it still default style.why?