Rahmen Short

3 Alternative Styles

  • none

  • einfach

  • solide

Hier den Code

[frame style="none"]<img src="/wp-content/uploads/2013/04/person_01_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="simple"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="solid"]<img src="/wp-content/uploads/2013/04/person_03_v01.jpg" width="304" height="171" alt="" />[/frame]

Different Alignments

Left

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas.

Center

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo.

Right

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas turpis arcu, convallis et tellus id, facilisis pulvinar enim.

Hier den Code

[tabs style="simple"]

[tab_title]Left[/tab_title]

[tab_content]

[frame style="simple" align="left"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame] Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas.

[/tab_content]

[tab_title]Center[/tab_title]

[tab_content]

Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor.

[frame style="simple" align="center"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame]

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo.

[/tab_content]

[tab_title]Right[/tab_title]

[tab_content]

[frame style="simple" align="right"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame] Vivamus accumsan et augue sed aliquet. Pellentesque lobortis blandit enim, quis hendrerit lacus volutpat at. Mauris nec semper nisi, iaculis ultrices est. Fusce posuere rhoncus sapien, a condimentum odio porttitor non. Suspendisse pharetra sed augue sit amet convallis. Maecenas a diam sit amet nibh tempor vestibulum eget vitae sem. Sed laoreet orci id nisl auctor elementum. Maecenas rutrum dui ultricies ipsum viverra interdum.

Aliquam dictum sollicitudin quam faucibus blandit. Vivamus vitae quam vel leo malesuada sagittis quis a elit. Curabitur cursus enim vitae urna volutpat euismod. Cras malesuada dui quis nisi accumsan malesuada. Etiam purus turpis, dictum congue hendrerit ut, egestas in metus. Vestibulum faucibus ultricies leo, nec semper sapien feugiat nec. Maecenas rhoncus orci quis nisi faucibus dapibus. Nullam eu dapibus turpis, a vehicula purus. Integer magna neque, volutpat ac leo porttitor, malesuada semper velit. Cras congue porta metus, sed venenatis augue tristique sed. Maecenas turpis arcu, convallis et tellus id, facilisis pulvinar enim.

[/tab_content]

[/tabs]

Multiple Images in One Lightbox

Hier den Code

[frame style="simple" link="/wp-content/uploads/2013/04/person_01_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img src="/wp-content/uploads/2013/04/person_01_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="simple" link="/wp-content/uploads/2013/04/person_02_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img src="/wp-content/uploads/2013/04/person_02_v01.jpg" width="304" height="171" alt="" />[/frame]

[frame style="simple" link="/wp-content/uploads/2013/04/person_03_v01.jpg" linking="lightbox" lightbox="test_lightbox"]<img src="/wp-content/uploads/2013/04/person_03_v01.jpg" width="304" height="171" alt="" />[/frame]

Short Dokumentation

  • Ich würde
    Das id-Attribut gibt eine ID für ein HTML-Element.
    Es muss innerhalb des HTML-Dokuments eindeutig sein.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • Klasse
    Die Klasse Attribut gibt einen Klassennamen für ein HTML-Element.
    (Vor allem für zusätzliche Styling / scripting Zwecke)
  • linking
    Verfügbare Optionen:
    • new_window
    • lightbox
    • default
  • link
    The destination to which the link leads
  • lightbox_group
    Fill in this field, if you want different elements to be in one gallery
  • align
    Verfügbare Optionen:
    • links
    • center
    • richtig
  • Stil
    Verfügbare Optionen:
    • none
    • einfach
  • shape
    Verfügbare Optionen:
    • inherit
    • square
    • circle
  • title