9 февраля 2018 Нет комментариев

Рамка с уголком посредине в центре (less):

.block{
	background:@color_white;
	border:1px solid @color_gray;
	.border_radius(5px);
	padding:10px;
	&:before,&:after{
		content:'';
		position:absolute;
		left:50%;
		margin-left:-10px;
		top:-20px;
		border:10px solid transparent;
		border-bottom:10px solid @color_gray;
	}
	&:after{
		border-bottom:10px solid @color_white;
		top:-19px;
	}
}

http://htmlbook.ru/blog/treugolniki-cherez-css

Categories: CSS Tags: ,
8 февраля 2018 Нет комментариев

Заменяем /temp/ на / в parent_chpu в таблице seo в строках, которые начинаются с /temp/

UPDATE `seo` SET `parent_chpu` = REPLACE(`parent_chpu`, '/temp/', '/') WHERE `parent_chpu` LIKE '/temp/%' OR `parent_chpu`='/temp/';

Заменяем 125/ на «ничего» в path в таблице mod_shop в строках, которые начинаются с 125/

UPDATE `mod_shop` SET `path` = REPLACE(`path`, '125/', '') WHERE `path` LIKE '125/%';
Categories: MySQL Tags:
8 февраля 2018 Нет комментариев

Добавляем в parent_chpu в таблице seo в начало каждой строки /

UPDATE `seo` SET `parent_chpu` = CONCAT('/', `parent_chpu`);
Categories: MySQL Tags:
6 февраля 2018 Нет комментариев

Для вертикальной прокрутки внутри блоков, созданных с использованием fullPage, использовать параметр:

scrollOverflow:true,

Полный пример:

$(document).ready(function(){
	$('#fullpage').fullpage({
		anchors:['section-0','section-1','section-2'],
		menu:'#navigation',
		verticalCentered:false,
		scrollOverflow:true,
		afterLoad:function(anchorLink,index){
			if(anchorLink=='section-0'){
				$('#navigation').hide();
			}
			else{
				$('#navigation').show();
			}
		},
	});
});
<ul id="navigation">
	<li data-menuanchor="section-1"><a href="#section-1">Section 1</a></li>
	<li data-menuanchor="section-2"><a href="#section-2">Section 2</a></li>
</ul>
<div id="fullpage">
	<div data-anchor="section-0" class="section section-0"></div>
	<div data-anchor="section-1" class="section section-1"></div>
	<div data-anchor="section-2" class="section section-2"></div>
</div>
.section-0{
	background:red;
}
.section-1{
	background:green;
}
.section-2{
	background:blue;
}
#navigation{
	position:fixed;
	top:100px;
	left:20px;
	z-index:100;
}
#navigation li.active a{
	color:red;
}

http://alvarotrigo.com/fullPage/
https://github.com/alvarotrigo/fullPage.js

Categories: Javascript Tags:
22 января 2018 Нет комментариев
$('.popup').fancybox({
	helpers:{title:null},
	padding:'0',
	width:'800',
	beforeShow:function(){
		$('input.date').datepicker({
			//options
		});
	}
});
#ui-datepicker-div{
	z-index:9999 !important;
}
Categories: CSS, Javascript Tags: ,
12 января 2018 Нет комментариев
body{
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

Mobile Safari (а также Chrome для Android, Mobile Firefox и IE Mobile) автоматически увеличивают размер шрифта внутри широких блоков.

Минус этого решения:
Двойной тап по блоку больше не будет увеличивать его масштаб в рамках ширины экрана.

Если размер шрифта покажется пользователю слишком мелким, то ему придется увеличивать масштаб всей страницы и использовать свайп влево-вправо, чтобы читать текст.

https://ru.stackoverflow.com/questions/382661/Почему-ios-safari-увеличивает-шрифт

Categories: CSS Tags: , ,
11 января 2018 Нет комментариев

Условие в чанке, определяющее на главной ли странице находимся:

<header class="[[*id:is=`[[++site_start]]`:then=`index`:else=`inside`]]">

или

<header[[*id:is=`[[++site_start]]`:then=``:else=` class="inside"`]]>
Categories: CMS Tags: