Customizing SMF > Tips and Tricks

A Neat Way To Enhance a Board!

(1/3) > >>

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: ---#board_2 .info .subject {
    background: url("../images/FQ.jpg") no-repeat;
    width: 0;
    padding-left: 650px;
    display: inline-block;
    overflow: hidden;
--- End code ---

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

I'm thinking that maybe this should be moved to Tips/Tricks. :)

Pretty slick.


--- Quote from: Steve on July 09, 2016, 02:58:15 PM ---I'm thinking that maybe this should be moved to Tips/Tricks. :)

Pretty slick.

--- End quote ---

Thanks, Steve!!  (Though, I may never want to see another squirrel, again.)     :D


--- Quote from: Steve ---I'm thinking that maybe this should be moved to Tips/Tricks. :)

--- End quote ---

Wish I'd suggested that  ::)


--- Quote from: Shambles on July 09, 2016, 03:53:43 PM ---Wish I'd suggested that  ::)

--- End quote ---

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


[0] Message Index

[#] Next page

Go to full version