Wskazówki dotyczące tworzenia zawartości
- Adresy internetowe są automatycznie zamieniane w odnośniki, które można kliknąć.
Dozwolone znaczniki HTML: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
Ta witryna pozwala na publikowanie zawartości w formacie HTML. Choć perspektywa nauki wszystkich znaczników HTML może onieśmielać, nauczenie się tylko kilku podstawowych jest bardzo proste. Tabela przedstawia przykładowe zastosowania dostępnych na tej stronie znaczników.
Więcej informacji uzyskać można na stronie specyfikacji HTML na serwerze W3C lub poprzez wyszukiwarkę internetową.
Opis znacznika Wpisuje się Otrzymuje się Znaczniki zwane kotwicami służą do tworzenia odnośników do innych stron. <a href="http://www.fafula.com">fafula.com</a>fafula.com Zaakcentowanie <em>Zaakcentowanie</em>Zaakcentowanie Silne zaakcentowanie <strong>Silne zaakcentowanie</strong>Silne zaakcentowanie Cytat <cite>Cytat</cite>Cytat Tekst zawierający kod programu <code>Kod</code>KodLista punktorowana - znacznik <li> otwiera nowy element listy <ul> <li>Pierwszy element</li> <li>Drugi element</li> </ul>- Pierwszy element
- Drugi element
Lista numerowana - znacznik <li> otwiera nowy element listy <ol> <li>Pierwszy element</li> <li>Drugi element</li> </ol>- Pierwszy element
- Drugi element
Listy definicji są podobne do innych list HTML. Znacznik <dl> otwiera listę, <dt> otwiera termin definicji, a <dd> otwiera samą definicję. <dl> <dt>Pierwszy termin</dt> <dd>Pierwsza definicja</dd> <dt>Drugi termin</dt> <dd>Druga definicja</dd> </dl>- Pierwszy termin
- Pierwsza definicja
- Drugi termin
- Druga definicja
Większość z bardziej egzotycznych znaków można wprowadzać bezpośrednio bez żadnych dodatkowych zabiegów.
W przypadku problemów należy wpisać odpowiednik znaku w postaci encji HTML. Na przykład zamiast cudzysłowu wpisać można ". Pełna lista niestandardowych znaków wraz z odpowiadającymi im encjami HTML znajduje się na stronie dotyczącej encji. Oto niektóre z dostępnych znaków:
Opis znaku Wpisuje się Otrzymuje się Znak ampersand && Większy niż >> Mniejszy niż << Cudzysłów "" - Końce linii i akapitów rozpoznawane są automatycznie. Znacznik końca linii <br />, znacznik otwierający akapit <p> i znacznik zamykający akapit </p> są dopisywane automatycznie. Jeśli Drupal nie uwzględnił podziału na linie, należy po prostu dodać kilka nowych, pustych linii.
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>To add a lightbox slideshow to your images, add rel="lightshow[slideshowname][slide caption]" attribute to any link tag to activate the slideshow. For example:
<a href="image-1.jpg" rel="lightshow[show1]">image #1</a>
<a href="image-2.jpg" rel="lightshow[show1]">image #2</a>
<a href="image-3.jpg" rel="lightshow[show1]">image #3</a>
The title attribute in the link tag is optional. The addition of this attribute enables the display of a caption with the image displayed in the lightbox.
There are no limits to the number of slideshow image sets per page or how many images are allowed in each slideshow.
If you wish to turn the caption into a link, format your caption in the following way:
<a href="image-1.jpg" rel='lightshow[show1][<a href="http://www.yourlink.com">View Image Details</a>]'>image #1</a>
