Λογισμικά

Σελίδα φιλική σε άτομα με ειδικές ανάγκες

Animation on View

Here are some examples how to use the Shortcodes for the Animations. These Animation Effect will be activated when a Element, no matter which one, becomes visible, means when it comes into the Viewport.

Best of all: you can use the Animations on the Module Class Suffix, so you can animate nearly every element!

Animation bounceIn

Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna.

Animation bounceInDown

Animation bounceInLeft

Animation bounceInRight

Animation bounceInUp

Animation fadeIn

Animation fadeInDown

Animation fadeInDownBig

Animation fadeInLeft

Animation fadeInLeftBig

Animation fadeInRight

Animation fadeInRightBig

Animation fadeInUp

Animation fadeInUpBig

Animation flipInX

Animation flipInY

Animation lightSpeedIn

Animation rotateIn

Animation rotateInDownLeft

Animation rotateInDownRight

Animation rotateInUpLeft

Animation rotateInUpRight

Animation rollIn

Shortcode

{animate effect="bounceIn"}Your Content or Element here{/animate}
Or use the Module Class Suffix: animation bounceIn
Please do not forget the whitespace in front of animation)
Possible animation names:
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
flipInX
flipInY
lightSpeedIn
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rollIn

Typography

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Heading 1

Aliquam ac scelerisque ligula. Morbi eget odio bibendum, bibendum nunc a, varius massa. Sed sodales accumsan cursus. Fusce eget urna non lectus sollicitudin posuere. Proin semper mi ac magna varius sodales.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Shortcode

{h1}Headline{/h1}
{h2}Headline{/h2}
{h3}Headline{/h3}
{h4}Headline{/h4}
{h5}Headline{/h5}
{h6}Headline{/h6}

Fancy Heading 1

Fancy Heading 2

Fancy Aliquam ac scelerisque ligula. Morbi eget odio bibendum, bibendum nunc a, varius massa. Sed sodales accumsan cursus. Fusce eget urna non lectus sollicitudin posuere. Proin semper mi ac magna varius sodales.

Fancy Heading 3

Fancy Heading 4

Fancy Heading 5

Fancy Heading 6

Shortcode

{h1 style="fancy-title"}Headline{/h1}
{h2 style="fancy-title"}Headline{/h2}
{h3 style="fancy-title"}Headline{/h3}
{h4 style="fancy-title"}Headline{/h4}
{h5 style="fancy-title"}Headline{/h5}
{h6 style="fancy-title"}Headline{/h6}

Headings and Text Align

Align Left

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

Align Center

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

Align Right

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

Shortcode

<p class="text-left">Text here</p>
<p class="text-center">Text here</p>
<p class="text-right">Text here</p>

Drop Capitals

Whasellu lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum.

Shortcode

{dropcap1 text="W"}
{dropcap2 text="W"}

Lists

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Default Lists

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Shortcode

{list}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list-ol}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list class="list-unstyled"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}

Default Style

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Shortcode

{list class="list-default"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list-ol class="list-default"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list class="list-default list-unstyled"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}

Divider Style

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Shortcode

{list class="list-default divider-list"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list-ol class="list-default divider-list"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list class="list-default list-unstyled divider-list"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}

Divider Style

Integer molestie lorem
Facilisis in pretium nisl
Nulla volutpat aliquam
Aenean sit amet erat nunc
Eget porttitor lorem

Integer molestie lorem
Facilisis in pretium nisl
Nulla volutpat aliquam
Aenean sit amet erat nunc
Eget porttitor lorem

Shortcode

{list class="list-default divider-list biglist"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list-ol class="list-default divider-list biglist"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}
{list class="list-default list-unstyled divider-list biglist"}
  {listing}Integer molestie lorem at massa{/listing}
  ...
  ...
{/list}

Icon List

Since using the icons provided in the theme you can build quite some nice list, we dedicated one page to the Icon List. Please use the button bellow to see the Icon Lists.

