view photo page improved

This commit is contained in:
IMRAN HASSAN 2014-09-23 13:47:24 +00:00
parent 1400c7f08c
commit a5741cf987
6 changed files with 50 additions and 82 deletions

View file

@ -126,7 +126,7 @@ btn.button('loading');
}); });
</script> </script>
<div class="hidden-lg hidden-md pl15 pr15"> <div class="hidden-lg hidden-md mbxl">
<button type="submit" class="btn btn-primary" onclick="add_comment_js('comment_form','{$type}'){ANCHOR place='onClickAddComment'}">{lang('Comment')}</button> <button type="submit" class="btn btn-primary" onclick="add_comment_js('comment_form','{$type}'){ANCHOR place='onClickAddComment'}">{lang('Comment')}</button>
</div> </div>
</form> </form>

View file

@ -23,7 +23,7 @@
{else} {else}
<!--photos likes section--> <!--photos likes section-->
<div id="" class="pull-right "> <div id="" class="pull-right full-width">
<div class="newRating clearfix mbm"> <div class="newRating clearfix mbm">
<div {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if} class="newLike"> <i class="glyphicon glyphicon-thumbs-up big"></i> <div {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if} class="newLike"> <i class="glyphicon glyphicon-thumbs-up big"></i>
</div> </div>

View file

@ -65,7 +65,7 @@
<link href="{$theme}/css/jquery.mCustomScrollbar.css" rel="stylesheet" /> <link href="{$theme}/css/jquery.mCustomScrollbar.css" rel="stylesheet" />
<link rel="stylesheet" href="{$theme}/css/font-awesome.min.css"> <link rel="stylesheet" href="{$theme}/css/font-awesome.min.css">
{if this_page('watch_video')} {if this_page('watch_video') || this_page('view_item')}
<link rel="stylesheet" href="{$theme}/css/watch-video.css"> <link rel="stylesheet" href="{$theme}/css/watch-video.css">
{/if} {/if}

View file

@ -11,8 +11,6 @@
<div class="watch-vid-title mbl"> <div class="watch-vid-title mbl">
<h1>{$video.title}</h1> <h1>{$video.title}</h1>
</div> </div>
<!-- watch-vid-title end --> <!-- watch-vid-title end -->
@ -27,8 +25,6 @@
<a id="subscribeUser" class="btn btn-xs btn-primary"> <a id="subscribeUser" class="btn btn-xs btn-primary">
{lang('Subscribe')} {lang('Subscribe')}
</a> </a>
</div> </div>
<div class="watch-vid-rating-sec"> <div class="watch-vid-rating-sec">
<div class="watch-vid-rating-view"> <div class="watch-vid-rating-view">
@ -42,10 +38,6 @@
</div> </div>
<!-- vid-detail-sec end --> <!-- vid-detail-sec end -->
<div class="cb-item-desc-container"> <div class="cb-item-desc-container">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
@ -70,11 +62,11 @@
<p id="videoDescription">{description($video.description)}</p> <p id="videoDescription">{description($video.description)}</p>
<div class="watch-vid-tag"> <div class="watch-vid-tag">
<strong class="pull-left">{lang('Category:')}</strong> <strong class="pull-left">{lang('Category:')}</strong>
<div class="pull-left mls">{$vdo.category|categories:video}</div> <h1 class="pull-left mls">{$vdo.category|categories:video}</h1>
</div> </div>
<div class="watch-vid-catg"> <div class="watch-vid-catg">
<strong class="pull-left">{lang('Tags:')}</strong> <strong class="pull-left">{lang('Tags:')}</strong>
<div class="pull-left mls">{$vdo.tags|tags:videos}</div> <h2 class="pull-left mls">{$vdo.tags|tags:videos}</h2>
</div> </div>
<!-- view sec hide on told arslan bhai --> <!-- view sec hide on told arslan bhai -->
@ -98,12 +90,9 @@
<i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i>
</a> </a>
</div> </div>
</div> </div>
<div class="tab-pane" id="cb-item-share"> <div class="tab-pane" id="cb-item-share">
{show_share_form id=$vdo.videoid type=video} {show_share_form id=$vdo.videoid type=video}
</div> </div>
@ -114,8 +103,6 @@
<a class="btn mtm btn-block btn-primary" href="javascript:void(0)" onclick="add_to_fav('video','{$vdo.videoid}');" style="color:white;">Add to My Favorites</a> <a class="btn mtm btn-block btn-primary" href="javascript:void(0)" onclick="add_to_fav('video','{$vdo.videoid}');" style="color:white;">Add to My Favorites</a>
</div> </div>
<div class="alert "> <div class="alert ">
{show_playlist_form id=$vdo.videoid type=video} {show_playlist_form id=$vdo.videoid type=video}
</div> </div>
@ -131,20 +118,6 @@
<div id="messageFav" class="alert alert-info marginTop" style="display:none"></div> <div id="messageFav" class="alert alert-info marginTop" style="display:none"></div>
</div> </div>
<!-- <div class="cb-box pad-bottom">
<div class="addComment clearfix">
<h3>{lang('Comments')} ({$vdo.comments_count})</h3>
{if $myquery->is_commentable($vdo,'v')}
{include file="$style_dir/blocks/comments/add_comment.html" id=$vdo.videoid type=v}
{else}
<div class="alert alert-warning">{lang code='comm_disabled_for_vid'}</div>
{/if}
</div>
<div class="userComments">
<ul class="list-unstyled" id="userCommentsList">
</ul>
</div>
</div> -->
<div id="test1"></div> <div id="test1"></div>
<div id="reply"> <div id="reply">
<div class="cb-box pad-bottom"> <div class="cb-box pad-bottom">
@ -157,18 +130,16 @@
{/if} {/if}
</div> </div>
<div class="userComments"> <div class="userComments">
<ul class="list-unstyled" id="userCommentsList"> <ul class="list-unstyled" id="userCommentsList"></ul>
</ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--Side bar start--> <!--Side bar start-->
<div class="col-lg-4 col-md-4 visible-lg visible-md side-video" style="float:right;" > <div class="col-lg-4 col-md-4 visible-lg visible-md side-video pull-right">
<div class="cb-box"> <div class="cb-box">
<div class="ad">{AD place='ad_320x250'}</div> <div class="ad">{AD place='ad_320x250'}</div>
<!-- <a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/add320x250.png" style="margin-bottom: 10px; width: 100%;" > <!-- <a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/add320x250.png" style="margin-bottom: 10px; width: 100%;" >

View file

@ -1290,21 +1290,16 @@ ul#photos li.photo-land-no{
width: 780px; width: 780px;
} }
.btns { .view-photo-nxt {
padding-left: 30px;
width: 100px;
position: absolute; position: absolute;
top: 5%; #25% top: 25%;
right: 0px; right: -10px;
left: 663px;
} }
.btns1 { .view-photo-pre {
padding-left: 4px;
width: 100px;
position: absolute; position: absolute;
top: 5%; #25% top:25%;
right: 0px; left:-10px;
left: 15px;
} }
.fsize { .fsize {

View file

@ -34,7 +34,7 @@
} }
.watch-vid-rating-sec{ .watch-vid-rating-sec{
float:right; float:right;
width:112px; width:98px;
} }
.watch-vid-rating-view{ .watch-vid-rating-view{
@ -59,7 +59,7 @@
.watch-vid-error{ .watch-vid-error{
bottom: -15px; bottom: -15px;
position: absolute; position: absolute;
right: -1px; right: -31px;
width: 270px; width: 270px;
} }
.watch-vid-tab-description{ .watch-vid-tab-description{
@ -78,8 +78,10 @@
float: left; float: left;
margin-top: 10px; margin-top: 10px;
} }
.watch-vid-tag strong, .watch-vid-catg strong{ font-size: 16px;}
.watch-vid-tag h1, .watch-vid-catg h2{font-size: 16px; margin:0px 0px 0px 2px; }
.watch-vid-social-sec{ .watch-vid-social-sec{
width:114px; width:116px;
float: right; float: right;
margin-top: 18px; margin-top: 18px;
} }