- Arreglo de secciones de perfil de usuario

- Pantalla de registro

git-svn-id: https://192.168.0.254/svn/Proyectos.ASong2U_Web/trunk@26 cd1a4ea2-8c7f-e448-aada-19d1fee9e1d6
This commit is contained in:
David Arranz 2012-07-21 15:43:35 +00:00
parent 0afaad1a08
commit 3662237a14
12 changed files with 61 additions and 3220 deletions

View File

@ -12,7 +12,7 @@ $dedication_link = bp_core_get_userlink($bp->displayed_user->id, false, true) .
if ($count > 3) {?>
<a href="<?php echo $dedication_link; ?>" class="read-more" title="<?php _e('See More', 'gp_lang'); ?>"><?php _e('See More', 'gp_lang'); ?> &raquo;</a>
<?php break; } ?>
?>
<?php setup_postdata($post); ?>
<?php

View File

@ -7,6 +7,7 @@
<!--End Page Wrapper-->
<div class="clear"></div>
<?php if ( is_user_logged_in() ): ?>
<div id="footer">
<!--Begin Footer Widgets-->
<?php if($theme_footer_widgets == "All Pages" OR ($theme_footer_widgets == "Homepage" && is_home())) { ?>
@ -69,10 +70,7 @@
<!--End Footer Bottom-->
<div class="clear"></div>
</div>
<?php endif; ?>
<?php wp_footer(); ?>

View File

@ -47,7 +47,6 @@
</ul>
</div><!-- .item-list-tabs -->
<?php if (0): ?>
<div class="item-list-tabs" id="subnav" role="navigation">
<ul>
@ -73,7 +72,7 @@
</li>
</ul>
</div>
<?php endif; ?>
<div id="members-dir-list" class="members dir-list">

View File

@ -9,17 +9,15 @@
?>
<?php get_header( 'buddypress' ); ?>
<div id="content" class="fullwidth">
<div class="padder">
<?php do_action( 'bp_before_member_home_content' ); ?>
<?php if (bp_displayed_user_id() != bp_loggedin_user_id()) { ?>
<div id="item-header" role="complementary">
<?php locate_template( array( 'members/single/member-header.php' ), true ); ?>
</div>
<?php } ?>
<?php if (0) { ?>
<div id="item-nav">
<div class="item-list-tabs no-ajax" id="object-nav" role="navigation">
<ul>
@ -28,7 +26,6 @@
</ul>
</div>
</div><!-- #item-nav -->
<? } ?>
<div id="item-body">

View File

@ -33,7 +33,7 @@
<div id="item-meta">
<?php if ( bp_is_active( 'activity' ) ) : ?>
<?php if (0) /* bp_is_active( 'activity' ) )*/ : ?>
<div id="latest-update">

View File

@ -17,9 +17,10 @@
<span class="user-nicename"><a href="<?php echo bp_displayed_user_link(); ?>"><?php bp_displayed_user_fullname(); ?></a></span>
<div id="item-meta">
<?php if (bp_is_active('dedications')) : ?>
<div class="my-dedications"><?php _e('My dedications:'); ?>&nbsp;<?php echo $bp->dedications->get_count_dedications_from_user(bp_displayed_user_id()); ?></div>
<div class="my-dedications"><?php _e('My dedications:'); ?>&nbsp;<?php echo $bp->dedications->get_count_dedications_from_user(bp_displayed_user_id()); ?></div>
<div class="dedicated-to-me"><?php _e('Dedicated to me:'); ?>&nbsp;<?php echo $bp->dedications->get_count_dedications_to_user(bp_displayed_user_id()); ?></div>
<?php endif; ?>
<div class="edit-profile"><a title="<?php _e('My profile'); ?>" href="<?php echo bp_displayed_user_link().BP_XPROFILE_SLUG; ?>"><?php _e('My profile'); ?></a></div>
</div><!-- #item-meta -->
</div>
</div>

View File

@ -212,11 +212,11 @@
<?php do_action( 'bp_after_blog_details_fields' ) ?>
<?php endif; ?>
<div class="clear"></div>
<?php do_action( 'bp_before_registration_submit_buttons' ) ?>
<div class="submit">
<input type="submit" name="signup_submit" id="signup_submit" value="<?php _e( 'Complete Sign Up', 'buddypress' ) ?>" />
<input class="button signup" type="submit" name="signup_submit" id="signup_submit" value="<?php _e( 'Complete Sign Up', 'buddypress' ) ?>" />
</div>
<?php do_action( 'bp_after_registration_submit_buttons' ) ?>

View File

@ -21,14 +21,6 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #1eadff;
}
/* Form Styling */
input[type="submit"], input[type="reset"], input[type="button"], button {
background: #2D5069;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {
background: #273138;
}
#page-wrapper {
padding-top: 0;
width: 940px;
@ -893,6 +885,48 @@ a.button:active {
}
/* Form Styling */
input[type="submit"].signup {
background: -moz-linear-gradient(
top,
#77c24b 0%,
#619e41) !important;
background: -webkit-gradient(
linear, left top, left bottom,
from(#77c24b),
to(#619e41)) !important;
border: 1px outset #517f65 !important;
}
input[type="submit"]:hover.signup {
background: -moz-linear-gradient(
top,
#b9f788 0%,
#78b146) !important;
background: -webkit-gradient(
linear, left top, left bottom,
from(#b9f788),
to(#78b146)) !important;
border: 1px outset #b9f788 !important;
}
#signup_form {
background: #73c3e8;
border-radius: 10px;
padding: 20px;
color: #3b71af;
}
#signup_form h2, #signup_form h3, #signup_form h4 {
color: #3b71af !important;
}
#signup_form .submit {
text-align: center;
}
/*************************** Comments Section ***************************/
/* Comment List */
@ -1141,3 +1175,10 @@ color: #325670;
margin: 15px 0 10px;
}
.bp-wrapper .register-section, .bp-wrapper .create-form {
border: none;
margin: 0;
padding: 20px;
float: left;
width: 42%;
}

View File

@ -1,300 +0,0 @@
/*************************** General Styling ***************************/
/* Page Styling */
body {
background: #000 url(lib/images/page-bg-black.png) no-repeat left top;
}
/* Text Styling */
a {
color: #000;
}
a:hover {
color: #666;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #6b6b6b;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #000;
}
/* Form Styling */
input[type="submit"],
input[type="reset"],
input[type="button"]
button {
background: #6b6b6b;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover
button:hover {
background: #393939;
}
/*************************** Header ***************************/
/* Header */
#header-bottom {
background-color: #2d2d2d;
}
/* Logo */
#logo span {
background: url(lib/images/logo-black.png) no-repeat;
}
/*************************** Navigation Menu ***************************/
/* Top Level Nav */
#nav {
border-bottom: 1px solid #000;
background: #222;
}
#nav ul a:hover,
#nav ul a:hover {
color: #cccccc;
}
#nav ul > li {
border-color: #222;
}
#nav ul > li:hover {
background: #111;
border-color: #000;
border-bottom-color: #111;
}
#nav ul li:hover .sub-menu {
background: #111;
border-color: #000;
}
/* Drop Down Menus */
#nav .sub-menu {
background-color: #111;
border-color: #000;
}
/*************************** User Details ***************************/
#user-details a {
color: #d0d0d0;
}
#search-icon {
border-color: #222;
}
#search-icon.active,
#search-icon:hover {
background-color: #111;
border-color: #000;
border-bottom-color: #111;
}
#search-box {
background-color: #111;
border-color: #000;
}
/*************************** Social Wrapper ***************************/
/* Social Wrapper */
#social-wrapper {
background: #2d2d2d;
border-top: 5px solid #151515;
}
/* Scroller */
#scroller a:hover {
color: #999;
}
.scroller-bullet {
color: #d0d0d0;
}
/*************************** Slider ***************************/
#slider-wrapper {
border-top: 5px solid #151515;
background: #383838;
}
#slider-wrapper .error {
background: #2D2D2D;
border-color: #151515;
}
#slider-wrapper .error a {
color: #d0d0d0;
}
#slider-inner-bg {
background: #343434;
}
/*************************** Page/Post ***************************/
/* Share */
#share-review-link a {
color: #000;
}
#share-review-link a:hover {
color: #222;
}
/* Follow/Unfollow Button */
.wpfp-link {
background: #6b6b6b;
}
.wpfp-link:hover {
background: #393939;
}
/*************************** Review Filter Drop Downs ***************************/
.jqTransformSelectWrapper div span {
color: #000;
}
/*************************** Review Page ***************************/
/* Review Links */
#review-links li a {
color: #6a6a6a;
}
#review-links li.tab-active a {
color: #000;
}
/* Site Score */
.site-score {
background: #222;
}
/* User Score */
.user-score {
background: #555;
}
/*************************** Related Items ***************************/
.related-post-title {
color: #666;
}
.related-post-title:hover {
color: #000;
}
/*************************** Profile Page ***************************/
/* Profile Boxes */
.profile-box a {
color: #666;
}
.profile-box a:hover {
color: #000;
}
/*************************** Footer ***************************/
/* Footer Widgets */
.footer-widgets-border-left {
background: #111;
}
/* Footer Bottom */
#footer-bottom {
background-color: #222;
border-top: 10px solid #151515;
color: #5b5b5b;
}
#footer-bottom a {
color: #9a9a9a;
}
/*************************** Widgets ***************************/
/* General Widget Styling */
.widget a {
color: #666;
}
.widget a:hover {
color: #000;
}
/* Posts Widget */
.posts-widget .post-cats {
color: #000;
}
.posts-widget .post-cats a {
color: #000;
}
.posts-widget .post-cats a:hover {
color: #666;
}
/*************************** Page Navigation ***************************/
/* Page & Comments Navigation */
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi.post-navi a span {
color: #555555;
}
.wp-pagenavi.post-navi a,
.wp-pagenavi.post-navi a:hover,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
.wp-pagenavi.post-navi span,
.wp-pagenavi.post-navi a span:hover {
color: #000;
}
/*************************** BuddyPress ***************************/
/*REMOVE.forum a,
.bbPress #content span.bbp-admin-links a,
.bbPress #content .bbp-reply-permalink {
color: #737373;
}
.forum a:hover,
.bbPress #content span.bbp-admin-links a:hover,
.bbPress #content .bbp-reply-permalink:hover,
.bbPress #content div#item-header .updated {
color: #000;
}
#content-wrapper .widget input[type="button"],
#content-wrapper .widget input[type="submit"],
#content-wrapper .widget input[type="reset"],
#content-wrapper .widget input[type="file"],
#content-wrapper .widget button,
.bp-wrapper #content-wrapper .button,
.bp-wrapper #content-wrapper .button.submit,
.bp-wrapper #content-wrapper ul.button-nav li a,
.bp-wrapper #content-wrapper .generic-button a,
.bp-wrapper #content-wrapper .comment-reply-link,
.bp-wrapper #content-wrapper #previous-next input,
.bp-wrapper #content-wrapper #submit_topic_cancel,
.bp-wrapper #content-wrapper .acomment-options a,
.bp-wrapper #content-wrapper .activity-meta a:hover span {
background: #6b6b6b;
}
.bp-wrapper #content-wrapper .button:hover,
.bp-wrapper #content-wrapper .button.submit:hover,
.bp-wrapper #content-wrapper ul.button-nav li a:hover,
.bp-wrapper #content-wrapper .generic-button a:hover,
.bp-wrapper #content-wrapper .comment-reply-link:hover,
.bp-wrapper #content-wrapper #previous-next input:hover,
.bp-wrapper #content-wrapper #submit_topic_cancel:hover,
.bp-wrapper #content-wrapper .acomment-options a:hover,
.bp-wrapper #content-wrapper div.item-list-tabs ul li a:hover span,
.bp-wrapper #content-wrapper .activity-meta a span {
background: #393939;
}*/

View File

@ -1,298 +0,0 @@
/*************************** General Styling ***************************/
/* Page Styling */
body {
background: #daf0ff url(lib/images/page-bg-blue.png) no-repeat left top;
}
/* Text Styling */
a {
color: #077dc8;
}
a:hover {
color: #325670;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #2d5069;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #1eadff;
}
/* Form Styling */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
background: #2D5069;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
background: #273138;
}
/*************************** Header ***************************/
/* Header */
#header-bottom {
background-color: #273138;
}
/* Logo */
#logo span {
background: url(lib/images/logo-blue.png) no-repeat;
}
/*************************** Navigation Menu ***************************/
/* Top Level Nav */
#nav {
border-bottom: 1px solid #161C20;
background: #1f262c;
}
#nav ul a:hover,
#nav ul a:hover {
color: #6bb4cc;
}
#nav ul > li {
border-color: #1f262c;
}
#nav ul > li:hover,
#nav ul li:hover .sub-menu {
background: #181e23;
border-color: #161C20;
border-bottom-color: #181e23;
}
/* Drop Down Menus */
#nav .sub-menu {
background: #181e23;
border-color: #161C20;
}
/*************************** User Details ***************************/
#user-details a {
color: #8bafce;
}
#search-icon {
border-color: #1f262c;
}
#search-icon.active,
#search-icon:hover {
background-color: #181e23;
border-color: #161C20;
border-bottom-color: #181e23;
}
#search-box {
background-color: #181e23;
border-color: #161C20;
}
/*************************** Social Wrapper ***************************/
/* Social Wrapper */
#social-wrapper {
background: #2f3b43;
border-top: 5px solid #161C20;
}
/* Scroller */
#scroller a:hover {
color: #1EADFF;
}
.scroller-bullet {
color: #8BAFCE;
}
/*************************** Slider ***************************/
#slider-wrapper {
border-top: 5px solid #161C20;
background: #2d5069;
}
#slider-wrapper .error {
background: #2F3B43;
border-color: #161C20;
}
#slider-wrapper .error a {
color: #8BAFCE;
}
#slider-inner-bg {
background: #325670;
}
/*************************** Page/Post ***************************/
/* Share */
#share-review-link a {
color: #077dc8;
}
#share-review-link a:hover {
color: #325670;
}
/* Follow/Unfollow Button */
.wpfp-link {
background: #2D5069;
}
.wpfp-link:hover {
background: #273138;
}
/*************************** Review Filter Drop Downs ***************************/
.jqTransformSelectWrapper div span {
color: #077dc8;
}
/*************************** Review Page ***************************/
/* Review Links */
#review-links li a {
color: #2d5069;
}
#review-links li.tab-active a {
color: #077dc8;
}
/* Site Score */
.site-score {
background: #1eadff;
}
/* User Score */
.user-score {
background: #698396;
}
/*************************** Related Items ***************************/
.related-post-title {
color: #325670;
}
.related-post-title:hover {
color: #077dc8;
}
/*************************** Profile Page ***************************/
/* Profile Boxes */
.profile-box a {
color: #325670;
}
.profile-box a:hover {
color: #077dc8;
}
/*************************** Footer ***************************/
/* Footer Widgets */
.footer-widgets-border-left {
background: #2d3134;
}
/* Footer Bottom */
#footer-bottom {
background-color: #273138;
border-top: 10px solid #161C20;
color: #879197;
}
#footer-bottom a {
color: #aab7bf;
}
/*************************** Widgets ***************************/
/* General Widget Styling */
.widget a {
color: #325670;
}
.widget a:hover {
color: #077dc8;
}
/* Posts Widget */
.posts-widget .post-cats {
color: #077dc8;
}
.posts-widget .post-cats a {
color: #077dc8;
}
.posts-widget .post-cats a:hover {
color: #325670;
}
/*************************** Page Navigation ***************************/
/* Page & Comments Navigation */
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi.post-navi a span {
color: #495157;
}
.wp-pagenavi.post-navi a,
.wp-pagenavi.post-navi a:hover,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
.wp-pagenavi.post-navi span,
.wp-pagenavi.post-navi a span:hover {
color: #077dc8;
}
/*************************** BuddyPress ***************************/
/*REMOVE.forum a,
.bbPress #content span.bbp-admin-links a,
.bbPress #content .bbp-reply-permalink {
color: #325670;
}
.forum a:hover,
.bbPress #content span.bbp-admin-links a:hover,
.bbPress #content .bbp-reply-permalink:hover,
.bbPress #content div#item-header .updated {
color: #077dc8;
}
#content-wrapper .widget input[type="button"],
#content-wrapper .widget input[type="submit"],
#content-wrapper .widget input[type="reset"],
#content-wrapper .widget input[type="file"],
#content-wrapper .widget button,
.bp-wrapper #content-wrapper .button,
.bp-wrapper #content-wrapper .button.submit,
.bp-wrapper #content-wrapper ul.button-nav li a,
.bp-wrapper #content-wrapper .generic-button a,
.bp-wrapper #content-wrapper .comment-reply-link,
.bp-wrapper #content-wrapper #previous-next input,
.bp-wrapper #content-wrapper #submit_topic_cancel,
.bp-wrapper #content-wrapper .acomment-options a,
.bp-wrapper #content-wrapper .activity-meta a:hover span {
background: #2D5069;
}
.bp-wrapper #content-wrapper .button:hover,
.bp-wrapper #content-wrapper .button.submit:hover,
.bp-wrapper #content-wrapper ul.button-nav li a:hover,
.bp-wrapper #content-wrapper .generic-button a:hover,
.bp-wrapper #content-wrapper .comment-reply-link:hover,
.bp-wrapper #content-wrapper #previous-next input:hover,
.bp-wrapper #content-wrapper #submit_topic_cancel:hover,
.bp-wrapper #content-wrapper .acomment-options a:hover,
.bp-wrapper #content-wrapper div.item-list-tabs ul li a:hover span,
.bp-wrapper #content-wrapper .activity-meta a span {
background: #273138;
}*/

File diff suppressed because it is too large Load Diff

View File

@ -1,524 +0,0 @@
<!--Begin Slider-->
<?php if($theme_slider_cats) {
global $gp_settings;
// Score Type
$score_type = $theme_slider_score_type;
$slider_orderby = "date";
$slider_order = "DESC";
$posts_per_page = -1; // all posts
$category_name = 'dedication';
$args=array(
'post_type' => array('post'),
'order' => $slider_order,
'orderby' => $slider_orderby,
'posts_per_page' => $theme_slides,
'category_name' => $category_name,
);
query_posts($args); if (have_posts()) : $slide_counter = 0; ?>
<!--Begin Slider Wrapper-->
<div id="slider-wrapper">
<!--<div id="slider-nav">
<div id="slide-prev"></div>
<?php if($theme_slider_scroll == "0") { ?><div id="slide-move-outer"><div id="slide-move-inner"></div></div><?php } ?>
<div id="slide-next"></div>
</div>-->
<!--Begin Slides-->
<?php while (have_posts()) : the_post(); $slide_counter++; include('loop-data.php');?>
<!--Begin Slide-->
<!--<div class="slide<?php if($slide_counter == 1) { ?> slide-large<?php } else { ?> slide-small<?php } ?>">-->
<?php
$video = get_post_meta($post->ID, 'ghostpool_video', true);
$image = vt_resize(get_post_thumbnail_id(), '', 920, 510, true);
// Video Type
$vimeo = strpos($video,"vimeo.com");
$yt1 = strpos($video,"youtube.com");
$yt2 = strpos($video,"youtu.be");
if ( ($vimeo) OR ($yt1) OR ($yt2) ) {
if (($yt1) OR ($yt2)) {
//echo jwplayer_tag_callback("[jwplayer file=\"$video\"]"); ?>
?>
<!--<object width="920" height="510">
<param name="movie" value="<?php echo $video; ?>"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="<?php echo $video; ?>" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="920" height="510"></embed>
</object>-->
<?php }
}
?>
<!--<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
<h2><?php the_title(); ?></h2>
</a>-->
<!--</div>-->
<!--End Slide-->
<?php endwhile; ?>
<!--End Slides-->
</div>
<!--End Slider Wrapper-->
<div id="previewInfo">
<ul>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview1'); return false;">Load playlist 1 (Vimeo user videos)</a></li>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview2'); return false;">Load playlist 2 (Vimeo group videos)</a></li>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview3'); return false;">Load playlist 3 (Vimeo channel videos)</a></li>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview4'); return false;">Load playlist 4 (Vimeo album videos)</a></li>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview5'); return false;">Load playlist 5 (Youtube playlist)</a></li>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview6'); return false;">Load playlist 6 (Youtube user uploads)</a></li>
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('preview7'); return false;">Load playlist 7 (Youtube standard feed)</a></li>
</ul>
</div>
<div id="togglePreviewInfo"><img src='data/icons/open.png' width='16' height='16' alt='controls_playlist_toggle'/></div>
<!-- wrapper for the whole component -->
<div id="componentWrapper">
<!-- video holders -->
<div class="mediaWrapper">
<div class="youtubeHolder"></div>
<div class="vimeoHolder"></div>
</div>
<!-- holder for thumbnails -->
<div class="thumbHolder">
<div class="thumbContainer"><div class="thumbInnerContainer"></div></div>
<div class="thumbBackward"><img src="data/icons/thumb_backward_v.png" alt="" width="31" height="21" /></div>
<div class="thumbForward"><img src="data/icons/thumb_forward_v.png" alt="" width="31" height="21" /></div>
</div>
<!-- slideshow controls - open/close playlist,previous,next -->
<div class="slideshow_controls">
<div class="controls_prev"><img src='data/icons/backward.png' width='11' height='16' alt='controls_prev'/></div>
<div class="controls_playlist_toggle"><img src='data/icons/close.png' width='16' height='16' alt='controls_playlist_toggle'/></div>
<div class="controls_next"><img src='data/icons/forward.png' width='11' height='16' alt='controls_next'/></div>
<!-- share btns -->
<div class="player_share"><img src='data/icons/share.png' width='40' height='40' alt=''/></div>
<!-- share functionality -->
<div id="shareHolder">
<div id="shareHolderInner">
<div id="fb-root"></div>
<div id="shareme" data-url="" data-text="Make your sharing widget with Sharrre"></div>
<div id='fsbbtn'><a href="https://www.facebook.com/" target='_blank'><img src='data/facebook.png' width='20' height='20' alt='facebook'/></a></div>
<div id='twtbtn'><a href="https://www.twitter.com/" target='_blank'><img src='data/twitter.png' width='20' height='20' alt='twitter'/></a></div>
<div id='gpsbtn'><a href="https://plus.google.com/" target='_blank'><img src='data/google_plus.png' width='20' height='20' alt='google'/></a></div>
</div>
</div>
</div>
<!-- media preloader for thumbs -->
<div class="mediaPreloader"></div>
<div class="componentPlaylist">
<ul id='preview1'>
<li data-type='vimeo_user' data-path="http://vimeo.com/api/v2/yoannlemoine/videos.json?page=1" ></li>
</ul>
<ul id='preview2'>
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/outdooradventures/videos.json?page=1" ></li>
</ul>
<ul id='preview3'>
<li data-type='vimeo_channel' data-path="http://vimeo.com/api/v2/channel/muse/videos.json?page=1" ></li>
</ul>
<ul id='preview4'>
<li data-type='vimeo_album' data-path="http://vimeo.com/api/v2/album/1514798/videos.json?page=1" ></li>
</ul>
<ul id='preview5'>
<li data-type='youtube_playlist' data-path="http://gdata.youtube.com/feeds/api/playlists/0AF14FD5B38555EF?start-index=1&amp;max-results=25&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='preview6'>
<li data-type='youtube_user_uploads' data-path="http://gdata.youtube.com/feeds/api/users/goprocamera/uploads?&amp;start-index=1&amp;max-results=50&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='preview7'>
<li data-type='youtube_standard_feed' data-path="https://gdata.youtube.com/feeds/api/standardfeeds/top_rated?v=2&amp;alt=jsonc" ></li>
</ul>
<!--
DONT CHANGE JSON/JSONC TYPE CALLS!
-->
<!--
VIMEO EXAMPLES
http://vimeo.com/api/docs/simple-api
Append ?page=1/?page=2/?page=3 to get more results (simple api cannot handle more than 3 pages or results)
-->
<ul id='playlist1'>
<!-- ID of the video -->
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/36916818.json" ></li>
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/14665315.json" ></li>
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/10287453.json" ></li>
</ul>
<ul id='playlist2'>
<!-- ID of the user -->
<li data-type='vimeo_user' data-path="http://vimeo.com/api/v2/user1089639/videos.json?page=1" ></li>
</ul>
<ul id='playlist3'>
<!-- ID of the group -->
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=1" ></li>
</ul>
<ul id='playlist4'>
<!-- ID of the channel -->
<li data-type='vimeo_channel' data-path="http://vimeo.com/api/v2/channel/mountainbiking/videos.json?page=1" ></li>
</ul>
<ul id='playlist5'>
<!-- The ID of the album -->
<li data-type='vimeo_album' data-path="http://vimeo.com/api/v2/album/1705896/videos.json?page=1" ></li>
</ul>
<!-- VIMEO EXAMPLES MIXED -->
<ul id='playlist1_0'>
<!-- ID of the video -->
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/36916818.json" ></li>
<!-- ID of the user -->
<li data-type='vimeo_user' data-path="http://vimeo.com/api/v2/user1089639/videos.json?page=1" ></li>
<!-- The ID of the album -->
<li data-type='vimeo_album' data-path="http://vimeo.com/api/v2/album/1705896/videos.json?page=1" ></li>
</ul>
<ul id='playlist1_1'>
<!-- ID of the group -->
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=1" ></li>
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=2" ></li>
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=3" ></li>
</ul>
<ul id='playlist1_3'>
<!-- ID of the group -->
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=1" ></li>
<!-- ID of the channel -->
<li data-type='vimeo_channel' data-path="http://vimeo.com/api/v2/channel/mountainbiking/videos.json?page=1" ></li>
</ul>
<!--
YOUTUBE EXAMPLES
https://developers.google.com/youtube/2.0/developers_guide_protocol_audience
Append &amp;start-index=1&amp;max-results=50 to get more results (from start-index (min=1), to max-results (max=50))
-->
<ul id='playlist6' >
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/eJcIS_pDkX0?v=2&amp;alt=jsonc" ></li>
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/6uIB41dfxyw?v=2&amp;alt=jsonc" ></li>
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/i2d19AYsz4g?v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist7'>
<!-- ID of the playlist
Note: sometimes playlist id contains 'PL' infront of actual id, so remove this 'PL' -->
<li data-type='youtube_playlist' data-path="http://gdata.youtube.com/feeds/api/playlists/8A4E5B0A543E5710?&amp;start-index=1&amp;max-results=5&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist8'>
<!-- ID of the user -->
<li data-type='youtube_user_favourites' data-path="http://gdata.youtube.com/feeds/api/users/Antoine1223/favorites?&amp;start-index=1&amp;max-results=50&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist9'>
<!-- ID of the user -->
<li data-type='youtube_user_uploads' data-path="http://gdata.youtube.com/feeds/api/users/goprocamera/uploads?&amp;start-index=1&amp;max-results=50&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist10'>
<!-- videos query -->
<li data-type='youtube_video_query' data-path="http://gdata.youtube.com/feeds/api/videos?q=mtb+dh&amp;orderby=viewCount&amp;start-index=1&amp;max-results=50&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist11'>
<!-- playlists query
WARNING! Every playlist found will be processed individually so be aware of number of results returned (max 50 per playlist currently hardcoded).
-->
<li data-type='youtube_playlist_query' data-path="https://gdata.youtube.com/feeds/api/playlists/snippets?q=mtb+dh&amp;start-index=1&amp;max-results=5&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist12'>
<!--
standard feeds
https://developers.google.com/youtube/2.0/developers_guide_protocol#Standard_feeds
-->
<li data-type='youtube_standard_feed' data-path="https://gdata.youtube.com/feeds/api/standardfeeds/top_rated?v=2&amp;alt=jsonc" ></li>
</ul>
<!-- YOUTUBE EXAMPLES MIXED -->
<ul id='playlist6_1' >
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/eJcIS_pDkX0?v=2&amp;alt=jsonc" ></li>
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/6uIB41dfxyw?v=2&amp;alt=jsonc" ></li>
<!-- standard feed -->
<li data-type='youtube_standard_feed' data-path="https://gdata.youtube.com/feeds/api/standardfeeds/top_rated?v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist6_2' >
<!-- ID of the user -->
<li data-type='youtube_user_uploads' data-path="http://gdata.youtube.com/feeds/api/users/goprocamera/uploads?&amp;start-index=1&amp;max-results=10&amp;v=2&amp;alt=jsonc" ></li>
<!-- ID of the user -->
<li data-type='youtube_user_favourites' data-path="http://gdata.youtube.com/feeds/api/users/Antoine1223/favorites?&amp;start-index=1&amp;max-results=5&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist6_3' >
<!-- videos query -->
<li data-type='youtube_video_query' data-path="http://gdata.youtube.com/feeds/api/videos?q=mtb+dh&amp;orderby=viewCount&amp;start-index=1&amp;max-results=5&amp;v=2&amp;alt=jsonc" ></li>
<li data-type='youtube_playlist_query' data-path="https://gdata.youtube.com/feeds/api/playlists/snippets?q=mtb+dh&amp;start-index=1&amp;max-results=3&amp;v=2&amp;alt=jsonc" ></li>
</ul>
<ul id='playlist6_4' >
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/eJcIS_pDkX0?v=2&amp;alt=jsonc" ></li>
<!-- ID of the playlist -->
<li data-type='youtube_playlist' data-path="http://gdata.youtube.com/feeds/api/playlists/AF9558049D5D4A5A?&amp;start-index=1&amp;max-results=25&amp;v=2&amp;alt=jsonc" ></li>
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/i2d19AYsz4g?v=2&amp;alt=jsonc" ></li>
</ul>
<!-- YOUTUBE / VIMEO EXAMPLES MIXED -->
<ul id='playlist7_0' >
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/eJcIS_pDkX0?v=2&amp;alt=jsonc" ></li>
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/i2d19AYsz4g?v=2&amp;alt=jsonc" ></li>
<!-- ID of the video -->
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/36916818.json" ></li>
<!-- ID of the video -->
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/14665315.json" ></li>
</ul>
<ul id='playlist7_1' >
<!-- standard feed -->
<li data-type='youtube_standard_feed' data-path="https://gdata.youtube.com/feeds/api/standardfeeds/top_rated?v=2&amp;alt=jsonc" ></li>
<!-- ID of the group -->
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=1" ></li>
<!-- ID of the channel -->
<li data-type='vimeo_channel' data-path="http://vimeo.com/api/v2/channel/mountainbiking/videos.json?page=1" ></li>
</ul>
<ul id='playlist7_2' >
<!-- ID of the video -->
<li data-type='youtube_single' data-path="http://gdata.youtube.com/feeds/api/videos/eJcIS_pDkX0?v=2&amp;alt=jsonc" ></li>
<!-- standard feed -->
<li data-type='youtube_standard_feed' data-path="https://gdata.youtube.com/feeds/api/standardfeeds/top_rated?v=2&amp;alt=jsonc" ></li>
<!-- ID of the group -->
<li data-type='vimeo_group' data-path="http://vimeo.com/api/v2/group/28082/videos.json?page=1" ></li>
<!-- ID of the channel -->
<li data-type='vimeo_channel' data-path="http://vimeo.com/api/v2/channel/mountainbiking/videos.json?page=1" ></li>
<!-- ID of the video -->
<li data-type='vimeo_single' data-path="http://vimeo.com/api/v2/video/14665315.json" ></li>
<!-- ID of the user -->
<li data-type='youtube_user_favourites' data-path="http://gdata.youtube.com/feeds/api/users/Antoine1223/favorites?&amp;start-index=1&amp;max-results=5&amp;v=2&amp;alt=jsonc" ></li>
</ul>
</div>
</div>
<!-- public function calls -->
<div id='publicFunctions'>
<p>PUBLIC METHODS</p><br/>
<ul>
<!-- play active media (if exist) -->
<li><a href='#' onClick="jQuery.fn.videoGallery.playMedia(); return false;">Play current media</a></li>
<!-- pause active media (if exist) -->
<li><a href='#' onClick="jQuery.fn.videoGallery.pauseMedia(); return false;">Pause current media</a></li>
<!-- play next media -->
<li><a href='#' onClick="jQuery.fn.videoGallery.nextMedia(); return false;">Play next</a></li>
<!-- play previous media -->
<li><a href='#' onClick="jQuery.fn.videoGallery.previousMedia(); return false;">Play previous</a></li>
<!-- play media number -->
<li><a href='#' onClick="jQuery.fn.videoGallery.loadMedia(2); return false;">Play media number 2</a></li>
<!-- destroy media -->
<li><a href='#' onClick="jQuery.fn.videoGallery.destroyMedia(); return false;">Destroy media</a></li>
<!-- toggle playlist (open/close) -->
<li><a href='#' onClick="jQuery.fn.videoGallery.togglePlaylistState(); return false;">Toggle playlist</a></li>
<!-- set volume (0-1) -->
<li><a href='#' onClick="jQuery.fn.videoGallery.setVolume(0.5); return false;">Set volume (0.5)</a></li>
<!-- load new playlist (pass element 'id' attribute) -->
<li><a href='#' onClick="jQuery.fn.videoGallery.inputPlaylist('playlist1'); return false;">Load playlist 1</a></li>
<!-- get description (pass number for specific media description or pass nothing for active media description (if exist)) -->
<li><a href='#' onClick="jQuery.fn.videoGallery.getDescription(0); return false;">Get description from media number</a></li>
</ul>
</div>
<script type="text/javascript">
var togglePreviewInfo, previewInfo, previewInfoOpened=false, previewInfoWidth;
function togglePreview(){
if(previewInfoOpened){
previewInfo.stop().animate({ 'left': -previewInfoWidth+'px'}, {duration: 500, easing: 'easeOutExpo'});
togglePreviewInfo.find('img').attr('src', 'data/icons/open.png');
previewInfoOpened=false;
}else{
previewInfo.stop().animate({ 'left': 0+'px'}, {duration: 500, easing: 'easeOutExpo'});
togglePreviewInfo.find('img').attr('src', 'data/icons/close.png');
previewInfoOpened=true;
}
}
jQuery(window).load(function() {
/* wait for google web fonts to be ready */
WebFontConfig = {
google: {
families: [ 'Terminal Dosis' ]
},
fontactive: function(fontFamily, fontDescription) {
jQuery('#componentWrapper').videoGallery({
<!-- componentFixedSize: true/false. If you use 100% for width/height, or both on #componentWrapper in css, set this to false. -->
componentFixedSize: true,
/* playlistOutside: Special setting for having video 100% window size minus the playlist size.
componentFixedSize has to be 'false' for this.
value: true/false,
orientation: horizontal/vertical,
playlistSize: value in pixels, we have put 170 because we know this is going to be the height of the thumbnails(150) + 2 x thumbInnerContainer top/left position(10)=170.
Since thumbWidth is 200, height is going to be 150 (under current vimeo/youtube thumbnail dimenstions/ratios) */
playlistOutside: {value: false, orientation: 'horizontal', playlistSize: 170},
/*animateVideoSizeOnPlaylistClose: enlarge video on playlist close to full component size. Use if thumb playlist is not over the component but on its side. */
animateVideoSizeOnPlaylistClose: true,
/*thumbOrientation: horizontal, vertical (for scrolling) */
thumbOrientation: 'vertical',
/*defaultVolume: 0-1 */
defaultVolume:0.5,
/*activePlaylist: enter element 'id' attributte */
activePlaylist:'preview6',
/*activeVideo: video number to start with (-1 = none, 0 = first, 1 = second, 2 = third ...etc) */
activeVideo:0,
/*autoPlay: true/false (video autoplay) */
autoPlay:true,
/* loopingOn: loop playlist on end, true/false */
loopingOn:true,
/* randomPlay: random play in playlist, true/false */
randomPlay:false,
/*autoAdvanceToNextVideo: true/false */
autoAdvanceToNextVideo:true,
/* youtubeChromeless: use youtube player without controls. true/false */
youtubeChromeless:false,
/* thumbWidth: width of the thumb, height will be proportionally calculated (in the case of horizontal thumbOrientation) */
thumbWidth: 120,
/* thumbHeight: height of the thumb, width will be proportionally calculated (in the case of vertical thumbOrientation) */
thumbHeight: 90,
/* thumbsScrollValue: speed of the thumb scroll (number bigger than 0) */
thumbsScrollValue: 150,
/* autoOpenPlaylist: open playlist on start (true/false) */
autoOpenPlaylist: true,
/* closePlaylistOnVideoSelect: close playlist on video select (only for full component size and playlist click) */
closePlaylistOnVideoSelect: false,
/* thumbBackgroundColor: background color behind thumbs, visible only until thumb loads */
thumbBackgroundColor: '#222',
/* thumbSpacing: margin between thumbnails (set top/left overall thumb position in css for #componentWrapper .thumbInnerContainer) */
thumbSpacing: 10,
videoGallerySetupDone:function() {
//console.log('videoGallerySetupDone');
},
videoGalleryPlaylistEnd:function() {
//console.log('videoGalleryPlaylistEnd');
},
});
}
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
/* share functionality */
jQuery('#shareme').sharrre({
share: {
googlePlus: true,
facebook: true,
twitter: true
},
buttons: {
googlePlus: {size: 'medium'},
facebook: {layout: 'button_count'},
twitter: {count: 'horizontal'}
},
enableHover: false,
enableCounter: false,
enableTracking: false
});
//preview playlist selector
previewInfo = jQuery('#previewInfo');
previewInfoWidth = previewInfo.width() + parseInt(previewInfo.css('paddingLeft'),10) + parseInt(previewInfo.css('paddingRight'),10)+5;
previewInfo.css('left', -previewInfoWidth+'px');
togglePreviewInfo = jQuery('#togglePreviewInfo');
togglePreviewInfo.css('cursor','pointer');
togglePreviewInfo.bind('click', togglePreview);
previewInfo.css('display', 'block');
});
</script>
<?php endif; wp_reset_query(); ?>
<?php } ?>
<!--End Slider-->
<?php
/*****************************************
query_posts($args);
if (have_posts()) {
$slide_counter = 0;
$playlist = '';
while (have_posts()) {
the_post();
$slide_counter++;
$playlist .= ' ' . get_the_content('');
}
}
?>
<!--Begin Slider Wrapper-->
<div id="slider-wrapper">
<?php echo myYoutubePlaylist('[myyoutubeplaylist WnY59mDJ1gg, bKwQ_zeRwEs]'); ?>
</div>
<!--End Slider Wrapper-->
<?php } ?>*/?>