|
عضويت

Need your own custom color or background image? Not a problem, Aurora Dawn allows you to set your own custom highlight color to any color you wish. This highlight color controls titles, hyperlinks, menu items, and several other elements. This color can easily be set in the template configuration area.

Not only can you set your own custom highlight color but you can easily set your own background images and colors.

Below are some screenshots of custom colors and background images. Click on each image to see a live demo.

For a tutorial on setting up background images click here.


The S5 Horizontal Accordion module is demonstrated at the top of this page.

This module contains up to 10 module positions that appear in a horizontal slide function so you can publish any of your favorite modules or custom html modules to one of the slides and keep your site clean and consolidated while giving it some eye candy.

The following is a quick list of features that are included with the module:

  • Set the height and width of the module
  • Vertical text for slide titles
  • Give each active slide a unique look, see below for more details
  • Onclick or Onmouseover trigger methods
  • Auto cycle or manual for transition
  • Set slide transition speed
  • Set the default slide to be open
  • Set your own border colors and sizes around the module
  • Compatible with IE7+, Firefox, Opera 10.5+, Safari, Chrome


Create your own unique active slides

Creating your own unique active slides is easy! Each slide has it's own unique background image found in modules/mod_s5_horizontal_accordion/images/ named slide1.png, slide2.png, slide3.png etc. These are the images pulled for each slide on active state. Since each slide pulls it's own unique image this means that you can have a different look for each slide if desired. A PSD file of the default slide images is included to make creating your own unique slides that much easier!

Please note this feature is optional, the default slide images will appear like the slides shown on the module at the top of this page.

This is an example of the default style:



This is an example of a custom active slide:




How to setup the modules

The S5 Horizontal Accordion module allows you to publish up to 10 modules of any kind into slides. Modules must be published to the following positions, s5_ha_1, s5_ha_2, s5_ha_3, etc. up to s5_ha_10. If you are using this template these module positions already exist, if you are using a different template then you will need to add these positions to your template by completing the following steps:

1. Edit the following file: templates/your_template/templateDetails.xml

2. Towards the bottom of the file you will find a section that begins with:

<positions>

3. Under the <positions> section of the file add the following positions:

<position>s5_ha_1</position>
<position>s5_ha_2</position>
<position>s5_ha_3</position>
<position>s5_ha_4</position>
<position>s5_ha_5</position>
<position>s5_ha_6</position>
<position>s5_ha_7</position>
<position>s5_ha_8</position>
<position>s5_ha_9</position>
<position>s5_ha_10</position>

4. Save the file and these positions will not be available to publish to in the backend of any module.

5. Publish the S5 Horizontal Accordion module to any page and position on your site that you desire.

6. Publish any module that you wish to the s5_ha_x positions that you created above. Publish them to all pages. Modules must be in order, example: if s5_ha_3 is present then s5_ha_2, s5_ha_1 must also be present. If modules are published out of order an error message will show on the frontend of the site. The slides will not show until a module is published to the associated slide.

7. Finally edit any parameters desired in the backend of the S5 Horizontal Accordion module such as height, width, speed, etc. and be sure to change the slide's titles in the backend as well.

Code used for this demo

The following is the code used to create the custom html modules used on this demo page:
<div style="background:url(images/s5_ha_box.png) no-repeat top right; width:668px; height:300px">

<div style="float:left; padding-top:4px; width:274px">

<span style="font-size:17pt">
Save For the Future
</span>
<br />

<span style="font-size:15pt; padding-left:20px">
Investment Opportunities!
</span>
<br />
<br />

<span style="font-style:italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br />
<br />
In venenatis enim quis ante aliquam ornare. Phasellus sit amet enim non mauris varius blandit. Quisque a justo ac orci gravida placerat et id nisi. Integer nec ligula in ligula luctus rutrum in aliquam ante aliquam ornare.
</span>

</div>

<div style="float:left; width:315px; margin-left:57px; margin-top:18px">

<img src="images/s5_ha_vault.png" alt="" style="float:left; margin-right:14px; margin-bottom:6px"></img>

Phasellus sit amet enim non mauris varius blandit. In venenatis enim quis ante aliquam ornare. Quisque a justo ac orci gravida placerat et id nisi. Integer nec ligula in ligula luctus rutrum in aliquam libero. Quisque a justo ac orci gravida placerat et id nisi. Integer nec ligula in ligula luctus rutrum in aliquam libero. In venenatis enim quis ante aliquam ornare. Phasellus sit amet enim non mauris varius. Quisque a justo ac orci gravida placerat et id nisac esim ant.

</div>

</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Viva mus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, consectetur adipiscing elit. id faEtiam dapibus, sit ame tellus a ucibus. tristique urna, id faucibus lectus erat ut pede. Maecenas varius neque nec libero laoreet faucibus. id faEtiam dapibus, tellus a ucibus. Donec sit amet nibh. Viva mus non arcu. Lorem ipsum dolor sit amet, consectetur. Donec sit am et nibh. Viva mus arcu. Lorem ipsu.


SEO - Get your site noticed!


Not only is this template lightning fast but it is great for search engine optimization as well! What is SEO? It is simple the act of altering a web site so that it does well in the organic, crawler-based listings of search engines such as google.com. How does this template accomplish this? It's simple, the majority of your most valuable content is found in the main body of your site, through css we are able to alter the layout of the site and call the main content before the left and right columns are called. This allows for your content to be found first by search engines before it reaches your other content, which is vital in search engine optimization. This is a common feature this can be done with almost all of Shape 5 templates as well.

I like what I see! I want to JOIN TODAY.

The S5 IE6 Warning Plugin is by default enabled on our site shapers. This plugin will show the following warning to all users browsing with IE6:

داوطلبان کنکور 96

به اطلاع می رساند كارتهاي‌ شركت در‌ آزمون‌ كليه‌ داوطلبان‌ گروههاي‌ آزمايشي‌ علوم‌ رياضي‌ و فني‌، علوم‌ تجربي‌، علوم انساني‌، هنر و زبانهاي خارجي‌ به همراه برگ راهنماي شركت در آزمون از روز يكشنبه مورخ 1396/4/11 لغايت روز چهارشنبه مورخ 96/4/14 براي مشاهده و پرينت بر روي پايگاه اطلاع­رساني سازمان سنجش آموزش كشور به نشاني www.sanjesh.org قرار خواهد گرفت. لذا كليه‌ داوطلبان‌ متقاضي شركت‌ در آزمون‌، براي پرينت كارت شركت در آزمون بايد در تاريخ تعيين شده به پايگاه اطلاع‌رساني مذكور مراجعه نموده و با وارد نمودن شماره سريال كارت اعتباري ثبت نام (12 رقمي) و شماره شناسنامه و يا شماره پرونده و كدپيگيري ثبت‌نام (16 رقمي) و نام و نام­ خانوادگي، كدملي و سريال شماره شناسنامه يك نسخه پرينت از برگ راهنما و كارت شركت در آزمون تهيه نمايند. بديهي است داوطلباني كه در 2 يا 3 گروه آزمايشي متقاضي شده‌اند بايد علاوه بر پرينت كارت شركت در آزمون گروه آزمايشي اصلي، برحسب مورد نسبت به پرينت كارت گروه آزمايشي دوم و يا گروههاي آزمايشي دوم و سوم (گروه­هاي آزمايشي هنر و زبانهاي خارجي) خود اقدام نمايند.

 

نکات مورد توجه در خصوص کنکور

آرشیو تصاویر

منو اكاردئوني

 

مکان مجتمع