ищу тебя: дамыюношикарта Домавнешностистаи и общностисюжет etc
«...Следы сверхъестественных сил обнаруживают себя чаще, чем хотелось бы людям разумным и просвещенным. Из доисторических времен выползают химеры, которым поклонялись наши предки много столетий назад. С низких небес роняют на нас хлопья пепла режиссеры нашей судьбы. Они скрываются под нами, над нами и среди нас до тех пор, пока мы не устремим взгляд прямо в их лукавые очи...»

home'ostasis

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

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


Вы здесь » home'ostasis » можно я так не буду? » путеводитель


путеводитель

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

1

Код:
<!--HTML-->
<style>
.korpus > div, .korpus > input { display: none; }

.korpus {
text-align: center; 
   letter-spacing: 0px;
line-height: 130%;}

.korpus label {
width: 150px;
height: 20px;
text-align: center;
font-family: Roboto Thin;
font-size: 16px;
display:inline-block;
text-transform: uppercase;
font-weight: bold;}

.korpus label:hover{
  color: #631c1c;
   letter-spacing: 2px;
-moz-transition: 1s ease; 
-webkit-transition: 1s ease; }

.sortt{
width: 150px;
height: 20px;
text-align: center;
font-family: Roboto Thin;
font-size: 16px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;}


.sortt:hover{
  color: #631c1c;
   letter-spacing: 2px;
-moz-transition: 1s ease; 
-webkit-transition: 1s ease; }

.sort{
width: 150px;
height: 20px;
text-align: center;
font-family: Roboto Thin;
font-size: 16px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;}

.sort:hover{
  color: #631c1c;
   letter-spacing: 2px;
-moz-transition: 1s ease; 
-webkit-transition: 1s ease; }


.lot {
opacity:0.3; -moz-opacity:0.3; 
-moz-transition: 1s ease; 
-webkit-transition: 1s ease; 
filter:alpha(opacity=90); }
.lot:hover { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }


.korpus input[type="radio"]:checked + label{ border-bottom: 0px; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2)  {display: block; text-align: justify;}
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) {display: block; text-align: justify;}
</style>

<div class="korpus">

<input type="radio" name="odin" checked="checked" id="first1"><label for="first1">I этаж</label>
<input type="radio" name="odin" id="second1"><label for="second1"><span class="sortt">  II этаж</span></label>
<input type="radio" name="odin" id="third1"><label for="third1"><span class="sort">III этаж</span></label>
<div><br>
<center><img src="http://funkyimg.com/i/24got.png"></center>
 
<table>
<tr>
<td></td>
<td> <b>1.</b> вестибюль<br>
<b>2.</b> приемная<br>
<b>3.</b> посетительская<br>
<b>4.</b> актовый зал<br>
<b>5.</b> спортивный зал<br>
<b>6.</b> бассейн<br>
<b>7.</b> прачечная<br>
</td>
<td>
<b>8.</b> могильник<br>
<b>9.</b> внутренний двор<br>
<b>10.</b> лестница в подвал<br>
<b>11.</b> сторожка<br>
<b>12.</b> сдвоенные кабинет трудов<br>
<b>*</b> - кабинеты и классы<br></td>
<td></td>
</tr>
</table>
</div>

  <div><br>
<center><img src="http://funkyimg.com/i/253FZ.png"></center>
<table>
<tr>
<td></td>
<td>  <b>1.</b> комната отдыха<br>
<b>2.</b> библиотека<br>
<b>3.</b> столовая<br>
<b>4.</b> учительская<br>
<b>5.</b> кабинет директора<br>
</td>
<td>
<b>6.</b> учительный туалет<br>
<b>7.</b> перекресток<br>
<b>8.</b> туалетные комнаты<br>
<b>9.</b> кофейник<br>
<b>*</b> - кабинеты и классы<br></td>
<td></td>
</tr>
</table>
</div>

<div><br>
<center><img src="http://funkyimg.com/i/24h8Y.png"></center>
<table>
<tr>
<td></td>
<td> <b>1.</b> дежурная<br>
<b>2.</b> комнаты воспитателей<br>
<b>3.</b> девичья половина<br>
</td>
<td>
<b>4.</b> изоляторы (клетки)<br>
<b>5.</b> туалетные комнаты<br>
<b>6.</b> лестница на чердак<br></td>
<td></td>
</tr>
</table>
</div>

+1

2

план Кофейника

http://funkyimg.com/i/2w8LL.png

+8


Вы здесь » home'ostasis » можно я так не буду? » путеводитель