Jump to content

Topic on Project:Support desk

How to create such a home page - boxes and frames

8
Monocero (talkcontribs)

Hi,

I would like to know how can I create such a home page? How can I create such boxes? How can I create such frames?

Wiki

This post was hidden by AhmadF.Cheema (history)
AhmadF.Cheema (talkcontribs)

Use the page's source code as a template. The code will include some CSS classes which will probably be defined in MediaWiki:Common.css. You will need to copy the classes used on the home page to your Wiki as well, in order to create those boxes.

Monocero (talkcontribs)

Where should I put the common.css file on the server?

AhmadF.Cheema (talkcontribs)
Monocero (talkcontribs)

I created this page. The page name must be: MediaWiki:Common.css. An error message occurred while saved, but the frames appeared.


But not all frames are equal.


Look at this:


https://i.imgur.com/XucFRtM.png


These lines are not equal and the two boxes are not finished with the bottom line. How to fix it?

Malyacko (talkcontribs)

By using your web browser's developer tools (right-click and choose "Inspect element" or something like that), looking at the CSS, understanding what it does, and changing it.

For example if you want that horizontal line to close, don't set "padding: 0.2em 0.4em;" for the "mainpage_boxcontents" class?

The question is not really related to MediaWiki software. It's about using CSS in general.

Monocero (talkcontribs)

I understand. I will try to do it. Thanks for the clarification.