User:Ague/Projects

/* For Archive Selection */ div.ArchiveBox { width: inherit; position: relative; margin-left: auto; margin-right: auto; border: solid 1px #aaa; border-bottom: none; text-align: center; height: auto; vertical-align: text-bottom; border-radius: 10px; padding-top: 5px; padding-bottom: 5px; box-shadow: 1px 0px 1px 2px #aaa; background-color: #E9E9E9; margin-top: -20px; } div.ArchiveBoxBottom { width: inherit; position: relative; margin-left: auto; margin-right: auto; border: solid 1px #aaa; border-bottom: none; text-align: center; height: auto; vertical-align: text-bottom; border-radius: 10px; padding-top: 5px; padding-bottom: 5px; box-shadow: 1px 0px 1px 2px #aaa; background-color: #E9E9E9; margin-top: 12px; margin-bottom: -12px; } div.YearOptions p { display: inline; padding-left: 25px; padding-right: 25px; } div.ArchiveContentBox { width: 100%; } div.ArchiveContent { padding: 25px 10px 25px 10px; margin-left: 10px; margin-right: 10px; box-shadow: 1px 0px 1px 2px #aaa; background: -webkit-linear-gradient(#E9E9E9, #FFF); background: -o-linear-gradient(#E9E9E9, #FFF); background: -moz-linear-gradient(#E9E9E9, #FFF); background: linear-gradient(#E9E9E9, #FFF); } .pointer { cursor: pointer; } .hide { display: none; } .show { display: block; } /* End Archive Styling */ 2012 2013 2014 Close 

Template:ScrollWandPotion
 <> found in  in
 * ML:, CL: BV:

Parameter List

 * 1: Vendor Name
 * Links to the vendor's DDOWiki page
 * 2: Vendor Title
 * The title hovering over the vendor's head between the <> characters
 * 3: Location
 * The Location of the of the vendor, i.e. The Portable Hole
 * 4: Public Zone
 * The public area that the Location can be found in, i.e. House Jorasco
 * 5: Minimum Level
 * Self Explanatory
 * 6: Caster Level
 * Self Explanatory
 * 7: UMD
 * Self Explanatory. Leave blank if there is no UMD associated with the item.
 * 8: Base Price
 * The price that is located in the examin box of the item. This is not the price shown in the vendor window.  This price is before the Haggle skill is applied.
 * 9: Binding
 * Enter BTA for Bound to Account or BTC for Bound to Character or leave blank if it is not bound.

Tooltip Display Issue Fix
11 April, 2012

Add the following code to the custom CSS of the template you wish to use. This will make tooltips appear properly. I haven't tested this in any template other than Vector, so I am unaware of if the color's will match the theme or not. If you try it, please discuss it on my Talk Page.

span.has_tooltip { position: relative; }

span.has_tooltip span.tooltip { display: none; }

span.has_tooltip:hover span.tooltip { display: block; width: 200%; position: absolute; top: 9px; left: 13px; }

&lt;pre&gt; Fix
16 April, 2012

/* fix */ /* pre { max-width: 900px; min-width: 400px; white-space: pre-wrap !important; word-wrap: break-word; overflow: auto; } /* End fix */
 * Of course, this does not work if you add it to your user/common.css and are using a Truglass theme.
 * Those themes are bugged and never actually read the user/common.css file.

Javascript Namespace Stripping
20 April, 2012 /* Namespace Stripping Fix by Ague 20 April 2012 $('a[title^="Item:"]').each(function {   this.innerHTML = this.innerHTML.replace("Item:", "");    this.title = this.title.replace("Item:", ""); }) /* Leave final semi-colon out. When MW parses this, for some reason it automatically adds a semi-colon. */

/* Optionally, un-comment the code below to strip the Item: from the page title as well.

MAKE SURE TO ADD THE SEMI-COLON AFTER THE }) ABOVE IF YOU UN-COMMENT BELOW! */

/* $('h1#title').each(function {   this.innerHTML = this.innerHTML.replace("Item:", ""); }); $('title').each(function {   this.innerHTML = this.innerHTML.replace("Item:", ""); })

Site Theme
2012 2013 2014 Close  No projects done during 2013... 2012 2013 2014 Close  '''No archive yet... It's still 2014...''' 2012 <p class="pointer" name="Archive" id="d2013">2013 <p class="pointer" name="Archive" id="d2014">2014 <p class="pointer" name="Archive" id="close">Close

General Notes

 * Working on adding some sort of functional transperancy, look in my sandbox to see what I'm talking about
 * I never really understood the purpose for having a "Short" and a "Long" popup. Always seemed rather redundant.  Could add a switch to make the popup a little longer, but popup's are only supposed to contain little tidbits of extra info that compliment the word or phrase being hovered over.

Project Notes

 * Removing the defunct Enterwiki reference to a Trueglass theme specific image
 * Moving the popup to a more functional location
 * General beautification
 * Removed deprecated CSS styles and HTML
 * Removed need for outdated infobox template
 * Added tooltip icon to easily identify words/phrases/sentences with tooltips
 * Updated cursor icon to show the "I" when hovering over text to help users identify that they can select and copy text
 * Moved the width variable to the end so it may be omitted if desired without breaking the template

Before

<span class="has_tooltip" style="background-color: #BBB; background-image: url("http://img.enterwiki.net/truglass/bluedot.gif"); background-position: right center; padding-left: 10px;"><span class="tooltip" align="center" style="z-index:5; width: 141px; padding: 3px; background: #FFFFFF; border: 1px solid #DDDDDD;">

After

<span class="has_tooltip" style="cursor: pointer;"><span class="tooltip" style="border: 1px solid #333; background-color: #eee; border-radius: 3px; box-shadow: 2px 4px 5px; top: 17px; left: 0%; text-align: center; padding: 5px; width: ; max-width: 400px;">

Coding

Purpose

 * Clean up and make the main site navigation located in the MediaWiki:Sitenotice pop a little from the rest of the page content

Changes

 * Moved the bottom row to the top and gave it a shaded background to stand out from the general navigation
 * Added a header row (the line) to separate the two different sections of the nav box
 * Alphabetized the main list to keep it nicely organized
 * Added a minute drop shadow to make the box stand out slightly from the rest of the page content

Finished Project
<div style="width: 90%; border: 1px #888 solid; border-radius: 2px; box-shadow: 0px 1px 7px #444; text-align: center; padding: 5px; margin: 2px auto 2px auto;"> <p style="padding: 0px; margin: 0px; font-variant: small-caps; font-size: 1.2em; background-color: #EEE;">Game mechanics • Newbie guide • In development • DDO Store • IRC Chat <p style="padding: 0px; margin: 0px; font-size: 1.2em;">Challenges | Classes | Collectables | Crafting | Enhancements | Epic Destinies | Favor <p style="padding: 0px; margin: 0px; font-size: 1.2em;">Feats | Glossary | Items | Maps | Monsters | Places | Quests | Races | Skills | Spells