All for Joomla All for Webmasters
Senza categoria

Senza categoria

Ago 12

This page is an example of content that is Uncategorized; that is, it does not belong to any Section or Category. You will see there is a new Menu in the left column. It shows links to the same content presented in 4 different page layouts.

  • Section Blog
  • Section Table
  • Blog Category
  • Category Table

Follow the links in the Example Pages Menu to see some of the options available to you to present all the different types of content included within the default installation of Joomla!.

This includes Components and individual Articles. These links or Menu Item Types (to give them their proper name) are all controlled from within the Menu Manager->[menuname]->Menu Items Manager.

Nov 21

JoomlaXTC XTC Framework template system provides complete control over the template styles, from Width Adjustments, Region and Column Layout, Backgrounds, Font Colors / Sizes / Typeset, Module Layout, Menus and much more.

Using the standard Joomla! programming interface, the XTC Framework provides simple yet powerful template creation tools that allows developers to rapidly build or change every aspect of template elements and its administration panel and provide final users with easy and familiar controls to configure the template.

The following are some of the available features, more are coming!


Layouts:



Layouts define the overall location of elements in the template, they can have their own set of style, typography or any other CSS Parameter Groups. Also they can have their own custom parameters for added functionality such as custom code, Javascript calls, etc.

  • Support for one or multiple layouts each one with its own set of parameters. Switch your entire site look in two clicks!
  • Layouts can share the same module position names or have custom ones for increased flexibility.
  • CSS3 Responsive Bootstrapped Grid.
  • Support mobile devices.
  • Creating a new layout is as easy as copying the current one into another folder!
  • PHP-based layout code allows any kind of customization or logic to be used
  • Intelligent Grid rendering with standard Joomla! jdoc calls is available for easy placement of content areas
  • The grid engine creates automatic CSS classes for easy styling: Need to edit the header of the bottom module in the first column of region3? CSS is as easy as: #region3 .firstcolumn .lastarea h3 {}
  • Use region-based layouts with selectable region display order
  • Easily switch column display order within a region
  • From simple to advanced template layouts, the choice is yours!

Style Management:



XTC delivers powerful CSS features to ease the styling of templates. For example, you can combine multiple CSS preset styles to obtain the right look for your site. XTC template CSS can be split in as many groups as needed, each one capable of sharing one or more template parameters to control what you want, and if you need more groups, creating new ones is really simple.

  • Use Parameters Groups to organize CSS in many ways: Colors and Graphics, Module suffixes, Typography, Menu styling, etc.
  • Use one CSS file with one or multiple Parameter Groups, or multiple CSS files for each group.
  • CSS files can be edited from template backend, or use the template.css file to override any other CSS.
  • Use PHP code inside CSS files with full access to all parameters for custom styles.
  • Does not require multiple calls for CSS files to server
  • Making an extra sets of parameters is as easy as copying one file!

Easy Menus:



Three menu modes included by default: Suckerfish, Two-column suckerfish and Drop line, each one selectable as a class in any mainmenu module!

  • Support list rendering
  • Automatic CSS classes added for easy styling
  • MooTools based for total compatibility

Framework Features:



  • Fast, Joomla! API standard
  • Select which components to show or hide in the frontpage
  • Include all the CSS as part of the HTML document, as separate files or as a single file with the flip of a switch.
  • Selectable CSS gzip compression for increased throughput
  • Mark any parameter as "public" to allow their values be set from URL calls
  • Public parameter values are independent by user/visitor
  • Customizable CSS for the administation panel

Nov 21

Base Typography

This is an H1 Heading

<h1>This is an H1 Heading</h1>

This is an H2 Heading

<h2>This is an H2 Heading</h2>

This is an H3 Heading

<h3>This is an H3 Heading</h3>

This is an H4 Heading

<h4>This is an H4 Heading</h4>
This is an H5 Heading
<h5>This is an H5 Heading</h5>
D

ropcap Styling for article intros and much more. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nunc lorem, eleifend vel, rhoncus sed, congue quis, leo. Aliquam dignissim dui quis purus. Phasellus vehicula, ante eu mollis pharetra, enim felis iaculis lacus, congue ullamcorper lorem eros at libero.

<div class="dropcap">D</div>ropcap Styling




This is the Example Quote Class this can be used to create quotes in article pages by using the code below

<blockquote class="opensmall">This is the Example Quote Class</blockquote>

Example LG Quote Class

<blockquote class="openlarge">This is the Example Quote Class</blockquote>
This is the code div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien.


<div class="code">This is the code div class</div>


This is the highlight div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.


<div class="highlight">This is the highlight div class</div>

Blog Div Styles

This is Blog Red

<div class="blog-red">blog-red</div>

This is Blog Blue

<div class=">blog-blue">blog-blue</div>

This is Blog Green

<div class="blog-green">blog-green</div>

This is Blog Cyan

<div class="blog-cyan">blog-cyan</div>
This is Blog Tan

<div class="blog-tan">blog-tan</div>

This is Blog Yellow

<div class="blog-yellow">blog-yellow</div>

This is Blog Grey

<div class="blog-grey">blog-grey</div>

This is Blog Pink

<div class="blog-pink">blog-pink</div>

Note Style

This the note style. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.
<div class="note">This is note style</div>

Flat Button Styles



<button class="btnblue">Blue Button</button>




<button class="btnred">Red Button</button>




<button class="btngreen">Green Button</button>




<button class="btngrey">Grey Button</button>




<button class="btnyellow">Yellow Button</button>




<button class="btnorange">Orange Button</button>


P Styles

Error style

Ideas style

Message style

Astrix style

This is com

This is mod

This is plug

This is lang

This is RSS

Font Awesome Icons v.4

rub
ruble (alias)
rouble (alias)
pagelines
stack-exchange
arrow-circle-o-right
arrow-circle-o-left
caret-square-o-left
toggle-left (alias)
dot-circle-o
wheelchair
vimeo-square
try
turkish-lira (alias)
plus-square-o

Web Application Icons

adjust
anchor
archive
arrows
arrows-h
arrows-v
asterisk
ban
bar-chart-o
barcode
bars
beer
bell
bell-o
bolt
book
bookmark
bookmark-o
briefcase
bug
building-o
bullhorn
bullseye
calendar
calendar-o
camera
camera-retro
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
certificate
check
check-circle
check-circle-o
check-square
check-square-o
circle
circle-o
clock-o
cloud
cloud-download
cloud-upload
code
code-fork
coffee
cog
cogs
comment
comment-o
comments
comments-o
compass
credit-card
crop
crosshairs
cutlery
dashboard (alias)
desktop
dot-circle-o
download
edit (alias)
ellipsis-h
ellipsis-v
envelope
envelope-o
eraser
exchange
exclamation
exclamation-circle
exclamation-triangle
external-link
external-link-square
eye
eye-slash
female
fighter-jet
film
filter
fire
fire-extinguisher
flag
flag-checkered
flag-o
flash (alias)
flask
folder
folder-o
folder-open
folder-open-o
frown-o
gamepad
gavel
gear (alias)
gears (alias)
gift
glass
globe
group (alias)
hdd-o
headphones
heart
heart-o
home
inbox
info
info-circle
key
keyboard-o
laptop
leaf
legal (alias)
lemon-o
level-down
level-up
lightbulb-o
location-arrow
lock
magic
magnet
mail-forward (alias)
mail-reply (alias)
mail-reply-all
male
map-marker
meh-o
microphone
microphone-slash
minus
minus-circle
minus-square
minus-square-o
mobile
mobile-phone (alias)
money
moon-o
music
pencil
pencil-square
pencil-square-o
phone
phone-square
picture-o
plane
plus
plus-circle
plus-square
plus-square-o
power-off
print
puzzle-piece
qrcode
question
question-circle
quote-left
quote-right
random
refresh
reply
reply-all
retweet
road
rocket
rss
rss-square
search
search-minus
search-plus
share
share-square
share-square-o
shield
shopping-cart
sign-in
sign-out
signal
sitemap
smile-o
sort
sort-alpha-asc
sort-alpha-desc
sort-amount-asc
sort-amount-desc
sort-asc
sort-desc
sort-down (alias)
sort-numeric-asc
sort-numeric-desc
sort-up (alias)
spinner
square
square-o
star
star-half
star-half-empty (alias)
star-half-full (alias)
star-half-o
star-o
subscript
suitcase
sun-o
superscript
tablet
tachometer
tag
tags
tasks
terminal
thumb-tack
thumbs-down
thumbs-o-down
thumbs-o-up
thumbs-up
ticket
times
times-circle
times-circle-o
tint
toggle-down (alias)
toggle-left (alias)
toggle-right (alias)
toggle-up (alias)
trash-o
trophy
truck
umbrella
unlock
unlock-alt
unsorted (alias)
upload
user
users
video-camera
volume-down
volume-off
volume-up
warning (alias)
wheelchair
wrench

Form Control Icons

check-square
check-square-o
circle
circle-o
dot-circle-o
minus-square
minus-square-o
plus-square
plus-square-o
square
square-o

Currency Icons

bitcoin (alias)
btc
cny (alias)
dollar (alias)
eur
euro (alias)
gbp
inr
jpy
krw
money
rmb (alias)
rouble (alias)
rub
ruble (alias)
rupee (alias)
try
turkish-lira (alias)
usd
won (alias)
yen (alias)

Text Editor Icons

align-center
align-justify
align-left
align-right
bold
chain (alias)
chain-broken
clipboard
columns
copy (alias)
cut (alias)
dedent (alias)
eraser
file
file-o
file-text
file-text-o
files-o
floppy-o
font
indent
italic
link
list
list-alt
list-ol
list-ul
outdent
paperclip
paste (alias)
repeat
rotate-left (alias)
rotate-right (alias)
save (alias)
scissors
strikethrough
table
text-height
text-width
th
th-large
th-list
underline
undo
unlink (alias)

Directional Icons

angle-double-down
angle-double-left
angle-double-right
angle-double-up
angle-down
angle-left
angle-right
angle-up
arrow-circle-down
arrow-circle-left
arrow-circle-o-down
arrow-circle-o-left
arrow-circle-o-right
arrow-circle-o-up
arrow-circle-right
arrow-circle-up
arrow-down
arrow-left
arrow-right
arrow-up
arrows
arrows-alt
arrows-h
arrows-v
caret-down
caret-left
caret-right
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
caret-up
chevron-circle-down
chevron-circle-left
chevron-circle-right
chevron-circle-up
chevron-down
chevron-left
chevron-right
chevron-up
hand-o-down
hand-o-left
hand-o-right
hand-o-up
long-arrow-down
long-arrow-left
long-arrow-right
long-arrow-up
toggle-down (alias)
toggle-left (alias)
toggle-right (alias)
toggle-up (alias)

Video Player Icons

arrows-alt
backward
compress
eject
expand
fast-backward
fast-forward
forward
pause
play
play-circle
play-circle-o
step-backward
step-forward
stop
youtube-play

Brand Icons

  • All brand icons are trademarks of their respective owners.
  • The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
adn
android
apple
bitbucket
bitbucket-square
bitcoin (alias)
btc
css3
dribbble
dropbox
facebook
facebook-square
flickr
foursquare
github
github-alt
github-square
gittip
google-plus
google-plus-square
html5
instagram
linkedin
linkedin-square
linux
maxcdn
pagelines
pinterest
pinterest-square
renren
skype
stack-exchange
stack-overflow
trello
tumblr
tumblr-square
twitter
twitter-square
vimeo-square
vk
weibo
windows
xing
xing-square
youtube
youtube-play
youtube-square

Medical Icons

ambulance
h-square
hospital-o
medkit
plus-square
stethoscope
user-md
wheelchair
Nov 21

Sirus comes with 60+ module suffix styles. Each suffix style can be used in conjunction with others : Simply use an space ' ' to bridge the suffix styles!

Font Awesome Icon Suffixes

Create Font Awesome Icons for your module title simply by adding the icon name to the module suffix class!

Font Awesome Icons v.4

rub
ruble (alias)
rouble (alias)
pagelines
stack-exchange
arrow-circle-o-right
arrow-circle-o-left
caret-square-o-left
toggle-left (alias)
dot-circle-o
wheelchair
vimeo-square
try
turkish-lira (alias)
plus-square-o

Web Application Icons

adjust
anchor
archive
arrows
arrows-h
arrows-v
asterisk
ban
bar-chart-o
barcode
bars
beer
bell
bell-o
bolt
book
bookmark
bookmark-o
briefcase
bug
building-o
bullhorn
bullseye
calendar
calendar-o
camera
camera-retro
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
certificate
check
check-circle
check-circle-o
check-square
check-square-o
circle
circle-o
clock-o
cloud
cloud-download
cloud-upload
code
code-fork
coffee
cog
cogs
comment
comment-o
comments
comments-o
compass
credit-card
crop
crosshairs
cutlery
dashboard (alias)
desktop
dot-circle-o
download
edit (alias)
ellipsis-h
ellipsis-v
envelope
envelope-o
eraser
exchange
exclamation
exclamation-circle
exclamation-triangle
external-link
external-link-square
eye
eye-slash
female
fighter-jet
film
filter
fire
fire-extinguisher
flag
flag-checkered
flag-o
flash (alias)
flask
folder
folder-o
folder-open
folder-open-o
frown-o
gamepad
gavel
gear (alias)
gears (alias)
gift
glass
globe
group (alias)
hdd-o
headphones
heart
heart-o
home
inbox
info
info-circle
key
keyboard-o
laptop
leaf
legal (alias)
lemon-o
level-down
level-up
lightbulb-o
location-arrow
lock
magic
magnet
mail-forward (alias)
mail-reply (alias)
mail-reply-all
male
map-marker
meh-o
microphone
microphone-slash
minus
minus-circle
minus-square
minus-square-o
mobile
mobile-phone (alias)
money
moon-o
music
pencil
pencil-square
pencil-square-o
phone
phone-square
picture-o
plane
plus
plus-circle
plus-square
plus-square-o
power-off
print
puzzle-piece
qrcode
question
question-circle
quote-left
quote-right
random
refresh
reply
reply-all
retweet
road
rocket
rss
rss-square
search
search-minus
search-plus
share
share-square
share-square-o
shield
shopping-cart
sign-in
sign-out
signal
sitemap
smile-o
sort
sort-alpha-asc
sort-alpha-desc
sort-amount-asc
sort-amount-desc
sort-asc
sort-desc
sort-down (alias)
sort-numeric-asc
sort-numeric-desc
sort-up (alias)
spinner
square
square-o
star
star-half
star-half-empty (alias)
star-half-full (alias)
star-half-o
star-o
subscript
suitcase
sun-o
superscript
tablet
tachometer
tag
tags
tasks
terminal
thumb-tack
thumbs-down
thumbs-o-down
thumbs-o-up
thumbs-up
ticket
times
times-circle
times-circle-o
tint
toggle-down (alias)
toggle-left (alias)
toggle-right (alias)
toggle-up (alias)
trash-o
trophy
truck
umbrella
unlock
unlock-alt
unsorted (alias)
upload
user
users
video-camera
volume-down
volume-off
volume-up
warning (alias)
wheelchair
wrench

