Skrivtips

  • Allowed HTML tags: <h1> <h2> <h3> <h4> <a> <iframe> <em> <strong> <span> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

    Denna webbplats tillåter innehåll med HTML. Att lära sig HTML kan kännas som en övermäktig uppgift, men att lära sig de enklaste HTML-taggarna är mycket enkelt. Denna tabell ger exempel för varje tagg som är aktiv på webbplatsen.

    För mer information, se W3C:s HTML-specifikation eller använd en sökmotor för att hitta andra webbplatser som förklarar HTML.

    TaggbeskrivningDu skriverDu får
    Rubrik<h1>Titel</h1>

    Titel
    Rubrik<h2>Underrubrik</h2>

    Underrubrik
    Rubrik<h3>Tredje rubrik</h3>

    Tredje rubrik
    Rubrik<h4>Fjärde rubrik</h4>

    Fjärde rubrik
    Ankare används för att skapa länkar till andra sidor.<a href="http://www.karinssportbod.se/dev">KARINS SPORTBOD</a>KARINS SPORTBOD
    Ingen hjälp finns tillgänglig för taggen iframe.
    Betonat/kursivt<em>Betonat/kursivt</em>Betonat/kursivt
    Stark<strong>Stark</strong>Stark
    Ingen hjälp finns tillgänglig för taggen span.
    Citerat<cite>Citerat</cite>Citerat
    Kodad text som används för att visa programkällkod.<code>Kodat</code>Kodat
    Onumrerad lista - använd <li> för att påbörja varje ny post i listan<ul> <li>Första posten</li> <li>Andra posten</li> </ul>
    • Första posten
    • Andra posten
    Numrerad lista - använd <li> för att påbörja varje ny post i listan<ol> <li>Första posten</li> <li>Andra posten</li> </ol>
    1. Första posten
    2. Andra posten
    Definitionslistor liknar andra listor i HTML. <dl> inleder listan, <dt> inleder definitionstermen och <dd> inleder definitionsbeskrivningen.<dl> <dt>Första termen</dt> <dd>Första definitionen</dd> <dt>Andra termen</dt> <dd>Andra definitionenen</dd> </dl>
    Första termen
    Första definitionen
    Andra termen
    Andra definitionenen

    De flesta ovanliga tecken kan skrivas in direkt utan problem.

    Om du råkar ut för problem, försök använda HTML-teckenenheter. Ett vanligt exempel är &amp; för ett &-tecken. En komplett lista över teckenenheter ("entities") finns på HTML entities.Några av de tillgängliga tecknen är:

    TeckenbeskrivningDu skriverDu får
    Ochtecken&amp;&
    Större än&gt;>
    Mindre än&lt;<
    Citationstecken&quot;"
  • Rader och stycken hanteras automatiskt. Radbrytningar (<br />)och stycke-taggar (<p> och </p>) sätts in automatiskt. Om stycken inte fungerar är det bara att lägga till ett par tomrader.
  • Webbadresser och e-postadresser görs automatiskt till länkar.

  • To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example:

    <a href="image-1.jpg" rel="lightbox">image #1</a>

    <a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>

    To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.

    If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example:

    <a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
    <a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>

    There are no limits to the number of image sets per page or how many images are allowed in each set.

    If you wish to turn the caption into a link, format your caption in the following way:

    <a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>

  • It's possible to show webpage content in the lightbox, using iframes. In this case the "rel" attribute should be set to "lightframe". Again it's possible to group the content, (e.g. lightframe[search][caption]) but in addition to that, it's possible to control some of the iframe properties. It's possible to set the "width", "height" and "scrolling" properties of the iframe. The properties are separated from the group name by a |, for example lightframe[search|width:100px;][caption]. If no grouping is being used, then the | is still used and the format would be lightframe[|width:100px;]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no iframe properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

    Basic example:
    <a href="http://www.google.com" rel="lightframe">Search google</a>

    Grouped example:
    <a href="http://www.google.com" rel="lightframe[search][caption]">Search google</a>
    <a href="http://www.yahoo.com" rel="lightframe[search]">Search yahoo</a>

    Controlling iframe property example:
    <a href="http://www.google.com" rel="lightframe[|width:400px; height:300px; scrolling: auto;][caption]">Search google</a>

    Controlling iframe property when grouped example:
    <a href="http://www.google.com" rel="lightframe[search|width:400px; height:300px; scrolling: auto;]">Search google</a>
    <a href="http://www.yahoo.com" rel="lightframe[search|width:400px; height:300px;]">Search yahoo</a>