Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#1 2013-01-09 03:49:56

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Dec 2015 Edit: I can no longer offer support on this skin due to time constraints from opening my own Cole & Son & Galerie wallpaper shop. The skin still works and is the most downloaded template for Fluxbb but I unfortunately don't have the time to offer support or host a demo etc. If someone else wants to put up a demo or take over maintenance that's cool with me.

NOTE: This skin ONLY works on FluxBB 1.5.1 and above. It will not work on 1.5.0 or below.

Download: @ FluxBB.org Styles Repository (v1.0.1)

History:
1.0.2 - Fixed naming issue which broke the "Move Topics" dropdown on moderate.php
1.0.1 - Fixed XHTML strict issue. Upgrade recommended.
1.0 - Initial release

About:

Victory is based on the Air skin. It has been adapted to make use of the full screen by adding a sidebar on larger resolution monitors. As screen size decreases the sidebar disappears, and if viewed on a smart phone further elements of the page are hidden to maximise the use of available screen space (such as hiding the Views/Replies columns, banner logo etc)

Bundled Includes:

All of the things shown in the sidebar (image now removed) are optional. Take a look in style/Victory/main.tpl and you can add or remove whatever you want.

Bundled with the skin are a handful of useful scripts which you will find in the style/Victory/includes/ folder. You simply need to edit main.tpl to include the scripts you want, for example:-

main.tpl wrote:

Change: <pun_include "includes/global.topposterslist.php">
To: <pun_include "includes/global.toppostersgrid.php">

If you look at the code in the include scripts you'll see how easy it is to further configure to your needs, such as showing the top 20 posters instead of top 9. (I've tried to document all of the code)

So far there is:-

- Quick Login/User Status box
- Top Posters Grid
- Top Posters List
- Who's Online Avatar Grid

As well as 5 further scripts which require a little editing to each forums needs, which are:-

- 2 Examples showing how to load different things in the sidebar based on the forum/topic being viewed
- 2 Quick Search boxes (one basic, one a little more advanced)
- An example script which would load latest topics from Fluxbb.org in your Admin Panel (please dont use this script yet!)

Last edited by orkneywd (2015-12-07 04:26:15)

Offline

#2 2013-01-09 08:56:03

Franz
Lead developer
From: Germany
Registered: 2008-05-13
Posts: 6,724
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Congrats on getting this done! It looks awesome.

EDIT: There seems to be a problem with your demo server, though.

Last edited by Franz (2013-01-09 08:57:17)


fluxbb.de | develoPHP

"As code is more often read than written it's really important to write clean code."

Offline

#3 2013-01-09 09:47:39

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Franz wrote:

Congrats on getting this done! It looks awesome.

EDIT: There seems to be a problem with your demo server, though.

Cheers Franz smile I've got a ticket in with the host, typical that it would go down just after I posted the URL roll

Edit: Site is backup.

Last edited by orkneywd (2013-01-09 12:46:02)

Offline

#4 2013-01-09 15:35:41

adaur
Developer
From: France
Registered: 2010-01-07
Posts: 843
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Very nice work, well done!


FeatherBB - A simple and lightweight new generation forum system
Based on FluxBB, written in PHP, using Slim Framework for a proper OOP-MVC architecture.

Offline

#5 2013-01-09 18:00:03

Spiky
Member
From: France
Registered: 2009-08-31
Posts: 55

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Congratulation for this style. 

While looking at quickly made the code, I found a xhtml error strict which risks posed problem with the avatars with this version of fluxbb 1.5.1.
(E.g. when it delete its avatar, error appears.)

ligne 63 of global.userstatus.php :

                echo "\n\t\t\t\t".'<a title="'.pun_htmlspecialchars($pun_user['username']).'" href="profile.php?section=personality&id='.$pun_user['id'].'"><img src="style/Victory/img/upload-avatar.png" alt="'.$lang_includes['Upload Avatar'].'" /></a>';

Replace by :

                echo "\n\t\t\t\t".'<a title="'.pun_htmlspecialchars($pun_user['username']).'" href="profile.php?section=personality&amp;id='.$pun_user['id'].'"><img src="style/Victory/img/upload-avatar.png" alt="'.$lang_includes['Upload Avatar'].'" /></a>';

Thanks

Offline

#6 2013-01-09 22:10:24

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Spiky wrote:

