News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Bend

Started by TwitchisMental, January 08, 2022, 06:23:59 PM

Previous topic - Next topic

TwitchisMental

Link to the theme


Bend
Bend is my "Remix" of the default SMF 2.1 theme.

Screenshot :



Features :
Remixed Breadcrumb
Remixed Board Index
Remixed Info Center
Remixed Colors
Sidebar with Two Custom Blocks
Social Icons
Font Awesome Icons
Responsive Design(Is this really a "feature" anymore haha?)

License :

Font Awesome License - https://fontawesome.com/license/free

SMF Version :


Patch Notes :
1.0 : Initial Release
1.1 :
New Feature : The profile button in the side menu now produces a quick link menu when clicked on.
Adjustment : Adjusted the location of the posts and thread count information on the board index.
Bug Fix : Fixed the main menu not staying in place.
Bug Fix : Fixed the sidebar links so that the whole block is the link instead of just the center.

1.2 :
Updated: Updated the theme to work on SMF 2.1.0.
Bug Fix : Fixed a bug involving board stats not displaying correctly when viewing as a guest.

1.2.1 :
Bug Fix : Fixed the sub forums adding extra border to each sub forum that you add.

1.2.2 :
Bug Fix : Fixed a bug where the menu would move up when in the browser packages section.
Bug Fix : Fixed a bug with the Pop Up Window taking the whole width of the screen.
Bug Fix : Fixed an issue where you could only display one custom block in the sidebar.
Adjustment: Adjusted the text colors in the pop up window header.

1.2.3:
Update : Updated for SMF 2.1.3
Adjustment : Adjusted breadcrumb so the arrows are all even.



Shoutouts :
Font Awesome - https://fontawesome.com/

Diego Andrés & Sesquipedalian for their assistance with resolving a bug in the breadcrumb.
Arantor for suggesting some improvement to the breadcrumb aswell.
The breadcrumb was based on this source - https://codepen.io/thallysbezerra/embed/NAyEPB?height=316&theme-id=0&default-tab=result

The Sidebar was inspired by the Feather SMF theme by Mick. and UI.S SMF theme by gecitli . This sidebar does switch back to a horizontal menu when you are on smaller screens. I made the sidebar placement work via using the "Easiest Flex Grid Ever" - https://codepen.io/taniarascia/pen/rOLEGe  .
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

Mick.

Yuh!💪🏻

TurtleKicker

Any sense on how this might play with:
Forum Width Setting
Curve2 Color Changer
TinyPortal

TwitchisMental

Quote from: TurtleKicker on January 12, 2022, 12:20:23 PMAny sense on how this might play with:
Forum Width Setting
Curve2 Color Changer
TinyPortal
I wouldn't know but there is only one way to find out ;).  Try it and see.

Quick test with Tiny Portal, all seems well-

You cannot view this attachment.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

Diego Andrés

Quote from: TurtleKicker on January 12, 2022, 12:20:23 PMCurve2 Color Changer
This needs to be added by the theme author it doesn't "work out of the box" :-X

SMF Tricks - Free & Premium Responsive Themes for SMF.

@rjen

I got my SMF 2.1 test site with TinyPortal here:

https://test2.fjr-club.nl

It's got a theme selector block and many of the new themes installed. Bend is one of them. Looks quite good ...
Running SMF 2.1 with latest TinyPortal at www.fjr-club.nl

TwitchisMental

I have have uploaded a new version with a single bug fix.

Seems the admin menus were kind of all over the place depending on the section you were in.

Now all admin menus should stay seated XD.

Before -

You cannot view this attachment.

After -

You cannot view this attachment.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

TwitchisMental

So I have been messing with the profile button on the sidebar to make it produce a dropdown menu when clicked on, making it act like the default top bar. Haven't quite got it perfect, but so far so good.

Thoughts ?

Desktop :

You cannot view this attachment.

Mobile :

You cannot view this attachment.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

Diego Andrés

Did you try using the default behavior and go from there?
It looks fine in your screenshots, perhaps more to the right of the buttons instead of appearing on top of them would be better.

SMF Tricks - Free & Premium Responsive Themes for SMF.

TwitchisMental

Quote from: Diego Andrés on January 17, 2022, 12:45:47 PMDid you try using the default behavior and go from there?
Yes I started with the default and modified from there.

Quote from: Diego Andrés on January 17, 2022, 12:45:47 PMIt looks fine in your screenshots, perhaps more to the right of the buttons instead of appearing on top of them would be better.
If you mean the desktop view, I 100% agree. Still tinkering around with all that :).


Something like this perhaps ?

You cannot view this attachment.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

TwitchisMental

#10
Something else I am looking at doing is remixing the stats section.. again XD. I think I like the stats being by the board title is a bit better.

Thoughts ?

 You cannot view this attachment.



My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

TwitchisMental

Version 1.1 has been released.

Patch Notes :
1.1 :
New Feature : The profile button in the side menu now produces a quick link menu when clicked on.
Adjustment : Adjusted the location of the posts and thread count information on the board index.
Bug Fix : Fixed the main menu not staying in place.
Bug Fix : Fixed the sidebar links so that the whole block is the link instead of just the center icon.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

TwitchisMental

Version 1.2 is ready for download !
1.2 :
Updated: Updated the theme to work on 2.1.0.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

TwitchisMental

New Version Uploaded.

Board Stats was wonky when viewing as a guest.

This is now resolved.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

lord alibaski

Nice theme just installed it after upgrading from 2.0.19.

Can you add your own logo on this theme TwitchisMental? can't seem to find the option.

I also need the logo to be centralized all the time at the top of the forum.

Many thanks


TwitchisMental

Quote from: lord alibaski on May 21, 2022, 05:23:20 PMNice theme just installed it after upgrading from 2.0.19.

Can you add your own logo on this theme TwitchisMental? can't seem to find the option.

I also need the logo to be centralized all the time at the top of the forum.

Many thanks


All you need to do is replace the logo.png found in the images > custom folder.

As far as centering it, that would take some tinkering around with the social icons and such.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

lord alibaski

Thank you, that's good enough for me for now I couldn't find the main logo must have been looking with my eyes shut.

lord alibaski

Another question regarding the no new post & new post icons, can these be changed at all?

Thanks

TwitchisMental

Quote from: lord alibaski on May 23, 2022, 12:32:07 PMAnother question regarding the no new post & new post icons, can these be changed at all?

Thanks
Yes it is a single image file found in the images folder. The file is called boardicons.png.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

lord alibaski

Quote from: TwitchisMental on May 23, 2022, 03:07:53 PMYes it is a single image file found in the images folder. The file is called boardicons.png.

Thought it was that, though it got me confused because last time I changed those icons it was 2 separate icons 1 for new post and 1 for no new post.

Like this

No new post


New post


I have no idea on how to insert those it's beyond me.


Advertisement: