Runboard.com
You're welcome.
Runboard Extra! Runboard Support Runboard Knowledge Base
~ Board of the Month ~Board of the Month

October BotP Poll

View Wall of Honor
~ RB Popular Site ~
~ RB Outstanding Site ~

runboard.com       You are not logged in.

Page:  1  2 

 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
posticon Help with HTML and CSS at Temple of Illusia


If you want to learn how to customize your Runboard without having to ask, "Where do I change the font size for posts?" or "How do I change the background color of the post submit button?" visit ]Illustrated Secrets of Design, located at ]Temple of Illusia. Of course, questions are still welcome, if you can't find your answer or don't understand something.

At ]Illustrated Secrets of Design, you will find visual reference tools to help you figure out what's what.

The ]Runboard CSS Class Charts deals with the Custom CSS area and shows, at a glance, all the different classes used on Runboard message boards.

]Layout/Colors Explained with Screen Grabs pertains to the Layout/Colors screen of your board's control panel. It includes screen grabs to show which areas of your board are affected by each option, highlighted in red, and further explains how some of the options work.

I also threw together a ]CSS Practice Page for people who are unfamiliar with how CSS works.

If you have a unique and interesting idea and you're not sure it can be done, feel free to |pleasedo=postnew]stop by and ask! One person had a really unique and interesting idea for an affiliates scroller (at least I'd never seen it done before). He supplied the idea and the graphics, and I was able to write the code, as well as split one of the graphics into a foreground and background to create the desired illusion.

There are already some great boards on the Runboard system for getting help with customization (Runboard Support, Tips & Tricks, Josh's Board Skins, etc), but hopefully my visuals will help you to better understand what you're doing so you can create some fantastic layouts on your own.

emoticon

Last edited by Lesigner Girl, 5/17/2008, 9:05 pm


---
Runboard Knowledge Base
Website Creation Tutorials
3/2/2006, 10:10 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
mixmax2 Profile
Live feed
Blog
Friends
Miscellaneous info

Directory Friend
Top of the page

Registered: 05-2006
Posts: 11
Karma: 0 (+0/-0)
Reply Quote
Re: Illustrated Secrets of Design—for Runboard admins


Would you mind if I added a link to your site on mine because your Secrets of Design section is very helpful?

---

5/29/2006, 7:17 pm Link to post Email mixmax2   PM mixmax2
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Illustrated Secrets of Design—for Runboard admins


I don't mind at all, mixmax! emoticon Thank you very much. emoticon


Edit:

While I'm here, I might as well mention the code I came up with for a scrollable clickable smiley box.  If you have a lot of huge smileys that stretch out your page, this topic is for you!

Also, thanks to mixmax asking how I got a logout link to appear at the top of the board only when people are logged in, there is now an explanation for that posted at the board. emoticon

Last edited by Lesigner Girl, 5/30/2006, 5:09 am


---
Runboard Knowledge Base
Website Creation Tutorials
5/30/2006, 5:01 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
mixmax2 Profile
Live feed
Blog
Friends
Miscellaneous info

Directory Friend
Top of the page

Registered: 05-2006
Posts: 11
Karma: 0 (+0/-0)
Reply Quote
Re: Illustrated Secrets of Design—for Runboard admins


Alright, added a nice image to the bottom ^^

---

5/30/2006, 5:19 am Link to post Email mixmax2   PM mixmax2
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Illustrated Secrets of Design—for Runboard admins


Thanks, mixmax! emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
5/30/2006, 5:31 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Illustrated Secrets of Design—for Runboard admins


Updates:


Added Index:

To make it easier to find information, I recently indexed the tutorials and FAQ's into one stickied thread...

]INDEX of HELP TOPICS


Added topics:

Beginners: ]HTML vs CSS
Know the difference between HTML and CSS, and where to put each.

Beginners and experienced alike: Too much CSS to fit in the box?
]Clean up that CSS w/shorthand!
Even if you already have enough room, it's always good to minimize the amount of code you use to reduce page loading times and unnecessary stress on Runboard's servers. Every little bit helps!

]What affects image file size?
Make sure your images aren't so huge that it takes forever to load your pages. And by huge, I'm not just talking about dimensions.

]Non-design advice for new admins
What you should know before opening your first board. People who already have boards may also benefit from this advice. Included in this topic: Learn how IPs work, advertising your board.

