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

orkneywd · 2013-01-09 03:49:56

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)

Franz · 2013-01-09 08:56:03

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)

orkneywd · 2013-01-09 09:47:39

Franz wrote:

Congrats on getting this done! It looks awesome.
EDIT: There seems to be a problem with your demo server, though.

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

Edit: Site is backup.

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

adaur · 2013-01-09 15:35:41

Very nice work, well done!

Spiky · 2013-01-09 18:00:03

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

orkneywd · 2013-01-09 22:10:24

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 &.

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

quaker · 2013-01-26 21:15:01

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?

doki · 2013-01-26 22:43:53

Hi Q,

As stated above

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)

quaker · 2013-01-28 02:49:10

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

Studio384 · 2013-02-01 14:54:01

As seen in round up #2 - being responsive

Wieke · 2013-02-09 02:29:40

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.)

Jack · 2013-02-09 08:58:22

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...

J

123 · 2013-02-09 18:17:34

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)

Mr.T · 2013-02-12 20:03:39

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!

orkneywd · 2013-02-13 16:13:50

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

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

orkneywd · 2013-02-13 16:42:02

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.

Jack · 2013-02-13 16:46:43

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

orkneywd · 2013-02-13 16:49:07

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

kairi · 2013-02-21 10:07:16

Thanks a lot for your wonderfull skin!

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

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

orkneywd · 2013-02-21 14:16:31

kairi wrote:

Thanks a lot for your wonderfull skin!
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

There's nothing wrong with your English

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

kairi · 2013-03-05 06:11:05

Thanks for explaining

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 ?

Jack · 2013-03-18 09:49:10

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

jobe · 2013-03-24 21:41:31

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)

Franz · 2013-03-24 22:18:46

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

jobe · 2013-03-28 12:54:16

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.

Forums

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Board footer