Advertisement:

Author Topic: A Neat Way To Enhance a Board!  (Read 9466 times)

Offline Grammy

  • Full Member
  • ***
  • Posts: 423
  • Gender: Female
  • Tire Kicker
A Neat Way To Enhance a Board!
« 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.

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

Offline Steve

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 3,935
  • Gender: Male
  • I have not yet begun to procrastinate.
Re: A Neat Way To Enhance a Board!
« Reply #1 on: July 09, 2016, 02:58:15 PM »
I'm thinking that maybe this should be moved to Tips/Tricks. :)

Pretty slick.
Please do not PM me for support.

Offline Grammy

  • Full Member
  • ***
  • Posts: 423
  • Gender: Female
  • Tire Kicker
Re: A Neat Way To Enhance a Board!
« Reply #2 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

Offline sǝๅqɯɐɥS

  • SMF Hero
  • ******
  • Posts: 4,511
  • Gender: Male
    • i30 Owners Club
Re: A Neat Way To Enhance a Board!
« Reply #3 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  ::)

Offline Grammy

  • Full Member
  • ***
  • Posts: 423
  • Gender: Female
  • Tire Kicker
Re: A Neat Way To Enhance a Board!
« Reply #4 on: July 09, 2016, 04:04:59 PM »
Wish I'd suggested that  ::)


Yeah, what's up with that???    ;D

Offline landyvlad

  • Jr. Member
  • **
  • Posts: 276
    • Michael Reed on Facebook
    • GSX1400 Owners ORG
Re: A Neat Way To Enhance a Board!
« Reply #5 on: February 13, 2017, 01:48:05 AM »
That's a great idea. Thanks for sharing !
Please do not PM, IM or Email me with questions on astrophysics or theology.  You will get better and faster responses by asking homeless people in the street. Thank you.

Offline SMiFFER

  • Jr. Member
  • **
  • Posts: 222
Re: A Neat Way To Enhance a Board!
« Reply #6 on: July 18, 2017, 12:44:30 PM »
Nice idea!
Thanks very much!
...coming from VB, using SMF since 2012, now hosting it myself
currently 2.0.15

Offline dougiefresh

  • SMF Hero
  • ******
  • Posts: 2,423
    • XPtsp.com Community
Re: A Neat Way To Enhance a Board!
« Reply #7 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 (it's not approved yet) to make it easier for admin to do this to their forum...
NOTICE:  My website is back up!

My Free Simple Machines mods on XPtsp.com and Simple Machines Customization Site!
My mods are being uploaded and are available at GitHub as well!

Offline lurkalot

  • Sr. Member
  • ****
  • Posts: 978
  • Gender: Male
  • Tinyportal Support
    • guitaristguild on Facebook
    • Tinyportal on GitHub
    • @GuitaristGuild on Twitter
    • Guitarist Guild
Re: A Neat Way To Enhance a Board!
« Reply #8 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 (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)

Offline dougiefresh

  • SMF Hero
  • ******
  • Posts: 2,423
    • XPtsp.com Community
Re: A Neat Way To Enhance a Board!
« Reply #9 on: November 18, 2017, 12:40:57 PM »
I finally got my website somewhat working again!  It's now available here, as well....  Please note that it has not been approved by the Customization Team, but it seems to work just fine....
NOTICE:  My website is back up!

My Free Simple Machines mods on XPtsp.com and Simple Machines Customization Site!
My mods are being uploaded and are available at GitHub as well!

Offline dougiefresh

  • SMF Hero
  • ******
  • Posts: 2,423
    • XPtsp.com Community
Re: A Neat Way To Enhance a Board!
« Reply #10 on: December 08, 2017, 08:59:56 PM »
Replace Board Title With Image mod has been approved!  Yay!
NOTICE:  My website is back up!

My Free Simple Machines mods on XPtsp.com and Simple Machines Customization Site!
My mods are being uploaded and are available at GitHub as well!