miniBB Support Forums | 15 years on The Web
miniBB ®

miniBB

®
 
 | Forums | Register | Reply | Search | Statistics | Manual |
Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications /   
 

JiNx - Responsive Template for miniBB

 
Author KHDesigns
Partaker
#1 | Posted: 22 Oct 2015 16:37 | Edited by: Moderator 
Hi everyone :)

I'd like to share a new template which i have created for MiniBB 3.2 / 3.2.1 called JiNx.

JiNx is a "core" template in the sense that its built to support the default core version of MiniBB. It's NOT compatible with custom installs created by MiniBB's Compiler as it complicates things as not everyone uses the same features.

Jinx is a responsive template so your users can easily access and use your site on desktops, tablets and smartphones. It also allows you to easily manage your site as the admin panel is responsive so if your away from your computer you'll still be able to get things done. The template uses Font Awesome Icons in some places where text used to be to save space and has a drop-down menu when using the forum on a smaller device. The "Manual Page" has been edited (all admin notes should have been removed) so you should check the page and edit it to your needs.

++ IMPORTANT ++
Because this template uses a different html structure to the default template most of the HTML files have been edited so you will be required to edit several core PHP files which output the old HTML structure. (I know this isn't exactly ideal in the event you want to upgrade in the future but the edits are minimal and only affect html output.) I have provided instructions in the download pack so its pretty much copy & paste. You should keep the instructions safe in case you decide to update MiniBB in the future and the changes get removed.

Demos - Check Online:

* Desktop View:

index screenshot of JiNx Template

* Mobile View:

index screenshot of JiNx Template - mobile view

Check for more screenshots and online demo.

Available for just £5.99 - Purchase Now.

Any questions post them here!

Author Bluesplayer
Partaker
#2 | Posted: 7 Dec 2015 01:58 | Edited by: Moderator 
I'm using the JiNx template (great design) and the user_logged_in.html file has this line of code ...

<img src="http://www.minibb.com/forums/img/user_large.png" alt="{$user_usr}" title="{$user_usr}" class="user_pic"/>

which displays a fixed avatar image.

This code works in the main_posts_cell.html file

{$userInfo_user_custom1[$poster_id]}

but not if I use it in the user_logged_in.html file.

How can I get the above to work in the user_logged_in.html file?

Author Bluesplayer
Partaker
#3 | Posted: 7 Dec 2015 15:09 
I seem to have fixed my problem.

I added to the original line of code, so that this ...

<img src="http://www.minibb.com/forums/img/user_large.png" alt="{$user_usr}" title="{$user_usr}" class="user_pic"/>

became this ...

<img src="http://www.minibb.com/forums/shared_files/avatars/{$user_id}.jpg" onerror="this.src='http://www.minibb.com/forums/img/user_large.png';" alt="{$user_usr}" title="{$user_usr}" class="user_pic"/>

Seems to work :)

Author kuopassa
Partaker
#4 | Posted: 8 Dec 2015 05:28 
Clever trick and good if it works. :-) If there'd be some PHP code that could detect what the situation is, then user wouldn't be forced to load two different images (on error and the regular).

Author Bluesplayer
Partaker
#5 | Posted: 8 Dec 2015 15:26 
Yes, the solution is a bit makeshift. Still, I have lots of other work to be going on with so if this works for now I'm happy enough. Will take a closer look again some time in the future.

Author Paul
Lead Developer
#6 | Posted: 8 Dec 2015 18:46 
Bluesplayer
I suppose, what you did will work only for user's avatar, i.e. that one which is uploaded, and which is a definite .jpg file. In the case of pre-defined avatars, or other extension avatar, it will not work.

To determine what user's avatar is, you should modify bb_cookie.php, add user_custom1 field to the selection SQL, and then provide the code which works out the variable you could put under this template as some {$var}.

Author Bluesplayer
Partaker
#7 | Posted: 8 Dec 2015 22:48 
Thanks

Will see if I can figure it out from the above.

Author Paul
Lead Developer
#8 | Posted: 9 Dec 2015 00:09 
Bluesplayer:
Will see if I can figure it out from the above.

You may just disable pre-defined avatars on your end, and configure the add-on so only jpg avatars are allowed... this all could be done in avatar add-on's options. Then your solution will work. But for more wider cases, more complicated one is needed.

Author Bluesplayer
Partaker
#9 | Posted: 9 Dec 2015 13:07 
Paul:
You may just disable pre-defined avatars on your end, and configure the add-on so only jpg avatars are allowed... this all could be done in avatar add-on's options. Then your solution will work. But for more wider cases, more complicated one is needed.

That had crossed my mind. I will implement it I think.

Author KHDesigns
Partaker
#10 | Posted: 26 Dec 2015 20:22 
New Year Special

Save 30% off JiNx when you use discount code: NY30NL

(Expires: 01/01/2016)

Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications /
 JiNx - Responsive Template for miniBB
 Share Topic's Link

Your Reply Click this icon to move up to the quoted message


 ?
You are welcome to post anonymously, by entering a nickname with no password (if the similar Username has not been taken yet), or by leaving both fields empty. If you have a forums account, you can also sign in from this page without posting a message, or sign in and post at once.


Before posting, make sure your message is compliant with our forum posting rules. If not, it may be locked or deleted with no explanation.

 
 
miniBB Support Forums Powered by Forum Software miniBB ® Features  Requirements  Demo  Download  Showcase  Gallery of Arts
Compiler  Premium Extensions  Premium Support  License  Contact Us
Install the Captcha add-on: protect your miniBB-forums from the automated spam and flood.
↑ TOP