Aide
- Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div> <p> <img> <embed> <h1> <h2> <h3> <h4> <h5> <h6> <address> <pre> <small> <iframe>
Ce site autorise le contenu HTML. Alors qu'appendre tout l'HTML pourrait intimider, apprendre à utiliser un nombre très restreint des "balises" HTML les plus basiques est très facile. Ce tableau fournit des exemples pour chaque balise qui est autorisée sur ce site.
Pour plus d'information voir les spécifications HTML du W3C ou utilisez votre moteur de recherche préféré pour trouver d'autres sites qui expliquent le code HTML.
Description de la balise Vous entrez Vous obtenez Les ancres sont utilisées pour établir des liens vers d'autres pages. <a href="http://riders-incorporated.eu/site">Riders Incorporated</a>Riders Incorporated Accentué <em>Accentué</em>Accentué Fort <strong>Fort</strong>Fort Citation <cite>Citation</cite>Citation Text codé pour afficher du code de programmation <code>Codé</code>CodéListe non ordonnée - utilisez <li> pour débuter chaque élément de la liste <ul> <li>Premier élément</li> <li>Second élément</li> </ul>- Premier élément
- Second élément
Liste ordonnée - utilisez <li> pour débuter chaque élément de la liste <ol> <li>Premier élément</li> <li>Second élément</li> </ol>- Premier élément
- Second élément
Les listes de définition sont similaires aux autres listes HTML. <dl> délimite la liste de définitions, <dt> délimite le terme à définir <dd> délimite la définition proprement dite. <dl> <dt>Premier terme</dt> <dd>Première définition</dd> <dt>Second terme</dt> <dd>Seconde définition</dd> </dl>- Premier terme
- Première définition
- Second terme
- Seconde définition
Aucune aide n'est fournie pour la balise div. Les balises de paragraphe sont ajoutées par défaut. Utilisez celle-ci pour en ajouter. <p>Paragraphe un.</p> <p>Paragraphe deux.</p>Paragraphe un.
Paragraphe deux.
Aucune aide n'est fournie pour la balise img. Aucune aide n'est fournie pour la balise embed. Entête <h1>Titre</h1>Titre
Entête <h2>Sous-titre</h2>Sous-titre
Entête <h3>Sous-titre trois</h3>Sous-titre trois
Entête <h4>Sous-titre quatre</h4>Sous-titre quatre
Entête <h5>Sous-titre cinq</h5>Sous-titre cinq
Entête <h6>Sous-titre six</h6>Sous-titre six
Aucune aide n'est fournie pour la balise address. Texte préformaté <pre>Texte préformaté</pre>Texte préformaté
Aucune aide n'est fournie pour la balise small. Aucune aide n'est fournie pour la balise iframe. La plupart des caractères non usuels peuvent être entrés sans problème.
Si vous rencontrez des problèmes, essayez d'utiliser les entités HTML. Un exemple courant est & pour le et commercial &. Pour une liste complète des entités voyez la page entités HTML du W3C. Voici quelques caractères disponibles :
Description du caractère Vous entrez Vous obtenez Et commercial && Supérieur >> Inférieur << Marque de citation "" - Les lignes et les paragraphes sont reconnus automatiquement. Les balises <br /> saut de ligne, <p> paragraphe et </p> fin de paragraphe sont insérées automatiquement.Si les paragraphes ne sont pas reconnus ajoutez simplement quelques lignes vides.
BBCode Guide
BBCode allows you to specify formatting rules for your text, even if you are not allowed to use HTML in your posts. BBCode originated from the forum software named PHPBB, and this site has a special implementation of it.
In BBCode terms, you use "tags" to add formatting to your text. Every tag is enclosed in [ and ] brackets. If you want to mark some region in your text, you need to use an opening tag and a closing tag. Closing tags start with [/, as you will see in the examples below. If you mistype a tag or forget to close it, you will not get the desired formatting.
Simple text formatting
BBCode allows you to make some parts of your texts stand out from the context by adding [b]old, [i]talic, [u]nderlined and [s]trikeout formatting to them. The [color], [size] and [font] tags allow you to change the color, size and font of portions of the text you enclose with these tags. Both require a parameter (which colour, how big, what font) that is suffixed to the name of the tag by an equals sign (example below). You should not repeat the parameter in the closing tag!
You can specify any recognized color name (red, blue, green, white, etc.) or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) as the parameter of a [color] tag. The [size] tag allows you to set the font size between 6 and 48, 6 being the smallest size. Note that using very large text is considered by many to be annoying, and it is seldom a good idea to try to attract more attention to your post in this way. The [font] tag can be set to any valid font face, such as Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.
usage display I [b]need to do[/b] this by the weekend I need to do this by the weekend John said that [i]we should[/i] ask her John said that we should ask her I [u]would not like to[/u] offend you I would not like to offend you Let's correct this [s]mispelled[/s] misspelled word Let's correct this mispelledmisspelled wordJane was at [color=blue]the coast[/color] Jane was at the coast Joe was in [color=#FF0000]the forest[/color] Joe was in the forest You said: [size=30]HEY![/size] You said: HEY! She said: [font=Courier]What?[/font] She said: What? Creating links
You have multiple options to specify links to other destinations in your posts.
URLs (Uniform Resource Locators) starting with "www" or "ftp" (eg. www.example.com) are automatically recognized and replaced with links. You can also use the [url] tag with a parameter to specify a link with meaningful text to click on. If you use the url tag without the parameter, the enclosed text is assumed to be a URL, and a link is created to that destination.
Email addresses in posts are also automatically converted to email links. For compatibility with common BBCode implementations, an [email] tag is provided.
usage display For more examples, visit www.example.com For more examples, visit www.example.com For more examples, visit http://example.com For more examples, visit http://example.com If you have questions ask me at joe@example.com If you have questions ask me at joe@example.com If you have questions ask me at [email]joe@example.com[/email] If you have questions ask me at joe@example.com We use [url=http://example.com/]the example site[/url] in these examples We use the example site in these examples We use [url]http://example.com/[/url] in these examples We use http://example.com/ in these examples Displaying images
The [img] tag allows you to display an image in your post. You need to specify a URL to the image, so it needs to be accessible somewhere on the internet. Beware of adding very large images to your text, or the page will load very slowly!
If you enclose a URL in an [img] tag, then it will be replaced with code to display the image. For example
A good screenshot: [img]http://example.com/screenshot.png[/img]will show you the screenshot (if it exists).You can also specify the desired display dimensions of the image by adding a dimension parameter to the [img] tag.
A good screenshot: [img=640x480]http://example.com/screenshot.png[/img]will display the image in 640x480 (though the full image will be downloaded). Do not use this to show a thumbnail of an image!You are free to link an image to an external destination by enclosing the [img] tag with a [url] tag:
See [url=http://example.com][img]http://example.com/screenshot.png[/img][/url].Ordered and unordered lists
The simplest list type is the unordered list, which means that there is no numbering applied to the elements. You can make such a list by enclosing the list elements in [list] opening and closing tags. Specify the start of one element with the [*] list element marker, which has no closing tag pair.
To create an ordered list, you should add a parameter to the [list] list tag specifying what type of ordered list you would like to see. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s" which all correspond to the display of the first list element.
usage display I love [list] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [list=I] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
I love [list=1] [*]Oranges [*]Apples [*]Bananas [/list]
I love - Oranges
- Apples
- Bananas
Fixed-width text and block formatting
You can use the [code] tag to add an inline fixed-width formatted part or to add a block of (usually program) code. If there is any newline present between the opening and closing tags, then a block will be displayed.
Similarly, the [php] tag can be used to post PHP code. PHP code will automatically be syntax highlighted for easier readability.
usage display Edit your [code]robots.txt[/code] file Edit your robots.txtfileAn HTML title example:
[code]
<head>
<title>Page Title</title>
</head>
[/code]An HTML title example:
<head>
<title>Page Title</title>
</head>
Some PHP code:
[php]
<?php
function hello()
{
echo "Hello World!";
}
?>
[/php]Some PHP code:
<?php
function hello()
{
echo "Hello World!";
}
?>Text and block alignment
You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag can be used justify text on both sides of the page.
Other supported tags
It is possible to quote something that has already been posted, by just putting [quote][/quote] tags around it. To quote a specific person, use something like [quote=John]. Quote tags can be nested.
The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.
The [acronym] tag allow you to identify text as an acronym and provide a description when users move their mouse over the tag. For example, [acronym=Structured Query Language]SQL[/acronym] produces SQL.
The [abbr] tag allow you to identify text as an abbreviation and provide a description when users move their mouse over the tag. For example, [abbr=World Wide Web]WWW[/abbr] produces WWW.
The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".
The [hr] tag draws a horizontal line across the page. Handy for separating chunks of text.
Using multiple formatting tags
You can apply more than one formatting specification to a portion of some text.
I was at [b][i]the coast[/i][/b]will be rendered asI was at the coast.Make sure that you take care of the proper order of the opening and closing tags. You should close the tags in the opposite order in which you opened them. Otherwise you might get very strange rendering results. Also check your post with the preview function before submitting it, in case there are formatting errors due to improper BBCode usage.
- You can insert a blockquote directly into texts with;
<blockquote>This text becomes a blockquote.</blockquote> - You can insert a blockquote directly into texts with;
<blockquote>This text becomes a blockquote.</blockquote> Syntax highlighting of source code can be enabled with the following tags:
- Generic syntax highlighting tags: "
<code>", "<blockcode>". - Language specific syntax highlighting tags: .
Options and tips:
- The language for the generic syntax highlighting tags can be specified with one of the attribute(s): type, lang, language. The possible values are: "
c" (for C), "cpp" (for C++), "drupal5" (for Drupal 5), "drupal6" (for Drupal 6), "java" (for Java), "javascript" (for Javascript), "php" (for PHP), "python" (for Python), "ruby" (for Ruby). - Line numbering can be enabled/disabled with the attribute "linenumbers". Possible values are: "off" for no line numbers, "normal" for normal line numbers and "fancy" for fancy line numbers (every nth line number highlighted). The start line number can be specified with the attribute "start", which implicitly enables normal line numbering. For fancy line numbering the interval for the highlighted line numbers can be specified with the attribute "fancy", which implicitly enables fancy line numbering.
- If the source code between the tags contains a newline (e.g. immediatly after the opening tag), the highlighted source code will be displayed as a code block. Otherwise it will be displayed inline.
- Beside the tag style "
<foo>" it is also possible to use "[foo]".
Defaults:
- Default highlighting mode for generic syntax highlighting tags: when no language attribute is specified, no syntax highlighting will be done.
- Default line numbering: no line numbers.
Examples:
You type You get <code>foo = "bar";</code>Inline code with the default syntax highlighting mode. <code>
foo = "bar";
baz = "foz";
</code>Code block with the default syntax highlighting mode. <code lang="cpp" linenumbers="normal">
foo = "bar";
baz = "foz";
</code>Code block with syntax highlighting for C++ source code
and normal line numbers.<code language="cpp" start="23" fancy="7">
foo = "bar";
baz = "foz";
</code>Code block with syntax highlighting for C++ source code,
line numbers starting from 23
and highlighted line numbers every 7th line.- Generic syntax highlighting tags: "
Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example:
[quote]This is a simple quote.[/quote]
is displayed as:This is a simple quote.Additionally, there is an optional attribute which allows quotes to specify the original author.
[quote=Mr. Drupal]This is a quote with an attribution line.[/quote]
is displayed as:This is a quote with an attribution line.Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag.
[quote]I think she says it best... [quote=Ms. Quotation]This is a quote nested within another quote.[/quote] but you can't argue with [quote=Ms. Reply]The more quotes, the merrier. Just don't get too carried away.[/quote] And I have nothing more to say.[/quote]
is displayed as:I think she says it best...This is a quote nested within another quote.but you can't argue withThe more quotes, the merrier. Just don't get too carried away.And I have nothing more to say.Spoilers can be placed between [spoiler][/spoiler] tags in order to be masked using CSS. Users will need to highlight the text to read content.
- Tables will be rendered with different styles for even and odd rows if supported.
-
Video Filter
You may insert videos from popular video sites by using a simple tag
[video:URL].Examples:
- Single video:
[video:http://www.youtube.com/watch?v=uN1qUeId] - Random video out of multiple:
[video:http://www.youtube.com/watch?v=uN1qUeId1,http://www.youtube.com/watch?v=uN1qUeId2] - Override default autoplay setting:
[video:http://www.youtube.com/watch?v=uN1qUeId autoplay:1] - Override default width and height:
[video:http://www.youtube.com/watch?v=uN1qUeId width:X height:Y] - Align the video:
[video:http://www.youtube.com/watch?v=uN1qUeId align:right]
Supported sites: YouTube, Google Video, Tangle, DailyMotion, Eyespot, Revver, Vimeo, Flickr Slideshows, Flickr Video, Game Videos, Meta Cafe, Game Trailers, College Humor, MySpace, Capped, Blip.tv, Slideshare, Picasa Slideshows.
Special instructions:
Some codecs need special input. You'll find those instructions here.- Slideshare:
You need to construct your own URL, using the "Wordpress Embed" code from Slideshare, extract the "id" and "doc" parts, and form the URL like this: slideshare.net/?id=1759622&doc=usingdrupal-090723103440-phpapp01. - Picasa Slideshows:
You must use the URL of the RSS feed for the Picasa album:- View the album in Picasa (you should see thumbnails, not a slideshow).
- Find the "RSS" link and click it.
- Copy the resulting URL from the browser address bar. Example:
[video: http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/5568104935784209834?alt=rss&kind=photo&hl=en_US]
- Single video:
- To insert a link to a site known to the Weblinks module, you may insert in your content the pseudo-tag: [link: title]. The Weblinks module will insert the appropriate link at that spot in the content.
