$('p').on('click', function () {
$(this).attr('data-before','bar');
});
p:before {
content: attr(data-before);
color: red;
cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
$("a.youe_class").click(function() {
...
});
$("a").click(function() {
...
});
<p><a href="#top">К началу страницы</a></p>
<section id="top">
...
</section>
$(document).ready(function() {
var margin = 100; // переменная для контроля докрутки
$("a").click(function() { // тут пишите условия, для всех ссылок или для конкретных
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top+margin+ "px" // .top+margin - ставьте минус, если хотите увеличить отступ
}, {
duration: 1600, // тут можно контролировать скорость
easing: "swing"
});
return false;
});
});
<script>
$( 'button' ).click(function() {
if ( $( "#box" ).is( ":hidden" ) ) {
$( "#box" ).show( "slow" );
} else {
$( "#box" ).slideUp();
}
});
</script>
<button>показать ещё</button>
<div id="box">тут картинки</div>
else ...
$( "#box" ).load( "ajax/image.html #target" );
...
<div id="box">
<div id="target"></div>
</div>
@media screen and (max-width:767px) {
}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:992px) and (max-width:1199px) {
}
@media screen and (min-width: 1200px) {
}
$checkboxTemplate = "<div class=\"checkbox\">\n{beginLabel}\n{input}\n{labelTitle}\n{endLabel}\n{error}\n{hint}\n</div>"
<?= $form->field($model, 'email', $checkboxTemplate)->textInput();?>
@media screen
тут подробно изложено как этим пользоваться, так же советую использовать responsinator, если используете OpenServer, то через него тоже можно заняться адаптацией. Советую использовать 4 параметра, как предлагает сам bootstrap<pre>
<strong>
ул. Дмитрия Мартынова, 47
2-40-40-93, 2-415-818
</strong>
</pre>
<pre>
ещё никто не отменял, он позволяет отображать переносы без <br/>
если они в тексте на самом деле есть.<address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
<strong>Full Name</strong><br>
<a href="mailto:#">first.last@example.com</a>
</address>
<br>
нет. Ну и на крайний случай, старайтесь избегать этого тега. Сейчас к нему относятся с презрением, так как всё решает css3<table>
??? Табличная вёрстка тоже уходит в прошлое, как страшный сон, что же делать? А очень просто, у css есть такой параметр, который формирует столбцы siteis.ru/html-i-css-retsepty/razbivka-teksta-na-k... , и по желанию их может быть и больше и меньше, эту ситуацию реально обыграть и в адаптивной вёрстке. Сделать одну колонку, если сайт смотрят с мобильного устройства. Как видите, способов переноса масса, и даже не нужен <br>
, учите css - и жизнь будет радостнее и легче. #text {
color:#000;
}
.text {color:#fff;}
<div id="text">
<div class="text">Здесь сам текст</div>
</div>
.text {color:#0ff !important;}
в первом случае уровень доступа присваивается автоматически, при регистрации, например, столбец в базе данных будет называться level и значение по умолчанию = 1 (выставить прямо в БД), в админке можно менять этот уровень например на = 2, или автоматизировать, если пользователь больше месяца зарегистрирован на вашем сайте, то level = 2 нужна функция update для MySQL
соответственно нужно помнить про столбец даты регистрации, чтобы иметь переменную (точку отсчёта), либо создать фильтр вип клиентов, если клиент не вип, то скрыть, чтобы он стал вип клиентом установи платёжную систему, чуточку по сложнее, но тут плюсов больше! ))
Что касается второго варианта, тут по больше головников, дело в том что дату рождения здесь нужно указывать сразу и обязательно, при регистрации, либо в личном кабинете, в противном случае он не сможет пользоваться сайтом, в инете найдёшь функцию вычисляющую возраст, но большой плюс в том, что если есть контент 18+ , то вы застрахованы от иска в суд за публичный контент для несовершеннолетних (вопрос нравственности)
Вопрос вовсе не глупый, думайте, какая задача стоит, исходя из задачи, получится решение, два из них я описал