While looking at quickly made the code, I found a xhtml error strict which risks posed problem with the avatars with this version of fluxbb 1.5.1. (E.g. when it delete its avatar, error appears.)

Thanks Spiky, don't know how I missed that one. The XML parsing issue will be fixed in the 1.5.2 release of Fluxbb so this little bug wouldn't have been to much of an issue, but it's a pretty critical error to have for 1.5.1 as it breaks the site.

Anyone who has downloaded the skin is recommended to upgrade to v.1.0.1, or follow Spiky's code change above - changing & to &amp;.

Thanks again, and everyone else for the feedback so far smile Much appreciated

Offline

#7 2013-01-26 21:15:01

quaker
Member
From: USA
Registered: 2008-05-09
Posts: 90
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

I would like to move the aside bar to the left side of the forum, how can this be done without breaking the tablet function?


My stuff or my style might sux, but atleast I'm willing to help when I can.
Don't be stupid and help ! We are the stupid one's !!!

Offline

#8 2013-01-26 22:43:53

doki
Member
Registered: 2008-05-10
Posts: 34

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Hi Q,

As stated above smile

Switching The Sidebar:

If you want the sidebar on the left you only need to change 1 line of code (Line 1735 of Victory.css - Change float:left to float:right - Done!). If you're text editor doesn't show line numbers simply search for "Change left to right" in the CSS file (searching usually done by pressing Ctrl+F)

Offline

#9 2013-01-28 02:49:10

quaker
Member
From: USA
Registered: 2008-05-09
Posts: 90
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Thanks Doki, Been a very long time since I did anything with fluxbb. I hope to get back in developing some mod's, and trying to look at doing a frontpage ( portal for fluxbb.)
Q


My stuff or my style might sux, but atleast I'm willing to help when I can.
Don't be stupid and help ! We are the stupid one's !!!

Offline

#10 2013-02-01 14:54:01

Studio384
Former Developer
From: Belgium
Registered: 2012-04-11
Posts: 681
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Offline

#11 2013-02-09 02:29:40

