Joomla 3 and this template integrates the Bootstrap framework for fast and easy deployment of web design. Insert formatted text or icons is easy with the following examples (Typography) valid on any template that supports Bootstrap and jQuery present in Joomla.


Tooltip example

<p>Example Tooltip on the word <abbr class="hasTooltip" title="This is a simple Tooltip">Joomla</abbr></p>

Example Tooltip on the word Joomla


Formatted block

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous <cite title="Source Title">Source Title</cite></small></blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

Simple Block

<pre>Blocco semplice in evidenza</pre>

Headings

All HTML headings, <h1> through <h6> , are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

h1. Bootstrap heading

Semibold 36px

h2. Bootstrap heading

Semibold 30px

h3. Bootstrap heading

Semibold 24px

h4. Bootstrap heading

Semibold 18px
h5. Bootstrap heading
Semibold 14px
h6. Bootstrap heading
Semibold 12px

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

h1. Bootstrap heading Secondary text

h2. Bootstrap heading Secondary text

h3. Bootstrap heading Secondary text

h4. Bootstrap heading Secondary text

h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text

<h1>h1  Bootstrap heading <small>Secondary text</small></h1>
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>

Buttons

Button tags

Use the button classes on an ,button , or input element.

Link
<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input" />
<input class="btn btn-default" type="submit" value="Submit" />

Insert buttons

<p><a href="#"  class="btn btn-large btn-primary">Inizio</a></p>

Inizio



Buttons with different color and size


<!-- Standard button -->
<button type="button" class="btn btn-default">Default;/button>

<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">Primary;/button>

<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">Success;/button>

<!-- Contextual button for informational alert messages -->
<buttontype="button" class="btn btn-info">Info;/button>

<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">Warning;/button>

<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">Danger;/button>

<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">Link;/button>



Buttons with icons

    <a href="#" class="btn"><i class="glyphicon glyphicon-edit"></i> <strong>Edit</strong></a>
<a href="#" class="btn btn-inverse"><i class="glyphicon glyphicon-remove-circle"></i> <strong>Delete</strong></a>
<a href="#" class="btn"><i class="glyphicon glyphicon-hand-left"></i> <strong>Share</strong></a>

Edit Delete Share


Use one of hundreds of vector icons available (see list)

<i class="icon-thumbs-up"></i>

 

Example of modal

<div class="modal fade" id="myModalin" tabindex="-1" role="dialog" aria-labelledby="myModalinLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Sizes

Fancy larger or smaller buttons? Add .btn-lg , .btn-sm , or .btn-xs for additional sizes.


<p>
  <button type="button" class="btn btn-primary btn-lg">Large button</button>
  <button type="button" class="btn btn-default btn-lg">Large button</button>
</p>
<p>
  <button type="button" class="btn btn-primary">Default button</button>
  <button type="button" class="btn btn-default">Default button</button>
</p>
<p>
  <button type="button" class="btn btn-primary btn-sm">Small button</button>
  <button type="button" class="btn btn-default btn-sm">Small button</button>
</p>
<p>
  <button type="button" class="btn btn-primary btn-xs">Extra small button</button>
  <button type="button" class="btn btn-default btn-xs">Extra small button</button>
</p>

Create block level buttons—those that span the full width of a parent— by adding .btn-block.


<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
<button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>

Active state

Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. For elements, this is done via :active . For elements, it's done with .active . However, you may use .active ons (and include the aria-pressed="true" attribute) should you need to replicate the active state programmatically.

Button element

No need to add :active as it's a pseudo-class, but if you need to force the same appearance, go ahead and add .active .


<button type="button" class="btn btn-primary btn-lg active">Primary button</button>
<button type="button" class="btn btn-default btn-lg active">Button</button>

Anchor element

Add the .active class to buttons.

Primary link Link


<a class="btn btn-primary btn-lg active" role="button">Primary link</a>
<a class="btn btn-default btn-lg active" role="button">Link</a>

Disabled state

Make buttons look unclickable by fading them back with opacity .

Button element

Add the disabled attribute to buttons.


<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>

Images

Responsive images

Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%; , height: auto; and display: block; to the image so that it scales nicely to the parent element.

To center images which use the .img-responsive class, use .center-block instead of .text-center . See the helper classes section for more details about .center-block usage.


<img src="/..." class="img-responsive" alt="Responsive image">

Image shapes

Add classes to an element to easily style images in any project.

Cross-browser compatibility

Keep in mind that Internet Explorer 8 lacks support for rounded corners.

... ...

<img src="/images/fotocamera.jpg" alt="..." class="img-rounded">
<img src="/images/fotocamera.jpg" alt="..." class="img-circle">
<img src="/images/fotocamera.jpg" alt="..." class="img-thumbnail">

Glyphicons Icons

Available glyphs

Includes over 250 glyphs in font format from the Glyphicon Halflings set.

How to use


 <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
 <span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span>

  • glyphicon glyphicon-asterisk
  • glyphicon glyphicon-plus
  • glyphicon glyphicon-euro
  • glyphicon glyphicon-eur
  • glyphicon glyphicon-minus
  • glyphicon glyphicon-cloud
  • glyphicon glyphicon-envelope
  • glyphicon glyphicon-pencil
  • glyphicon glyphicon-glass
  • glyphicon glyphicon-music
  • glyphicon glyphicon-search
  • glyphicon glyphicon-heart
  • glyphicon glyphicon-star
  • glyphicon glyphicon-star-empty
  • glyphicon glyphicon-user
  • glyphicon glyphicon-film
  • glyphicon glyphicon-th-large
  • glyphicon glyphicon-th
  • glyphicon glyphicon-th-list
  • glyphicon glyphicon-ok
  • glyphicon glyphicon-remove
  • glyphicon glyphicon-zoom-in
  • glyphicon glyphicon-zoom-out
  • glyphicon glyphicon-off
  • glyphicon glyphicon-signal
  • glyphicon glyphicon-cog
  • glyphicon glyphicon-trash
  • glyphicon glyphicon-home
  • glyphicon glyphicon-file
  • glyphicon glyphicon-time
  • glyphicon glyphicon-road
  • glyphicon glyphicon-download-alt
  • glyphicon glyphicon-download
  • glyphicon glyphicon-upload
  • glyphicon glyphicon-inbox
  • glyphicon glyphicon-play-circle
  • glyphicon glyphicon-repeat
  • glyphicon glyphicon-refresh
  • glyphicon glyphicon-list-alt
  • glyphicon glyphicon-lock
  • glyphicon glyphicon-flag
  • glyphicon glyphicon-headphones
  • glyphicon glyphicon-volume-off
  • glyphicon glyphicon-volume-down
  • glyphicon glyphicon-volume-up
  • glyphicon glyphicon-qrcode
  • glyphicon glyphicon-barcode
  • glyphicon glyphicon-tag
  • glyphicon glyphicon-tags
  • glyphicon glyphicon-book
  • glyphicon glyphicon-bookmark
  • glyphicon glyphicon-print
  • glyphicon glyphicon-camera
  • glyphicon glyphicon-font
  • glyphicon glyphicon-bold
  • glyphicon glyphicon-italic
  • glyphicon glyphicon-text-height
  • glyphicon glyphicon-text-width
  • glyphicon glyphicon-align-left
  • glyphicon glyphicon-align-center
  • glyphicon glyphicon-align-right
  • glyphicon glyphicon-align-justify
  • glyphicon glyphicon-list
  • glyphicon glyphicon-indent-left
  • glyphicon glyphicon-indent-right
  • glyphicon glyphicon-facetime-video
  • glyphicon glyphicon-picture
  • glyphicon glyphicon-map-marker
  • glyphicon glyphicon-adjust
  • glyphicon glyphicon-tint
  • glyphicon glyphicon-edit
  • glyphicon glyphicon-share
  • glyphicon glyphicon-check
  • glyphicon glyphicon-move
  • glyphicon glyphicon-step-backward
  • glyphicon glyphicon-fast-backward
  • glyphicon glyphicon-backward
  • glyphicon glyphicon-play
  • glyphicon glyphicon-pause
  • glyphicon glyphicon-stop
  • glyphicon glyphicon-forward
  • glyphicon glyphicon-fast-forward
  • glyphicon glyphicon-step-forward
  • glyphicon glyphicon-eject
  • glyphicon glyphicon-chevron-left
  • glyphicon glyphicon-chevron-right
  • glyphicon glyphicon-plus-sign
  • glyphicon glyphicon-minus-sign
  • glyphicon glyphicon-remove-sign
  • glyphicon glyphicon-ok-sign
  • glyphicon glyphicon-question-sign
  • glyphicon glyphicon-info-sign
  • glyphicon glyphicon-screenshot
  • glyphicon glyphicon-remove-circle
  • glyphicon glyphicon-ok-circle
  • glyphicon glyphicon-ban-circle
  • glyphicon glyphicon-arrow-left
  • glyphicon glyphicon-arrow-right
  • glyphicon glyphicon-arrow-up
  • glyphicon glyphicon-arrow-down
  • glyphicon glyphicon-share-alt
  • glyphicon glyphicon-resize-full
  • glyphicon glyphicon-resize-small
  • glyphicon glyphicon-exclamation-sign
  • glyphicon glyphicon-gift
  • glyphicon glyphicon-leaf
  • glyphicon glyphicon-fire
  • glyphicon glyphicon-eye-open
  • glyphicon glyphicon-eye-close
  • glyphicon glyphicon-warning-sign
  • glyphicon glyphicon-plane
  • glyphicon glyphicon-calendar
  • glyphicon glyphicon-random
  • glyphicon glyphicon-comment
  • glyphicon glyphicon-magnet
  • glyphicon glyphicon-chevron-up
  • glyphicon glyphicon-chevron-down
  • glyphicon glyphicon-retweet
  • glyphicon glyphicon-shopping-cart
  • glyphicon glyphicon-folder-close
  • glyphicon glyphicon-folder-open
  • glyphicon glyphicon-resize-vertical
  • glyphicon glyphicon-resize-horizontal
  • glyphicon glyphicon-hdd
  • glyphicon glyphicon-bullhorn
  • glyphicon glyphicon-bell
  • glyphicon glyphicon-certificate
  • glyphicon glyphicon-thumbs-up
  • glyphicon glyphicon-thumbs-down
  • glyphicon glyphicon-hand-right
  • glyphicon glyphicon-hand-left
  • glyphicon glyphicon-hand-up
  • glyphicon glyphicon-hand-down
  • glyphicon glyphicon-circle-arrow-right
  • glyphicon glyphicon-circle-arrow-left
  • glyphicon glyphicon-circle-arrow-up
  • glyphicon glyphicon-circle-arrow-down
  • glyphicon glyphicon-globe
  • glyphicon glyphicon-wrench
  • glyphicon glyphicon-tasks
  • glyphicon glyphicon-filter
  • glyphicon glyphicon-briefcase
  • glyphicon glyphicon-fullscreen
  • glyphicon glyphicon-dashboard
  • glyphicon glyphicon-paperclip
  • glyphicon glyphicon-heart-empty
  • glyphicon glyphicon-link
  • glyphicon glyphicon-phone
  • glyphicon glyphicon-pushpin
  • glyphicon glyphicon-usd
  • glyphicon glyphicon-gbp
  • glyphicon glyphicon-sort
  • glyphicon glyphicon-sort-by-alphabet
  • glyphicon glyphicon-sort-by-alphabet-alt
  • glyphicon glyphicon-sort-by-order
  • glyphicon glyphicon-sort-by-order-alt
  • glyphicon glyphicon-sort-by-attributes
  • glyphicon glyphicon-sort-by-attributes-alt
  • glyphicon glyphicon-unchecked
  • glyphicon glyphicon-expand
  • glyphicon glyphicon-collapse-down
  • glyphicon glyphicon-collapse-up
  • glyphicon glyphicon-log-in
  • glyphicon glyphicon-flash
  • glyphicon glyphicon-log-out
  • glyphicon glyphicon-new-window
  • glyphicon glyphicon-record
  • glyphicon glyphicon-save
  • glyphicon glyphicon-open
  • glyphicon glyphicon-saved
  • glyphicon glyphicon-import
  • glyphicon glyphicon-export
  • glyphicon glyphicon-send
  • glyphicon glyphicon-floppy-disk
  • glyphicon glyphicon-floppy-saved
  • glyphicon glyphicon-floppy-remove
  • glyphicon glyphicon-floppy-save
  • glyphicon glyphicon-floppy-open
  • glyphicon glyphicon-credit-card
  • glyphicon glyphicon-transfer
  • glyphicon glyphicon-cutlery
  • glyphicon glyphicon-header
  • glyphicon glyphicon-compressed
  • glyphicon glyphicon-earphone
  • glyphicon glyphicon-phone-alt
  • glyphicon glyphicon-tower
  • glyphicon glyphicon-stats
  • glyphicon glyphicon-sd-video
  • glyphicon glyphicon-hd-video
  • glyphicon glyphicon-subtitles
  • glyphicon glyphicon-sound-stereo
  • glyphicon glyphicon-sound-dolby
  • glyphicon glyphicon-sound-5-1
  • glyphicon glyphicon-sound-6-1
  • glyphicon glyphicon-sound-7-1
  • glyphicon glyphicon-copyright-mark
  • glyphicon glyphicon-registration-mark
  • glyphicon glyphicon-cloud-download
  • glyphicon glyphicon-cloud-upload
  • glyphicon glyphicon-tree-conifer
  • glyphicon glyphicon-tree-deciduous
  • glyphicon glyphicon-cd
  • glyphicon glyphicon-save-file
  • glyphicon glyphicon-open-file
  • glyphicon glyphicon-level-up
  • glyphicon glyphicon-copy
  • glyphicon glyphicon-paste
  • glyphicon glyphicon-alert
  • glyphicon glyphicon-equalizer
  • glyphicon glyphicon-king
  • glyphicon glyphicon-queen
  • glyphicon glyphicon-pawn
  • glyphicon glyphicon-bishop
  • glyphicon glyphicon-knight
  • glyphicon glyphicon-baby-formula
  • glyphicon glyphicon-tent
  • glyphicon glyphicon-blackboard
  • glyphicon glyphicon-bed
  • glyphicon glyphicon-apple
  • glyphicon glyphicon-erase
  • glyphicon glyphicon-hourglass
  • glyphicon glyphicon-lamp
  • glyphicon glyphicon-duplicate
  • glyphicon glyphicon-piggy-bank
  • glyphicon glyphicon-scissors
  • glyphicon glyphicon-bitcoin
  • glyphicon glyphicon-btc
  • glyphicon glyphicon-xbt
  • glyphicon glyphicon-yen
  • glyphicon glyphicon-jpy
  • glyphicon glyphicon-ruble
  • glyphicon glyphicon-rub
  • glyphicon glyphicon-scale
  • glyphicon glyphicon-ice-lolly
  • glyphicon glyphicon-ice-lolly-tasted
  • glyphicon glyphicon-education
  • glyphicon glyphicon-option-horizontal
  • glyphicon glyphicon-option-vertical
  • glyphicon glyphicon-menu-hamburger
  • glyphicon glyphicon-modal-window
  • glyphicon glyphicon-oil
  • glyphicon glyphicon-grain
  • glyphicon glyphicon-sunglasses
  • glyphicon glyphicon-text-size
  • glyphicon glyphicon-text-color
  • glyphicon glyphicon-text-background
  • glyphicon glyphicon-object-align-top
  • glyphicon glyphicon-object-align-bottom
  • glyphicon glyphicon-object-align-horizontal
  • glyphicon glyphicon-object-align-left
  • glyphicon glyphicon-object-align-vertical
  • glyphicon glyphicon-object-align-right
  • glyphicon glyphicon-triangle-right
  • glyphicon glyphicon-triangle-left
  • glyphicon glyphicon-triangle-bottom
  • glyphicon glyphicon-triangle-top
  • glyphicon glyphicon-console
  • glyphicon glyphicon-superscript
  • glyphicon glyphicon-subscript
  • glyphicon glyphicon-menu-left
  • glyphicon glyphicon-menu-right
  • glyphicon glyphicon-menu-down
  • glyphicon glyphicon-menu-up

Maecenas interdum sollicitudin enim at vulputate. In rhoncus vulputate dui eu tincidunt. Aliquam ac lacus tristique, varius felis eu, facilisis neque. Donec sed fringilla arcu. Nam ornare sodales sapien, vitae elementum massa suscipit at. Cras porttitor et odio id sodales.Fusce nulla nunc, adipiscing vitae rutrum nec, venenatis suscipit mi. Quisque blandit at odio nec laoreet. Phasellus lacinia est eu purus volutpat volutpat. Integer elementum ut magna et interdum. È universalmente riconosciuto che un lettore che osserva il layout di una pagina viene distratto dal contenuto testuale se questo è leggibile. Lo scopo dell’utilizzo del Lorem Ipsum è che offre una normale distribuzione delle lettere.

Sed et In nibh eros sit ipsum odio id ante cursus. Tempus sodales et eleifend elit nec amet Nam Donec nibh quis. Feugiat In felis Integer montes interdum elit tincidunt Pellentesque ac montes. Quisque Vestibulum Nulla Sed id elit diam mus est dui nibh. Cum consequat magna cursus neque nunc tellus. Amet id Cras idmattis ligula semper dolor cursus ac Maecenas. Sed et In nibh eros sit ipsum odio id ante cursus.

Corso Joomla per imparare a creare siti web

