Simple Machines Community Forum

Customizing SMF => Tips and Tricks => Topic started by: Grammy on July 09, 2016, 09:57:27 AM

Title: A Neat Way To Enhance a Board!
Post by: Grammy on July 09, 2016, 09:57:27 AM
It was suggested that this might make a good Tips And Tricks?

This came about from a question I asked HERE (http://www.simplemachines.org/community/index.php?topic=547224.0).

I wanted to make one board (Forum Hints And Tips) really stand out for newbies, so my desire was to add an image to that board.  The issue for me was that the database would not be happy if I removed the board title and replaced it with an image or if I added HTML to the board title field.  The SMF staff walked me through it and the final solution is below. I use 2.0.11 default, but this is purely a CSS solution, so it should work on other themes.

Thank you so much to Kindred, Illori and Sir Osis for their great patience and instruction and to Antechinus for the final code:

Code: [Select]
#board_2 .info .subject {
    background: url("../images/FQ.jpg") no-repeat;
    width: 0;
    height:150px;
    padding-left: 650px;
    display: inline-block;
    overflow: hidden;
}

The width needs to be 0 and the padding-left is the exact width of your image.

That's my particular board number, image and dimensions.  Yours will vary.  Screenshot attached.

This solution allows me to still have text in the Forum Title field, even though it does not show.  I opted not to have anything in the description field and, in my case, simply Photoshopped what I wanted onto my image.  But you can certainly add a text description and moderators, as well, without issue.  (The second screenshot shows that option.)

Yippee!   :D
Title: Re: A Neat Way To Enhance a Board!
Post by: Steve on July 09, 2016, 02:58:15 PM
I'm thinking that maybe this should be moved to Tips/Tricks. :)

Pretty slick.
Title: Re: A Neat Way To Enhance a Board!
Post by: Grammy on July 09, 2016, 03:26:29 PM
I'm thinking that maybe this should be moved to Tips/Tricks. :)

Pretty slick.

Thanks, Steve!!  (Though, I may never want to see another squirrel, again.)     :D
Title: Re: A Neat Way To Enhance a Board!
Post by: sǝๅqɯɐɥS on July 09, 2016, 03:53:43 PM
Quote from: Steve
I'm thinking that maybe this should be moved to Tips/Tricks. :)

Wish I'd suggested that  ::)
Title: Re: A Neat Way To Enhance a Board!
Post by: Grammy on July 09, 2016, 04:04:59 PM
Wish I'd suggested that  ::)


Yeah, what's up with that???    ;D
Title: Re: A Neat Way To Enhance a Board!
Post by: landyvlad on February 13, 2017, 01:48:05 AM
That's a great idea. Thanks for sharing !
Title: Re: A Neat Way To Enhance a Board!
Post by: SMiFFER on July 18, 2017, 12:44:30 PM
Nice idea!
Thanks very much!
Title: Re: A Neat Way To Enhance a Board!
Post by: dougiefresh on November 18, 2017, 11:52:21 AM
I hope you don't mind, but I made a mod titled Replace Board Title With Image (https://custom.simplemachines.org/mods/index.php?mod=4162) (it's not approved yet) to make it easier for admin to do this to their forum...
Title: Re: A Neat Way To Enhance a Board!
Post by: lurkalot on November 18, 2017, 11:59:23 AM
I hope you don't mind, but I made a mod titled Replace Board Title With Image (https://custom.simplemachines.org/mods/index.php?mod=4162) (it's not approved yet) to make it easier for admin to do this to their forum...

Nice. Look forward to trying that one.  8)
Title: Re: A Neat Way To Enhance a Board!
Post by: dougiefresh on November 18, 2017, 12:40:57 PM
I finally got my website somewhat working again!  It's now available here (http://www.xptsp.com/board/index.php?topic=1615.0), as well....  Please note that it has not been approved by the Customization Team, but it seems to work just fine....
Title: Re: A Neat Way To Enhance a Board!
Post by: dougiefresh on December 08, 2017, 08:59:56 PM
Replace Board Title With Image (http://custom.simplemachines.org/mods/index.php?mod=4162) mod has been approved!  Yay!