[ABD] Faceweb Style for PHPBB 3.1.1

For style authors to post and receive feedback on 3.1.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Get Involved
borisV
Registered User
Posts: 61
Joined: Thu Feb 20, 2014 7:13 pm

[ABD] Faceweb Style for PHPBB 3.1.1

Post by borisV » Wed Nov 19, 2014 3:55 pm

This Faceweb style v.1.0. is for bulletin boards PHPBB 3.1. and actually finished and should be available very soon. The design is fully mobile responsive and it looks good on most cellular phones.
Index-v.1.0.png
Index-v.1.0.png (405.58 KiB) Viewed 5304 times
The Faceweb style is basically a theme which combines the twitter bootstrap platform, which is a free collection of tools for creating websites and web applications. In addition, all the images that come along the theme are best to my knowledge all GNU.
Poll-Creation.png
Poll-Creation.png (28.76 KiB) Viewed 5468 times
It has to be said that I saw once a good idea for a forum theme using bootstrap somewhere on PHPBB but the developer never made it available for download. I don't know if it was supposed to be free or not, but I liked it.

This motivated me to take some of the ideas from there and include some of my own. The result was Faceweb Style v.1.0. I have always loved the simplicity of the Facebook design and their easy navigation tools, so if you love Facebook too, you should like this design idea for your next forum.

I think it would be best suited as personal bulletin boards, but that's just me. Now, the reason I put a version number is because I have a few options for the main navigation menu bar. Right now I am just showing one, so for example, instead of having the board title 'Facewebs' you could have there a small image logo.

Also, the fact that I used that navy blue color (#3b5998) should not preclude anyone from changing it to any other color. All that one would have to do is to open up the theme.css and colours.css with an editor, and replace #3b5998 with any color one likes. Naturally all bets are off if the desire is to get a dark theme with white text. That will require support from me, I guess.

Notice that gone are all the links below the header and all the main navigation happens at the blue nav bar on top. I have put all the important links there and given an extra drop down menu (the globe icon) to allow more links as needed. The Viewforum and Viewtopic forum bodies have also been significantly modified.

OK, here is a collection of screenshots of what is to come. If you have any questions about the design, feel free to post a reply, I am pretty sure the moderators on this site won't mind me answering.

Hope you guys like FS1

Best regards!

B./
Attachments
Profile-Page.png
Profile-Page.png (297.48 KiB) Viewed 5468 times
Moderator-Control-Panel.png
Moderator-Control-Panel.png (162.39 KiB) Viewed 5468 times
mobile-responsive-indec-pag.png
mobile-responsive-indec-pag.png (104.45 KiB) Viewed 5468 times
Various-Posts-Viewed-As-Adm.png
Various-Posts-Viewed-As-Adm.png (168.77 KiB) Viewed 5468 times
Notifications.png
Notifications.png (176.75 KiB) Viewed 5468 times
Topics.png
Topics.png (117.1 KiB) Viewed 5468 times
Main-Menu.png
Main-Menu.png (234.39 KiB) Viewed 5468 times
login-window.png
login-window.png (244.51 KiB) Viewed 5459 times
Last edited by borisV on Mon Dec 01, 2014 2:06 pm, edited 7 times in total.
Image

User avatar
Lumpy Burgertushie
Registered User
Posts: 66230
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Lumpy Burgertushie » Wed Nov 19, 2014 4:08 pm

is this style 3.1.1 compatible? does it have all the correct code for the events e tc.?


robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

OK, so what's the speed of dark?

borisV
Registered User
Posts: 61
Joined: Thu Feb 20, 2014 7:13 pm

Re: Faceweb Style for PHPBB 3.1.1

Post by borisV » Wed Nov 19, 2014 4:11 pm

It's completely built upon the PHPBB 3.1.1. foundation. You can not install this theme in for example 3.0.12 or lower versions...

B./
Image

User avatar
Meis2M
Translator
Posts: 869
Joined: Wed Mar 03, 2010 11:32 am
Location: IR.Damghan
Name: میثم نوبری
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Meis2M » Wed Nov 19, 2014 4:26 pm

Oh my God.. it is so interesting. i love that.

plz support RTL language too..
phpBB persian international support
Ultimate SEO Friendly URL - Extension
Follow us in Instagram
Free upgrade and install extensions on your forum - drop me PM

Extreme_One
Registered User
Posts: 9
Joined: Thu Oct 23, 2008 12:13 pm

Re: Faceweb Style for PHPBB 3.1.1

Post by Extreme_One » Wed Nov 19, 2014 7:51 pm

That looks amazing.

Funny you should mention it, I would want dark (near black) background, pale grey (near white) text and red highlights.

But seriously, that is such a clever looking design. Great work. 8-)

Looking forward to a download so I can see how easily I can transform it to black/red. ;)

