Advertisement:

Author Topic: Adding a picture to categories  (Read 41746 times)

Offline nay27uk

  • Full Member
  • ***
  • Posts: 573
  • Gender: Male
    • Lister Hosting
Adding a picture to categories
« 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
« Last Edit: November 27, 2005, 08:00:12 PM by Amacythe »

Offline codenaught

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 14,653
  • Gender: Male
  • Formerly Known As akabugeyes
Re: Interesting thing
« Reply #1 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" />
Dev Consultant
Former SMF Doc Coordinator

Offline nay27uk

  • Full Member
  • ***
  • Posts: 573
  • Gender: Male
    • Lister Hosting
Re: Interesting thing
« Reply #2 on: November 27, 2005, 11:28:12 AM »
ah thanks

Offline nay27uk

  • Full Member
  • ***
  • Posts: 573
  • Gender: Male
    • Lister Hosting
Re: Interesting thing
« Reply #3 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/



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

« Last Edit: November 27, 2005, 01:19:27 PM by nay27uk »

Offline Amacythe

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 19,060
  • Gender: Female
Re: Interesting thing
« Reply #4 on: November 27, 2005, 07:58:35 PM »
Thank you for posting your solution.  I'm going to move this to Tips and Tricks.

Offline Ed Bowers

  • Semi-Newbie
  • *
  • Posts: 31
Re: Adding a picture to categories
« Reply #5 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!
Proud Paratrooper of the 82nd Abn Div.

US Paratroopers
History, Camaraderie, Service

Offline houston

  • Jr. Member
  • **
  • Posts: 149
Re: Adding a picture to categories
« Reply #6 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.

Offline Newsted

  • Semi-Newbie
  • *
  • Posts: 46
  • Use Your Illusion
Re: Adding a picture to categories
« Reply #7 on: September 23, 2008, 03:46:05 PM »
For a different option, take a look:

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

Offline matasanos

  • Jr. Member
  • **
  • Posts: 267
    • Lords-Beer.net
Re: Adding a picture to categories
« Reply #8 on: September 27, 2008, 06:14:09 AM »
really interesting
thanks!

Offline MeowMommy

  • Semi-Newbie
  • *
  • Posts: 35
Re: Adding a picture to categories
« Reply #9 on: November 07, 2008, 01:47:07 AM »
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!  :)

Offline Oldiesmann

  • Developer
  • SMF Super Hero
  • *
  • Posts: 24,814
  • Gender: Male
  • Ask me about the function DB :)
    • oldiesmann on Facebook
    • Oldiesmann on GitHub
    • http://www.linkedin.com/in/michaeleshom on LinkedIn
    • @oldiesmann on Twitter
    • Archie Comics Fan Forum
Re: Adding a picture to categories
« Reply #10 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 :)
Michael Eshom
Webmaster / SMF Lead Developer
oldiesmann@simplemachines.org

Offline NHWD

  • Jr. Member
  • **
  • Posts: 304
Re: Adding a picture to categories
« Reply #11 on: December 13, 2008, 11:23:16 PM »
was that done with photoshop and slices?

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,673
  • Gender: Male
  • Premium SMF Themes
    • idesign360 on Facebook
    • @idesign360 on Twitter
Re: Adding a picture to categories
« Reply #12 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.

Code: [Select]
<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>
« Last Edit: December 14, 2008, 12:20:46 AM by BlueDevil »

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,673
  • Gender: Male
  • Premium SMF Themes
    • idesign360 on Facebook
    • @idesign360 on Twitter
Re: Adding a picture to categories
« Reply #13 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...

Offline Newsted

  • Semi-Newbie
  • *
  • Posts: 46
  • Use Your Illusion
Re: Adding a picture to categories
« Reply #14 on: December 14, 2008, 03:23:32 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/

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,673
  • Gender: Male
  • Premium SMF Themes
    • idesign360 on Facebook
    • @idesign360 on Twitter
Re: Adding a picture to categories
« Reply #15 on: December 14, 2008, 04:09:08 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.



Offline Newsted

  • Semi-Newbie
  • *
  • Posts: 46
  • Use Your Illusion
Re: Adding a picture to categories
« Reply #16 on: December 15, 2008, 04:01:33 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.

Offline NHWD

  • Jr. Member
  • **
  • Posts: 304
Re: Adding a picture to categories
« Reply #17 on: December 16, 2008, 11:37:44 PM »
wont this make the forum slower because of all the pictures?

Offline FullDraw

  • Semi-Newbie
  • *
  • Posts: 42
Re: Adding a picture to categories
« Reply #18 on: December 18, 2008, 07:21:10 AM »
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/



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

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,673
  • Gender: Male
  • Premium SMF Themes
    • idesign360 on Facebook
    • @idesign360 on Twitter
Re: Adding a picture to categories
« Reply #19 on: December 18, 2008, 02:14:21 PM »
wont this make the forum slower because of all the pictures?

i would think so.