[Preview] Bend - My "Remix" of the default 2.1 theme.

Started by TwitchisMental, December 19, 2021, 02:12:31 PM

Previous topic - Next topic

TwitchisMental

Bend
This is my personal "remix" of the default theme.

Features :

Breadcrumb Updated : This includes an updated look for the breadcrumb. Based on - https://codepen.io/thallysbezerra/embed/NAyEPB?height=316&theme-id=0&default-tab=result

Sidebar : I removed the topbar and replaced it with a sidebar. I was inspired by the Feather theme and UI.S theme. 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  .

Customized BoardIndex Table Layout- This theme has a slightly modified board index layout that places the posts and threads under the category description. This allows for the description to take more space overall.

Info Center: The Info Center has been simplified and uses the flex grid.
----------------------------------------------------------------------------------

I have done a few other minor tweaks, but the biggest changes are listed above. I am removing all hints of orange from this theme aswell.

This is still a WIP.

Preview :

Board Index -

You cannot view this attachment.

Message Index -

You cannot view this attachment.

Post -

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.

Mick.

Right on dude! The background image is upside down. I dig it. Usually the darker area is up top but not in this case. Nice.

TwitchisMental

Quote from: Mick. on December 19, 2021, 03:45:21 PMRight on dude! The background image is upside down. I dig it. Usually the darker area is up top but not in this case. Nice.
Thank you for the comment.

It looks really good either way you go about it with the background.

I may end up making a dark variant that uses the background like below instead. :).
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

Small Update : I finally figured out how to add custom theme features/settings.

Added some social network stuff to the top right.

Added two custom button options to the side menu.

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.

AllanD

Check out this great sites.
KnD Hosting

TwitchisMental

#5
Another small update.

Added some font awesome icons to the footer and changed the footer background.
Modified the message index a little bit and added icon to the date of last post.
Gotten rid of pretty much all of the orange at this point.
Added some hover effects to areas like posts.

Board Index -

You cannot view this attachment.

Message Index -

You cannot view this attachment.

Post -

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


SMF Tricks - Free & Premium Responsive Themes for SMF.

TwitchisMental

#7
Alright I have another small update. Added some small borders, tweaked some more text color on things like catbar, and fixed a few bugs behind the scenes haha.

Wouldn't mind opinions on if the Cat_Bar text color makes it hard to read.

Board Index -

You cannot view this attachment.

Message Index -

You cannot view this attachment.

Post -


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

Thank you to everyone that has provided their input and assistance.  I am just about done with this and pretty happy with it.

This is most likely my last preview before I submit it. Just some minor color adjustments and overall background change. Can't really preview some of the css3 effects I have added sadly.

Board Index

You cannot view this attachment.

Message Index

You cannot view this attachment.

Post

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

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

Mick.

Now you need your own theme making site. We need more competition err, themers lol.

TwitchisMental

Quote from: Mick. on January 02, 2022, 03:28:25 PMNow you need your own theme making site. We need more competition err, themers lol.
I appreciate the support :). Maybe some day I'll do that again.  I find it easy enough to just do everything from here.

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

Advertisement: