Link to the theme (https://custom.simplemachines.org/index.php?theme=2986)
(https://custom.simplemachines.org/index.php?action=download;theme=2986;attach=277489;image;thumb)
Bend
Bend is my "Remix" of the default SMF 2.1 theme.
Screenshot :
(https://i.imgur.com/qR4F31F.png)
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 :
(https://img.shields.io/badge/license-MIT-blue)
Font Awesome License - https://fontawesome.com/license/free
SMF Version :
(https://img.shields.io/badge/SMF-2.1-blue)
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.
1.2.4:
Adjustment: Adjusted some colors for stickies,locked, and approved backgrounds.
Bug Fix: Fixed an issue with the moderation attention icon blocking the board stats on board index.
Update : Updated FontAwesome to the latest version.
1.2.5:
Update: Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted background colors for various moderation specific styles.
Adjustment: Adjusted the recent stats section to show less info on smaller screens.
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 .
Yuh!💪🏻
Any sense on how this might play with:
Forum Width Setting
Curve2 Color Changer
TinyPortal
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-
My-Community-Index.png
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
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 ...
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 -
menubug.png
After -
fixedmenubug.png
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 :
profilebuttondrop.png
Mobile :
profilebuttonmobile.png
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.
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 ?
sidemenu.png
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 ?
bstats.png
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.
Version 1.2 is ready for download !
1.2 :
Updated: Updated the theme to work on 2.1.0.
New Version Uploaded.
Board Stats was wonky when viewing as a guest.
This is now resolved.
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
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.
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.
Another question regarding the no new post & new post icons, can these be changed at all?
Thanks
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.
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
(https://i.postimg.cc/V6gP3VbT/new-none.png)
New post
(https://i.postimg.cc/prdMxJfd/new-some.png)
I have no idea on how to insert those it's beyond me.
Quote from: lord alibaski on May 23, 2022, 04:20:20 PMQuote 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
(https://i.postimg.cc/V6gP3VbT/new-none.png)
New post
(https://i.postimg.cc/prdMxJfd/new-some.png)
I have no idea on how to insert those it's beyond me.
It was different on 2.0 themes if I remember correctly.
Basically the way it works now is like one big sprite. Top left is new posts, top right is new posts in a sub forum, bottom left is no new posts, bottom right is redirect.
The purpose for this if I am not mistaken, is to reduce load times.
You can rejig to CSS to handle individual icons if you like. It's not a big deal.
Quote from: Antechinus on May 23, 2022, 06:13:07 PMYou can rejig to CSS to handle individual icons if you like. It's not a big deal.
Not a big deal for you Antechinus but not for me ::)
You do it like this: https://www.simplemachines.org/community/index.php?msg=4124552
Change image names to suit whatever you want to use. The basic idea should work with most 2.1 themes.
Like I said Antechinus bit hard for me.
So to change the board icons the 2 that I am trying to use I need to edit the index.css this is where I am having trouble. My 2 icons I need to add are titled
off
off.png
on2
on2.png
I add these to the image folder inside the Bend theme then I edit the index.css file do I change it to this
.board_icon a {
display: inline-block;
width: 65px;
height: 65px;
background: no-repeat 0 0 / 60px;
background-image: url(../images/on.png);
}
.board_icon .board_on2 {
background-image: url(../images/on2.png);
}
.board_icon .board_off {
background-image: url(../images/off.png);
}
.board_icon .board_redirect {
background-image: url(../images/redirect.png);
background-position: -5px 0;
}
I know this is wrong because no images are appearing.
This is the index.css file from the Bend theme
index.css
Thanks for any help.
.board_icon a,
.board_icon .board_on2,
.board_icon .board_redirect {
display: inline-block;
width: 65px;
height: 65px;
background: 50% 50% no-repeat;
background-image: url(../images/on2.png);
}
.board_icon .board_off {
background-image: url(../images/off.png);
}That should work (using the on2.png for redirect, because you'll need something for any redirect boards too).
Hmmm that worked on wamp but on a live forum it was blank!!
Ctrl+F5
Tried that straight away didn't work
Screenshot 2022-05-31 220725.png
Can you just edit the css for me please Antechinus please
index.css
Don't understand why it's working on wamp but not a live board.
Excessively specific default CSS again. :P
Nope still not working :-\
Without seeing what you are running live I cannot help any more than I already have,
Quote from: Antechinus on June 01, 2022, 03:47:41 AMWithout seeing what you are running live I cannot help any more than I already have,
No worries mate I'm in no rush, I'm back in work now for 4 days so might not get the time to send you the link it's a private forum so will have to message you the link when I get time.
@ Antechinus
I finally got it working just had 10mins free time, I put the icons in the wrong folder put them in the right folder now and it's working straight away so big thank you for your assist.
Yeah, that would do it. :D Glad you got it working.
Any chance of having an "official" demo site somewhere maintained with the latest version? Would love to see Bend in action.
Quote from: TurtleKicker on June 10, 2022, 12:04:18 AMAny chance of having an "official" demo site somewhere maintained with the latest version? Would love to see Bend in action.
I'll be honest, this is where I wish we had an official SMF preview theme site for themes available on the download site. I can understand why there isn't one though.
I guess now that I have been back for over a year now, I could make a simple demo site at the least lol.
I will mark that as a maybe for now. I don't want to overlord myself and cause burnout.
Hello,
I installed Bend to use as a default theme while making changes to its colors of it to match our site and logo. After creating Sub-Boards I found that it's showing the boards all crazy. Seems to only be doing this on the bend theme. Any idea how to fix this issue?
You can see it live here: fphforums . com/index.php?board=76.0
Quote from: beermoney on July 11, 2022, 10:42:52 AMHello,
I installed Bend to use as a default theme while making changes to its colors of it to match our site and logo. After creating Sub-Boards I found that it's showing the boards all crazy. Seems to only be doing this on the bend theme. Any idea how to fix this issue?
You can see it live here: fphforums . com/index.php?board=76.0
Thank you for this bug report.
I have got this fixed and uploading the fixed version now.
1.2.1
Bug Fix : Fixed the sub forums adding extra border to each sub forum that you add.
@TwitchisMental that fixed it all except for the .border-wrap and .cat_bar border-radius.
Quote from: beermoney on July 11, 2022, 03:12:45 PM@TwitchisMental that fixed it all except for the .border-wrap and .cat_bar border-radius.
Should not be an issue.
Did you replace all of the files ?
You should be seeing this -
bendsub.png
If you did not replace the css, just add this to the bottom of the custom.css -
.border-rad-top {
border-radius: 8px 8px 0px 0px;
}
I did replace all the files, however, I am using my own version of custom.css. So if you made a change to that then that is the reason. I didn't know if it was just messed up or if it was my custom version of custom.css. So I thought it would be better to say something in case it was messed up. Thank you for getting this taken care of today. Really like your theme and have been working on it for a few days now.
Quote from: beermoney on July 11, 2022, 05:19:00 PMI did replace all the files, however, I am using my own version of custom.css. So if you made a change to that then that is the reason. I didn't know if it was just messed up or if it was my custom version of custom.css. So I thought it would be better to say something in case it was messed up. Thank you for getting this taken care of today. Really like your theme and have been working on it for a few days now.
Sounds good.
No problem on resolving the issue, thank you for reporting it.
Question, is there a way to center the profile icons in a post? I've tried a few different things and nothing worked. So I thought I would come here and see if anyone has any idea on how to make it work. I centered everything in .poster but the .profile_icons won't center.
Just add this to the custom.css -
.profile_icons li {
display: inline;
padding-right: 0px;
}
That should get the result that you are after.
I had to add !important to it but that worked. Thank you.
.profile_icons li {
display: inline !important;
padding-right: 0px !important;
}
I downloaded this one and love it, but I want to change my logo. I read through everything and you said to just replace the logo.png file in the Images > custom. I did that and I still don't have my logo. Something else I need to do that I am missing maybe??
Quote from: CDPSP on July 26, 2022, 11:28:20 AMI downloaded this one and love it, but I want to change my logo. I read through everything and you said to just replace the logo.png file in the Images > custom. I did that and I still don't have my logo. Something else I need to do that I am missing maybe??
You should just need to replace the logo file itself. If you could link me to your forum, I can take a look at what is going on. You can PM it to me if you rather not post it publicly aswell.
Your preferred logo image is a .png?
Thank you so much for your replies, but I spent about 3 hours on it after I wrote this and eventually through trial and error figured it out.
https://creativediscoveryinpaintshoppro.com.au/forum/index.php
Quote from: CDPSP on July 26, 2022, 09:38:18 PMThank you so much for your replies, but I spent about 3 hours on it after I wrote this and eventually through trial and error figured it out.
https://creativediscoveryinpaintshoppro.com.au/forum/index.php
Happy to hear that you got the issue resolved :).
Hi Twitch,
This has been bugging me for a while but I was living with it until now ;)
When we get a PM popup or if we look at who 'Thanked' a post the popup spreads itself across the whole page as can be seen below.
I have attached a shot for SMF default and Bend.
Would you be kind enough to fix it please and let me know how I can do it so I don't have to re-install the theme, as mentioned before if I add a theme I have to uninstall at least 8 mods first.
According to the 'theme_info.xml' I'm using version 1.2. I'm not sure if that's the same as your last version which you list on the download page as 1.2.1.
Thanks for any help
Quote from: Dave J on August 06, 2022, 09:16:18 AMHi Twitch,
This has been bugging me for a while but I was living with it until now ;)
When we get a PM popup or if we look at who 'Thanked' a post the popup spreads itself across the whole page as can be seen below.
I have attached a shot for SMF default and Bend.
Would you be kind enough to fix it please and let me know how I can do it so I don't have to re-install the theme, as mentioned before if I add a theme I have to uninstall at least 8 mods first.
According to the 'theme_info.xml' I'm using version 1.2. I'm not sure if that's the same as your last version which you list on the download page as 1.2.1.
Thanks for any help
Interesting.. seems to only be a problem with that mods pop up window. (could still have other issues though)
Open custom.css and go to the bottom.
Find :
.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
position: relative;
width: auto;
z-index: 99;
border-radius: 0;
margin: 0 auto;
padding: 0;
background: none;
border: none;
box-shadow: none;
}Replace with -
.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
position: relative;
z-index: 99;
border-radius: 0;
margin: 0 auto;
padding: 0;
background: none;
border: none;
box-shadow: none;
}
.popup_heading {
padding: 10px 8px;
color: rgb(255,255,255);
background: linear-gradient(180deg, rgb(85, 126, 160) 0%, rgb(67, 98, 124) 100%);
}
.popup_heading, .main_icons.hide_popup {
color: rgb(255,255,255);
}
Quote from: TwitchisMental on August 06, 2022, 12:31:55 PMQuote from: Dave J on August 06, 2022, 09:16:18 AMHi Twitch,
This has been bugging me for a while but I was living with it until now ;)
When we get a PM popup or if we look at who 'Thanked' a post the popup spreads itself across the whole page as can be seen below.
I have attached a shot for SMF default and Bend.
Would you be kind enough to fix it please and let me know how I can do it so I don't have to re-install the theme, as mentioned before if I add a theme I have to uninstall at least 8 mods first.
According to the 'theme_info.xml' I'm using version 1.2. I'm not sure if that's the same as your last version which you list on the download page as 1.2.1.
Thanks for any help
Interesting.. seems to only be a problem with that mods pop up window. (could still have other issues though)
Open custom.css and go to the bottom.
Find :
.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
position: relative;
width: auto;
z-index: 99;
border-radius: 0;
margin: 0 auto;
padding: 0;
background: none;
border: none;
box-shadow: none;
}
Replace with -
.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
position: relative;
z-index: 99;
border-radius: 0;
margin: 0 auto;
padding: 0;
background: none;
border: none;
box-shadow: none;
}
.popup_heading {
padding: 10px 8px;
color: rgb(255,255,255);
background: linear-gradient(180deg, rgb(85, 126, 160) 0%, rgb(67, 98, 124) 100%);
}
.popup_heading, .main_icons.hide_popup {
color: rgb(255,255,255);
}
That seems to have done the trick Twitch at least it has for the 'Thanks' issue, I'm guessing it'll be OK for the PM notifications too.
Thank you
I'll send you a PM on my place and you can see if it's OK sometime
Quote from: Dave J on August 06, 2022, 12:48:41 PMQuote from: TwitchisMental on August 06, 2022, 12:31:55 PMQuote from: Dave J on August 06, 2022, 09:16:18 AMHi Twitch,
This has been bugging me for a while but I was living with it until now ;)
When we get a PM popup or if we look at who 'Thanked' a post the popup spreads itself across the whole page as can be seen below.
I have attached a shot for SMF default and Bend.
Would you be kind enough to fix it please and let me know how I can do it so I don't have to re-install the theme, as mentioned before if I add a theme I have to uninstall at least 8 mods first.
According to the 'theme_info.xml' I'm using version 1.2. I'm not sure if that's the same as your last version which you list on the download page as 1.2.1.
Thanks for any help
Interesting.. seems to only be a problem with that mods pop up window. (could still have other issues though)
Open custom.css and go to the bottom.
Find :
.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
position: relative;
width: auto;
z-index: 99;
border-radius: 0;
margin: 0 auto;
padding: 0;
background: none;
border: none;
box-shadow: none;
}
Replace with -
.popup_window, #main_menu .popup_window, #genericmenu .popup_window, #adm_submenus .popup_window {
position: relative;
z-index: 99;
border-radius: 0;
margin: 0 auto;
padding: 0;
background: none;
border: none;
box-shadow: none;
}
.popup_heading {
padding: 10px 8px;
color: rgb(255,255,255);
background: linear-gradient(180deg, rgb(85, 126, 160) 0%, rgb(67, 98, 124) 100%);
}
.popup_heading, .main_icons.hide_popup {
color: rgb(255,255,255);
}
That seems to have done the trick Twitch at least it has for the 'Thanks' issue, I'm guessing it'll be OK for the PM notifications too.
Thank you
I'll send you a PM on my place and you can see if it's OK sometime
Go ahead to confirm problem solved. I found one or two other things to fix so I am gonna release another update for this theme.
New Update
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.
For manual fixes -
1. Just replace the admin.css with the new admin.css.
2. See manual fix above.
3. In the index.template.php remove the extra "else" under the first custom sidebar. (Whoopsies.. kinda surprised no one reported this one lol)
4. See manual fix above.
Hi
1) may i know how to put image as a background?
2) how to change color of vertical icon on the lift side? (profile, unread,and so on). i've looking in the image folder, but couldn't find.
thank you
1. Open custom css and change the background-image: to whatever you would like.
For example -
background-image: url(../images/custom/yourbackground.png)
2. Open Custom.CSS find line 203
You will need to go and change the colors on a few different classes. There are a few different ones for the block itself and the icons.
Quote from: iqbalresources on August 17, 2022, 11:41:12 PMQuote from: TwitchisMental on August 17, 2022, 10:28:50 PM1. Open custom css and change the background-image: to whatever you would like.
For example -
background-image: url(../images/custom/yourbackground.png)
2. Open Custom.CSS find line 203
You will need to go and change the colors on a few different classes. There are a few different ones for the block itself and the icons.
thanks mate
1) i've edit at the beginning of the custom.css. but the background still not appear. something wrong with my code or placement? the image safely placed in images folder.
/* The Basics */
body {
background-image: url(../images/background.png)
background-image: linear-gradient(rgb(226, 233, 243) 0%, rgb(255, 255, 255) 70%);
}
a:link,a:visited {
color: rgb(85, 126, 160);
text-decoration: none;
}
2) noted with thanks
You need to remove the
background-image: linear-gradient(rgb(226, 233, 243) 0%, rgb(255, 255, 255) 70%);
aha. thanks mate!. ;) thumbs up
Quote from: iqbalresources on August 17, 2022, 11:44:39 PMaha. thanks mate!. ;) thumbs up
No problem, I always happy to help.
New Version Uploaded -
1.2.3:
Update : Updated for SMF 2.1.3
Adjustment : Adjusted breadcrumb so the arrows are all even.
New Version Uploaded
1.2.4:
Adjustment: Adjusted some colors for stickies,locked, and approved backgrounds.
Bug Fix: Fixed an issue with the moderation attention icon blocking the board stats on board index.
Update : Updated FontAwesome to the latest version.
Hi Twitch
There's a small issue with the navigate section.
If you look at the attached it looks like there is a border around the buttons.
I should add that this doesn't show on Firefox but it does on Brave which is chrome based.
Quote from: Dave J on February 15, 2023, 09:20:30 AMHi Twitch
There's a small issue with the navigate section.
If you look at the attached it looks like there is a border around the buttons.
I should add that this doesn't show on Firefox but it does on Brave which is chrome based.
Humm I thought I fixed this awhile back. Will try to get this resolved today.
Okay, I found a temp fix that will atleast make the lines go away.. however it brings back the not all even issue.
There seems to be some kind of conflict with the body font setting.. If I remove it completely, the breadcrumb displays properly on both browsers... As soon as I add it back.. it messes up.
This is also still messing with other themes too which I had "fixed" awhile back... makes no sense to be honest lol.
Edit : I uploaded a new version that will atleast have it working without the lines in between.. The arrows are just uneven now lol.
New Version Uploaded
1.2.5:
Update: Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted background colors for various moderation specific styles.
Adjustment: Adjusted the recent stats section to show less info on smaller screens.
Hey, I have been deploying this theme on my forum and it's been great so far, but I wanted to ask if you're available to commission for a custom version of this theme with some tweaks? Please let me know! If interested, I'm able to talk more via email :)
[email protected]
Quote from: ztcki on April 12, 2024, 12:05:31 AMHey, I have been deploying this theme on my forum and it's been great so far, but I wanted to ask if you're available to commission for a custom version of this theme with some tweaks? Please let me know! If interested, I'm able to talk more via email :) [email protected]
I can certainly create a custom version for you. Just give me a PM here :).