Year of the Dragon: Through 24th December, claim your free Pick of the Dragon's Lair! Speak to Xatheral in the Hall of Heroes. edit

Game mechanicsNewbie guideIn developmentDDO StoreSocial Media


ChallengesClassesCollectablesCraftingEnhancementsEpic DestiniesFavorFeats

GlossaryItemsMapsMonstersPlacesQuestsRacesReincarnationSkillsSpells


Please create an account or log in to remove ads, build a reputation, and unlock more editing privileges and then visit DDO wiki's IRC Chat/Discord if you need any help!

User:Ague/Projects

From DDO wiki
Jump to navigation Jump to search

<css> /* For Tabs on my User Page */ .tab { position: relative; float: left; width: 100px; margin-left: 0px; margin-right: 4px; border: solid 1px #aaa; border-bottom: none; text-align: center; height: 30px; vertical-align: text-bottom; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 5px; box-shadow: 2px 2px 2px #000;

       background-color: #D0D0D0;

} .clrAll { clear: both; } .tab:hover { background-color: #F9F9F9; } .tabActive { background-color: #E9E9E9; } .tabBody { border: solid 1px #AAA; padding: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #E9E9E9; width: 100%; position: relative; } .tab span { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .tabBody .toc {

       float: right;
       margin: 5px;

} /* End Tabs */

</css>

<css>/* 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 */</css>

2012

2013

2014

Close

Template:ScrollWandPotion[edit]

Vendor Name <Vendor Title> found in Location in Public Zone

ML: Minimum Level, CL: Caster Level, BV: Base Value

Usage[edit]

{{ScrollWandPotion|Auromir Palance|Arcane Scroll Vendor - Levels 4-5|House of Wizardry|House Jorasco|5|7|32|70pp}}

Parameter List[edit]

  • 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.

Testing Area[edit]

Tooltip Display Issue Fix[edit]

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;
}

<pre> Fix[edit]

16 April, 2012

/* <pre> 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.
*/
pre {
    max-width: 900px;
    min-width: 400px;
    white-space: pre-wrap !important;
    word-wrap: break-word;
    overflow: auto;
}
/* End <pre> fix */

Javascript Namespace Stripping[edit]

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[edit]

There has been a bit of talk throughout the wiki about the current default Truglass theme and the fact that it is buggy as all what. Here's my question: An overall template for the entire would not be all that difficult to create. Mainly time consuming. If somebody can come up with a sketch of a desired skin, AND all site management agree upon it, I will create a custom template for the wiki. It's no small task and could take as long as a month to get it coded properly and debugged, once the layout is finalized and agreed upon by site management. Or, if nobody shows interest, this post will remain until someone does. But I am a web developer (meaning I make stuff work) and I normally port our all my CSS styling (beside layout functions). So if it came down and everyone agreed upon someone's idea, then exactly what you give me is exactly what you'll get.

Thoughts? Ague (ContributionsMessage) 14:13, April 16, 2012 (EDT)

I have been working on repairing the TruGlass theme. I hope to fix the nstab and tooltip issues permanently as-well-as remove the deprecated code and add mobile (handheld) friendly code. You may view the current skin coding at https://ddowiki.com/skins/truglass/main.css. ShoeMaker (Contributions Message) 16:11, April 16, 2012 (EDT)

2012

2013

2014

Close

   No projects done during 2013...

2012

2013

2014

Close

   No archive yet...  It's still 2014...

2012

2013

2014

Close

Quest Mission Info Beautification[edit]

Quest Mission Info Examples[edit]

The Snitch
Heroic level: 5
Heroic XP:  ♣1,152Solo/Casual ♦2,060Normal ♥2,200Hard ♠2,340Elite

Epic level: 20
Epic XP:  ♣6,874Solo/Casual ♦11,856Normal ♥12,255Hard ♠12,654Elite

Quest acquired in: House Phiarlan
Bestowed by: Ochre
Takes place in: Golden Wing Side Entrance
Duration: Long

Patron: House Phiarlan
Base favor: 4

Free to Play: No
Extreme Challenge: No

The Snitch map (legend)
The Snitch
Heroic level: 5
Heroic XP:  ♣1,152Solo/Casual ♦2,060Normal ♥2,200Hard ♠2,340Elite

Epic level: 20
Epic XP:  ♣6,874Solo/Casual ♦11,856Normal ♥12,255Hard ♠12,654Elite

Quest acquired in: House Phiarlan
NPC contact: Ochre
Takes place in: Golden Wing Side Entrance
Duration: Long

Patron: House Phiarlan
Base favor: 4

Free to Play: No
Extreme Challenge: No

The Snitch map (legend)


Popup[edit]

General Notes[edit]

  • 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[edit]

  • 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

{{{1}}}
roundgrey_top.gif
{{{2}}}
roundgrey_bottom.gif

After

{{{1}}}Icon tooltip.pngPlease enter information for this popup
User:Ague

Coding

{{Popup|{{{1|Text displayed in article}}}|{{{2|Insert popup text here}}}|{{{3|short}}} }}

This is what will show in an articleIcon tooltip.pngThis is what is inside the tooltip. The text inside this tooltip is fully selectable and able to be copied if desired.
You can also make links. User:Ague

Works for images too!Icon tooltip.png
M snitch.png

Site Notice Cleanup[edit]

Purpose[edit]

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

Changes[edit]

  • 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[edit]