Wieke
New member
Registered: 2013-02-06
Posts: 1

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Love this style. The mobile friendliness is awesome and it seems quite mod-able (even with my lack of inexperience with php). I managed to build my own include script that adds a list to the sidebar containing the posted/new/active/unanswered topics. I'd post a link to the script/modified files but I can't. (And it's a bit big to just dump in a code block.)


Runs fluxBB on a raspberry pi for friends/hobby-group.

Offline

#12 2013-02-09 08:58:22

Jack
Member
Registered: 2010-12-24
Posts: 485
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Great style! I like it a lot (I think I'll use it, in the future). You could also try the concept with different colors/structures... wink

J


Sorry I don't speak English smile
FluxBB Italy

Offline

#13 2013-02-09 18:17:34

123
Member
From: Poland
Registered: 2012-07-24
Posts: 333

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Good, but not better to wait for the system templates FluxBB second In total, each different style can be done in such a scheme. I'd seen this template more in the role of second plugin for FluxBB making style is not a problem, but an update this is just a challenge.

Last edited by 123 (2013-02-09 18:18:18)


Solidarity = compensation for war. Time to pay.
[img]http://imagizer.imageshack.com/img633/7813/XjQh8f.png[/img]
Ach, lekceważyłaś wolę króla
a w nocy naszego spotkania, śmiałaś się do łez

Offline

#14 2013-02-12 20:03:39

Mr.T
Member
From: Wellington, New Zealand
Registered: 2013-02-05
Posts: 6

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Hi, This style is great, but I have found a small bug that stops me moving topics within the forum. The drop down field is simply empty.

To get around the issue I currently have to switch to using the Air style, move the topic and then switch back since I use the forum quite a bit from my phone, and the Air style just isn't as easy to use!


CCDayZ(net)

Offline

#15 2013-02-13 16:13:50

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Thanks for the feedback guys, and for making the style featured on the Fluxbb homepage smile

I'll take a look at the bug you mentioned Mr.T and get an update sorted shortly. Cheers for letting me know.

Offline

#16 2013-02-13 16:42:02

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Looks like there is an issue with naming some of my queries in the includes as $result. The 3 effected/fixed files can be downloaded here - just upload them to style/Victory/includes and overwrite the old files.

If you've manually edited those 3 includes and don't want to overwrite with the fixed files above, then this is all you need to do:-

Open: style/Victory/includes/global.topposterslist.php

Replace:

$result

with

$toppresult

The above is found twice in the file.

Open: style/Victory/includes/global.toppostersgrid.php

Replace:

$result

with

$topresult

The above is found twice in the file.

Open: style/Victory/includes/global.whosonline.php

Replace:

$result

with

$whosresult

The above is found twice in the file.

I'll update the skin in the download repository now.

Offline

#17 2013-02-13 16:46:43

Jack
Member
Registered: 2010-12-24
Posts: 485
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Hi, I drop a line just to say that currently the demo link is broken (anyway, I tested this style some days ago and it's great: well done!).

J


Sorry I don't speak English smile
FluxBB Italy

Offline

#18 2013-02-13 16:49:07

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Jack wrote:

Hi, I drop a line just to say that currently the demo link is broken (anyway, I tested this style some days ago and it's great: well done!).

J

Thanks, fixed now smile

Offline

#19 2013-02-21 10:07:16

kairi
New member
Registered: 2013-02-21
Posts: 2

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Thanks a lot for your wonderfull skin! smile

I noticed a little bug at login form in the right corner of skin. I have a long password, it's more than 16 symbols. When I try to log in using victory skin form, it doesn't allow me to type my whole password. Victory allow no more than 16 symbols in it. So I use default forum form to log in.

Thanks again for your work and sorry for my english wink

Last edited by kairi (2013-02-21 10:08:08)

Offline

#20 2013-02-21 14:16:31

orkneywd
Member
Registered: 2008-05-10
Posts: 153
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

kairi wrote:

Thanks a lot for your wonderfull skin! smile

I noticed a little bug at login form in the right corner of skin. I have a long password, it's more than 16 symbols. When I try to log in using victory skin form, it doesn't allow me to type my whole password. Victory allow no more than 16 symbols in it. So I use default forum form to log in.

Thanks again for your work and sorry for my english wink

There's nothing wrong with your English wink

To fix the bug:-

Open: style/Victory/includes/global.userstatus.php

Find: (line 32)

<input type="password" name="req_password" maxlength="16" id="req_password" placeholder="<?php echo $lang_common['Password'] ?>" required="required" />

Change To:

<input type="password" name="req_password" maxlength="32" id="req_password" placeholder="<?php echo $lang_common['Password'] ?>" required="required" />

Save & Upload

That will allow you to enter upto 32 character password - you can put any number in the maxlength="". I'll change this in the next release also.

Thanks smile

Offline

#21 2013-03-05 06:11:05

kairi
New member
Registered: 2013-02-21
Posts: 2

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Thanks for explaining smile

Can you tell one more thing ? I want to make banner clickable (when you click on banner image, you must go to some url, for example to a main forum page)

How can I do it ?

Offline

#22 2013-03-18 09:49:10

Jack
Member
Registered: 2010-12-24
Posts: 485
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Any news about the "captcha" thing? it would be great to add this feature to this GREAT style! wink


Sorry I don't speak English smile
FluxBB Italy

Offline

#23 2013-03-24 21:41:31

jobe
New member
Registered: 2013-03-23
Posts: 4

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

I cant seem to fix this error. I know Im doing something stupid but I cant figure it out. Any help is much appreciated.

Unable to process user include <pun_include "includes/settings.php"> from template main.tpl. There is no such file in neither the template directory nor in the user include directory.

Last edited by jobe (2013-03-24 22:01:10)

Offline

#24 2013-03-24 22:18:46

Franz
Lead developer
From: Germany
Registered: 2008-05-13
Posts: 6,724
Website

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Are you sure you copied all the files from the style?


fluxbb.de | develoPHP

"As code is more often read than written it's really important to write clean code."

Offline

#25 2013-03-28 12:54:16

jobe
New member
Registered: 2013-03-23
Posts: 4

Re: Victory - Responsive FluxBB Skin (Based on Air) [v1.0.1]

Thanks Franz. I made that such hard work for myself! I didnt realise to integrate the Victory style, one just drops the downloaded files into the style folder and bingo youre good to go! Works a treat now, Im delighted. Will post a link to my site when its done.

Offline

Board footer

Powered by FluxBB