Utilisateur:Oscarwiki

De OSCAR Guide De Saisie
Aller à la navigation Aller à la recherche

This is my personal user page on this wiki. It is the basis of the Wikimedia markup aide memoire. There is a second guide for Wikimedia admin guide which is more focused on configuration changes and the full wiki's look and feel it includes the following sub sections

  • menu structure
  • background
  • user management
  • page management (renaming pages is... how to say ... not simple ~ due to the pages being stored in the database)

Me Contacter

Vous pouvez également me contacter via mon site personnel www.scibearspace.net, Ces pages ici sont des copie de mes page sur mon wiki page personelle.




images sizes : 876x876px


In the following instructions / code sections the items that are within [[ square brackets ]] are to be modified, and the [[ square brackets ]] can be removed. see the #Folding sections for the best example.

Code Snippets

Sections of code for the more complex items

Table of contents

If you use heading and sub heading in your pages (you should do, as it makes editing easier), then the mediawiki software will automagically include a table of contents before your first heading. However you may not want it here, so you can tell mediawiki where to place it using the following :

__TOC__


Alternatively you may decide that you want the contents hidden, which can be done with

__NOTOC__


Further details can found on the main mediawiki table of contents manual page

a NavMenu

to be placed at the bottom of each page.

{{NavMenu|previousPage=previous page|nextPage=next page}}


edit the 'previous page' and 'next page' not the previousPage or nextPage markers, these are the names of the variables.


The template can be modified from its page : Modèle:NavMenu


Folding sections

<div class="toccolours mw-collapsible [[mw-collapsed]]" style="width:90%; overflow:auto;">


[[Special:MyLanguage/always visible text|always visible text]]
<div style="font-weight:bold;line-height:1.6;">title</div>


<div class="mw-collapsible-content">
hiddent text goes here (or a transclusion)


</div></div>



Open this collapsed section to see how it was created

title


hiddent text goes here (or a transclusion)

<div class="toccolours mw-collapsible mw-collapsed" style="width:90%; overflow:auto;">


Open this section to see how it was created
<div style="font-weight:bold;line-height:1.6;">title</div>


<div class="mw-collapsible-content">
This could becomes somewhat of a rabit hole, so I'm not repeating it again here, but you certainly can use multiple layers of folding sections. 


</div></div>


images

Text flow around images can be a pain ! If you want your text to appear after your image you have 2 solutions


  1. use
     <div style="clear: both"></div> 
    immediately after your image, on its own line. Then continue with your article text
  2. wrap the part with the image in
     <div style="overflow: hidden"> [code for inserted file here] </div> 


images made easier !

Images are somewhat of a nuisance ... So I will need create a template for them. needs to be done...


This template should add the required <div> section details to place the image on the left of the page, and wrap the accompanying text on the right of it.


Not sure if templates can have controls to flow the image to the right instead of left (although I could add a simple left of right in the inclusion of the actual image).


{{CodeSnippet|text=coding text.}}


Page and text formating

Details on the syntax for formating text on the page. This also amounts to a style guide for this wiki. I endeavour to keep it all simple.


