Kategorija: Template Settings
Objavljeno 04 februar 2013 Pogodaka: 3047
Štampa

YJSG 1.0.14 comes with default support for HTML5 video player by using Video.js which also supports Youtube and Vimeo videos. This is a very handy feature that will let you embed video player in any Joomla! content type. We also added  .yjh5v_center  class  that you can use to center your videos within content. For custom skins and more instructions on how to use Videos.js please visit official website.



Default video setup





<video id="default_video" class="video-js vjs-default-skin yjh5v_center" controls width="640" height="264"poster="http://video-js.zencoder.com/oceans-clip.jpg" preload="auto" data-setup="{}">
	<source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
</video>

Vimeo video setup



<video id="html5vimeo" class="video-js vjs-default-skin video-small yjh5v_center" controls width="640" height="360" data-setup='{"techOrder":["html5", "vimeo"]}'>
	<source src="https://vimeo.com/50700106" type='video/vimeo'>
</video>

Youtube video setup



<video id="html5youtube" class="video-js vjs-default-skin video-small yjh5v_center" controls width="640" height="360" data-setup='{"techOrder":["html5", "youtube"]}'>
	<source src="http://www.youtube.com/watch?v=9QscURRuF0g" type='video/youtube'>
</video>
 
Kategorija: Template Settings
Objavljeno 04 februar 2013 Pogodaka: 2317
Štampa

Slider settings

Shadow slider is built in Photolicious template image slider that displays your images in their full width. All slider settings can be fund in Photolicious template manager. You can customize folowing slider options:

  • Show/Hide slider on specific itemid
  • Slider height
  • Slider intro area width
  • Add any image from your images folder
  • Add custom image intro text including any HTML tags
  • Adjust slide position
  • Add custom slide link
  • Adjust transition speed

Custom intros

There are 2 custom span class names that you can use to setup your slide intro text

For dark slide intro background use ;

<span class="bgdark">intro...</span>

For light slide intro background use ;

<span class="bglight">intro...</span>

To separate intro text in 2 parts ( left and right ) use ;

<div class="introPartsLeft">left  side text or html...</div>
<div class="introPartsRight">right side text or html...</div>
 
Kategorija: Template Settings
Objavljeno 29 januar 2011 Pogodaka: 4845
Štampa

New Typography styles for your Artbloger Joomla Template!

TThis is a Magazine Style Drop Cap. To display Drop Cap us <p span class="dropcap">First Letter Goes Here</span> Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.


Heading1 (h1) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading2 (h2) looks like this

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos.

Heading3 (h3) looks like this

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental:

Heading4 (h4) looks like this

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.


To display error message<p class="error">Error message here!</p>.

To display info message<p class="massage">Info messag ehere!</p>.

To display tips message<p class="tips">Info messagehere!</p>.

To highlight phrase use<span class="highlight">This is sample of highlighted phrase!</span>

To display codes use

<pre> or <div class="code">
<?php$lijevo = mosCountModules( 'left' );
if ( $lijevo ) {$maincontent = 'right_side';} else {$maincontent = 'right_side_full';?

To display sticky note use: <p class="sticky">Sample of your note!</p>

To display pin note use :<p class="pin">Sample of your pin note !</p>

To display clip note use:<p class="clip">Sample of your clip note</p>

To display download note use:<p class="down">Sample of your download note</p>

To display blockquote note use: <div class="blockquote"><blockquote>Sample of your blockquote note</blockquote></div>

01Sample of Big Numbers List<p class="blocknumber"><span class="bignumber">01.</span>Content goes here!</p>Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

02Sample of Big Numbers List <p class="blocknumber"><span class="bignumber">02.</span>Content goes here!</p> Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

03Sample of Big Numbers List<p class="blocknumber"><span class="bignumber">03.</span>Content goes here!</p> Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

Sample of ordered list .
  1. Sample of ordered list
  2. Sample of ordered list
  3. Sample of ordered list
  4. Sample of ordered list

Sample of check list .To use

<ul><li class="check">Your list item goes here!</li></ul>
  • Sample of li list
  • Dolor sit
  • Consectetuer
  • Adipiscing elit
  • Diam

Sample of star list .To use

<ul><li class="star">Your list item goes here!</li></ul>
  • Sample of li list
  • Dolor sit
  • Consectetuer
  • Adipiscing elit
  • Diam

Sample of video list .To use

<ul><li class="video">Your list item goes here!</li></ul>
  • Sample of li list
  • Dolor sit
  • Consectetuer
  • Adipiscing elit
  • Diam

Sample of image border use

<img src="http://sitename/image.jpg class="border" alt="" title="">

 
Kategorija: Template Settings
Objavljeno 29 januar 2011 Pogodaka: 2817
Štampa

YJSimpleGrid Framework comes with 51 build in module positions . Adding new module grids is a very simple process and within few seconds you can adjust the layout to your own liking. Each  module positon is completely collapsible either by disabling module in module manager or by setting module size to 0 in template manager. Mainbody grid is completely flexible and can swithc sides by simply adjusting default mainbody layout in template manager. Logo width and height can also be adjusted in template manager or completely disabled.

yjsg_modulepoz

 
Kategorija: Template Settings
Objavljeno 27 januar 2011 Pogodaka: 4286
Štampa
Praesent posuere tempus nibh bibendum aliquam. Integer ullamcorper vestibulum nisl vitae ullamcorper. Donec fermentum ligula at tortor tincidunt rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque blandit tellus vitae justo rutrum viverra. Proin semper sapien faucibus dolor ultrices a tempus leo porta. Integer sed lorem nisl, ac tincidunt diam. Sed ante felis, pellentesque in consectetur at, rutrum non turpis. Aenean id pellentesque lacus. Quisque ligula est, aliquam vitae lobortis ornare, posuere sit amet risus. Sed massa lacus, iaculis et venenatis nec, tempor mattis est. Sed placerat placerat volutpat. Integer ut orci metus. Etiam egestas, ante ac fermentum dapibus, arcu est semper odio, nec mattis metus elit eget nunc. Praesent posuere tempus nibh bibendum aliquam. Integer ullamcorper vestibulum nisl vitae ullamcorper. Donec fermentum ligula at tortor tincidunt rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque blandit tellus vitae justo rutrum viverra. Proin semper sapien faucibus dolor ultrices a tempus leo porta. Integer sed lorem nisl, ac tincidunt diam. Sed ante felis, pellentesque in consectetur at, rutrum non turpis. Aenean id pellentesque lacus. Quisque ligula est, aliquam vitae lobortis ornare, posuere sit amet risus. Sed massa lacus, iaculis et venenatis nec, tempor mattis est. Sed placerat placerat volutpat. Integer ut orci metus. Etiam egestas, ante ac fermentum dapibusInteger ut orci metus. Etiam egestas, ante ac fermentum dapibus
 

Kalendar zakazanih kalibracija

April 2026
N P U S C P S
01 02 03 04
05 06 07 08 09 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30