Will it wreak havoc to use an image here?

[Grammy]

This isn't really a coding question and, since my forum is 2.0.11, default, I thought this might be the place to ask:

Will it wreak havoc with the Database for any reason, if, instead of having text in the title of my first board, I simply have an image, instead?  (Of course, it doesn't center on the message index page, but I'm okay with that, I guess.)

I just wondered if the database requires text in the board name and if I will cause problems by using an image?

(attached shots)

[Illori]

you should not do that. now try to move a topic to that board and it will not show you the name of the board. you really should not be putting anything but text into the name of the board. if you have to dig into the database to do what you want, you really should not do it.

[Grammy]

you should not do that. now try to move a topic to that board and it will not show you the name of the board. you really should not be putting anything but text into the name of the board. if you have to dig into the database to do what you want, you really should not do it.

Alright, thanks for letting me know, Illori.  It's on a test board, so no harm done, but that's the purpose for testing.   

It's gone, then. 

[Grammy]

One last question, if you don't mind...

What if I do have text in the board title, along with the image?  Still a no-no?  (I opted for no description and just added text in the board name field along with the image link.)  Will that also screw things up?

(attached)

[Illori]

you should NOT use any HTML in the board title.

[Kindred]

there are 2 or 3 mods which allow you to add images or icons for boards...   do not put any html into the board title, and limited if any HTML (like bold) in the board description

[Grammy]

there are 2 or 3 mods which allow you to add images or icons for boards...   do not put any html into the board title, and limited if any HTML (like bold) in the board description

I'll go mod shopping, then.  Thanks!   

[Arantor]

I should demonstrate how to do this purely with CSS sometime, though it's awful hacky to do it that way. And it's going to be specific to one theme, and require jumping through hoops to get right.

You could just have an image in the board description though, far less messy, far more usable.

[Grammy]

I should demonstrate how to do this purely with CSS sometime, though it's awful hacky to do it that way. And it's going to be specific to one theme, and require jumping through hoops to get right.

You could just have an image in the board description though, far less messy, far more usable.

I long for that "Someday"!   

Well, I play around with themes, but my production forum will always be default.  I thought about CSS but my issue is that I only wanted the first board to be different.  It's the "Come Here All You New People And Learn How To Work This Thing" board and I wanted to tart it up a bit so that the newbies would be drawn to it.   But I couldn't wrap my head around making CSS affect only that one board.  It would seem I would still need to put some sort of HTML into the title to at least assign it to a class, so I hit a snag, there.  I didn't like the image in the description but, hey, if that's what I have to do, I'll concede.   

[Kindred]

#board_23 .info { background-image: url("yourimage.gif"); }

[Illori]

I should demonstrate how to do this purely with CSS sometime, though it's awful hacky to do it that way. And it's going to be specific to one theme, and require jumping through hoops to get right.

You could just have an image in the board description though, far less messy, far more usable.

http://www.simplemachines.org/community/index.php?topic=539000.0 somewhat has been done already, although here it is the description not the title.

[Grammy]

.board_23 #info { background-image: url("yourimage.gif"); }

Wow, thanks for that, Kindred!   

http://www.simplemachines.org/community/index.php?topic=539000.0 somewhat has been done already, although here it is the description not the title.

Thanks, I'll give that a read.   

[Arantor]

#board_23 .info { background-image: url("yourimage.gif"); }

I assumed the OP wanted to replace the board name out, not leave the text in, which requires manipulating the link specifically, which is all kinds of evil.

[Grammy]

I assumed the OP wanted to replace the board name out, not leave the text in, which requires manipulating the link specifically, which is all kinds of evil.

Well, that would be ideal...    I just didn't know how the database would react if I didn't have some sort of text in the title field. 

[Illori]

Well, that would be ideal...    I just didn't know how the database would react if I didn't have some sort of text in the title field. 

it would make it hard to move topics to a board without a title/name. using CSS to change it would not change the fact that you need a name in that field.

[Grammy]

it would make it hard to move topics to a board without a title/name. using CSS to change it would not change the fact that you need a name in that field.

That's true.  Plus, I assumed I'd need to be able to assign some sort of class to that board in order for the CSS to take affect, so HTML seems unavoidable.  If not, that'd be great and keeping text in the field would be fine.  I just want to keep the database happy.   

[Kindred]

Code Select Expand


#board_23 .info a {
    background-image: url("yourimage.gif") no-repeat;
    width: 0;
    height:##px; //where ## is the image height
    padding-left: ##px; // where ## is the exact image width
    color: transparent;
    display: inline-block;
    overflow: hidden;
}


not fully tested, but seems to work

[Illori]

this would also work given the browser is css3 compatible

Code Select Expand

a[href*="http://www.simplemachines.org/community/index.php?board=147.0"]{content: url("http://avatars.simplemachinesweb.com/smf/avatar_1261_1459591346.png");}

first URL is the url to the board, second is the URL to the image to replace the name with.

with my custom css for this site, this what the change looks like
replacing the board name for SMF 2.0.x Support with kindred's avatar.

that will also replace it in the linktree etc where that URL is found. does not effect where the name of the board is seen in other places like when moving topics.

[Grammy]

Code Select Expand


#board_23 .info a {
    background-image: url("yourimage.gif") no-repeat;
    width: 0;
    height:##px; //where ## is the image height
    padding-left: ##px; // where ## is the exact image width
    color: transparent;
    display: inline-block;
    overflow: hidden;
}


not fully tested, but seems to work

Aha!  Here is it with pure CSS and leaving text in the title field to play nice with the database!  I changed the image to be a blank sign, so that the text would ride on top of it.
 
(I omitted a description.  Is that necessary?)

[Grammy]

this would also work given the browser is css3 compatible

Code Select Expand

a[href*="http://www.simplemachines.org/community/index.php?board=147.0"]{content: url("http://avatars.simplemachinesweb.com/smf/avatar_1261_1459591346.png");}

CSS is fascinating stuff!