Last edited by Lesigner Girl, 5/17/2008, 9:05 pm


---
Runboard Knowledge Base
Website Creation Tutorials
7/27/2006, 7:19 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Illustrated Secrets of Design—for Runboard admins


Added to Index:

]Max-size Avatars vs Fixed-size avatars
Restrict the dimensions of avatars at your board without distorting them. (Does not work with IE6 or lower, but works in Firefox, Netscape, and Opera). The jury is still out on IE7.

Last edited by Lesigner Girl, 5/17/2008, 9:06 pm


---
Runboard Knowledge Base
Website Creation Tutorials
5/4/2007, 1:55 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


I forgot to update this thread last time I added something of interest...

There are a lot of benefits to ]creating your sidebar without messy tables, which include but are not limited to:

• better search engine rankings
• faster loading of pages for dialup users
• easier to edit content
• the visually impaired will love you for it and want to visit more often.

Click the link in this post to learn more. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
5/17/2008, 12:24 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Erika E Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0910
Top of the page

Registered: 10-2003
Posts: 4236
Karma: 429 (+449/-20)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


This board just rocks. So much to read and see on here. A must for everyone. emoticon

Lesa a lot of the links are dead, can they be updated emoticon

Last edited by Erika E, 5/17/2008, 3:54 pm


---

Support
Directory
Customer Service
TCC
5/17/2008, 3:52 pm Link to post  
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


Sorry, I guess I forgot to change them after the RBNS upgrade changed them all last year. I'll edit them right away. emoticon

Thanks! emoticon

Edit: I think I got them all. Thanks again! emoticon

Last edited by Lesigner Girl, 5/17/2008, 9:07 pm


---
Runboard Knowledge Base
Website Creation Tutorials
5/17/2008, 9:00 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Demonic Inuyasha Profile
Live feed
Blog
Friends
Miscellaneous info

Directory Denizen
Top of the page

Registered: 11-2004
Location: My Secluded Paradise
Posts: 1247
Karma: 17 (+35/-18)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


Busy Busy Lesa. emoticon

---

Is not lost in the dark, only lost in thought...
5/18/2008, 4:04 am Link to post PM Demonic Inuyasha Yahoo Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


It didn't take much to fix all the links, thanks to my ]Help Index. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
5/18/2008, 7:40 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Erika E Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0910
Top of the page

Registered: 10-2003
Posts: 4236
Karma: 429 (+449/-20)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


 emoticon Now that is what I call organisation.
Lesa the HTML and CSS index is great, well its all great, but that is great and your board is great. emoticon so are you emoticon

---

Support
Directory
Customer Service
TCC
5/18/2008, 9:07 pm Link to post  
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0211
Top of the page
● Premium User ●

Head of Runboard staff

Registered: 11-2005
Posts: 6509
Karma: 358 (+376/-18)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


Thanks, Erika! emoticon

I like to make it easy for people (including myself) to find things. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
5/21/2008, 12:38 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Director

Top of the page
● Premium User ●


Registered: 07-2005
Location: Runboard Staff Aux
Posts: 14628
Karma: 610 (+680/-70)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


Let's not forget folks that Lesigner Girl is FAST!!! There have been times I have asked for help and the answer was posted before I could even finish the question! (or at least it seemed that way) emoticon

---

RSFRDAdvertise Boards On TRDREITB
5/24/2008, 7:47 pm Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Erika E Profile
Live feed
Blog
Friends
Miscellaneous info

BOTM0910
Top of the page

Registered: 10-2003
Posts: 4236
Karma: 429 (+449/-20)
Reply Quote
Re: Help with HTML and CSS at Temple of Illusia


 emoticon Oh Pastor Rick. I know that very well. She answers questions before I finish typing. Im sure we read them the same time though, but I just get left behind, I have to go in and edit mine emoticon

---

Support
Directory
Customer Service
TCC
5/24/2008, 8:08 pm Link to post  
 


Add a Reply

Page:  1  2 



You are not logged in (Log-in)