MediaWiki:Sitenotice coding - mediawiki

I am trying to duplicate the site notice banner that is displayed on the top of Wikipedia.Org on my own mediawiki site, but the source is protected and not visible to regular users (so it appears anyway). Does anyone know how to duplicate this kind of thing? I am already familiar with the MediaWiki:Sitenotice page that needs to be editted, but the one on Wikipedia has CSS included and HTML elements that I don't believe is possible to duplicate in Wikitext. Anyone familiar with the method used to create this kind of banner?
Just goto http://en.wikipedia.org/wiki/Main_Page and I am referring to the "Please read a personal message" banner at the top. You can see the "protected" source here: http://en.wikipedia.org/w/index.php?title=MediaWiki:Sitenotice&action=edit

Hmmm, looks like they are using CentralNotice rather than Sitenotice.
http://meta.wikimedia.org/wiki/Help:CentralNotice

Related

Displaying Evernote Notes in Angular 2 - Sanitizing HTML stripped some content

Currently I have it set up so my Notes in evernote can be displayed on a website for content, but they don't show the way they should. I can't figure out how to get it to just display the way I try. Pictures don't show, links, videos, it all gets stripped out and says
WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).
I understand to prevent xss attacks they've done this to me, but how to I stop it??
Currently I'm using this in the HTML template
<div [innerHTML]="note"></div>
where note is the string containing my ENML.
I'm just not sure where to start. I am hoping there's a quick easy way to just make it display the way it displays in Evernote itself.
Found the solution! I just did a pipe to mark the content as safe, like this guy did here:D

mediawiki: have TOC / page sections displayed in the sidebar

one might assume that this would be quite a common question, but I couldn't find any helpful answers yet, so I'll ask. I have to add that I find the whole structure of mediawiki and also their help pages very confusing.
I'm not expecting an exact answer, I'll also be grateful for resources that will help me understand just how mediawiki is structured.
OK, so:
I want to set up a Wiki for personal uses, and I'm trying to get the sidebar customized to my needs, especially I want to have the section headings (that would be level 2 to, say, 4 headings) of the page that is currently viewed displayed in the sidebar (as anchors, I guess).
In other words, have the table of contents not on the top of the body / content part, but on the left hand side in the sidebar.
I have somewhat edited MediaWiki:Sidebar and could get rid of some stuff that I don't really need, but I just can't find a way to get a table of contents there.
Do I need an extension or is this possible with MWs standard functions?
I've seen this, but I would prefer not to edit the html or js myself and rather just edit MediaWiki:Sidebar if that is possible at all.
Thanks for any answers.
There isn't a build in way to do that. I don't know any extension, which actually provides such a feature. But there is a JavaScript, written by a MediaWiki developer, which does, I assume, what you're looking for:
https://github.com/prtksxna/persistent-toc
It will show all ToC levels at the left side, if the first visible area of the page goes out of the viewport (and the top ToC box isn't visible anymore). It would maybe not a big deal to limit the ToC to level 2-4. You could install this script via your MediaWiki:Common.js, your user specific js (like I did for WMF [projects][1] or you create a new extension, which adds the script and the css to your page.
[1]: https://meta.wikimedia.org/wiki/User:Florianschmidtwelzow/global.js projects

Simple blog in CSS and HTML only

I have a simple html/css-only static website on which I would like to add a blog. Comments and RSS aren't necessary.
Now, how do I do that, without having to write all my entries in pure html?
My website consists of a vertical menu and an area to the right of it, where all the content goes on each page. I would like a blog inside that area on the blog page, so a blog on a separate page with its own layout is not what I'm looking for.
Googling this doesn't really help me much since the majority of the hits are on sites offering blog services.
Thanks in advance, I hope I'm not being too difficult. Please leave some feedback on my question if you think there are things I should have tried out before asking.
If i understand what you want the answer is that ist is not possible in pure html and css. With only Html and css you can not make a blog (if you dont want to edit the source everytime you write an entry and have to make a new file for each entry and so on).
You need some code (php or so) that is able to store and load the entrys into your site.
Html and css are not meant to make things working. With Html you define the elements so that they are structed and then with css you "style" your work. But for the task of a blog (i think you want an editor for the text on the site, the ability to edit, delete, more than one site and so on) you need something like php or aps.net that is able to "interact".

Blog into a table

I am currently revamping my own website, however, I have tried dotclear and chyrp, both are very good.
However, after many attempts trying to make the bog appear only in a table, I am giving up.
My aim is to have a blog inside of a table as shown in the image
http://i55.tinypic.com/2rfbtrn.jpg
Does anyone know how I can achieve that or know any other easier way or even another blog engine that allows me to do that?
Thank you.
Regads.
Of course, I don’t have the technical details of your web application, but one way would be to place your blog inside an IFRAME (either instead of a table, or place the IFRAME inside the table).
If you want to do thing properly (not using an iframe), it is not possible at all. The reason is that a CMS generate a complete page, with a header and internal link.
My suggestion is to do it the other way: adapt the CMS to display a menu on the left and a title above.
In dotclear, this can be done easily by doing a template. Even better: your goal might be achievable by using some dotclear theme and some extensions like "simplemenu".

Enlarging Image in New Window?

I just did a quick search for my question and couldn't find anything directly on point.
I'm still very new to HTML and was wondering if someone could tell me how I could add a picture to my website and set the code so that if I click on it, it enlarges the picture in a new window.
I'm going to be adding around 600+ pics to my website so I was also wondering if there's a way to write the code once and have it apply to all the pics I add.
Thanks in advance,
- Danny B.
There's many many ways in which you could do this. The basic HTML for inserting an image with a link to a new window will be:
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
But it is a fair bit more complicated if you want to be able to dynamically display a large number of photos. If you want to code this yourself, you'll want to look into using something like PHP to output the HTML code automatically for 600+ images. Then instead of pointing the link for each to a new page, you might want to consider having the images load in a cool way, such as a javascript lightbox/colorbox some of the other answers suggest.
One possible alternative solution might be to look for some pre-created photo album script. I don't have any experience of these so I'll let someone else make some suggestions on that.
There are several ways to do this, but I'm assuming you'll have a simple site with lots of images on one page, and you'd like the images to zoom open "in a cool way".
Check out this: http://colorpowered.com/colorbox/
... click on View Demonstration and then see the various photo handling options.
This needs just some basic HTML and minimally configured Jquery. Very simple to use and produces a nice effect.
Google around using the keyword lightbox. Most of the solutions are ready-to-use Javascripts. Just include once, assign some IDs/classes, execute during onload and that's it. I personally have good experiences with Lightbox2 and jQuery Lightbox plugin.
I decided to go w/ target="_blank" -- Lightbox2 seems like it'd be great, but I'm really not sure how to use it and where to put all the code. The instructions I've found for it still assume the user has some standard knowledge in the field, that of which I do not currently possess. So, I'll stick to the target/blank approach until I can get more familiar w/ coding and then I'll upgrade to Lightbox.
Once again, I want to say thanks to everyone. You guys always respond quickly and accurately.
With much appreciation,
- Danny B
The simplest way would be to add a link to it, and set the target attribute to target="_blank". The link should point to the image itself. This would regularly open a new tab though, if you want a whole new window, you should tryhref="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')",which would open a new, standalone window. If you're looking for fade/resize effects and such, try one of the other answers posted.