important : when using the various methods below for creating your desired text characteristics you must remember to close the formatting marks, so you text will be wrapped by them.
the engine that creates the final output will ignore white space (single spaces and single lines) unless using a specific markup to prevent it (see the Special:MyLanguage/#Quotes or Special:MyLanguage/#Higlighting text subsections of this page


Headings

Headings are created by inserting ==equal signs== around the text that will be your heading. These are automatically turned into page anchors, and will appear in the table of contents, including a greater number of = will modify the heading type (in html parlance H1, H2, H3 ... etc).


Start any headings in a page from H2 (ie == heading == , as the main page title is an H1 type, and it will confuse the wiki !


Lists

Are very simple to create using the * for a standard list, and # for a numbered list. Adding suplemental * or # will increase the indentation, You can also mix them together.

example.
  • list item 1
    • list item 1 a
      1. an enumerated item
      2. another enumerated item

of course you can do the opposite also

  1. first item
  2. second item
    1. item 2.1
      • item 2.1 non enumerated
      • and another one
    2. item 2.2
  3. and continuing on and on ...

The above is created with the following code ...

* list item 1
** list item 1 a
**# an enumerated item
**# another enumerated item
of course you can do the opposite also
# first item
# second item
## item 2.1
##* item 2.1 non enumerated
##* and another one
## item 2.2
# and continuing on and on  ...

More details can be found on the main wiki help pages for lists

Italics

Italics
created by wrapping a pair of single '' apostrophes around your text, eg : ''italics'' will give Iitalicised text.

Bold Text

Bold
created by wrapping 3 single ''' apostrophes around your text, eg : '''Bold''' will give Bold text.


Underlined

underlined text
is created using html tags, they can use on of the following methods
prefered method : wrap the required text in <u> html tags </u> so <u>underlined text</u> will result in underlined text
alternatively you can use <ins> html tags </ins> so <ins>underlined text</ins> will result in underlined text attention : This may not work in all browsers !


mixed formating

It is possible to mix up the type of styling, if desired

Bold and Italic
created by wrapping 5 single ''''' apostrophes around your text, eg : '''''italicised bold'''''
yes we have added the italic and bold together to get italicised bold text.
bold and underlined
again created by mixing up the ''' and <u>underline</u> markup so it it entered as : '''<u>bold and underlined</u>'''


Quotes

To quote from a book or web page use the follwing

<blockquote>Text to be quoted</blockquote>

Quoted Text will look like this

Links

can be of different types :


  • Internal : to link to another page [[Special:MyLanguage/wrap the text in square brackets|wrap the text in square brackets]]
    • link to the subsection of a the current page : [[Special:MyLanguage/#anchor-name]] titles and sub titles are automatically considered as anchors
    • link to the subsection on another page : [[Special:MyLanguage/pageName#anchor-name]
  • to change the text of the link separate the link information from the displayed text using the |, giving a link in the form of :[[ActualLinkName | Displayed Text]]
example : using [[#Code snippets]], will take you to the #Code snippets subsection above.


  • External links are equally simple
    • you can use the raw link and it will be magically recognised https://www.filiere-oscar.fr/ you should use the https for this to work
    • or you can make it preety and modify the displayed text [https://www.filiere-oscar.fr/ | Oscar Web Site]. Oscar Web Site
NOTE how the above is different from the internal link, it requires only single [ square ] brackets , and we can leave a simple space between the link and the displayed text (this is because the wiki auto-magically recognises anything starting as http:// or https:// as being a link, and links cannot have spaces in them

Highlighting Text

Often with quotes I like to ensure that there is a grey background to the bounding box, you can get this effect by wrapping the whole sectino within a div eg:


<div class="toccolours"><blockquote>Text to be quoted</blockquote></div>

which will look like the following, notice I am still using the <blockquote> in the sample below :

Text to be quoted

without a block quote the text will not be indented like this ...

Text content here


Texte Coloré

Vous ressentirez peut-être le besoin d'utiliser de la couleur pour mettre en valeur votre texte. C'est souvent le cas des liens, qui changent de couleur selon qu'ils ont été visités, sont en italique ou en gras. Vous observerez que le texte visité n'est pas très clair, je le force donc souvent à être de couleur bleue.

Vous trouverez ci-dessous les codes dont j'ai généralement besoin :

Les couleur preferé...
Blue
 <span style="color:blue"> texte en blue </span> 
Votre texte apparaîtra comme Texte en blue
Red
 <span style="color:red"> texte en rouge</span> 
Votre texte apparaîtra comme Texte en rouge qui doivent être utilisés avec parcimonie, et uniquement pour mettre en évidence les éléments qui sont d'une grande importance
Green
 <span style="color:green"> texte en green</span> 
Votre texte apparaîtra comme Texte en green
Yellow peut être difficile à lire ...
Mais en utilisant la même principe, nous pouvons mettre en évidence
<span style="background:yellow"> l'arrière-plan du texte en jaune </span>
Votre texte apparaîtra comme l'arrière-plan du texte en jaune


Pour plus de détails, veuillez suivre ce lien vers la page d'aide de Mediawiki pour la couleur du texte (malheureusement uniquement disponible en anglais !)