To contact staff directly or to report bugs, please use Special:Contact.
I was wondering how to make an notification bar like you signed off. With remove buttom etc:
Into this (photoshop example):
The idea is to change the stub template to an building buttom inside the editor. So when an new page is created it will automatic get add as an stub:
Here's an bit css that I found in the source:
element {
} .global-notification.confirm {
background-color: rgb(146, 205, 142); background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto;
border-top-width: 0px; border-right-width-value: 1px; border-bottom-width: 1px; border-left-width-value: 1px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical;
border-top-style: solid; border-right-style-value: solid; border-bottom-style: solid; border-left-style-value: solid; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical;
} border-top-color: rgb(126, 179, 125); border-right-color-value: rgb(126, 179, 125); border-bottom-color: rgb(126, 179, 125); border-left-color-value: rgb(126, 179, 125); border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical;
.global-notification { box-shadow: 0px 2px 5px 0px rgb(179, 255, 179); width: 958px; z-index: 20000001;
.global-notification { padding: 8px 10px; padding-top: 8px; padding-right-value: 10px; padding-bottom: 8px; padding-left-value: 10px; padding-left-ltr-source: physical; padding-left-rtl-source: physical; padding-right-ltr-source: physical; padding-right-rtl-source: physical; margin: 0px 10px 10px; margin-top: 0px; margin-right-value: 10px; margin-bottom: 10px; margin-left-value: 10px; margin-left-ltr-source: physical; margin-left-rtl-source: physical; margin-right-ltr-source: physical; margin-right-rtl-source: physical; }
element { } .global-notification .msg { font-size: 13px; line-height: 16px; } a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, #LEFT_SKYSCRAPER_2, small, span, strong, sub, summary, sup, time, ul, var, video { border: 0px none; margin: 0px; padding: 0px; font-weight: inherit; vertical-align: baseline; font-style: inherit; } .global-notification.confirm { color: rgb(40, 72, 46); } body { font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; } body { color: rgb(58, 58, 58); font-family: Helvetica,Arial,sans-serif; font-size: 12px; } |
Currently created code (not all css loads yet)
This article is a Category:Article stubs. You can help Community Central by expanding it. --Jens Ingels (talk) 23:45, August 1, 2012 (UTC)
- Does that work? --http://i151.photobucket.com/albums/s145/urbancowgurl777/UltimateSupreme2212-3.png(Talk to me) 03:19, August 2, 2012 (UTC)
Well I was able to remake the css for 80%. Currently only the auto whide and the image is missing. The rest of the stuff is all js. The image seems to exist out off 3 images or functions. Not easy to see in the css.--Jens Ingels (talk) 07:19, August 2, 2012 (UTC)
Edite Found the image:
http://slot2.images.wikia.nocookie.net/__cb57524/common/skins/oasis/images/icon_close.png
And the code css (this is one from an deletion: <button class="close wikia-chiclet-button"><img src="%20http://slot2.images.wikia.nocookie.net/__cb57524/common/skins/oasis/images/icon_close.png"></button>
--Jens Ingels (talk) 17:40, August 7, 2012 (UTC)
This article is a Category:Article stubs. You can help Community Central by expanding it.
This article is a Category:Article stubs. You can help Community Central by expanding it.