Form Control Icons

check-square
check-square-o
circle
circle-o
dot-circle-o
minus-square
minus-square-o
plus-square
plus-square-o
square
square-o

Currency Icons

bitcoin (alias)
btc
cny (alias)
dollar (alias)
eur
euro (alias)
gbp
inr
jpy
krw
money
rmb (alias)
rouble (alias)
rub
ruble (alias)
rupee (alias)
try
turkish-lira (alias)
usd
won (alias)
yen (alias)

Text Editor Icons

align-center
align-justify
align-left
align-right
bold
chain (alias)
chain-broken
clipboard
columns
copy (alias)
cut (alias)
dedent (alias)
eraser
file
file-o
file-text
file-text-o
files-o
floppy-o
font
indent
italic
link
list
list-alt
list-ol
list-ul
outdent
paperclip
paste (alias)
repeat
rotate-left (alias)
rotate-right (alias)
save (alias)
scissors
strikethrough
table
text-height
text-width
th
th-large
th-list
underline
undo
unlink (alias)

Directional Icons

angle-double-down
angle-double-left
angle-double-right
angle-double-up
angle-down
angle-left
angle-right
angle-up
arrow-circle-down
arrow-circle-left
arrow-circle-o-down
arrow-circle-o-left
arrow-circle-o-right
arrow-circle-o-up
arrow-circle-right
arrow-circle-up
arrow-down
arrow-left
arrow-right
arrow-up
arrows
arrows-alt
arrows-h
arrows-v
caret-down
caret-left
caret-right
caret-square-o-down
caret-square-o-left
caret-square-o-right
caret-square-o-up
caret-up
chevron-circle-down
chevron-circle-left
chevron-circle-right
chevron-circle-up
chevron-down
chevron-left
chevron-right
chevron-up
hand-o-down
hand-o-left
hand-o-right
hand-o-up
long-arrow-down
long-arrow-left
long-arrow-right
long-arrow-up
toggle-down (alias)
toggle-left (alias)
toggle-right (alias)
toggle-up (alias)

Video Player Icons

arrows-alt
backward
compress
eject
expand
fast-backward
fast-forward
forward
pause
play
play-circle
play-circle-o
step-backward
step-forward
stop
youtube-play

Brand Icons

  • All brand icons are trademarks of their respective owners.
  • The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
adn
android
apple
bitbucket
bitbucket-square
bitcoin (alias)
btc
css3
dribbble
dropbox
facebook
facebook-square
flickr
foursquare
github
github-alt
github-square
gittip
google-plus
google-plus-square
html5
instagram
linkedin
linkedin-square
linux
maxcdn
pagelines
pinterest
pinterest-square
renren
skype
stack-exchange
stack-overflow
trello
tumblr
tumblr-square
twitter
twitter-square
vimeo-square
vk
weibo
windows
xing
xing-square
youtube
youtube-play
youtube-square

Medical Icons

ambulance
h-square
hospital-o
medkit
plus-square
stethoscope
user-md
wheelchair
Set 29
Ott 17

404 Error Page

The requested page cannot be found. Sorry for the inconvenience.

Home Page | Contact Webmaster
Ott 17

403 Error Page

You do not have permission to access this page. Sorry for the inconvenience.

Home Page | Contact Webmaster
Gen 12
Contattaci
Per ogni eventuale chiarimento
Inserisci il tuo nome!
Please enter your email!
Scrivi la tua richiesta!
Stampa
Via Carlo Fadda, 2
Sassari,07100
ITALY

© Copyright 2015 Earthquake Warning System. All rights reserved. | P.I. 07346350965 | powered by Nowtech



Follow Us