Yj Newsflash 4 ver 2.0

• 
• 

Details

Category: Template Settings

Published on Sunday, 13 February 2011 12:48

Written by Super User

Hits: 53

Yj Newsflash4 ver 2.0 is enhanced version of  Yj Newsflash 4 that comes with some new features and custom module admin. Very flexible and adaptable to any Joomla website. New module template feature will let you  create custom module  templates for Yj Newsflash4 ver 2.0. Simply copy modules/mod_yjnf4/tmpl/Default folder , rename it to your own template name and edit default.php within your template folder to your liking.

Once you have created your module template , your template name will be visible in module settings under parameter Select default Module Template. You can also copy your template folder to your template/html/mod_yjnf4/ folder and create custom overrides for each module instance. There is also a hidden module feature that assigns news item id to news item div holder. This feature will let you style each of your news items differently.  To get you started we have created blank module template name New.

Club members download

Module Parameters:

YJSG Module Positions

• 
• 

Details

Category: Template Settings

Published on Saturday, 29 January 2011 16:12

Written by Super User

Hits: 115

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.

Multimedia Box 3.0

• 
• 

Details

Category: Template Settings

Published on Wednesday, 09 February 2011 12:56

Written by Super User

Hits: 492

Multimedia Box 3.0 is Joomla 1.6.x plugin that plays videos and stream video files from social sites in lightbox javascript effect. You can also show single images or image galleries, inline content, ajax content and web pages. This version of Multimedia Box for Joomla is enhanced with Mediabox Advanced script from Iaian7.com which gives you more video power and sleek new style to catch the eye of your visitors .

Please note that this version is for Joomla 1.6.x only.

Multi Media Box 3.0 Features

• Width and height adjustable for each thumbnail with new width=height= parameters
• Parameter caption= to show nice caption for your image gallery
• Parameter thumb= you can add your own thumbnail images now ( faster site load. big image loads on click only.if not used big image stays in place)
• Parameter thumbnone=0 to be used for image gallery call from 1 thumbnail only
  
• Use Multimedia Box in Joomla 1.6 Modules ( Install MultimediaBox Module ) See Example
• 32 social sites video streams
  
• flv,swf,wmv,mov,mp3,mp4 media support
  
• Smooth image transition
• Sexy CSS3 style
• Cross browser compatible

Plugin parameters:

• Default image folder is set to SITE_ROOT/images
• Choose if media looping is allowed when items are in group
• Choose from JW Player or NonverBlaster to display your media types.
• Set custom overlay opacity

Download

Code below is to be used in your new items editor. Simply copy and paste. Please note that this is content plugin. For MutimediaBox to work in modules , simply install MultimediaBox Module copy and paste your code there. See Example

In code examples we must add space before and after brackets {}. Please remove empty space when you start using Multimedia Box

Grouping info : note that if you do not add groups to mbox , all links on current page will group in to one!

Video Examples:

To display image as video link use these parameters:

{ mbox:VIDEO LINK|VIDEO WIDTH|VIDEO HEIGHT|title=VIDEO TITLE::AND DESCRIPTION |vthumb=VIDEO IMAGE|height=VIDEO IMAGE HEIGHT|width=VIDEO IMAGE WIDTH|caption=CAPTION TEXT }

To display simple text video link use :

{ mbox:VIDEO LINK|VIDEO WIDTH|VIDEO HEIGHT|title=VIDEO TITLE::AND DESCRIPTION |txt=VIDEO LINK TEXT}

Videos with images

{ mbox:http://www.youtube.com/watch?v=Iv7Miwigeks|640|360|group=videos1|title=Halle on Youtube|vthumb=halle1.jpg|height=300|width=160|caption=Play me please :) }
{ mbox:http://www.youtube.com/watch?v=Sy6mTZxqPYg|640|360|group=videos1|title=Kim on Youtube|vthumb=kim2.jpg|height=300|width=200|caption=Don't play her! Play me :) }

{mbox:http://www.youtube.com/watch?v=Iv7Miwigeks|640|360|group=videos1|title=Halle on Youtube|vthumb=halle1.jpg|height=300|width=160|caption=Play me please :)} {mbox:http://www.youtube.com/watch?v=Sy6mTZxqPYg|640|360|group=videos1|title=Kim on Youtube|vthumb=kim2.jpg|height=300|width=200|caption=Don't play her! Play me :)}

Twitter Media links

{ mbox:http://twitcam.com/118d|500|300|group=tweet|title=Twitter Media|txt=Twitcam }

{mbox:http://twitcam.com/118d|500|300|group=tweet|title=Twitter Media|txt=Twitcam}

{mbox:http://tweetmic.com/p/otcfg1uo6ed|500|300|group=tweet|title=TweetMic|txt=TweetMic}

{mbox:http://tmic.fm/otcfg1uo6ed|500|300|group=tweet|title=Tmic.FM|txt=Tic.FM}

{mbox:http://twitpic.com/8fc41|500|300|group=tweet|title=TweetPic|txt=TweetPic}

{mbox:http://twiturm.com/ocicc|500|300|group=tweet|title=TweetUrm|txt=TweetUrm}

{mbox:http://www.twitvid.com/5N35X|500|300|group=tweet|title=TweetVid|txt=TweetVid}

{mbox:http://yfrog.com/4et9zpj|500|300|group=tweet|title=Yfrog Image|txt=Yfrog Image}

{mbox:http://yfrog.com/0ppysz|500|300|group=tweet|title=Yfrog Video|txt=Yfrog Video}

Social video sites

{ mbox:http://www.facebook.com/video/video.php?v=543650258685|640|486|group=social|title=Facebook::Face videos|txt=Play Facebook Video }

{mbox:http://www.facebook.com/video/video.php?v=543650258685|640|486|group=social|title=Facebook::Face videos|txt=Play Facebook Video}

{mbox:http://www.gametrailers.com/player/49936.html|640|486|group=social|title=Gametrailer::Gametrailer Player|txt=Play Gametrailer Player}

{mbox:http://www.gametrailers.com/video/e3-09-assassins-creed/50139|640|486|group=social|title=Gametrailer::Gametrailer videos|txt=Play Gametrailer Video}

{mbox:http://www.flickr.com/photos/bhl1/2402027765/in/pool-video|500|300|group=social|title=www.flicker.com|txt=Play Flickr Video}

{mbox:http://video.google.com/videoplay?docid=-8111235669135653751|640|290|group=social|title=www.video.google.com|txt=Play Google Video}

{mbox:http://www.metacafe.com/watch/377633/transformers_2007/|400|350|group=social|title=www.metacafe.com|txt=Play MetaCafe Video}

{mbox:http://mediaservices.myspace.com/services/media/embed.aspx/m=100005440,t=1,mt=video|group=social|title=www.myspace.com|txt=Play MySpace Video}

{mbox:http://www.revver.com/video/758469/see-whats-possible-challenge/|480|392|group=social|title=www.Revver.com|txt=Play Revver Video}

{mbox:http://seesmic.com/app?#/video/GtXGiBXzWb/watch|480|392|group=social|title=www.Seesmic.com|txt=Play Seesmic Video}

{mbox:http://www.youtube.com/watch?v=l9MdgSUpG5U|480|380|group=social|title=www.Youtube.com|txt=Play YouTube Video}

{mbox:http://www.youtube.com/view_play_list?p=63F0C78739B09958|480|380|group=social|title=www.Youtube.com|txt=Play YouTube Playlist}

{mbox:http://www.youtube.com/watch?v=2_HXUhShhmY|480|380|group=social|title=www.Youtube.com|txt=Play YouTube HQ Video}

{mbox:http://www.youtube.com/watch?v=-zvCUmeoHpw|480|380|group=social|title=www.Youtube.com|txt=Play YouTube HD Video}

{mbox:http://www.veoh.com/videos/v753286qccrGhsTl9MdgSUpG5U|540|438|group=social|title=www.Veoh.com|txt=Play Veoh Video}

{mbox:http://www.viddler.com/explore/clintus/videos/143/|437|370|group=social|title=www.Viddler.com|txt=Play Viddler Video}

{mbox:http://vimeo.com/615344|400|302|title=www.Vimeo.com|group=social|txt=Play Vimeo Video}

{mbox:http://12seconds.tv/channel/GruvenReuven/28325|431|359|group=social|title=www.12seconds.tv|txt=Play 12seconds.tv Video}

{mbox:http://www.dailymotion.com/swf/1zR7vSr9sneRWgUqL|640|486|group=social|title=www.DailyMotion.tcom|txt=Play DailyMotion Video}

{mbox:http://quietube.com/v.php/http://www.youtube.com/watch?v=b5Ff2X_3P_4|500|300|group=social|title=Quietube + Youtube|txt=Quietube + Youtube}

{mbox:http://quietube.com/v.php/http://vimeo.com/2295261|500|300|group=social|title=Quietube + Vimeo|txt=Quietube + Vimeo}

{mbox:http://rutube.ru/tracks/732179.html?v=31d844c852720c85a74d55474dd3f65a|500|300|group=social|title=Rutube|txt=Play Rutube Videos}

{mbox:http://www.tudou.com/programs/view/KG2UG_U4DMY/|500|300|group=social|title=Tudou|txt=Play Tudou Videos}

{mbox:http://v.youku.com/v_show/id_XNDI1MDkyMDQ|500|300|group=social|title=YouKu|txt=Play YouKu Videos}

{mbox:http://blip.tv/play/Ae2bN420ZA|500|300|group=social|title=Bliptv|txt=Play Bliptv Videos}

{mbox:http://www.break.com/usercontent/2009/4/The-Wonderful-World-of-Reals-703500.html|500|300|group=social|title=Break.com|txt=Play Break.com Videos}

Different video file types :

{ mbox:http://iaian7.com/media/2007/06/2007vfx.flv|640|360|group=filetypes|title=Flash video|txt=Play flash video }

{mbox:http://www.homestarrunner.com/tgs10.swf|550|410|group=filetypes|title=Flash animation |txt=Play flash animation}

{mbox:http://iaian7.com/media/mediabox/2005vfx.mp4|550|410|group=filetypes|title=MP4 video|txt=Play MP4 video}

{mbox:http://iaian7.com/media/mediabox/TheISS2.mp3|250|410|group=filetypes|title=MP3 audio|txt=Play MP3 audio}

{mbox:http://iaian7.com/media/2007/06/2007vfx.flv|640|360|group=filetypes|title=Flash video|txt=Play flash video}

{mbox:http://iaian7.com/media/2007/06/2007preview.mov|480|270|group=filetypes|title=Quicktime|txt=Play Quicktime movie}

{mbox:http://iaian7.com/media/Puppet.wmv|480|270|title=WMV|group=filetypes|txt=Play WMV file}

Images examples:

{ mbox:IMAGE NAME(LOCATION IS SET IN PLUGIN PARAMS) |THUMB-WIDTH|THUMB-HEIGHT|CAPTION=Your Caption|title=IMAGE TITLE::AND DESCRIPTION }

Single image example:

{ mbox:yjsgts1.gif|width=205|height=110|caption=Template Setting|title=Template Settings:: Advanced Template Settings }

{mbox:yjsgts1.gif|width=205|height=110|caption=Template Setting|title=Template Settings:: Advanced Template Settings}

Image gallery example:

{ mbox:yjsgts6.gif|width=205|height=110|group=settings|caption=Template Manager|title=Template Manager::Advanced Joomla Template Manager }
{ mbox:yjsgts2.gif|width=205|caption=Style Settings|height=110|group=settings|title=Styles::Multiple style settings }
{ mbox:yjsgts7.gif|width=205|height=110|group=settings|title=Mobile Devices::Go Mobile with Joomla|caption=Mobile Devices }

{mbox:yjsgts6.gif|width=205|height=110|group=settings|caption=Template Manager|title=Template Manager::Advanced Joomla Template Manager} {mbox:yjsgts2.gif|width=205|caption=Style Settings|height=110|group=settings|title=Styles::Multiple style settings} {mbox:yjsgts7.gif|width=205|height=110|group=settings|title=Mobile Devices::Go Mobile with Joomla|caption=Mobile Devices}

Thumb parameter example:

{ mbox:megan1.jpg|width=73|height=50|group=ladies|thumb=megan.gif|title=Megan Fox }
{ mbox:halle1.jpg|width=73|height=50|group=ladies|thumb=halle.gif|title=Halle Berry }
{ mbox:kim2.jpg|width=73|height=50|group=ladies|thumb=kim.gif|title=Kim Kardashian }

{mbox:megan1.jpg|width=73|height=50|group=thyes|thumb=megan.gif|title=Megan Fox}{mbox:halle1.jpg|width=73|height=50|group=thyes|thumb=halle.gif|title=Halle Berry} {mbox:kim2.jpg|width=73|height=50|group=thyes|thumb=kim.gif|title=Kim Kardashian}

Thumbnone parameter example:

{ mbox:megan1.jpg|width=73|height=50|group=thno|thumb=megan.gif|title=Megan Fox }
{ mbox:megan2.jpg|group=thno|thumbnone=0|title=Megan Fox 2 }
{ mbox:halle1.jpg|group=thno|thumbnone=0|title=Halle Berry }

{mbox:megan1.jpg|width=73|height=50|group=thno|thumb=megan.gif|title=Megan Fox}
{mbox:megan2.jpg|group=thno|thumbnone=0|title=Megan Fox 2}
{mbox:halle1.jpg|group=thno|thumbnone=0|title=Halle Berry}

Thumbnone parameter example2:

{ mbox:megan1.jpg|thumbnone=0|group=nothumb|title=Megan Fox|txt=No images link only!}
{ mbox:megan2.jpg|nothumb=thno|thumbnone=0|title=Megan Fox 2 }
{ mbox:halle1.jpg|nothumb=thno|thumbnone=0|title=Halle Berry }

{mbox:megan1.jpg|thumbnone=0|group=nothumb|title=Megan Fox|txt=No images link only!}
{mbox:megan2.jpg|group=nothumb|thumbnone=0|title=Megan Fox 2}
{mbox:halle1.jpg|group=nothumb|thumbnone=0|title=Halle Berry}

Media Combo example:

{ mbox:megan1.jpg|width=73|height=50|group=mcombo|thumb=megan.gif|title=Megan Fox }
{ mbox:http://www.facebook.com/video/video.php?v=543650258685|500|280|thumbnone=0|group=mcombo|title=www.Facebook.com }
{ mbox:ajaxLogin.htm|500|300|group=mcombo|thumbnone=0|title=Ajax Power }

{mbox:megan1.jpg|width=73|height=50|group=mcombo|thumb=megan.gif|title=Megan Fox} {mbox:http://www.facebook.com/video/video.php?v=543650258685|500|280|thumbnone=0|group=mcombo|title=www.Facebook.com} {mbox:ajaxLogin.htm|500|300|group=mcombo|thumbnone=0|title=Ajax Power}

Web content examples:

Inline content example:

{ mbox:#yjmb_mydiv|300|300|title=My hidden div title|txt=Inline Content Link }

Hidden div html. Note! You must use div id prefix yjmb_ when defining Mbox parameter you must use this #yjmb_

<div id="yjmb_mydiv" style="display: none">This is my text and I can say what I want :)</div>

{mbox:#yjmb_mydiv|300|300|title=My hidden div title|group=inline|txt=Inline Content Link}

iFramed Content example:

{ mbox:link_to_your_page.htm|500|300|title=Ajax Power|txt=This is Ajax Power }

{mbox:ajaxLogin.htm|500|300|group=ajax|title=Ajax Power|txt=This is Ajax Power}

External pages example:

{ mbox:http://www.youjoomla.com|1005|600|title=Youjoomla::Joomla Templates Club|txt=Open Youjoomla.com }

{mbox:http://www.youjoomla.com|1005|600|title=Youjoomla::Joomla Templates Club|txt=Open Youjoomla.com}

Typography

• 
• 

Details

Category: Template Settings

Published on Saturday, 29 January 2011 15:50

Written by Super User

Hits: 97

New Typography styles for your TEMPLATE-NAME 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>

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