View Icon Lists

Buttons

Here are some examples of the default Button Colors. Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero.

Default Buttons Styles

Default Primary Success Info Warning Danger

Shortcode

{button title="" link="#" color="btn-default"}Default{/button}
{button title="" link="#" color="btn-primary"}Primary{/button}
{button title="" link="#" color="btn-success"}Success{/button}
{button title="" link="#" color="btn-info"}Info{/button}
{button title="" link="#" color="btn-warning"}Warning{/button}
{button title="" link="#" color="btn-danger"}Danger{/button}

Buttons Alternative Styles

Default Primary Success Info Warning Danger

Shortcode

{button title="" style="btn-alt" link="#" color="btn-default"}Default{/button}
{button title="" style="btn-alt" link="#" color="btn-primary"}Primary{/button}
{button title="" style="btn-alt" link="#" color="btn-success"}Success{/button}
{button title="" style="btn-alt" link="#" color="btn-info"}Info{/button}
{button title="" style="btn-alt" link="#" color="btn-warning"}Warning{/button}
{button title="" style="btn-alt" link="#" color="btn-danger"}Danger{/button}

Buttons Sizes

Primary-XS Primary-SM Primary-MD Primary-LG

Shortcode

{button title="" link="#" color="btn-primary" size="btn-xs"}Default{/button}
{button title="" link="#" color="btn-primary" size="btn-sm"}Default{/button}
{button title="" link="#" color="btn-primary" size="btn-md"}Default{/button}
{button title="" link="#" color="btn-primary" size="btn-lg"}Default{/button}

Buttons with Icons

Default Left Primary Right Success Left Info Right

Shortcode

{button title="" link="#" color="btn-default"}
  {icon-avendor name="chat-1" class="iconleft"}Default Left
{/button}
{button title="" link="#" color="btn-primary"}
  Primary Right{icon-fa name="fa-space-shuttle" class="iconright"}
{/button}
{button title="" link="#" color="btn-success" style="btn-alt"}
  {icon-avendor name="atom" class="iconleft"}Success Left
{/button}
{button title="" link="#" color="btn-info" style="btn-alt"}
  Info Right{icon-avendor name="pin-2" class="iconright"}
{/button}

Buttons with Livicons

Default Left Primary Right Success Left Info Right

Shortcode

{button title="" link="#" color="btn-default"}
  {icon-livicon ... class="iconleft"}Default Left
{/button}
{button title="" link="#" color="btn-primary"}
  Primary Right{icon-livicon ... class="iconright"}
{/button}
{button title="" link="#" color="btn-success" style="btn-alt"}
  {icon-livicon ... class="iconleft"}Success Left
{/button}
{button title="" link="#" color="btn-info" style="btn-alt"}
  Info Right{icon-livicon ... class="iconright"}
{/button}

Buttons with Functions

Image Vimeo New Window Fans

Shortcode

{button link="image.jpg" color="btn-default" lightbox="image"}Image{/button}
{button title="Tooltip Text here" link="#" color="btn-primary" class="ToolTip" data="data-opie-position='tl:bl'"}Tooltip{/button}
{button link="vimeo.com" color="btn-success" lightbox="video"}Vimeo{/button}
{button title="" link="http://www.ws-theme.com" color="btn-info" style="btn-alt" target="_blank"}New Window{/button}
{button link="#" color="btn-warning" style="btn-alt"}
  {icon-fa name="fa-thumbs-up" class="iconleft"}
  {counter-text class="xbold" start="0" end="957" speed="9000" refresh="50"} Fans
{/button}

Alerts

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Default Alerts

Well done! You successfully read this important message.

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Shortcode

{alert style="clean"}Your Content here{/alert}
{alert style="dark"}Your Content here{/alert}
{alert style="success"}Your Content here{/alert}
{alert style="info"}Your Content here{/alert}
{alert style="warning"}Your Content here{/alert}
{alert style="danger"}Your Content here{/alert}

Dismissible Alerts

Well done! You successfully read this important message.

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Shortcode

{alert-to-close style="clean"}Your Content here{/alert}
{alert-to-close style="dark"}Your Content here{/alert}
{alert-to-close style="success"}Your Content here{/alert}
{alert-to-close style="info"}Your Content here{/alert}
{alert-to-close style="warning"}Your Content here{/alert}
{alert-to-close style="danger"}Your Content here{/alert}

Alternative Alerts

Well done! You successfully read this important message. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.

Well done! You successfully read this important alert message. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.

Heads up! This alert needs your attention, but it's not super important. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.

Warning! Better check yourself, you're not looking too good. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.

Oh snap! Change a few things up and try submitting again. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.

{alert-to-close style="clean alert-alt"}Your Content here{/alert}
{alert-to-close style="dark alert-alt"}Your Content here{/alert}
{alert-to-close style="success alert-alt"}Your Content here{/alert}
{alert-to-close style="info alert-alt"}Your Content here{/alert}
{alert-to-close style="warning alert-alt"}Your Content here{/alert}
{alert-to-close style="danger alert-alt"}Your Content here{/alert}

Σελίδα 4 από 5

Θέματα από το Blog μας

Reality Cloud Studio | Τι είναι & τι προσφέρει στη ροή εργασίας με 3D δεδομένα

Με το Reality Cloud Studio, η εποχή της ψηφιακής πραγματικότητας ανοίγει νέους ορίζοντες στη συνεργασία, την αποθήκευση και την ανάλυση…
Read More
Webinar | Ανακαλύψτε τη ροή εργασίας του Trinity Pro Workflow σε 20min

Ανακαλύψτε σε 20 μόλις λεπτά πόσο εύκολες γίνονται οι αποστολές εναέριας αποτύπωσης με το Trinity Pro! Ο Daniel Murphy, Customer…
Read More
Νέο LiDAR Scanner | Qube640

Μια συνεργασία των Quantum Systems & YellowScan Σας παρουσιάζουμε τον νέο σαρωτή LiDAR Qube640, έναν προηγμένο αισθητήρα LiDAR που προσφέρει…
Read More
Virtual Surveyor – 7 λόγοι για να το εντάξετε στην καθημερινή σας εργασία

Το Virtual Surveyor είναι ένα κορυφαίο εργαλείο γεωδαιτικών μετρήσεων, το οποίο γεφυρώνει το χάσμα μεταξύ εφαρμογών επεξεργασίας φωτογραμμετρικών δεδομένων από…
Read More
Webinar | Cloud-Powered Collaboration Transforming Reality Capture with Reality Cloud Studio

Τι είναι το Reality Cloud Studio και πως μπορεί να βοηθήσει στην καλύτερη διαχείριση δεδομένων 3D στο cloud; 🚀 Εγγραφείτε στο…
Read More
Νέο προϊόν Matterport CAD File Add-On

Ένα One-Click εργαλείο δημιουργίας CAD αρχείων που απλοποιεί τη ροή εργασίας σχεδίασης.Η Matterport αυτοματοποιεί και διαμορφώνει το μέλλον, παρουσιάζοντας το…
Read More
Ξεκλειδώστε αμέτρητες δυνατότητες με το Leica Infinity

Leica Infinity - Μια παραγωγική σουίτα εργαλείων που γεφυρώνει το πεδίο με το γραφείο. Το Leica Infinity δεν είναι απλώς ένα…
Read More
3D αποτύπωση & μοντελοποίηση βιομηχανικών εγκαταστάσεων με χρήση 3D Σαρωτή Laser

Η εξέλιξη της τεχνολογίας είναι καταιγιστική στο χώρο της βιομηχανίας, και μια από τις εφαρμογές που έχει φέρει στο προσκήνιο…
Read More