MediaWiki Template:Notice import not quite right - mediawiki

I exported Template:Notice from MediaWiki and tried to import it into my MediaWiki instance, but it looks like I did something wrong.
MediaWiki:
My instance:
I would appreciate it if someone could tell me what I might be missing for the images and /!\ box styling. Thanks in advance.

The icons come from Wikimedia Commons, Wikimedia's media repository. Set $wgUseInstantCommons to true to enable InstantCommons which "allows to automatically use in the local wiki images hosted in Wikimedia Commons".
As for the message box styles, refer to Module:Message box/ambox.css. You can put the styles in your site's MediaWiki:Common.css or install and configure Extension:TemplateStyles and import the relevant stylesheets.

Related

MediaWiki configuring TemplateStyles to include Module:Message box/ambox.css

I have exported Template:Notice from mediawiki.org and imported it into my MediaWiki instance.
On MediaWiki, Template:Notice has this at the top:
My instance looks like this:
I have been told that there is a way to configure Extension:TemplateStyles to include additional stylesheets like Module:Message box/ambox.css to fix this. How does one do that?
Thanks in advance.
the styles are on this page, https://www.mediawiki.org/wiki/Module:Message_box/ambox.css
Some options:
You could just add its css content to your MediaWiki:Common.css page
You could create another css page by changing the content model of the page you wish to use to css, see https://www.mediawiki.org/wiki/Help:ChangeContentModel first change the content model and then create the page, for example your_css_page.css after you can use Extension:TemplateStyles like so <templatestyles src="your_css_page.css">

Adding BLACKLISTED LINKS in Mediawiki?

I was wondering if anyone could give me ideas on this question.
What url/name/address do I use to add a Balcklist entry in Mediawiki?
Background: I have a Mediawiki site and one of the extensions that I have installed is called "Popups" which displays a preview of a page when you hover over a link. I want to disable the popups for a few specific pages and heard one possible way was to add those links as "BLACKLISTED" in the index.js file of the extension folder. The section in the file where the "BLACKLISTED_LINKS" go is below.
For example my page url is "https://help.site.com/index.php/mypage" - how would I code that in the list below?
Any guidance is appreciated. Thanks - GJ231
BLACKLISTED_LINKS = [
'.extiw',
'.image',
'.new',
'.internal',
'.external',
'.oo-ui-buttonedElement-button',
'.cancelLink a'
];
I suggest that you set the configuration variable $wgPopupsPageDisabled in LocalSettings.php as described at the extension page. Note the issues with caching after changing that variable.

DNN7 DesktopModules do not load

Fresh install of DNN 7.4.2
Anything under the site's DesktopModules folder does not look like it loaded.
How can I get those items like HTML, Journal, SocialGroups, etc to load?
My issue is that on a new page, I can't add an HTML module - that module, and all others from that directory are not one of the available items to add to a page.
Try going to the Extensions page, edit one of the missing modules, and check to see that it has been assigned to the portal in questions.

Markdown to html automatically on a site

I know i can convert an MD file to HTML with a bunch of scripts.
I become part of a site which is hosted on github, and it has a place_holder.md file. I can view its content if i isit to place_holder domain. If i change anything in the md file, and i push it to the repo it get updated immediately. If i visit the place_holder.html i can see its content, even that the file is not in the github repo
So my question is:
Does github hoster stuff has an auto md converter which i cannot see? In this case where can i get something like this?
Do webbrowsers understand markdown by default? Then why dont i see place_holder.md in the url?
Thanks
If i visit the place_holder.html i can see its content, even that the file is not in the github repo
Of course you can look at the place_holder.html file it is an html file on your computer that your browser can render so you can view it.
Does github hoster stuff has an auto md converter which i cannot see?
I do not believe github has an "auto md converter".
In this case where can i get something like this?
You can use jekyll to convert your plain text and markdown to static html pages which you can host on the web. You also can get text editors to preview your markdown before you convert it into html which can be helpful. Here is one online text editor.
I'm not sure how you're asking to implement this, but take a look at marked. It's super easy to use and very flexible.

Relative path to a stylesheet in Visual studio not working in preview

I'm assuming this is an easy question, but I'll be darned if I can find the answer.
I have a website in Visual Studio 2008. The paths to the stylesheets (and images) are in the following format /css/stylesheetname.css
At the root of the web project in Visual studio the folder exists as does the stylesheet. These paths work fine when running it in IIS.
If I use the inbuilt webserver in Visual Studio the paths fail because it puts the projectname in the path i.e. http://localhost:2020/projectname/default.aspx
In this case the / takes the path right back to http://localhost:2020
This is further compounded by the fact that if you click "design" the styles that import background images all fail although the stylesheet is imported correctly (becuase all other aspects of the stylesheet work i.e. .class{font-family:arial;} works but .class{background: url(/images/image.jpg)} does not).
I guess it's all to do with how Visual studio calculates its root path for the website, however I can't find a setting to change this.
Any ideas??
Update: as per Egil Hansen's answer I converted the paths in the CSS file to relative paths. However the background images still do not display in Design mode. I'll take a look at using Themes to get round this in due course.
I think the correct solution is to use relative urls in the style sheet instead of absolute urls as you use now.
Do note that relative urls in style sheets are relative to the location of the style sheet, not the current page being view by the browser.
If you use ASP.NET Themes, you can put all your website graphics in a /App_Themes/YourTheme/Images/ folder, and put your style sheet in the /App_Themes/YourTheme/ folder.
In your style sheet, you can then simply reference an image with url(Images/img.gif), and it will work both online and in development.
The you just need to assign your ASP.NET Theme to the page(s) you want, either through web.config's Pages section (<pages styleSheetTheme="Default">) that will assign a theme to all pages on the website or through the <%# Page ... directive on each page.
In general, you can do some really neat things with ASP.NET Themes and Skins, just take a look at the ASP.NET Themes and Skins Overview over at msdn.microsoft.com.
There are a few issues to be aware of with Themes in ASP.NET, take a look at my post How to take control of style sheets in ASP.NET Themes with the StylePlaceHolder and Style control, which explains and solves the issues I have come across so far.
I have been running projects using the custom Image folder for all my graphics for ASP.Net applications. While there have been advancement in this regard with the App_Theme and App_Code folder(s) available in the progressive VS IDE; I still kept my folder and it has not disapponited when deploying it on the server.
So with that said - the proverbial folder will be sitting with all the bin, App_Code and _Themes and the reference to it is made through this way
background: url(../image/..);
of course the code above sitting in the CSS file. It works for me all the time
not sure if this works for VS 2008 or not, but im using visual web developer 2010 and it worked for me:
1) click on the project in the solution explorer
2) it shows a "Virtual Path" property which is defaulted to "/projectname"
3) change it to "/" instead and it seems to do what is desired
let me know if this works for you!
it has been ages since I did anything in css, but maybe url(./images/image.jpg)
will work?
Edit:
Or rather ~/format /css/stylesheetname.css or ./format /css/stylesheetname.css as the url to the stylesheet.
I had the same issue and it drove me crazy. Solution is to add an Apps_Theme folder and copy the images into there. When you publish the site the folder structure is preserved and the imnges display.
I had set path css url image by
code { background:url(/images/xxx.jpg) no-repeat; }
and running file at IIS, so must to point default website to your project
how to running testing preview
type:
http://localhost/default.aspx
this is correct path same running on server
include file js or css can use "/" root path
cheers
Noboyband