Skip to Content
Szövegformázási tippek
» Címlap » Szövegformázási tippek

Szövegformázási tippek

beviteli formák:
  • Filtered HTML:
    • Shortcodes

      [highlight (class="additional class")]text[/highlight] insert a span.highlight around the text.

      Sample css:

      span.highlight{ background-color:red; } span.highlight2{ background-color:cyan; }

       

      [button (class="additional class")]text[/button] insert a link formatted like a button. Use url parameter for the link.

      [dropcap (class="additional class")]text[/dropcap] replace a given text formatted like a dropcap.

      Sample css:

      .dropcap { display:block; float:left; font-size:38px; line-height:38px; vertical-align:baseline; padding-right:5px; }

       

      [quote (class="additional class")]text[/quote] replace a given text formatted like a quote.

      Sample css:

      .quote { display:block; float:left; width:30%; margin:20px; margin-left:0; padding:5px 0 5px 20px; font-style:italic; border-left:3px solid #E8E8E8; line-heigh:1.5em; font-size:14px; letter-spacing: 1px; word-spacing: 2px; } .quote.right{ float:right; margin-right:0; margin-left:20px; }

       

      [item (class="additional class"|id=item id|type=div,d,span,s)]text[/item] Insert a html item (type parameter = div or span) around the given text.

      Additional class names can be added by the class parameter. Id parameter gives the html an unique css id.

       

      [link path="the drupal path" (title="link title"|class="additional class"|id=item id|style=css style rules)]text[/link] inserts an aliased drupal path around the text. You can omit the text and the closing [/link], you gives back the url only.

      Additional class names can be added by the class parameter. Id parameter gives the html an unique css id. In the style parameter you can use a css definitions.

       

    • A sorokat és bekezdéseket a rendszer felismeri, a megjelenítésükhöz szükséges <br /> sortörés, <p> bekezdésnyitó és </p> bekezdészáró címkéket automatikusan beilleszti a szövegbe. Ha a bekezdések nem jelennek meg helyesen, a szövegbe illesztett üres sorok megoldják a problémát.
    • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.

    • Engedélyezett HTML jelölők: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

      A webhelyen engedélyezett a HTML formátumú tartalom bevitele. Bár a HTML nyelv megtanulása túl nagy feladatnak tűnhet, néhány egyszerű jelölő alkalmazását könnyű elsajátítani. Ez a táblázat a webhelyen használható HTML jelölőket mutatja be.

      További információ a W3C HTML Specifications c. oldalán olvasható, vagy az interneten fellelhető HTML nyelvvel foglalkozó webhelyeken, amelyeket a keresők segítségével találhatunk meg.

      Jelölő leírásaBeírandóEredmény
      A linkek más webhelyekre mutató kattintható hivatkozások.<a href="http://avivatorna.hu">Hajzer Erzsébet Aviva módszer oktató weblapja</a>Hajzer Erzsébet Aviva módszer oktató weblapja
      Kiemelt<em>Kiemelt</em>Kiemelt
      Erős<strong>Erős</strong>Erős
      Idézett<cite>Idézett</cite>Idézett
      Program forráskódját tartalmazó szöveg<code>Kód</code>Kód
      Számozatlan felsorolás – a lista elemeit a <li> jelölővel kell megadni<ul> <li>Első listaelem</li> <li>Második listaelem</li> </ul>
      • Első listaelem
      • Második listaelem
      Számozott felsorolás – a lista elemeit a <li> jelölővel kell megadni<ol> <li>Első listaelem</li> <li>Második listaelem</li> </ol>
      1. Első listaelem
      2. Második listaelem
      A definíciós listákat a <dl> jelölővel kell létrehozni. Az elemen belül <dt> jelzi a definiált kifejezést, <dd> pedig a definíciót.<dl> <dt>Első kifejezés</dt> <dd>Első definíció</dd> <dt>Második kifejezés</dt> <dd>Második definíció</dd> </dl>
      Első kifejezés
      Első definíció
      Második kifejezés
      Második definíció

      A legtöbb speciális karakter gond nélkül beírható.

      Ha a karakterek rosszul jelennek meg, célszerű HTML karakterentitásokat alkalmazni – például az & karakter jelölése a következő módon történik: &amp;. A karakterentitások teljes listája a HTML szabvány vonatkozó oldalán található. Néhány fontosabb karakterentitás:

      Karakter leírásaBeírandóEredmény
      & jel&amp;&
      Nagyobb jel&gt;>
      Kisebb jel&lt;<
      Idézőjel&quot;"
    • HTML tags will be transformed to conform to HTML standards.
    • Minden email cím át lesz alakítva ember által olvasható módon, vagy (ha a JavaScript engedélyezett) ki lesz cserélve kattintható, de biztonságos hivatkozásra.
  • Comment:
    • A sorokat és bekezdéseket a rendszer felismeri, a megjelenítésükhöz szükséges <br /> sortörés, <p> bekezdésnyitó és </p> bekezdészáró címkéket automatikusan beilleszti a szövegbe. Ha a bekezdések nem jelennek meg helyesen, a szövegbe illesztett üres sorok megoldják a problémát.
    • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
    • Minden email cím át lesz alakítva ember által olvasható módon, vagy (ha a JavaScript engedélyezett) ki lesz cserélve kattintható, de biztonságos hivatkozásra.
    • HTML tags will be transformed to conform to HTML standards.