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

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

Related

How to load different parts of a web-page from different html files

I am making a local website where I have a number of pages with a lot of common code for header, navigation bar and footer.
I was wondering if there was a way I could use to store the header, footer and other such codes as independent html files, and then simply link them in the code for the new page.
You can use server-side includes for using an HTML file into another one. For that, you'll have to make a few changes in your server configuration as well. I'll show you an example of Apache.
Change configuration as mentioned in https://www.linuxtopia.org/HowToGuides/apache_ssi.html
Include the below code in your html file and replace "included.html" with your section html filename
<!--#include file="included.html" -->
Check more on : https://en.wikipedia.org/wiki/Server_Side_Includes

How to automatically load a CSS file into HTML

I have a basic index.html file in a folder, as well as many, many other files. I want them all to use the same CSS file, without having to manually add to every file. I was wondering if you renamed the file index.css or something like that it would automatically load into every HTML file in the folder? Out of curiosity, is there also a Javascript method for this too?
Bad news my friend No. There is no magical tool that will import the CSS into all of your files. You have to do it yourself. Also it's really easy
Get the CSS file
Import the CSS File
See it's that easy. Was it so hard to do it?
You can't do that with simple HTML.
Do a PHP template instead, basically with:
head
header
nav menu
a content/container div/section
footer
Then, include your HTML/PHP page in your content.
For instance, use $_GET or $_POST to know which page to include.

Reduce page width for a single page in WordPress zerif-lite theme using CSS

I wish to reduce the page width for only a single page on my website without altering the theme that I am using (zerif-lite). I wish to do so using CSS i.e by adding CSS to styles.css. I am facing problems because I wish to do it only for one page without disturbing anything else.
Also there is an option of selecting the page template in which I have chosen Full Width Template. Where are these templates defined and how can I edit them?
wordpress-templates
You can use something like .page-id-11 #yourdiv or class in styles.css in the template directory , you should also have themplate files in wp-content/themes/yourtheme and find something like single-fullwith.php or similar...

HTML to nopCommerce theme

I am new to nopCommerce and trying to make HTML to theme on it I googled lots of things but not able to get proper way to create customized theme nopCommerce, can any one help,
Thanks in advance
The easiest way:
Copy the folder at ~/Themes/DarkOrange to ~/Themes/YOUR_THEME. Modify the corresponding items in theme.config.
If you need to change any view, copy that view from ~/Views/SUB_FOLDER/FILE_NAME.cshtml and paste it under ~/Themes/YOUR_THEME/SUB_FOLDER/FILE_NAME.cshtml.
For example, if you want to change the code in ~/Views/Shared/_ColumnsOne.cshtml, copy that file and paste it under ~/Themes/YOUR_THEME/Shared/_ColumnsOne.cshtml.
If you do not need to change any view, then modifying ~/Themes/YOUR_THEME/Content/styles.css is enough. (Also make sure you update ~/Themes/YOUR_THEME/Views/Shared/Head.cshtml to point to your CSS)
Rule of Thumb: nopCommerce will look for the specific view in your theme. If it can't find the view then it falls back to the original views at ~/Views. Otherwise your theme's views override the original views.
In addition to the Designers guide there are some nice articles describing why and how to use nopCommerce themes:
Why nopCommerce Theme?
How to create nopCommerce themes
A little help here: Overview (Designer's Guide)
Copy all the files inside ~/Views to your Themes: ~/Themes/YourTheme/Views
Then just modify any .cshtml file inside.
I hope it helps!

Change Magento Template

I have been asked by a customer to edit there ecommerce website, the cms system they use is Magento, how would i go about changing the category page html coding as i need to change a h2 to a h1. Were is it stored on the FTP so i can download edit html and then reupload. i have tried to go to /public_html/app/design/frontend/base/mylightbulb/template/catalog/category and the view.phtml does not contain the html i am after
Thanks
Magento's template is quite complicated (but flexible), but one way to find out where the HTML for a 'block' is located is by enabling Template Path Hints.
You should be able to edit their theme file for the category page here
/app/design/frontend/themepackage/theme/template/catalog/category/view.phtml