Written by: Lyllea Coding help / Inspiration: Dreamweaver / Random javascript tutorials. Preview: Code preview What it does: Displays a three panel welcoming box, with quote panel in the bottom. Installation Instructions: So, how do you use it? Simply copy and paste the code into the header of your board. Everything marked in red is where your content is! Content Box One is the left box, Box 2 is the center, Box 3 is the far right. Just add your content as you normally would in a sidebar or any other HTML script. To edit the quotes in the quote box, replace the text between the "" marks. Make sure you don't use " in your quote, use ' instead. " should only be used at the beginning and ending of your quotes in this particular script. To add quotes to the quote box, follow the pattern. For instance: quote4="Quote here"; quote5="Another quote here"; quote6="Mousie said, 'THIS IS AWESOME'.. so I quoted her!"; Just keep counting the numbers up as high as you need. THEN -- Change the number here: var ran_unrounded=Math.random()*3; If you have three quotes, use 3. If you have thirty quotes, it will be Math.random()*30 ... if you have 3000, then Math.random()*3000. Simple, right? EDITING & STYLES... This welcome box is designed to work with an Invisionfree CSS. The elements highlighted in green are CSS classes, which are included in the IF CSS by default. If you don't like the way the box responds to the skin, you can edit it. Change the text in green to anything you like. You might want to change row2 to ilovemousie. Then go to your style sheet (CSS) for the board. Find a nice little space in there (anywhere!) and add: .ilovemousie {color: #XXXXXX; background: #XXXXXX;} Change the hex codes to what you want, and you're off and away. You can do that with any of the CSS classes there. If you aren't running on Invisionfree... yes, you can use this too! Just toddle off to your CSS and add: .row1 {color: #XXXXXX; background: #XXXXXX;} .row2 {color: #XXXXXX; background: #XXXXXX;} .maintitle {color: #XXXXXX; background: #XXXXXX;} Change the hex codes to whatever you like, you may want to play with adding padding and background images and what not - have an experiment! And that, ladies and gentlemen, concludes today's Mousie lecture. Code:
This is a great code, I think I'm going to use it. It looks awesome, Mousie. I've been looking for one like this for quite a while.
Your documentation has been approved and moved to the Admind CP Documentations board. Thanks for submitting!
Oooh! Shiny. I've been looking for a welcome box code and a quote generator. Thank you so much for sharing, Mousie!
<div align=center><span style='font-size:17pt;line-height:100%'>CODE ARCHIVED</span> <span style='font-size:11pt;line-height:100%'>[color=7f323a]WE FOUND AN ERROR IN YOUR SUBMISSION[/color]</span> Thank you for submitting to our codex, however an error has developed in your submission. Please have another look at the submission guidelines. It's probably a lack of link back, a broke screenshot/preview, etc. If you don't see the problem PM a support moderator to ask. Once the issue is corrected PM a moderator to move it into the proper section. Thank you!</div>
<div align=center><span style='font-size:17pt;line-height:100%'>ACCEPTED INVISION FINAL 1.3 CODE</span> <span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span> Thank you for submitting to our codex and giving forums everywhere an easily installable piece of code to enrich their board! Keep up the great work and we look forward to seeing more from you!</div>
I'll be using this code minus the quote generator on All is Well in the very near future. Thanks for being a lifesaver, dear. =]
Using Here I did a minor change and now I am using the quoting code for the sidebar underneath the quick login area. The Forum is in Spanish so you know ^^
