photo search improved....
This commit is contained in:
IMRAN HASSAN
parent
cd6d83fc63
commit
d769d78122
5 changed files with 51 additions and 83 deletions
|
|
@ -1,64 +1,19 @@
|
|||
{if $display_type == ""}
|
||||
|
||||
<div class="show-image mouse_hover">
|
||||
<div class="" style="padding-right: 0px;">
|
||||
<div>
|
||||
<!--<span class="photoname" id="avatar1_file" style="height: 45px; overflow: hidden;" >{$photo.photo_title|truncate:30}</span>-->
|
||||
|
||||
<a href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
|
||||
<a class="searchresult-photo" href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
|
||||
{get_photo details=$photo size='l' class='photo-land' output='html'}
|
||||
|
||||
<!-- <img alt="{$photo.photo_title}" title="{$photo.photo_title}" class="photo-land" id="photo_{$photo.photo_id}" src="{$baseurl}/styles/cbv2.7/timthumb.php?src={get_photo details=$photo size='o'}&h=150&w=150&zc=1"> -->
|
||||
<span class="photoname">
|
||||
{if $photo.photo_title=='no-tag'}no-title
|
||||
{else}
|
||||
{$photo.photo_title|truncate:25}
|
||||
{/if}
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<span class="photoname mouse_hover_on" style="height: 30px; overflow: hidden;" >{if $photo.photo_title=='no-tag'}no-title{else}
|
||||
{$photo.photo_title|truncate:25}{/if}</span>
|
||||
</div>
|
||||
<!--<div class="col-md-8">-->
|
||||
<!--<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">-->
|
||||
<!--{get_photo details=$photo output='html'}-->
|
||||
<!--</a>-->
|
||||
|
||||
<!--</div>-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--<div class="show-image col-md-4 col-sm-4 col-xs-6" style="padding: 0px">-->
|
||||
<!--<div class="" id="">-->
|
||||
<!--<span class="photoname col-md-4" id="avatar1_file" >{$photo.photo_title|truncate:15}</span>-->
|
||||
<!--<a href="{$cbphoto->photo_links($photo,'view_item')}" >-->
|
||||
<!--{get_photo details=$photo size='l' class='' output='html'}-->
|
||||
<!--</a>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
|
||||
|
||||
<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_b.jpg" title="Tolpis barbata (mariluzpicado)">-->
|
||||
<!--<img src="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_m.jpg" alt="" />-->
|
||||
<!--</a>-->
|
||||
<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_b.jpg" title="(dSavin)">-->
|
||||
<!--<img src="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_m.jpg" alt="" />-->
|
||||
<!--</a>-->
|
||||
<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_b.jpg" title="a ride in blue? (cembayir_photography)">-->
|
||||
<!--<img src="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_m.jpg" alt="" />-->
|
||||
<!--</a>-->
|
||||
<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8366/8483546751_86494ae914_b.jpg" title="reedit... (h_di)">-->
|
||||
<!--<img src="http://farm9.staticflickr.com/8366/8483546751_86494ae914_m.jpg" alt="" />-->
|
||||
<!--</a>-->
|
||||
|
||||
|
||||
|
||||
<!--<div class="row">-->
|
||||
<!--<div class="col-md-2">-->
|
||||
<!--<h4><small> <i class="glyphicon glyphicon-thumbs-up lfont"><b>2</b></i></small></h4>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="col-md-2 like">-->
|
||||
<!--<h4><small> <i class="glyphicon glyphicon-thumbs-down lfont"><b>4</b></i></small></h4>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
|
||||
|
||||
{/if}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,11 +5,12 @@
|
|||
{if $display_type =='normal' || $display_type==''}
|
||||
<!-- Video Box -->
|
||||
|
||||
<a class="thumb-holder" href="{videoLink($video)}" title="{$video.title|title}">
|
||||
<a class="thumb-holder display-block relative" href="{videoLink($video)}" title="{$video.title|title}">
|
||||
<img class="cb_img_thum" src="{getThumb vdetails=$video size='160X120'}" id="thumbs_{$video.videoid}" title=""/>
|
||||
<!-- style="position: absolute;right: 15px;margin-right: -39px;" -->
|
||||
<span class="duration1">{if
|
||||
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</span>
|
||||
<span class="duration">{if
|
||||
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}
|
||||
</span>
|
||||
</a>
|
||||
<h5><a href="{videoLink($video)}" title="{$video.title|title}"><b>{$video.title|truncate:16}</b></a></h5>
|
||||
<span class="font1 new1"><b>{lang code='views'} :{$video.views}</b></span>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
<div class="cb_item_thumb video_thumb" >
|
||||
<a href="{videoLink($video)}" title="{$video.title|title}">
|
||||
<span class="video_duration">{if
|
||||
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}</span>
|
||||
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}
|
||||
</span>
|
||||
<img class="" src="{getThumb vdetails=$video size='171x120'} " border="1" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,9 +3,9 @@
|
|||
|
||||
<div class="container marginBottom">
|
||||
<div id="simple_search" class="cb-box marginBottom">
|
||||
<nav class="navbar navbar-default" role="navigation">
|
||||
<!-- <nav class="navbar navbar-default" role="navigation">
|
||||
<div class="container-fluid">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
Brand and toggle get grouped for better mobile display
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
<a style="margin-top: 12px" class="navbar-brand" href="#"><h2><small>Search Results</small></h2></a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
Collect the nav links, forms, and other content for toggling
|
||||
<div class="collapse navbar-collapse searchpage" id="bs-example-navbar-collapse-1">
|
||||
<form class="navbar-form navbar-left searchform" role="search">
|
||||
|
||||
|
|
@ -36,11 +36,11 @@
|
|||
{$counter = $counter + 1}
|
||||
{/foreach}
|
||||
|
||||
<!---->
|
||||
<!---->
|
||||
<!--{foreach from=$Cbucket->search_types item=t key=stypes}-->
|
||||
<!--<li class="" value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if} ><a href="#">{$stypes}</a></li>-->
|
||||
<!--{/foreach}-->
|
||||
|
||||
|
||||
{foreach from=$Cbucket->search_types item=t key=stypes}
|
||||
<li class="" value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if} ><a href="#">{$stypes}</a></li>
|
||||
{/foreach}
|
||||
|
||||
<select id="SearchType" name="type" class="form-control searchselect sr-only">
|
||||
{foreach from=$Cbucket->search_types item=t key=stypes}
|
||||
|
|
@ -57,23 +57,24 @@
|
|||
<input type="submit" name="cbsearch" id="cbsearch" value="{lang code='search'}" class="btn btn-default"
|
||||
style="margin-top:10px;"/>
|
||||
|
||||
<!-- <select id="SearchType" name="type" class=" form-control" style="width:200px; margin-left:20px;">
|
||||
<select id="SearchType" name="type" class=" form-control" style="width:200px; margin-left:20px;">
|
||||
|
||||
{foreach from=$Cbucket->search_types item=t key=stypes}
|
||||
<option value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if}>{$stypes}</option>
|
||||
{/foreach}
|
||||
</select>-->
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</form>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
</div>/.navbar-collapse
|
||||
</div>/.container-fluid
|
||||
</nav> -->
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-8">
|
||||
<div class="heading">{$search_type_title}</div>
|
||||
<hr>
|
||||
{$display_template}
|
||||
{if $results}
|
||||
{foreach item=result from=$results}
|
||||
{assign var=$template_var value =$result}
|
||||
|
|
|
|||
|
|
@ -436,6 +436,7 @@ a:focus{outline: none !important;}
|
|||
.tdn {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.display-block{ display: block;}
|
||||
/*---------------------------------------------------
|
||||
LESS Elements 0.9
|
||||
---------------------------------------------------
|
||||
|
|
@ -1215,7 +1216,15 @@ a:hover {
|
|||
border: solid 1px;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
.searchresult-photo:hover .photoname{
|
||||
display: block;
|
||||
}
|
||||
.searchresult-photo{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: table-cell;
|
||||
}
|
||||
.photoname {
|
||||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
|
||||
color: #FFFFFF;
|
||||
|
|
@ -1224,11 +1233,12 @@ a:hover {
|
|||
height: 41px;
|
||||
left: 0;
|
||||
opacity: 0.8;
|
||||
padding-left: 8px;
|
||||
padding-top: 3px;
|
||||
position: relative;
|
||||
top: -30px;
|
||||
position: absolute;
|
||||
bottom:0px;
|
||||
width: 100%;
|
||||
line-height: 41px;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.photos img{
|
||||
height: 150px;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue