This Forum has been archived

Forums: Index → Support Requests → Any idea how to add an stub notification with editor implement

FANDOM's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.

Note: This topic has been unedited for 1358 days. It is considered archived - the discussion is over. Do not add to unless it really needs a response.

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: none repeat scroll 0% 0% rgb(146, 205, 142);

   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-width: 0px 1px 1px;

   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-style: solid;

   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-color: rgb(126, 179, 125);

}

   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;

-moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; color: rgb(40, 72, 46);

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

(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:

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>

"Forum:Welcome to the watercooler" is verwijderd (<a href="/wiki/Special:Undelete/Forum:Welcome_to_the_watercooler" title="Special:Undelete/Forum:Welcome to the watercooler">terugplaatsen</a>).

--Jens Ingels (talk) 17:40, August 7, 2012 (UTC)

This article is a Category:Article stubs. You can help Community Central by expanding it.