作者:Super User 分类:Template Settings
发布于 2011年6月24日 点击数:10986
打印

该页面施工中,请绕行……

 
作者:Super User 分类:Template Settings
发布于 2011年1月30日 点击数:32484
打印

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

 
作者:Super User 分类:Template Settings
发布于 2011年1月27日 点击数:15417
打印

YJSG is loaded with new features and checks out all points of Joomla! web development including , security , design , coding standards and site speed. From array of features we would like to name a few and give you a short insight in to new joomla template coding standards.

List of YJSimpleGrid Key Features:

  • Advanced Joomla Template Manager Admin Panel
  • Flexible Layouts
  • Over 51 collapsible module positions easily add more
  • Automatic module width adjustments in template manager
  • Native RTL
  • Native Mobile devices support
  • Enhanced SEO features to increase your site visibility
  • Custom iPhone/iPad/iPod and handheld devices template
  • Cross browser support
  • Native Cufon and Google Font plus 15 CSS font styles
  • Native Jquery Support
  • Native rounded and square module styles 1 click switch
  • 1 image PNG transparent rounded corners approach for easy editing
  • Component off switch or menu item assignment
  • Topmenu off switch or menu item assignment
  • 7 default module grids with 5 modules each. Easily add more
  • Flexible logo and header size changer
  • Upgraded server side compression
  • Frontpage news items number of characters control
  • Visible RTL switch and Font resizer
  • 5 menu types
  • Yj Mega Menu
  • Custom error and offline pages
  • Custom user pages ( com_users )
  • Slide to top smothscroll
  • XHTML , CSS and JS valid

 
作者:Super User 分类:Template Settings
发布于 2011年1月29日 点击数:19180
打印

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.</p> <p> </p> <p> </p> <h1>Heading1 (h1) looks like this</h1> <p>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.</p> <p> </p> <h2>Heading2 (h2) looks like this</h2> <p>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.</p> <h3>Heading3 (h3) looks like this</h3> <p>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:</p> <h4>Heading4 (h4) looks like this</h4> <p>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.</p> <p> </p> <p> </p> <p class="error">To display error message<p class="error">Error message here!</p>.</p> <p class="message">To display info message<p class="massage">Info messag ehere!</p>.</p> <p class="tips">To display tips message<p class="tips">Info messagehere!</p>.</p> <p><span class="highlight">To highlight phrase use<span class="highlight">This is sample of highlighted phrase!</span></p> <p> </p> <p> </p> <p><strong>To display codes use </strong></p> <pre><pre> or <div class="code"></pre> <pre><?php$lijevo = mosCountModules( 'left' );<br />if ( $lijevo ) {$maincontent = 'right_side';} else {$maincontent = 'right_side_full';?</pre> <p class="sticky">To display sticky note use: <p class="sticky">Sample of your note!</p></p> <p class="pin">To display pin note use :<p class="pin">Sample of your pin note !</p></p> <p class="clip">To display clip note use:<p class="clip">Sample of your clip note</p></p> <p class="down">To display download note use:<p class="down">Sample of your download note</p></p> <div class="blockquote">

To display blockquote note use: <div class="blockquote"><blockquote>Sample of your blockquote note</blockquote></div></div> </blockquote> </div> <div> <p class="blocknumber">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.</p> <p class="blocknumber">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.</p> <p class="blocknumber">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.</p> <p> </p> <strong>Sample of ordered list . </strong><ol> <li>Sample of ordered list </li> <li>Sample of ordered list </li> <li>Sample of ordered list </li> <li>Sample of ordered list </li> </ol></div> <p><strong>Sample of check list .To use</strong></p> <pre><ul><li class="check">Your list item goes here!</li></ul></pre> <ul> <li class="check"> 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></pre>
    <ul>
    <li class="star"> 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></pre>
    <ul>
    <li class="video"> 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=""></p> </div> <p><img class="border" src="/images/stories/clock.jpg" border="0" width="150" height="112" />

     
    作者:Super User 分类:Template Settings
    发布于 2011年1月29日 点击数:70018
    打印

    Mega-Menu-Schema

    A new feature of all YJSG powered templates is the powerful YJ Mega Menu. In order for this menu to work all you have to do is install and enable the YJ MegaMenu plugin in the backend. Next you set the width of the dropdown in the template manager. The rest of the settings are all done in the menumanager.

    Choice of Menu:

    All YJSG powered templates with the YJ Mega Menu give you the choice between 5 menu types.

    1. CSS Dropdown Menu; a dropdown menu displaying the lower levels in columns.
    2. Smooth Dropdown Menu; the same as CSS Dropdown Menu but with a smooth javascript effect added for dropdowns.
    3. CSS Dropline Menu; a dropline menu displaying the first sublevel in line.
    4. Smooth Dropline Menu; the same as CSS Dropline Menu but with a smooth javascript effect added for the dropline and the dropdowns.
    5. Joomla Splitmenu; the old faithfull splitmenu which gives you the ability to display the sublevel menu items in a module position.

    Main Features of YJ Mega Menu:

    • Fully CSS driven
    • Per item styling
    • Subtitles for all menu items
    • Menu Images for all menu items
    • Sub Items descriptions
    • Two levels deep Group Holders
    • Eight Levels deep subitems
    • Loads modules
    • Loads modulepositions
    • Cross browser compatible, and degrades functional in IE6
    • Choice between CSS dropdown menu, smooth dropdown menu, CSS Dropline Menu, Smooth Dropline Menu and Joomla Splitmenu

    In this tutorial you see all the possibilities of the YJ Mega Menu explained. Let's see how these very powerful possibilities are set through the backend. This example is about the CSS Dropdown Menu and the Smooth Dropdown Menu.

    1. Menu Images:

    menu-imagesMenu images can be applied on all levels of the menu.

    Go to menu manager, main menu, select item and select parameters Link Type Options. Next you can select an menu image from the images directory of your Joomla installation. Select image and hit save.















    2. Subtitles for menu items:


    Mega Menu SubtitlesIn the menumanager open up mainmenu, menu item and select parameters YJ Megamenu. In the subtitle box you can fill in the subtitle for a menu item, in this case YJSG Demo for the Home menu item. This setting can be applied on all levels.


















    3. Subtitles and menu images can be combined by following both step1 and 2 as above.

    4. Act a group holder:

    Mega Menu Groups

    On a per menu item basis you can set a menu item as group holder. This can be done 2 levels deep, so you can have a group holder on the first level of the menu, and then another within that group.

    Here we have set the menu item to act as a group holder of 720 pixels wide, with 3 subgroups of which the first is 200 pixels, second 300 and third 220pixels wide.

    If the width for the subgroups isn't set the group holder width will be equally distributed over the number of sub groups. You can set up to 6 sub groups. Please note, a group holder can only be a normal link.

    The group holder itself can be a normal link and any Menu item type like , url , separator , component ect.





    5. Load Modules in YJ Mega Menu:

    Mega Menu ModuleAnother important feauture of the YJ Mega Menu is the ability to load modules in the menu.

    Here we have set the Menu Item Type to Module, and selected module Adv5 to be displayed. Please note, you can select more than one module to be displayed in the menu.

    When displaying modules in the menu you can also select to Display link title, image and sub title if link type is module. This setting is useful when you want to show a module, for example the login, with only its title.



























    6. Load Module positions in YJ Mega Menu:

    Mega Menu Module Position

    Besides loading modules you can also load module positions in the YJ Mega Menu. This is useful for when you have more than one instance of a module installed. Now you can publish the module to a specific module position and load this into your menu.

    Here we have selected module position in menu item type and selected module position topmenu1 to be published into the menu.

    See picture on top of the page for a module position loaded into the first column of the second group holder.


















    7. Group Holder in Group Holder

    For the menu item group mix we have set a second level group holder in above example. As all properties for all items on all levels are set on a per item basis, we have given this group different properties. The second group loads 3 groups, each with its own width, and it loads a module position, a group of menu items and a module. Versatility at its best!

    Mega Menu from the Menu Manager:

    We have now had a look at the settings of the parameters for the YJ Mega Menu. To finish the basics of setting up the menu, this is how the menu looks in the menumanager in the backend. You will see all items nested into eachother, resulting in the menu you see at the start of these instructions.

    Mega-Menu-from-menumanager

    Dropline Mega Menu:

    As a picture paints a thousand words, a screenshot of the exact same menu as above with the CSS Dropline Menu and the Smooth Dropline Menu.

    Dropline Menu

    As you can see the same functionality as for the CSS and the Smooth Dropdown Menu, with the only difference being that the Dropline Menu can't display Groups for obvious reasons.

    Add custom css class:

    All you have to do is fill in newclass in the Add custom css class box in the Link Type Options->Link Css style. Of course this is just an example, but with this option the sky is really the limit!

    .horiznav a.newclass{
    background-image:url(../images/system/pdf_button.png)!important;
    background-repeat:no-repeat!important;
    background-position:95% center!important;
    }

    css class

    On a per menu item basis you can also add your own css classes to menu items. In this screenshot we have added a symbol to just the home menu item by adding the above style to custom.css:

     
    | + - | RTL - LTR