board description as an image

[mayday]

My site is click, and i want to make the board images either look like click or where the picture doesnt have to be 300x51, something that covers the whole board. Or even, when you hover over it, it shows the image, and then i can have a board description. I really want that more so than the example. Where you can hover over the board description and a picture appears. Thank you.

[Tumbleweed]

Nov 4, 2015 20:05:44 GMT -8 mayday said:

My site is click, and i want to make the board images either look like click or where the picture doesnt have to be 300x51, something that covers the whole board. Or even, when you hover over it, it shows the image, and then i can have a board description. I really want that more so than the example. Where you can hover over the board description and a picture appears. Thank you.

Just wanted you to know I saw your post. Just haven't had time to do anything with it yet. You can do a simple hover just by adding this to your style sheet: (Ileft a image in there if you want to quick try it.

#board-3:hover{
background-image:url(http://i657./uu300/EliteList/400x400/Glby-1/glby35_5_zpstgibqjtk.png);
background-repeat:repeat;
}

With each board having a different image but I'm sure you want a nice fade in affect and also with your board remodel I bet you'd want it inside the black thin border you have, right? That might be this then:

#board-3 .boardremod:hover{
background-image:url(http://i657./uu300/EliteList/400x400/Glby-1/glby35_5_zpstgibqjtk.png);
background-repeat:repeat;
}

I'll see if I can get that fade in transition working sometime tomorrow, I hope, if you want that. Let me know if I'm on the right track.

[mayday]

Thank you so much. For each board do i do #board-1:hover{ #board-2:hover{ #board-3:hover{ (obviously with the complete code)

[Tumbleweed]

Nov 9, 2015 21:01:00 GMT -8 mayday said:

Thank you so much. For each board do i do #board-1:hover{ #board-2:hover{ #board-3:hover{ (obviously with the complete code)

Yep, exactly if you want a different image on each board so it would be:

#board-1 .boardremod:hover{
background-image:url(http://differentimage1.png);
background-repeat:repeat;
}
#board-2 .boardremod:hover{
background-image:url(http://differentimage2.png);
background-repeat:repeat;
}

If more than one board had the same image it would be a comma and then the next board id like so:

#board-1 .boardremod:hover, #board-2 .boardremod:hover, #board-3 .boardremod:hover{
background-image:url(http://differentimage1.png);
background-repeat:repeat;
}

And I'm sorry, I haven't had time to work on a fade transition but I know that would sure be nice. I'll post if I do work something out.

[mayday]

do i put the name of the board where it said board-1 etc? im sorry for all the questions. and take your time. thank you.

[Tumbleweed]

Nov 12, 2015 2:27:03 GMT -8 mayday said:

do i put the name of the board where it said board-1 etc? im sorry for all the questions. and take your time. thank you.

Do worry about asking questions. That's why I am here.
All of your boards are numbered, 1, 2, 3, 4, and so on. You can simply click on the board, look in the address bar and it'll say what board or simply just hover over the board and at the bottom of your screen you'll get the address, I think, on most browsers.

So like here is the link to one board on my test site:

putteraroundviii.proboards.com/board/4/putter-rules

So then the class would be: #board-4:hover

[mayday]

citylifetesting.freeforums.net/
okay. i understand now! the place holder is 600x400 or 400x600, i dont remember which one. I used that image size, and it cut off half the image, then i started to play around with the image size. what should i use? I might do it where theres the picture, and then the picture hover... but the image sizes are throwing me off.
citylifedogrp.proboards.com/ the images on here are stretched out, but i believe are 300x51. I think love struck has a board modification thing stopping something, or maybe i just need to make the pictures at a different pixels. Thank you for being so helpful. when you ever get time to make the transition one, hopefully by then i can just transfer things over(: