Bend

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

Previous topic - Next topic

TwitchisMental

Quote from: lord alibaski on May 23, 2022, 04:20:20 PM
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.


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.


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

Antechinus

You can rejig to CSS to handle individual icons if you like. It's not a big deal.

lord alibaski

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

Antechinus

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.

lord alibaski

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
You cannot view this attachment.

on2
You cannot view this attachment.


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
You cannot view this attachment.

Thanks for any help.



Antechinus

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

lord alibaski

Hmmm that worked on wamp but on a live forum it was blank!!

Antechinus


lord alibaski

Tried that straight away didn't work

You cannot view this attachment.


Can you just edit the css for me please Antechinus please

You cannot view this attachment.

Don't understand why it's working on wamp but not a live board.

Antechinus

Excessively specific default CSS again. :P

lord alibaski

Nope still not working  :-\

Antechinus

Without seeing what you are running live I cannot help any more than I already have,

lord alibaski

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.

lord alibaski

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

Antechinus

Yeah, that would do it. :D Glad you got it working.

TurtleKicker

Any chance of having an "official" demo site somewhere maintained with the latest version?  Would love to see Bend in action.

TwitchisMental

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 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.
My SMF Themes - Remixed Breadcrumb Tutorial
Need a Custom SMF Theme? Send me a message.

beermoney

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

TwitchisMental

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.

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

beermoney

@TwitchisMental that fixed it all except for the .border-wrap and .cat_bar border-radius.

Advertisement: