video >> advanced youtube gallery

advanced youtube gallery

Advanced YoutubeGallery for DotNetNuke (5.6+) is a video gallery module that allow users to create and manage a series of youtube video inside a web page, divide Videos into Categories and retrieve information about them from Youtube.           



Buy on store.dotnetnuke.com
Edit Module

In edit mode users can easily add videos to the gallery and assign a category to them.





Edit Category

Users can also insert and manage Categories.





Module Settings

In module settings users can personalize module aspect.



Usage information

Once inserted videos and categories users can personalize module css to get a visualization like the online demo. For the navigation tab css use #navigation for class declaration: "navigation" is the id of the div element that will contain all tabs. For any help or tips please contact us at admin@dnneagles.com .

If you need to create a link to a specific video from another page or the same page you have to do some operations:
- fist you have to go in settings->advanced settings of the html module in which you want add the link and add this javascript in Header text box:

- then add a link into html text editor of html module like this:

Link to VIDEO URL', 'TAB NAME')">Funny Cats video.

N.B. You can use only one time on the same page.

Preview

If you need a start-point in module configuration you can use these settings:

Title css:

font-weight: bold;

font-size: 12pt;

font-family: verdana;

color: #0000FF;

text-align: left !important;

Description Css: font-size: 8pt;

Info Css: font-size: 6pt;

Author Page Link Css:

font-size: 6pt;

font-weight: bold;

color: #0000FF;

Navigation Tabs Css:

#navigation {

    padding-bottom:0px;

    margin-bottom: 0px;

    padding-top: 0.6em;

    font-size: 1.1em;

    margin-top: 1em;

    width: 350px;

    padding-left: 460px;

}

#navigation ul {

 list-style: none;

    margin: 0px;

    padding: 0px;

}

#navigation ul li {

 list-style: none;

    margin: 0px;

    padding: 0px;

}

#navigation ul {

 padding: 5px 0px 4px;

    text-align: left;

}

#navigation ul li {

 margin-right: 0.75em;

    display: inline;

}

#navigation ul li.last {

 margin-right: 0px;

}

#navigation ul li a {

    border-color: {8};

    box-shadow: 3px 3px 5px 0px #ccc;

    border-top-left-radius: 10px 8px;

    border-top-right-radius: 10px 8px;

    border-top: 1px solid;

    border-left: 1px solid;

    border-right: 1px solid;

 padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 5px;

    padding-top: 7px;

    text-decoration: none;

    valign: middle;

    color: #000000;

}

#navigation ul li a span {

    padding: 5px 1em;

    font-size: 10px;

}

#navigation ul li a:hover {

    text-decoration: none !important;

    color: #ffffff;

    background-color: #000000;

    opacity:0.5;

}

Selected Tab Css:

font-weight: bold;

background-color: #33FFFF;         

color: #000000;       

border-color: #000000;

Border Color: #000000

Current Video Css:

background: #CCCCFF;

list-style-type: none;

display: block;

float: left;

margin-bottom: 5px;

Thumb Width: 350
Here you can take a look to customers sites that use our Advanced Youtube Gallery

http://www.maxsweat.com/MMA-Training
Copyright © DnnEagles 2011
Friend Link: Timberland 6 Inch Boots Herren Nike Air Max 2016 Nike ELASTICO Finale III Street TF Adidas Messi 16.3 IC MBT Lami Damen TIMBERLAND CHUKKA BOOTS Adidas Superstar 2 Shoes Friend Link: NIKE ROSHE TWO FLYKNIT SHOES AIR JORDAN 23 Adidas Originals NMD Adidas Yeezy Boost 550 Adidas Tubular Schuhe Adidas Springblade Schuhe ADIDAS D ROSE 7 MEN Friend Link: Adidas Originals Pride Pack Adidas Originals Stan Smith W Adidas Originals ZX 500 Adidas Climacool Boat Lace NIKE AIR FORCE 1 07 HIGH MBT BARIDI WOMEN AIR JORDAN 2 MEN