Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2 

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
ReplyQuote
Posticon & Clickable Smiley title bars?


Hi,

I have noticed that the title bars for the posticons and clickable smilies on some boards have a background (some are colors some are graphics) but I can not seem to find out where this is done or how.

Could you show me please?

---

Advertise Boards On TRDConceptsDE
10/4/2006, 4:06 am Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


Hi Pastor Rick,

The class name for the post icon header is "ak_subject_posticon_head_td"

Since you are using the scrolling smiley box, the class you will need to use for the header of your smiley box is "smileyhead". People who are not using the scrolling smiley box should not try to use the smileyhead class, because it won't work for them.

Assuming you want the same background image and font color that you're using for other headers, you can define them both in one shot in your CSS like this:

.ak_subject_posticon_head_td, .smileyhead {
    background: #aa0000 url(http://i81.photobucket.com/albums/j212/pelinor/redsilk66.jpg);
    color: #ffffaa;
}

I hope this helps! emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
10/4/2006, 8:56 am Link to this post PM Lesigner Girl Read Blog
 
James Long Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 04-2006
Posts: 15
Karma: 1 (+1/-0)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


Hello Lesigner Girl,

I would like to get a color on my "clickable Smilies" title bar but I do not have a graphic like Pastor Rick has. Do I need one?

---
Goingggggg
James Long
10/14/2006, 10:02 pm Link to this post PM James Long
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


No, you don't need an image if you just want to add a background color. Where you currently have this:

.smileyhead { width:200px; font:bold 13px verdana; }

Just change that to:

.smileyhead { width:200px; font:bold 13px verdana; background-color:#8bbeed; }

Or you might want to go one step further and add a border around it:

.smileyhead { width:200px; font:bold 13px verdana; background-color:#8bbeed; border:1px solid #0099ff; }

Maybe even add a little padding:

.smileyhead { width:200px; font:bold 13px verdana; background-color:#8bbeed; border:1px solid #0099ff; padding: 3px; }

I hope this helps. emoticon



---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
10/15/2006, 3:45 pm Link to this post PM Lesigner Girl Read Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


Hi Lesigner Girl emoticon,

I am having trouble getting my Posticon and Clickable Smilies the way I want them at Meadow's Green.

I want to spread the Posticon table the way you have it here and my attempt to create the titlebar for the Clickable Smilies is not working emoticon.

If you get the chance would you mind looking at it and tell me what I am doing wrong? Thanks,


---

Advertise Boards On TRDConceptsDE
11/29/2006, 3:51 am Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


Hi Pastor Rick! emoticon

First the easy part. In your CSS, change this:

.ak_subject_posticon_table
{padding:0px;text-align:center;color:#000000; font-family:georgia,verdana,tahoma,arial; font-size:12px;border:none;background-color:#006600; margin-bottom:5px}

to this:

.ak_subject_posticon_table {padding:0px;text-align:center;color:#000000; font-family:georgia,verdana,tahoma,arial; font-size:12px;border:none;background-color:#006600; margin-bottom:5px; width: 100%; }

Don't forget to add the semi-colon after margin-bottom:5px. Now for the smileys. Since there is no class name for the table cell in question, it makes things a bit more difficult than just defining a class. If you were using the grid, you could use one background for smiley_box_h and then cover it up with another background in smiley_box_b. But without the grid, you have no smiley_box_b. With different sized smileys, however, I would not suggest re-enabling the grid, and I'm sure you agree since you disabled it in the first place. emoticon

If you are willing to do without the 10px padding, you can go into your CLS and put a div around "Clickable smilies" like <div>Clickable smilies</div>, and then it's a simple matter to define that in your CSS. You can even add the padding to that div, but your smileys won't have the padding. You can, however, add small margins around all of your smileys. The smaller the margins, the more cluttered it looks, and the bigger the margins the more space they take up. I personally think a 3px margin is a good compromise, but that would be up to you.

Here's how to do what I propose:

Like I said, put <div></div> around the words "Clickable smilies" in your CLS. Then, in your CSS...

Change this:

.msgform_clickable_smiley_box_h {padding-left:10px;padding-right:10px; font-family:georgia,verdana; font-size:12px; border:none; background-color:#006600; color:#000000}

to this:

.msgform_clickable_smiley_box_h
{padding:0; font-family:georgia,verdana; font-size:12px; border:none; background-color:#006600; color:#000000}

and add this after it:

.msgform_clickable_smiley_box_h div {
  padding: 3px 10px;
  add your background and anything else you want for your smiley header here
}
.msgform_clickable_smiley_box_h img {
  margin: 3px; vertical-align: middle;
}

The vertical-align on the images is just a suggestion, and you can leave it out.

I bolded div and img to help you make some sense out of the code, so you can know how to define other things this way. The first one pertains to any <div> that is nested inside anything with the class name "msgform_clickable_smiley_box_h", and the 2nd one pertains to any image <img> that is nested within that class name. It works the same way as this:

.miscoptbar a:link, .miscoptbar a:visited { color: #880000; }

That line means, if there is any unvisited link or visited link inside anything with the class name "miscoptbar", then make it dark red.

.miscoptbar a:hover { color: #00CC00; }

Now those same links will be green when they are hovered on, but go back to red if you move your cursor off of them without clicking.

Using the same concept: If you want to center all the images and the header, you can add this to your CSS:

.msgform_clickable_smiley_box_h td { text-align:center; }

------

On a side note, I noticed a couple of typos in this line:

.ak_subject_posticon_head_td {{background: #006600; color: #ffc836; font-family:georgia,verdana,tahoma,arial; font:bold 12px; georgia,verdana; border:1px solid #000000; padding: 3px;}}

I'm sure you can see what needs to be deleted, and you might want to paste all of your CSS into the validator to double-check everything else.

Happy tinkering! emoticon You've done quite well so far, and I look forward to seeing what you come up with next. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
11/30/2006, 2:15 am Link to this post PM Lesigner Girl Read Blog
 
monitorp Profile
Live feed
Blog
Friends
Miscellaneous info



Registered: 01-2004
Posts: 112
Karma: 0 (+0/-0)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


Speak of clickable smileys, I happen to have a non-RB board where someone provided me with an insertable script (I forget - maybe it was Javascript) - which acted to replace the built-in (default) smilies with some "expressive" smilies of my own choice that were more compatible with the theme of my board.

So, to give one example, let's say a member would click on one of my WRY smilies, the text box might display:

:sad: or :angry: or whatever
BUT...
 the actual smilie would Preview as a wry-expression smilie.

Same idea as Voiz Disguise misrepresenting a female's voice as a male or child.

---
Monitorp, Administrator
Administrate sporadically, due to monitor health issues

2/11/2007, 3:41 pm Link to this post PM monitorp
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


It sounds like you're talking about Proboards, where you can use their word filter (no javascript needed) to replace smiley code (instead of a bad word) with the UBBCode for an image (instead of the replacement word). But that hack isn't needed here, where all we have to do is fill in a form. emoticon

If you're asking for specifics on how to do this, please remember that this forum is for help with customizing Runboards, and no other board system. If I answer that question, a bunch of other people might start posting here or filling my inbox with PMs to ask me how to do things with boards that I've either never used, or haven't used in so long that I've forgotten all the hacks. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
2/12/2007, 2:43 am Link to this post PM Lesigner Girl Read Blog
 
monitorp Profile
Live feed
Blog
Friends
Miscellaneous info



Registered: 01-2004
Posts: 112
Karma: 0 (+0/-0)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


Actually it's not proboards.

And this board's smilies make that other board's a loser by comparison.

Not that their experts didn't also offer an alternative similar to this one, BUT they weren't clickable. Rather, (if I remember correctly) they involved placing code into the restricted words list, and then required typing out, for example, colon em colon.

No matter, just putting in my silly 2 cents.

---
Monitorp, Administrator
Administrate sporadically, due to monitor health issues

2/15/2007, 12:16 am Link to this post PM monitorp
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Posticon & Clickable Smiley title bars?


I used one, uh, slEaZy *cough* board system that didn't have clickable smilies, but they didn't use a banned word filter to add them. Oh well, I guess it doesn't matter who they were. It only matters that Runboard makes it easy to add clickable smilies to a board. emoticon

I don't think your 2¢ are silly. emoticon It never hurts to remind people of things that make Runboard a really good system. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
2/17/2007, 10:35 pm Link to this post PM Lesigner Girl Read Blog
 


Add to this discussion

Jump to Page:  1  2 



You are not logged in (login)
Back To Top

This board's time is GMT.