У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

urie!twentyonewentz

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » urie!twentyonewentz » какие-то коды » проверка одного кода


проверка одного кода

Сообщений 1 страница 2 из 2

1

Код:
<!--HTML-->
<section class="blyaaaaaaaa">
	<input id="tab_1" type="radio" name="tab" checked="checked" />
	<input id="tab_2" type="radio" name="tab" />
	<input id="tab_3" type="radio" name="tab" />
	
	<label for="tab_1" id="tab_l1">Tab One</label>
	<label for="tab_2" id="tab_l2">Tab Two</label>
	<label for="tab_3" id="tab_l3">Tab Three</label>
	<div style="clear:both"></div>

	<div class="blyaaaaaaaa_cont">
    <div id="tab_c1">Content of first tab</div>
    <div id="tab_c2">Content of first second</div>
    <div id="tab_c3">Content of third tab</div>
	</div>
</section>
<style>
.blyaaaaaaaa {
	position: relative;
	margin: 0 auto;
	width: 800px;
}
.blyaaaaaaaa label {
	color: #555;
	cursor: pointer;
	display: block;
	float: left;
	width: 150px;
	height: 45px;
	line-height: 45px;
	position: relative;
	top: 2px;
	text-align: center;
}

.blyaaaaaaaa input {
	position: absolute;
	left: -9999px;
}

#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2,
#tab_3:checked  ~ #tab_l3 {
	background: #fff;
	border-color: #fff;
	top: 0;
	z-index: 3;
}

.blyaaaaaaaa_cont {
	background: #fff;
	position: relative;
	z-index: 2;
	height: 230px;
}
.blyaaaaaaaa_cont > div {
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
#tab_1:checked ~ .blyaaaaaaaa_cont #tab_c1,
#tab_2:checked ~ .blyaaaaaaaa_cont #tab_c2,
#tab_3:checked ~ .blyaaaaaaaa_cont #tab_c3 {
	position: static;
	left: 0;
	opacity: 1;
}
</style>

0

2

с

0


Вы здесь » urie!twentyonewentz » какие-то коды » проверка одного кода


Рейтинг форумов | Создать форум бесплатно