News:

Wondering if this will always be free?  See why free is better.

Main Menu

Adding a picture to categories

Started by nay27uk, November 27, 2005, 11:15:10 AM

Previous topic - Next topic

nay27uk

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

codenaught

Just add a HTML image tag to your forum's descriptions.

<img src="http://exampleurl.aka/example.gif" />
Dev Consultant
Former SMF Doc Coordinator

nay27uk


nay27uk

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


Amacythe

Thank you for posting your solution.  I'm going to move this to Tips and Tricks.

Ed Bowers

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

houston

Now that I have access to my board modifcation panel again,  I can add this nice little touch to them. Thanks for the tip.

Newsted


matasanos


MeowMommy

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!  :)

Oldiesmann

Newsted, would you mind sharing how you did that? I'm sure many people would be interested in that info :)
Michael Eshom
Christian Metal Fans

NHWD

was that done with photoshop and slices?

Mick.

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


Mick.

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

Newsted

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/

Mick.

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.



Newsted

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.

NHWD

wont this make the forum slower because of all the pictures?

FullDraw

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/




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

Mick.

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.   

Advertisement: