Mẫu thiết kế web Horizontall

Showcase your work in an unique horizontal navigation, suitable for all kind of content. Portfolio images or plain text content can fit in any of the 14 schemes that come with the theme.

Nội dung

Showcase your work in an unique horizontal navigation, suitable for all kind of content. Portfolio images or plain text content can fit in any of the 14 schemes that come with the theme.

Scripts and styles are compressed and images are loaded with lazyload so your content can load fast. The content of individual articles is loaded dynamically into the home page or category page, while the address bar changes accordingly to what you are viewing. This way your users can access the content without reloading the page, and share it or bookmark it to come back later.

The theme is extremely customizable, with the premise of horizontal navigation you can customize sizes, colors, elements to display, and almost anything from the theme. You can display 3 different sections of your site with an absolutely different custom style (choose one of the 14 or create your own). The navigation of the site can be made dragging with the mouse, scrolling, or even using the keyboard.

List of features

Updates

12 October 2014: Version 1.1.7

 * Fixed bug with Wordpress audio player * Fixed bug in Theme Customizer for old versions of Wordpress

8 October 2014: Version 1.1.6

 ^ Some improvements and fixes in Theme Customizer ^ Moved SEO conditionals from  tag to wp_title filter * Fixed sanitize for images in Theme Customizer * Added back again all Google fonts that were available in version 1.1.4 </pre> <p><strong>7 October 2014: Version 1.1.5</strong></p> <pre> + Uppon request: Added modalbox functionality to pass between all modalbox images of the page without leaving modalbox view ^ Theme Customizer: added number (type) input ^ Theme Customizer: some improvements in style and scripts ^ Improved css/less and javascript folder structure and names. Javascript functions are separated in files for better access. Only one script is loaded (in both minified unminified version) which includes all plugins and scripts ^ Updated javascript plugins to latest versions * Fixed bug with Youtube iframe dimensions when using modalbox_video shortcode * Fixed bug in WordPress 3.9 (& higher) post editor with Fieldset shortcode * Fixed display bottom bar without widgets conflict * Removed useless thumb size creation </pre> <p><strong>30 July 2014: Version 1.1.4</strong></p> <pre> * Fixed bug in WordPress 3.9 post editor </pre> <p><strong>17 July 2014: Version 1.1.3</strong></p> <pre> + Added new setting for choosing email address which will receive email instead of default admin email, in contact form + Added more social icons:     + Devianart     + Steam     + Soundcloud     + Reddit     + Delicious     + Stackoverflow     + Flattr     + Foursquare     + Yelp     + Github     + Stumbleupon     + Pinterest     + Xing     + Instagram * Bugs fixed:     * Contact page icons displayed incorrectly when double or more lines     * Data-title showed in Contact page when Article header was not selected in Main Page settings     * When single width 100% is selected and there is only one article the Thumb displayed incorrectly ^ Cleaned files. Settings are retrieved in a much cleaner way. Check h_settings() in functions.php ^ Made some changes to adapt to version 3.9 of WordPress (tinymce and theme customizer) </pre> <p><strong>13 May 2014: Version 1.1.2</strong></p> <pre> + Added a lot more of Google fonts. * Bugs fixed:     * Compatibility with Child Theme     * Track pad horizontall scroll loads new pages     * Other small fixes </pre> <p><strong>14 March 2014: Version 1.1.1</strong></p> <pre> + Added new setting for selecting iframe/modalbox cover backgroundcolor * Bugs fixed:     * Dragging the scrollbar loads next pages after a small timeout     * Soundcloud and Twitter embeds height     * Article without header displays small title at the bottom     * Contact page header left aligned     * Other small fixes </pre> <p><strong>25 February 2014: Version 1.1</strong></p> <pre> + Added new way of displaying articles. Check Article Display > deconstructed in Theme Customizer     + Article content (display article content)     + Article thumbnail click opens Modalbox     + Thumb top, left, right, bottom     + Scroller wrapper left/right     + Scroller wrapper top, left, right, bottom     + Scroller top     + Article single content     + Thumb single Full width     + Thumb single top, bottom     + Scroller wrapper single top, bottom     + Scroller top single + Theme Customizer settings (such as colors and sizes) update instantly in the preview window + Added 4 new schemes that make use of the deconstructed display + New settings:     + Article Header - Border Bottom     + Article Header - Background color     + Article header - Align center     + Page-iScroll snap offset     + Page scrollbar articles     + Hand cursor - default, move     + Top bar Bottom border     + Left bar Right border     + Use (Modalbox background color) in single page too     + Article single - text color     + Article header single - text color     + Center Article single in the middle of the window     + Article Display settings mentioned above     + 4 new schemes! ^ Changed some internal settings of iScroll to make it smoother ^ Improved the way the Left menu slides up/down ^ Cleaned some files (javascript, theme_settings.php...) ^ Google fonts make only one call for all the font-families ^ Css from settings is minimized too * Fixed bug with embeded iframes height * Other bug fixes </pre> <p><strong>18 January 2014: Version 1.0.2</strong></p> <pre> + Added new scheme, I hope you like it and can see more possible displays of the theme. + Added 'Fading article scrollbar' setting (Main/Category > Article) to fade out scrollbar when the Article is not being scrolled. + Added 'When clicking Article thumbnail' setting (Main/Category > Article) to select between hide the Thumb or open Modalbox/Single Article page. + Added 'Page-iScroll snap to Articles' setting (Main/Category > Article) to choose if Page scroller snaps to articles or doesn't snap at all. + Added 'Article header height' setting (Main/Category > Article). + Added 'Cover embeded videos with layer' setting (Common settings > Performance) to activate/deactivate layer over embeded iframes such as videos. + Added 'Top menu elements display on click' setting (Common settings > Navigation) to select between Hover or Click for desktop devices. + Added 'Left menu elements display on click' setting (Common settings > Navigation) to select between Hover or Click for desktop devices. ^ Improved javascript performance. iScroll, Thumbnail and Lazyload. ^ Redesigned Theme Customizer. Now its much cleaner. ^ Improved SEO with the use of h1,h2 tags, improved title tag and Article Thumbnail images alt now display the Article title. ^ Scrollbars now shrink when scrolling outside of the boundaries. ^ More exaplanations about theme features in the help file. * Fixed bug with Favicon which was not appearing. * Modalbox images and articles display correctly even when fast clicking is made. * Fixed bug with Windows 8 tablets and Internet Explorer 11 touch events. </pre> <p><strong>5 January 2014: Version 1.0.1</strong></p> <pre> + Added 'Modalbox Articles' setting to activate/deactivate Modalbox option in Articles (dynamic loading of articles) + Added 'No conflict Mode' setting. There could be css#id attribute conflict with Modalbox Article feature * Fixed bug with paragraph shortcode and floats * Fixed bug when seeing single article from Theme Customizer without minified scripts </pre> <p><strong>3 January 2014: Version 1 (Release)</strong></p>  <h3 id="item-description__credits">Credits</h3> <p>The following resources are used to create this theme, and display the demo:</p>  <p>I would like to thank them all for their great resources. Images used in the preview as well as the setting bar are for demo purposes only, and do not come with the theme.</p> <h3 id="item-description__support">Support</h3> <p>I will be glad to help you if you have any questions related to the theme. I’ll do my best to assist. Support is made through the <a target="_blank" rel="nofollow" href="javascript:void(0)" onclick="VHV.redirect('aHR0cDovL3N1cHBvcnQuaG9yaXpvbnRhbGwuY28v', 1)">support forum</a>. I will try to reach you as soon as possible. I hope you like the theme. Thanks.</p>

 </p>

 
 <br clear="all" /><p> </p>

 <p><div id="websiteIframe"></div></p>

 

 </div></div>

 

</div>



<br clear="all">

  <div class="nextRelatedItems">

 <h3>Nội dung khác:</h3>

 <ul>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Venus-Responsive-News-Magazine-Blog-Theme">Venus Responsive News Magazine Blog Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Restaurant-%7E-WordPress-Jigoshop-Theme">Restaurant - WordPress Jigoshop Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/tdFashion-%7E-WordPress-Theme">tdFashion - WordPress Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Restaurant-%7E-Responsive-WooCommerce-Theme">Restaurant - Responsive WooCommerce Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Payge-%7E-Clean-%26-Crisp-Blogging-Theme">Payge - Clean & Crisp Blogging Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Appr-%7E-One-Page-WordPress-Showcase-Theme-for-Apps">Appr - One Page WordPress Showcase Theme for Apps</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Homeland-%7E-Responsive-Real-Estate-WordPress-Theme">Homeland - Responsive Real Estate WordPress Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Angle-Flat-Responsive-Bootstrap-MultiPurpose-Theme">Angle Flat Responsive Bootstrap MultiPurpose Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/VideoPress-%7E-A-Self-Hosted-Video-Streaming-Theme">VideoPress - A Self Hosted Video Streaming Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/LightDose-%E2%80%94-Flat%26Minimal-WordPress-Theme">LightDose — Flat&Minimal WordPress Theme</a></h2></li>

  <li><h2><a href="/M%E1%BA%ABu-thi%E1%BA%BFt-k%E1%BA%BF-web/Undo-%7E-Premium-WordPress-News-%2F-Magazine-Theme">Undo - Premium WordPress News / Magazine Theme</a></h2></li>

 
 </ul>

 </div>

 
  Nguồn: <a href="javascript:void(0)" onclick="VHV.redirect('aHR0cDovL3RoZW1lZm9yZXN0Lm5ldC9pdGVtL2hvcml6b250YWxsLzYxNzc0MzM/V1Qub3NzX3BocmFzZT0mV1Qub3NzX3Jhbms9MTEmV1Quel9hdXRob3I9aG9yaXpvbnRhbGwmV1QuYWM9c2VhcmNoX2xpc3Q=', true)" rel="nofollow">themeforest.net/item/horizontall/6177433?WT.oss_phrase=&WT.oss_rank=11&WT.z_author=horizontall&WT.ac...</a>

 


</div>




</div><div id="module9" class="ModuleWrapper" ><div class="form-comment-news">

 <div id="list-comments">

 
 <div class="no-data">Chưa có phản hồi</div>

 
 </div>

 

 <div id="pagination9" class="default-pagination"></div>

</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

 <div class="modal-dialog">

 <div class="modal-content">

 <div class="modal-header">

 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

 <h4 class="modal-title">Permalink for Post</h4>

 </div>

 <div class="modal-body">

 <div class="bb-code">

 <span style="display:block">Nhúng vào diễn đàn</span>

 <input style="width:100%" type="text" dir="ltr" class="textCtrl fillSpace" id="bb_code_link_snippet" value='[URL=""][/URL]'>

 </div>

 <div class="bb-code">

 <span style="display:block">Nhúng vào trang Website</span>

 <input style="width:100%" type="text" dir="ltr" class="textCtrl fillSpace" id="html_link_code" value='<a href=""></a>'>

 </div>

 </div>

 </div><!-- /.modal-content -->

 </div><!-- /.modal-dialog -->

</div>

</div><div id="module10" class="ModuleWrapper" ><div class="post-comment"> 

 <div id="message-form10" class="clearfix">

 <form class="form-comment" id="form10">

 
 <div class="notice">Bạn vui lòng <a href="/?page=login">Đăng nhập</a> để bình luận</div>

 
 <input type="hidden" name="securityToken" value="03e14f65241dbbdf32da"><input type="hidden" name="submitFormId" value="10"><input type="hidden" name="moduleId" value="10"></form>

 </div>

 <div class="clear-both"></div>

</div>


<style type="text/css">

.post-comment form label {

 display:block;

 font-weight: bold;

 line-height: 20px;

 color:#323232;

}

.post-comment form input[type=text] {

 width: 250px;

}

.post-comment form input[type=text],

.post-comment form textarea {

 border: 1px solid #a5a5a5;

 width:90%;

 margin:auto;

}

</style>

</div><div id="module11" class="ModuleWrapper" >
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; table-layout:fixed; clear:both;" ><tbody><tr valign="top">

<td class="default-column1" style=";"><div id="module12" class="ModuleWrapper" ><div class="theme-blocks"></div></div></td>

<td class="default-column2" style=";padding-left:5px;"><div id="module13" class="ModuleWrapper" ><div class="theme-blocks"></div></div></td>


</tr></tbody></table>
</div></div>

                    </div>

                <div class="region-bottom"></div>

                </div>

            </div>

           	<div id="page-footer">

            	<div class="footer"><div id="module15" class="ModuleWrapper"  moduleRootId="1215478">
<ul class="list-adversting">

 <li class="last-items"></li>

 

</ul>

<div class="clear-both"></div>

 

</div><div id="module16" class="ModuleWrapper" ><div class="container">
 <div class="row">
  <div class="footer-address clearfix">
 <div class="content-address"><p>VinaBase. © 2014. | <a href="http://vinabase.com/dieu-khoan-su-dung.html" rel="nofollow" title="Điều khoản sử dụng">Điều khoản sử dụng</a> | <a href="http://vinabase.com/chinh-sach-bao-mat.html" rel="nofollow" title="Chính sách bảo mật">Chính sách bảo mật</a>  (Website đang chờ xin cấp phép)</p>
</div>
 
 </div>
 </div>
</div>
</div></div>

           	</div>

        </div>

         

	</div>

	<div class="bg-page-bottom"></div>


<div id="footer-editer"></div>
 <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-22927833-17', 'auto');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');

</script><!--[if IE 6]>
	<script src="http://vinabase.com/3rdparty/fix_ie/DD_belatedPNG.js"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('.mask,img');
	</script>
<![endif]-->
<script type="text/javascript">
	var cb = function() {
		var styles = {
			'/EStore/Software/skins/Vinabase/style.css?v=1.448':1
				
	    		};
		var myNav = navigator.userAgent.toLowerCase(), ie8 = ((myNav.indexOf('msie') != -1) && (parseInt(myNav.split('msie')[1]) < 9));
		for(var i in styles)
		{
			if(!ie8 && (i.indexOf('style.css') == -1))
			{
				var l = document.createElement('link'); 
				l.rel = 'stylesheet';
				l.href = i;
				var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
			}
		}
	};
	var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
	  window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
	if (raf) raf(cb);
	else if (window.addEventListener){
	  window.addEventListener('load', cb);
	} else if (window.attachEvent){
		window.attachEvent('onload', cb);
	}
</script>
<script type="text/javascript">	
	rootURL = 'http://vinabase.com/';
	staticURL = '/';
</script>
<script type="text/javascript" src="/3rdparty/jQuery/jquery-1.11.0.min.js"></script><script type="text/javascript" src="/lib.js?v=1.448"></script>
<script type="text/javascript" src="/3rdparty/Bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript"  src="/3rdparty/Bootstrap/offcanvas.js"></script>
<script type="text/javascript">
(function() {
    if ( jQuery.ajaxPrefilter ) {
        
        var rURL = /^([^\/]+)/,
            rEsc = /(\-|\.)/,
            protocol = rURL.exec( document.location.href )[ 1 ].replace( rEsc, "\\$1" ),
            rDomains = {};
        
        jQuery.ajaxPrefilter(function( options ) {
            var strip = options.stripDomain,
                rDomain,
                sDomain;
            if( strip ) {
                rDomain = rDomains[ strip ];
                if ( !rDomain ) {
                    sDomain = "^(?:" + protocol + ")?\\/\\/" + strip.replace( rEsc, "\\$1" );
                    rDomains[ strip ] = rDomain = new RegExp( sDomain, "i" )
                }
                options.url = options.url.replace( rDomain, "" );
            }
        });
    }

})( jQuery );

jQuery.ajaxSetup({
    stripDomain: "vinabase.com"
});
VHV.serverTime = 1738446588;
$.extend(VHV,{
	
	rootURL:rootURL,
	staticURL:staticURL,
	language: 'vi',
	version:'1.448',
	loadingImage:'/Colombo/Default/skins/Default/images/loading.gif',
	
	isDebug:false,
	urlMode:'rewrite',
	site:'9506',
	defaultPortalPath:'',
	defaultPortalId:'Colombo',
	exportUser:0});
$.extend(VHV.App, {
	mainPackage:'Colombo',
	portal:'9506',
	site:'9506'
});
if($.browser.msie && VHV.urlMode == 'ajax')
{
	VHV.urlMode = 'rewrite';
}
VHV.href = '?'+decode64('X1VSTENvZGU9TSVFMSVCQSVBQnUtdGhpJUUxJUJBJUJGdC1rJUUxJUJBJUJGLXdlYi9Ib3Jpem9udGFsbCY=');
VHV.init();

VHV.User = {"id":"guest","privileges":[]};

VHV.localTime = Math.round(new Date().getTime()/1000);
;
VHV.load('3rdparty/jQuery/dlmenu/css/component.css');

VHV.load('3rdparty/jQuery/dlmenu/modernizr.custom.js',function(){

 VHV.load('3rdparty/jQuery/dlmenu/jquery.dlmenu.js',function(){

 $('#dl-menu17').dlmenu();

 });

});

$('#menu-navigation>.menu-item>a').click(function() {

 $(this).toggleClass('active');

});

 $('#sidr-close').click(function(){

 $('#sidr-main').slideToggle(500).animate({

 left: '-300px'

 })

 });

 $('.sf-menu>li').hover(function(){

 $(this).find('.dropdown').stop().animate({

 opacity:1

 }).css('display','block');

 },function(){

 $(this).find('.dropdown').stop().animate({

 opacity:0

 }).css('display','none');

 });

 $('.search-toggle').click(function(){

 $(this).parents('.alignright').find('.the-search-form').slideToggle(500).animate({

 opacity: 1 

 });

 });;
 </script>
 <script type="text/javascript" id="script58857">




$('#autocomplete58857').click(function(){

VHV.load('3rdparty/jQuery/jqueryui/themes/smoothness/jquery-ui.css');

VHV.load('3rdparty/jQuery/jqueryui/jquery-ui.min.js', function(){

 $('#autocomplete58857').autocomplete({

 source: VHV.Model('Software.DataRecord.autocomplete').url({"service":"Software.DataRecord.autocomplete","type":"Entity","field":"code"})

 
 ,minLength: 0

 
 
 
 ,autoFocus: true

 ,focus: function( event, ui ) {

 if(ui.item && ui.item.id)

 {

 $('#input58857').val(ui.item.id);

 }

 }

 ,select: function( event, ui ) {

 $(this).val(ui.item.value);

 $('#input58857').data('autocompleteItem', ui.item).val( ui.item.id ).change();

 

 return false;

 }

 }).change(function(){

 

 }).data( 'uiAutocomplete' )._renderItem = function( ul, item ) {

 return $( "<li></li>" )

 .data( "item.autocomplete", item )

 .append( "<a>" + item.label + (item.desc?"<br><em>" + item.desc + "</em>":'')+"</a>" )

 .appendTo( ul );

 };

});

});








</script>
 <script type="text/javascript">;$('#form18 input[name=type]').next().attr('placeholder', "Chủ đề...");
VHV.ExecQueue.add(function(){
 $('#form18 input[name=type]').val('WebsiteTemplate');
 $('#form18 .ui-autocomplete-input').val('Mẫu thiết kế web');
}, function(){
 return $('#form18 .ui-autocomplete-input').length;
});
$('#mobile-toggle').click(function(){
 $('#sidr-main').slideToggle(500).animate({
 left: 0
 })
});;$('.objectDetail img:gt(2)').hide().each(function(){

 $(this).attr('data-original', this.src).attr('src', '/EStore/Default/skins/Default/images/lazyload.png');

}).show();

VHV.load('3rdparty/jQuery/lazyload/lazyload.min.js',function(){

 $(".objectDetail img").lazyload({

 effect : 'fadeIn'

 });

}); 

VHV.load('http://vinabase.com/EStore/Default/skins/Default/admin.css');


setTimeout(function(){

 $('#websiteIframe').append('<'+'a href="http://' + 'http://redirect.horizontall.co/" target="_blank" title="http://redirect.horizontall.co/">Mở demo trong cửa sổ mới</a> | <'+'a href="http://'+'colombo.vn/dang-ky" target="_blank">Tạo website trực tuyến</a><br clear="all"><if'+'rame width="100%" height="1000" frameborder="0" src="http://http://redirect.horizontall.co/" sandbox="allow-forms allow-scripts"></if'+'rame>');

}, 500);


//this.href.replace('?page=login&href=', '?page=login&loginSocial=Google&redirectHref=')

$('.objectDetail a[title="Đăng nhập để xem"]').each(function(){

 $(this).after('<span class="social" style="zoom:0.75;"><a style="border-left:none;" href="'+this.href.replace('?page=login&href=', '?page=login&loginSocial=Facebook&redirectHref=')+'" class="facebook" title="Đăng nhập bằng Facebook"><i></i></a><a href="https://accounts.google.com/o/oauth2/auth?scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login email&state='+this.href.replace('http://vinabase.com/?page=login&href=', '')+'&redirect_uri='+encodeURIComponent('http://vinabase.com/?page=login&loginSocial=Google')+'&response_type=code&client_id=363895508280-mlcklcgiv5m39k05q1jdj0np89bclfjv.apps.googleusercontent.com&access_type=offline" rel="nofollow" class="google" title="Đăng nhập bằng Google"><i></i></a></span>');

});





 (function() {

 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

 po.src = 'https://apis.google.com/js/plusone.js';

 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

 })();;$('.content-comment img').each(function() {

 imgSrc = $(this).attr('src');

 $(this).wrap('<a href="'+imgSrc+'" class="highslide cursor" onclick="return hs.expand(this)"></a>');

});

VHV.using ($.extend(
 $.parseJSON(decode64('eyJkZWZhdWx0TGF5b3V0IjoiR2xvYmFsLnNpbXBsZUxpc3RpbmciLCJsYXlvdXQiOiJGb3J1bVRvcGljLnJlcGx5TGlzdCIsImhhc1BhZ2luYXRpb24iOjEsImhhc0NvbnRyb2xsZXIiOjEsIml0ZW1zUGVyUGFnZSI6IjEwIiwidG90YWxJdGVtcyI6MCwib3JkZXJCeSI6ImNyZWF0ZWRUaW1lIiwicGFnZU5vIjoxLCJjbGFzcyI6InNpbXBsZUxpc3RpbmciLCJzZXJ2aWNlIjoiU29mdHdhcmUuRm9ydW0uUmVwbHkuc2VsZWN0QWxsIiwiZW5kVGl0bGUiOiIiLCJiZWdpblRpdGxlIjoiIiwiaW5kZXgiOjUsIm1vZHVsZVBvc2l0aW9uIjowLCJwYXRoIjoiQ01TIiwidG9waWNJZCI6IjU0NGFlNDI1N2Y4YjlhYjI2NzhiNGIzYiJ9')),{"module":"CMS.Listing","page":"objectDetail","id":"9","modulePosition":"0","moduleParentId":"-1"}),{

  itemsPerPage: "10",
 totalItems: 0,

 perPage:decode64('MQ=='),

 nextText:"Tiếp",

 prevText:"Trước",

 startText:'',

 endText:'',

 linkTo:'javascript:void(0);'

});

$('.default-pagination').addClass('thumbnail-pagination');

VHV.load('3rdparty/jQuery/emoticons/css/jquery.emotions.icq.css');

VHV.load('3rdparty/jQuery/emoticons/js/jquery.emotions.js', function(){

 $('.postContentWrapper').emotions();

});

function quoteReply(obj, id)

{

 $('input[name="fields[quoteId]"]').val(id);

 $('.quoteReplyContent').html($(obj).parent().parent().find('.content-comment').html());

 $('.quoteReplyUser').html($(obj).parent().parent().parent().find('.fullname h3').html());

 $('.quoteReplyTime').html($(obj).parent().find('span:first').html());

 $('.quoteReplyRegion').show();

 var editorId = $('textarea', $('.quoteReplyRegion').parent()).attr('id');

 if(window.CKEDITOR && CKEDITOR.instances && CKEDITOR.instances[editorId])

 {

 location = '#quoteReplyRegion';

 CKEDITOR.instances[editorId].focus();

 }

}



CKEDITOR_BASEPATH = '/3rdparty/ckeditor-4.3.3/';

$('.editReplyButton').click(function(){

 var id = $(this).attr('rev');

 if(!$(this).data('editorLoaded'))

 {

 $(this).data('editorLoaded', true);

 var id = $(this).attr('rev');

 var obj = $('#replyContent'+id).attr('contentEditable', 'true');

 var editor = CKEDITOR.inline( 'replyContent'+id, {

 shiftEnterMode : CKEDITOR.ENTER_P,

 startupFocus : true,

 toolbar : [

 [ 

 'Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 

 'NumberedList', 'BulletedList', 

 'JustifyLeft', 'JustifyCenter', 'JustifyBlock',

 'Link', 'Unlink', 'FontSize', 'TextColor', 'BGColor', 'Image', 'Flash', 'Table'

 ]

 ]

 });

 editor.on('key', function(ev) {

 if (ev.data.keyCode==13)

 {

 ev.cancel();

 VHV.alert("Shift + Enter để xuống dòng. Enter để lưu, Esc để hủy bỏ. Đang lưu...");

 VHV.Model('Software.Forum.Reply.edit')({

 id: ev.editor.name.replace('replyContent', ''),

 'fields[content]': ev.editor.getData()

 }, function(){

 VHV.alert("Save successfully!");

 ev.editor.focusManager.blur();

 });

 }

 if (ev.data.keyCode==27)

 { 

 ev.cancel();

 ev.editor.focusManager.blur();

 }

 });

 editor.on('instanceReady', function( ev )

 {

 ev.editor.focus();

 }

 );

 }

 else

 {

 editor = CKEDITOR.instances['replyContent'+id];

 editor.focus();

 }

 

});

function replyLike(that, id)

{

 if(!that.data('lockLike'))

 {

 that.data('lockLike', '1');

 var count = that.parent().find('strong'), value = count.length?parseInt(count.html().replace('(', '').replace(')', '')):0, oldLabel = that.html();

 if(!value) value = 0;

 if(oldLabel == 'Thích')

 {

 that.html('Đã thích').parent().addClass('active');

 count.html('('+(value + 1)+')');

 }

 else

 {

 that.html('Thích').parent().removeClass('active');

 count.html((value > 1)?'('+(value - 1)+')':'');

 }

 VHV.Model('Software.Forum.Reply.like')({

 id: id,

 unlike: (oldLabel == 'Thích')?0:1

 }, function(){

 that.data('lockLike', 0);

 });

 }

}

$('.content-comment table,.replyContent table').addClass('table').wrap('<div class="table-responsive" style="overflow-x:auto;"></div>');;VHV.using ($.extend(
 $.parseJSON(decode64('eyJzZXJ2aWNlIjoiIiwibGF5b3V0IjoiRm9ydW1Ub3BpYy5yZXBseVBvc3QiLCJpdGVtSWQiOiIiLCJpdGVtVHlwZSI6IkRhdGFUeXBlLkZvcnVtUmVwbHkiLCJzdWJtaXRTZXJ2aWNlIjoiU29mdHdhcmUuRm9ydW0uUmVwbHkuZWRpdCIsInJlcXVpcmVMb2dpbiI6IjEiLCJjb21tZW50U3RhdHVzIjoiMCIsImluZGV4Ijo2LCJtb2R1bGVQb3NpdGlvbiI6MCwicGF0aCI6IkNNUyIsInJlcGx5T2JqZWN0VHlwZSI6IkRhdGFUeXBlLldlYnNpdGVUZW1wbGF0ZSJ9')),{"module":"CMS.Form","page":"objectDetail","id":"10","modulePosition":"0","moduleParentId":"-1"}),{

 rules: {

 'fields[fullName]': 'required',

 'fields[content]': {

 required: true,

 depends: function(){

 if(window.CKEDITOR)

 {

 for (var instance in CKEDITOR.instances )

 {

 if($('#'+instance).length)

 {

 CKEDITOR.instances[instance].updateElement();

 }

 

 }

 

 }

 },

 minlength: 10

 }

 },

 messages: {

 'fields[fullName]': 'Yêu cầu nhập',

 'fields[content]': {

 required: 'Yêu cầu nhập',

 minlength: 'Không nhỏ hơn 10 ký tự'

 }

 },

 success: function(result){

 if(typeof(result) == 'string')

 {

 if(result.indexOf('{') != -1)

 {

 eval('result = '+result+';');

 }

 else

 {

 result = {

 status: result

 };

 }

 }

 switch(result.status)

 {

 case 'SUCCESS':

 VHV.alert('Đăng phản hồi thành công');

 var cm = $('.form-comment-news').parent();

 if(cm.length)

 {

 CKEDITOR.instances[$('#form10 textarea').attr('id')].setData('');

 $('#quoteReplyRegion').hide();

 $('.editReplyButton').each(function(){

 var id = $(this).attr('rev');

 var obj = $('#replyContent'+id).attr('contentEditable', 'true');

 if(CKEDITOR.instances['replyContent'+id])

 {

 CKEDITOR.remove(CKEDITOR.instances['replyContent'+id]);

 }

 });

 $('.editReplyButton').data('editorLoaded', 0);

 VHV.App.modules[cm.attr('id').replace('module', '')].reload();

 }

 else

 {

 setTimeout(location.reload, 1000);

 }

 break;

 case 'FAIL':

 VHV.alert('Có lỗi khi đăng phản hồi');

 break;

 case 'NOT_LOGIN':

 VHV.alert('Bạn chưa đăng nhập');

 //location.reload();

 break;

 } 

 }

});;;$('.tb-footer').find('.list-adversting').addClass('fotter-adversting');
</script>

</body>
</html>