Community Central
Community Central
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.
Archive
Note: This topic has been unedited for 3168 days. It is considered archived - the discussion is over. Information in this thread may be out of date. 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: 600px-Notification.png


Into this (photoshop example):
500px-Notification_stub.png


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:
Stub_edite_menu.png

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

"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. Icon_close.png

Icon_close.png


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