borisV
Registered User
Posts: 61
Joined: Thu Feb 20, 2014 7:13 pm

Re: Faceweb Style for PHPBB 3.1.1

Post by borisV » Thu Nov 20, 2014 5:23 pm

Meis2M wrote:Oh my God.. it is so interesting. i love that.

plz support RTL language too..
Thanks :)

So, you don't think that Google can handle that job? How does this look to you (I don't understand Persian)?
Persian.png
Persian.png (295.96 KiB) Viewed 5248 times
Let me know,

B./
Image

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51692
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Brf » Thu Nov 20, 2014 5:31 pm

RTL means Right-to-left. Everything needs to be backward, starting at the right edge of the page and running to the left.

borisV
Registered User
Posts: 61
Joined: Thu Feb 20, 2014 7:13 pm

Re: Faceweb Style for PHPBB 3.1.1

Post by borisV » Thu Nov 20, 2014 5:53 pm

Brf wrote:RTL means Right-to-left. Everything needs to be backward, starting at the right edge of the page and running to the left.
Dear BRF,

Thanks for your continued assistance, but that was not what I meant. You are correct, however, there are many other languages written in RTL and was wondering if the Google Translation code was any good at handling the task. Since I don't read or write in any Arabic or Asian language, I can't make head or tails of it, so I wanted to know this user insights.

Best regards!

B./
Image

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51692
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Brf » Thu Nov 20, 2014 5:56 pm

Meis2M is asking you to support RTL.
In prosilver, the bidi.css has the codes for the RTL languages.

borisV
Registered User
Posts: 61
Joined: Thu Feb 20, 2014 7:13 pm

Re: Faceweb Style for PHPBB 3.1.1

Post by borisV » Thu Nov 20, 2014 6:02 pm

Extreme_One wrote:Looking forward to a download so I can see how easily I can transform it to black/red. ;)
Changing it to a dark theme should be easy for you then. That said, installing the style implies that you have a Facebook (fan, company, personal, etc) account, and Twitter to receive feeds. Otherwise, an option to have no social media footer is available as a separate overall_footer.html file.

Regards,

B./
Image

User avatar
Meis2M
Translator
Posts: 869
Joined: Wed Mar 03, 2010 11:32 am
Location: IR.Damghan
Name: میثم نوبری
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Meis2M » Thu Nov 20, 2014 6:04 pm

i can set this style with RTL language when ready for download.
phpBB persian international support
Ultimate SEO Friendly URL - Extension
Follow us in Instagram
Free upgrade and install extensions on your forum - drop me PM

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51692
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Brf » Thu Nov 20, 2014 6:39 pm

He is not asking about the translation. He is asking about the RTL.
Your image is still showing LTR.
Click the link in Meis2M's signature and you will see what he is asking. The Icons are on the Right, and the columns all run to the left.

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51692
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Brf » Thu Nov 20, 2014 8:49 pm

As Meis2M is saying, the translation does not matter. He is asking you if you are taking into account the right-to-left stylesheet, as prosilver does in bidi.css. Have you looked into bidi.css to see what it does?

borisV
Registered User
Posts: 61
Joined: Thu Feb 20, 2014 7:13 pm

Re: Faceweb Style for PHPBB 3.1.1

Post by borisV » Thu Nov 20, 2014 9:06 pm

A new pre-release tweak.

I decided that it's best to keep all avatars round not square on board. That's just to keep things consistent.
Round-Avatars.png
Round-Avatars.png (152.42 KiB) Viewed 5134 times
So, if anyone likes square avatars, one is going to have to to edit what was coded on the following pages that are found in the template folder:
overall_header.html
viewtopic_body.html
memberlist_view.html
ucp_avatar_options.html

Notice the look of the drop down menu with the email icon which displays all the contact links.

In addition, notice also the look of the drop down menu at the gear icon; it displays all the relevant links at the Admin's disposal.
Admin-Menu.png
Admin-Menu.png (71.94 KiB) Viewed 5116 times
B,/
Last edited by borisV on Tue Dec 09, 2014 1:14 pm, edited 1 time in total.
Image

User avatar
Meis2M
Translator
Posts: 869
Joined: Wed Mar 03, 2010 11:32 am
Location: IR.Damghan
Name: میثم نوبری
Contact:

Re: Faceweb Style for PHPBB 3.1.1

Post by Meis2M » Thu Nov 20, 2014 10:37 pm

Hello i see that again and it seems nor support RTL with Google translate yet.

if you use bidi.css in your theme the are many code that help to show RTL language in good way.

i must install my language pack and test it again.

a RTL theme is here:
http://demo.php-bb.ir/3.1/index.php?style=6
phpBB persian international support
Ultimate SEO Friendly URL - Extension
Follow us in Instagram
Free upgrade and install extensions on your forum - drop me PM

Locked

Return to “[3.1.x] Styles in Development”