Simple Machines Community Forum

Customizing SMF => Tips and Tricks => Topic started by: nay27uk on November 27, 2005, 11:15:10 AM

Title: Adding a picture to categories
Post by: nay27uk on November 27, 2005, 11:15:10 AM
i just found this site and like how the forum categories have a picture in it. can you do this with SMF and if so how http://www.ukwhitegoods.co.uk/modules.php?name=Forums (http://www.ukwhitegoods.co.uk/modules.php?name=Forums)
Title: Re: Interesting thing
Post by: codenaught on November 27, 2005, 11:25:12 AM
Just add a HTML image tag to your forum's descriptions.

<img src="http://exampleurl.aka/example.gif" />
Title: Re: Interesting thing
Post by: nay27uk on November 27, 2005, 11:28:12 AM
ah thanks
Title: Re: Interesting thing
Post by: nay27uk on November 27, 2005, 01:07:22 PM
ok have done this makes things look better. you need to add a few tables as well to get everything in place nice. the code is bellow. just change the parts in red to whatever you are using and past it as the description for your board.
this is how it looks when done http://www.sell-uk.net/swingerpost/ (http://www.sell-uk.net/swingerpost/)




<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
    <tr>
      <td width="77%">
      <p align="left">Your Board Description Goes Here</td>
      <td width="124%">
      <img border="0" src="Path To Your Stored Image" width="Image Width" height="Image Height" align="Wher Do You Want The Image Placed I.E center"></td>
    </tr>
  </table>
  </center>
</div>

Title: Re: Interesting thing
Post by: Amacythe on November 27, 2005, 07:58:35 PM
Thank you for posting your solution.  I'm going to move this to Tips and Tricks.
Title: Re: Adding a picture to categories
Post by: Ed Bowers on November 27, 2005, 08:26:38 PM
Awesome, I never even considered putting graphics in the categories.  I'm going to go play with it now. 

This place ROCKS! (http://usparatroopers.org/newboard/Smileys/default/headbang.gif)
Title: Re: Adding a picture to categories
Post by: houston on December 02, 2005, 10:06:50 PM
Now that I have access to my board modifcation panel again,  I can add this nice little touch to them. Thanks for the tip.
Title: Re: Adding a picture to categories
Post by: Newsted on September 23, 2008, 03:46:05 PM
For a different option, take a look:

http://www.modelevi.com/smf/index.php?action=forum
Title: Re: Adding a picture to categories
Post by: matasanos on September 27, 2008, 06:14:09 AM
really interesting
thanks!
Title: Re: Adding a picture to categories
Post by: MeowMommy on November 07, 2008, 01:47:07 AM
Quote from: Newsted on September 23, 2008, 03:46:05 PM
For a different option, take a look:

http://www.modelevi.com/smf/index.php?action=forum

This is EXACTLY the kind of thing I'd like to do on my site, but I'm not far removed from a total n00b when it comes to PHP.

I think I get the basics of coding it - I don't even care about the board descriptions being on the main page because I can just add text to the images I use if I think it needs them. What I can't figure out at all is which file this is in, and where in the file it is.

Thanks!  :)
Title: Re: Adding a picture to categories
Post by: Oldiesmann on December 13, 2008, 11:06:20 PM
Newsted, would you mind sharing how you did that? I'm sure many people would be interested in that info :)
Title: Re: Adding a picture to categories
Post by: NHWD on December 13, 2008, 11:23:16 PM
was that done with photoshop and slices?
Title: Re: Adding a picture to categories
Post by: Mick. on December 13, 2008, 11:46:48 PM
I figured it out.    Just Photoshop your own.

Place this code in the board name and leave the description empty.

Make sure you edit your own URL's and resize if necessary.

<a href="url to board goes here" target="_top"> <img height="68" width="468" border="0" src="url to image" alt="your alt text here" /></a>

Title: Re: Adding a picture to categories
Post by: Mick. on December 14, 2008, 12:02:31 PM
Theres more to this.    When i add the images,they work like they should in the boards but....

....when inside the board,and look at at the link tree,the image appears as well and shrunk.

Only if i can figure out the link tree stays the same as before.  Just text.   Hmmmm...
Title: Re: Adding a picture to categories
Post by: Newsted on December 14, 2008, 03:23:32 PM
Quote from: Oldiesmann on December 13, 2008, 11:06:20 PM
Newsted, would you mind sharing how you did that? I'm sure many people would be interested in that info :)
Sure, i removed the borders between forums and wrote image code into forum description.
It's very simple but really looks good, just need to do some photoshop work.

Another ex: http://www.chinesedemocracy.com/forum/
Title: Re: Adding a picture to categories
Post by: Mick. on December 14, 2008, 04:09:08 PM
Quote from: Newsted on December 14, 2008, 03:23:32 PM
Quote from: Oldiesmann on December 13, 2008, 11:06:20 PM
Newsted, would you mind sharing how you did that? I'm sure many people would be interested in that info :)
Sure, i removed the borders between forums and wrote image code into forum description.
It's very simple but really looks good, just need to do some photoshop work.

Another ex: http://www.chinesedemocracy.com/forum/

It would be great if you could post a "how-to"? Perhaps in a new topic.


It decided not to do this in my forum as i have 150 boards.   LOL

But this could work great in the "Links" & Articles" mod.


Title: Re: Adding a picture to categories
Post by: Newsted on December 15, 2008, 04:01:33 PM
Quote from: BlueDevil on December 14, 2008, 04:09:08 PM
Quote from: Newsted on December 14, 2008, 03:23:32 PM
Quote from: Oldiesmann on December 13, 2008, 11:06:20 PM
Newsted, would you mind sharing how you did that? I'm sure many people would be interested in that info :)
Sure, i removed the borders between forums and wrote image code into forum description.
It's very simple but really looks good, just need to do some photoshop work.

Another ex: http://www.chinesedemocracy.com/forum/

It would be great if you could post a "how-to"? Perhaps in a new topic.


It decided not to do this in my forum as i have 150 boards.   LOL

But this could work great in the "Links" & Articles" mod.

Sure, I will write it down as soon as possible.
Title: Re: Adding a picture to categories
Post by: NHWD on December 16, 2008, 11:37:44 PM
wont this make the forum slower because of all the pictures?
Title: Re: Adding a picture to categories
Post by: FullDraw on December 18, 2008, 07:21:10 AM
Quote from: nay27uk on November 27, 2005, 01:07:22 PM
ok have done this makes things look better. you need to add a few tables as well to get everything in place nice. the code is bellow. just change the parts in red to whatever you are using and past it as the description for your board.
this is how it looks when done http://www.sell-uk.net/swingerpost/ (http://www.sell-uk.net/swingerpost/)




<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
    <tr>
      <td width="77%">
      <p align="left">Your Board Description Goes Here</td>
      <td width="124%">
      <img border="0" src="Path To Your Stored Image" width="Image Width" height="Image Height" align="Wher Do You Want The Image Placed I.E center"></td>
    </tr>
  </table>
  </center>
</div>




Thank You, this works very well. I will be making my own ads and using them soon.
Title: Re: Adding a picture to categories
Post by: Mick. on December 18, 2008, 02:14:21 PM
Quote from: CL0WNER on December 16, 2008, 11:37:44 PM
wont this make the forum slower because of all the pictures?

i would think so.   
Title: Re: Adding a picture to categories
Post by: Fat_Man on March 21, 2009, 02:47:19 AM
I got the picture into the forum Category - It looks like there is some form of padding around it.
How do i get rid of it so the picture fits into the box perfectly.

Title: Re: Adding a picture to categories
Post by: ShawnH on April 26, 2009, 06:10:44 PM
Is there a way to add a hyperlink to the linked picture in the category???
Title: Re: Adding a picture to categories
Post by: Aleksi "Lex" Kilpinen on July 08, 2009, 02:12:14 PM
Quote from: ShawnH on April 26, 2009, 06:10:44 PM
Is there a way to add a hyperlink to the linked picture in the category???
Basically it should work like this
<a href="http://www.example.com"><img src="http://exampleurl.aka/example.gif" /></a>

Depending on the method you used to add the image itself :)
Title: Re: Adding a picture to categories
Post by: dkharp on September 30, 2009, 04:51:17 PM
This is cool!

How do you get it to look like this.

http://www.texasteamplayers.com/index.php?action=forum (http://www.texasteamplayers.com/index.php?action=forum)

Or How do you get it to align top right?
Title: Re: Adding a picture to categories
Post by: Akyhne on September 30, 2009, 06:26:14 PM
I think that site is using a mod for the same.

http://custom.simplemachines.org/mods/index.php?mod=1266
Title: Re: Interesting thing
Post by: sadiakomal on March 17, 2010, 06:02:48 AM
Quote from: akabugeyes on November 27, 2005, 11:25:12 AM
Just add a HTML image tag to your forum's descriptions.

<img src="http://exampleurl.aka/example.gif" />

google adsense will work in the same place ?
Title: Re: Adding a picture to categories
Post by: james_0_0_7 on March 17, 2010, 11:16:51 AM
I think no as google adsense include script code not the plain html :D
Title: Re: Adding a picture to categories
Post by: bucharest on March 26, 2010, 04:06:39 AM
<img src ="http://www.jillstanek.com/breaking.jpg/>


can anyone explain what im doing wrong here,i want to posta pic with certain topics?

In the description area

oh i see now

<img src ="http://www.jillstanek.com/breaking.jpg"/>

al ok now for this one
Title: Re: Adding a picture to categories
Post by: nfn13187 on May 12, 2010, 04:26:38 PM
thanks for this