Wedding

Провед. Юбилеев

Проведение юбилеев и вечеринок в шикарном формате!

Читать Далее

Проведение Юбилеев

Wedding

Проведение Свадеб

Проведение свадебных торжеств, креативный стиль!

Читать Далее

Проведение Свадеб

Wedding

Проведение Праздников

Проведение любых праздников!.

Читать Далее

Проведение Праздников

Немного обо мне...

Wedding

Предлагаю Вам посмотреть небольшие ролики, с моим участием!

Фильтр
  • Typography

    This code allows you to display an image and its description with animated CSS3 effect:
    Note: If you would like to add your own text into the image description, just modify the code below or edit an existing code in the custom module of the demo template.

    <div class="dj-image-hover"> <div class="view view-first"><img src="/images/modules/module5.jpg" border="0" alt="Wedding" /> <div class="mask"> <h2><a href="/index.php/dj-catalog2/list-of-items-blog/items/2-wedding-ceremony">Ceremony</a> </h2> <p>A wonderful serenity has taken possession of my entire soul.</p> <a class="readon" href="/index.php/dj-catalog2/list-of-items-blog/items/2-wedding-ceremony">Read More</a></div> </div> </div>

    Wedding

    Ceremony

    A wonderful serenity has taken possession of my entire soul.

    Read More

     

    This code allows you to display an image and its description with different animated CSS3 effect:
    Note: If you would like to add your own image, description or display your youtube video in the lightbox, just modify the code below or edit an existing code in the custom module of the demo template.

    <div class="dj-image-hover"> <div class="view view-second"><img src="/images/modules/module6.jpg" border="0" alt="Wedding" /> <div class="mask"> <p> </p> <br /> <a class="modal readon" href="https://www.youtube.com/embed/Umqu9poqIgo" rel="{handler: 'iframe', size: {x: 996, y: 747}}">Watch the Video</a></div> </div> </div>


    For more details on how to use and modify the button code and styles, please visit this site:
    http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

     

    The styles below are used by appending a class to a tag.

    This is an image with the class "border_img"
    Enter class name to img tag <img class="border_img" />

    border

     

    Default list example

    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum

    This is a list with the class "linked"
    Enter class name to ul tag <ul class="linked" />

     


    This is a list with the class "special"
    Enter class name to ul tag <ul class="special" />

     

    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum
        • Duis tincidunt nunc sit amet ipsum

    This is a read more link with the class "readon"
    Enter class name to a tag <a class="readon" />

    Read more

    this is a paragraph with the class "quote-left"
    <p class="quote-left" > Text goes here</p>

    this is a paragraph with the class "quote-right"
    <p class="quote-right" > Text goes here</p>

    this is a paragraph with the class "blue"
    <p class="blue" > Text goes here</p>

    this is a paragraph with the class "green"
    <p class="green" > Text goes here</p>

    this is a paragraph with the class "red"
    <p class="red" > Text goes here</p>

    this is a paragraph with the class "yellow"
    <p class="yellow" > Text goes here</p>

    this is a paragraph with the class "grey"
    <p class="grey" > Text goes here</p>


    this is a paragraph with the class "bluefill"
    <p class="bluefill" > Text goes here</p>

    this is a paragraph with the class "greenfill"
    <p class="greenfill" > Text goes here</p>

    this is a paragraph with the class "redfill"
    <p class="redfill" > Text goes here</p>

    this is a paragraph with the class "yellowfill"
    <p class="yellowfill" > Text goes here</p>

    this is a paragraph with the class "greyfill"
    <p class="greyfill" > Text goes here</p>

    this is a paragraph with the class "quote"
    <p class="quote" > Text goes here</p>


    This is Heading One (h1)

    This is Heading Two (h2)

    This is Heading Three (h3)

    This is Heading Four (h4)

    This is Heading Five (h5)
    This is Heading Six (h6)

    Colorizing the first logo letter

    We have used jquery.lettering.js script from http://letteringjs.com to color the first letter of the logo text.
    It works in the following way: each word of the logo text is placed in the span with class="wordX" and then each letter is placed in the span with class="charX" where X is the number of the word or char.

    Take a look at the screenshot below to check the structure:

     

    Lettering

     

    Then we added the css style for each template color version, for pink it is located in the templates/jm-wedding06/css/style1.css file:

    h1#jm-logo .word1 .char1, h1#jm-logo .word3 .char1 {
    color: #E24B5F;
    }

    For example: if you would like to color the first letter of the fourth and fifth word then the css style will look like that:

    h1#jm-logo .word4 .char1, h1#jm-logo .word5 .char1 {
    color: #E24B5F;
    }

  • Template Parameters

    This template provides some backend parameters for convenient template management. Navigate Extensions->Template Manager and click on the proper template name to set up template parameters.

    Template Parameters

    • Logo - set path to the logo file - note that logo dimensions won't be resized
    • Site Title - add your site title here, it's only displayed if you don't use a logo
    • Site Description - add your site description that will be displayed underneath the logo
    • Global font name - choose the global font name (Arial, Georgia, Tahoma)
    • Font name for headings - choose the font name for headings (Tangerine, Arial, Georgia, Tahoma)
    • Font size switcher - enable this option if you want to display the font switcher
    • Font size in pixels - choose font size if the font switcher is disabled
    • Style switcher - enable this option if you want to display the style switcher
    • Template color - select the default template color (pink, beige, turquoise, gray)
    • Template scheme - select default template scheme
    • Page width - set the page width in pixels - use px e.g. 960px
    • Content width - set the width of the content column in percentage - use % e.g. 48%
    • Left column width - set the width of the left column in percentage - use % e.g. 26%
    • Right column width - set the width of the right column in percentage - use % e.g. 26%
  • Module Suffixes

    All available module design suffixes:

     

    Module Suffixes

     

    If you would like to display a title at the bottom of module, you have to add an appropriate suffix, see an example:

     

    Module Suffixes

     

    The suffixes for modules are connected with modules' height. It's very useful if you would like to make your modules' height the same.

    You just have to put a suffix at a module configuration to get the specified module height. See here the screenshot:

     

    Set Height

     

    _mod230 means that your module will be of 230 pixels high.

    If you are going to mix suffixes, remember to put that suffix at the end, see an example:

     

    Set Height

  • Module Positions

    This is a placeholder page to display all available module positions.

    Module Positions

  • Template Features

    Here you can find lots of information about template features.

     

    Module Positions

    This template contains 12 module positions. See the clear gird of modules location.
    Find out more...

    Module Suffixes

    This template contains some module designs. See examples of module design variations.
    Find out more...

    Template Parameters

    This template provides some back-end parameters for convenient template management.
    Find out more...

    Typography

    This template provides you some custom styles for several tags.
    To reach an expected result, an appropriate class must be entered to a proper tag as examples shown in the artilce.
    Find out more...

    DJ-ImageSlider

    This template contains styles for DJ-ImageSlider component and its module.
    Find out more...

    Menu System

    This template uses DJ-Menu. See detailed description of this extension
    Find out more...

    DJ-Catalog2

    This template is contains styles for DJ-Catalog2 component and its modules.
    Find out more...

    .PSD layout

    We provide you .psd slices of that template to make you easier customize your template.

    What you get after purchase?

    See the list of content, which can be downloaded, right after the template purchase.
    Find out more...

    Demo Copy

    If you want to get the exact copy of this demo site, use Quickstart to install Joomla on your server.
    Find out more...