Se stai pensando su come creare un sito web e non sai da dove iniziare e come fare, sei al posto giusto! Con il nostro corso Joomla riuscirai a creare un sito web senza conoscere o studiare i linguaggi di programmazione, utilizzando una web applicazione gratuita Joomla e le sue estensioni che ti permettono di estendere le funzionalità del sito e di creare un sito come vuoi tu, ad esempio: sito aziendale, sito e-commerce, portale immobiliare e molto ancora.

Oltre al corso Joomla, sul sito trovi forum e l'area di supporto dove puoi chiedere l'assistenza dedicata gratuita o suggerimento su come realizzare un sito web per una determinata tematica.

l corso è composto da 26 lezioni su joomla in qualità HD, con la durata totale di circa 7 ore. L'intero corso Joomla puo'  visualizzato online sul nostro sito completamente gratis, senza limiti di visione in area dedicata Corso Online.

Seguendo il nostro corso, puoi imparare a creare siti con Joomla su varie tematiche e arricchirli di diverse funzionalità utili, utilizzando le estensioni del corso joomla o altri migliaia disponibili. Le lezioni del corso infatti, spiegano come usare joomla e le sue funzionalità e includono molte lezioni sul utilizzo e configurazione delle estensioni gratuiti ai fini di creare un sito web professionale.

Corso Joomla realizzato da Team di Your-Joomla.it, ti spiega nelle video lezioni su joomla in maniera semplice, come creare un sito web. Alla fine del corso sarai in grado di realizzare un sito professionale con Joomla, pubblicarlo in internet e gestirlo senza dover chiamare un web master.

Sottocategorie

YRFaq e' un componente per Joomla 2.5 e Joomla 3.x che ti permette di gestire la tua area FAQ (domande frequenti) in maniera semplice ed elegante. YRFaq e' stato progettato per supportare un numero infinito di categorie e gli articoli FAQ, con utilissimi strumenti integrati all'interno del componente stesso.

Caratteristiche del componente:

  • Illimitate categorie e articoli FAQ
  • Ricerca per le parole chiavi integrata
  • Form di Invio nuove domande
  • ACL di Joomla, Recaptcha integrato
  • Notifiche Email
  • Compatibile con 

 

Componente YRFaq e' compatibile con Joomla 2.5 e Joomla 3.x ed  e' stato tradotto nella lingua Italiana, Inglese e Russo. Il componente supporta facilmente la gestione delle aree FAQ di un sito multilingue, compatibile con il modulo breadcrumbs di Joomla che garantisce ai vostri utenti una facile navigazione all'interno del componente YRFaq.

  • 10 stili di visualizzazione
  • Articoli FAQ supportano HTML, immagini
  • Compatibile con breadcrumbs
  • Compatibile con SEF
  • Presentazione moderna di articoli FAQ
  • Licenza GPL v2

 

Utilizzando i seguenti link, puoi visualizzare demo del componente YRFaq, leggere la documentazione o acquistare il prodotto. Acquistando il componente, hai l'accesso per 1 anno nell'area download per scaricare il componente e successivi aggiornamenti, puoi contare sull'assistenza per tutto il periodo dell'iscrizione

Contact Us

Contact Us

Address: House: 871,

Road: 112, 664 Fifth st. New York

Phone: +780 202-141-625

Email: support@lalacurus.com

Cetegories List

  • Vestibulum ultrices metus
  • Ultrices metus aliqua
  • Vestibulum ultrices amet
  • Aenean ultrices sed do
  • Ut sit amet nisl amet
  • Altrices syrol metus amet

Connect With Us

Lorem ipsum dolor sit amet lobortis nulla purus dolor interdum

Serch