Гостевая - Простой опрос

#collection-container{
box-sizing: border-box;
color:#ddbe93;
background: url(http://i1.imageban.ru/out/2017/12/13/a5 … 6fa66b.png) repeat #472915;
min-height: 120px;
width: 605px;
border: 13px solid rgba(0,0,0,0) !important;
border-image: url(http://i1.imageban.ru/out/2017/12/13/51 … 550fa5.png) 41% 41% 41% 41% / 41px 41px 41px 41px repeat repeat !important;
-moz-border-image: url(http://i1.imageban.ru/out/2017/12/13/51 … 550fa5.png) 41% 41% 41% 41% / 41px 41px 41px 41px repeat repeat !important;
-webkit-border-image: url(http://i1.imageban.ru/out/2017/12/13/51 … 550fa5.png) 41% 41% 41% 41% / 41px 41px 41px 41px repeat repeat !important;
-o-border-image: url(http://i1.imageban.ru/out/2017/12/13/51 … 550fa5.png) 41% 41% 41% 41% / 41px 41px 41px 41px repeat repeat !important;
margin-left:12px;
margin-top: 24px;
}

#collection-h2{
background: rgba(255,255,255,0) url(http://i6.imageban.ru/out/2017/12/13/2e … bf30ba.png) no-repeat scroll;
height: 52px !important;
width:630px;
padding: 17px 0px 0px 60px !important;
margin: -45px 0px 0px -27px;
font-size: 22px;
font-family: Georgia !important;
color: rgba(201,123,193, 1) !important;
text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
}
#collection-numbers{
color: rgba(248,178,246, 0.8) !important;
text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
font-family: Geogia;
font-size:22px;
padding-top:0px!important;
margin: -56px 0px 0px 410px !important;
height:20px;
width:95px;
text-align: center;
}

#collection-op-cl{
color: rgba(203,127,200, 0.8) !important;
text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
font-family: Georgia;
font-size:10px;
padding-top:0px!important;
margin: 0px 0px 0px 400px!important;
height:15px;
letter-spacing: 1px;
width: 120px;
text-align: center;
}
#collection-mini-img{ margin: -36px 0px 0px -15px;}

#collection-content{
margin-top:20px;
margin-bottom:-10px;
color:#ddbe93;
}
#collection-content-box{
color:#ddbe93;
height: 88px;
width:88px;
border-radius: 7px;
background: rgba(0,0,0,0.3);
padding:10px 0px 0px 10px;
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7) inset, 0px 0px 5px 0px rgba(221,190,147,0.3);
border:1px solid rgba(0,0,0,0.5);
}

#collection-active{
opacity: 1.0;
filter: grayscale(0%);
}
#collection-passive{
opacity: 0.5;
filter: grayscale(80%);
}
</style>
<br>
<div id="collection-container"><div id="collection-h2">Название коллекции </div>
<div id="collection-numbers">3 • 5</div><div id="collection-op-cl">открыто • закрыто</div>
<div id="collection-mini-img"><img style="width:36px;height:36px; border-radius: 30px;
box-shadow: 0px 0px 5px 2px rgba(0,0,0,1) inset; filter: sepia(100%);" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div>
<div id="collection-content"><table><tbody><tr><td><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></td><td><div id="collection-content-box"><img id="collection-passive" src="http://i2.imageban.ru/out/2017/12/13/6d81603e674f953636c21df26405c9f7.png"></div></td><td><div id="collection-content-box"><img id="collection-active" src="http://i2.imageban.ru/out/2017/12/13/8ff5c015c35f38369e702098edfec66f.png"></div></td><td><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/ecce9332ef7e1f274d9774edcc6ea037.png"></div></td><td><div id="collection-content-box"><img id="collection-passive" src="http://i1.imageban.ru/out/2017/12/13/9987ed429d3327633c5104df981edd00.png"></div></td></tr><tr style="font-family:Georgia; font-size:11px; text-align:center;"><td>Название предмета 1</td><td>Название предмета 2</td><td>Название предмета 3</td><td>Название предмета 4</td><td>Название предмета 5</td></tr></tbody></table></div></div>
[/html]

Цитировать Сообщение 6

Поделиться72018-03-16 21:59:49

Автор: Создатель
Главный администратор. NPC
Провел на форуме:
4 дня 13 часов
Сообщений: 3231
Уважение: [+0/-0]
Подарки:
Информация: dgfdsgdfg
Последний визит:
2019-05-04 01:30:31

[player][{n:"https://cs9-1v4.vkuseraudio.net/p20/194d335f4f8d61.mp3",u:"https://cs9-1v4.vkuseraudio.net/p20/194d335f4f8d61.mp3",c:""}][/player]

Цитировать Сообщение 7

Поделиться82018-03-17 19:43:58

Автор: Создатель
Главный администратор. NPC
Провел на форуме:
4 дня 13 часов
Сообщений: 3231
Уважение: [+0/-0]
Подарки:
Информация: dgfdsgdfg
Последний визит:
2019-05-04 01:30:31

[player][{n:"Zac Efron & Zendaya – Rewrite The Stars",u:"https://cs9-19v4.vkuseraudio.net/p24/1608dbaa1007de.mp3",c:"http://i3.imageban.ru/out/2018/03/16/5b169fdc1052ca285d831203ee04b13c.png"}][/player]

Цитировать Сообщение 8

Поделиться92018-03-17 20:50:39

Автор: Создатель
Главный администратор. NPC
Провел на форуме:
4 дня 13 часов
Сообщений: 3231
Уважение: [+0/-0]
Подарки:
Информация: dgfdsgdfg
Последний визит:
2019-05-04 01:30:31

[player][{n:"1Zac Efron & Zendaya – Rewrite The Stars",u:"https://cs9-19v4.vkuseraudio.net/p24/1608dbaa1007de.mp3",c:"http://i4.imageban.ru/out/2018/03/16/acffcc10a1f973c7faecbcd971017005.png"},
{n:"2Zac Efron & Zendaya – Rewrite The Stars",u:"https://cs9-19v4.vkuseraudio.net/p24/1608dbaa1007de.mp3",c:"http://i3.imageban.ru/out/2018/03/16/5b169fdc1052ca285d831203ee04b13c.png"},
{n:"3Zac Efron & Zendaya – Rewrite The Stars",u:"https://cs9-19v4.vkuseraudio.net/p24/1608dbaa1007de.mp3",c:"http://static.chickensmoothie.com/item/4127&p=15359.jpg"}][/player]

Цитировать Сообщение 9

Поделиться102018-03-19 21:44:12

Автор: Создатель
Главный администратор. NPC
Провел на форуме:
4 дня 13 часов
Сообщений: 3231
Уважение: [+0/-0]
Подарки:
Информация: dgfdsgdfg
Последний визит:
2019-05-04 01:30:31

Код:

<!--HTML--><style>#collection-container{
box-sizing: border-box;
color:#ddbe93;
box-shadow: 0px 0px 8px 8px rgba(30,14,4,0.3) inset, 0px 0px 3px rgba(30,14,4,0.9);
  background: rgba(78,50,28,1);
border: 2px solid rgba(18,8,2,0.9);
min-height: 120px;
width: 555px;
margin-left:12px;
margin-top: 30px;
border-radius: 10px;

  padding-bottom:10px;
}

#collection-h2{
background: rgba(75,22,65,1);
box-shadow: 0px 0px 4px 2px rgba(47,14,40,0.8) inset, 0px 0px 3px rgba(30,14,4,0.9);
  border:1px solid rgba(130,37,118,0.8);
border-radius:10px;
height: 23px !important;
width:450px;
padding: 5px 0px 10px 30px !important;
margin: -25px 0px 6px 60px;
font-size: 22px;
font-family: Georgia !important;
color: rgba(201,123,193, 1) !important;
text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
}

#collection-numbers{
color: rgba(248,178,246, 0.8) !important;
  text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
  font-family: Geogia;
  font-size:22px;
  padding-top:0px!important;
  margin: -45px 0px 0px 410px !important;
  height:20px;
  width:95px;
  text-align: center;
}
/*which numbers are open/closed*/
#collection-op-cl{
  color: rgba(203,127,200, 0.8) !important;
  text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
  font-family: Georgia;
  font-size:10px;
  padding-top:0px!important;
  margin: 0px 0px 0px 400px!important;
  height:15px;
  letter-spacing: 1px;
width: 120px;
text-align: center;
}
#collection-mini-img{ margin: -36px 0px 0px -15px;}

#collection-content{
  margin-top:2px;
  margin-bottom:-10px;
  color:#ddbe93;
}
#collection-content-box{
color:#ddbe93;
  height: 45px;
  width:45px;
  border-radius: 7px;
  background: rgba(0,0,0,0.3);
  padding:5px 0px 0px 5px;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7) inset, 0px 0px 5px 0px rgba(221,190,147,0.3);
  border:1px solid rgba(0,0,0,0.5);
}

#collection-active{
opacity: 1.0;
filter: grayscale(0%);
  width: 40px;
  height:40px;
}
#collection-passive{
opacity: 0.5;
filter: grayscale(80%);
  width: 40px;
  height:40px;
}

/*********************************Áîëüøèå************************/

#collection-container-b{
box-sizing: border-box;
color:#ddbe93;
background: url(http://i1.imageban.ru/out/2017/12/13/a5806c043e6e9cefd5c140a2c06fa66b.png) repeat #472915;
min-height: 120px;
width: 605px;
border: 13px solid rgba(0,0,0,0) !important;
border-image: url(http://i1.imageban.ru/out/2017/12/13/511952351cf89436a928aaaf3b550fa5.png) 41% 41% 41% 41% / 41px 41px 41px 41px repeat repeat !important;
margin-left:12px;
margin-top: 28px;
}

#collection-h2-b{
background: rgba(255,255,255,0) url(http://i5.imageban.ru/out/2017/12/15/b11cfb9916b0ea29d23550f331bbf541.png) no-repeat scroll;
 height: 52px !important;
  width:630px;
  padding: 17px 0px 0px 60px !important;
  margin: -45px 0px 0px -27px;
  font-size: 22px;
  font-family: Georgia !important;
  color: rgba(201,123,193, 1) !important;
  text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
}
#collection-numbers-b{
color: rgba(248,178,246, 0.8) !important;
  text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
  font-family: Geogia;
  font-size:22px;
  padding-top:0px!important;
  margin: -56px 0px 0px 410px !important;
  height:20px;
  width:95px;
  text-align: center;
}

#collection-op-cl-b{
color: rgba(203,127,200, 0.8) !important;
  text-shadow: 0 0 5px rgba(37,3,32, 1), 0 0 2px rgba(37,3,32, 1), 0 0 7px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1), 0 0 15px rgba(37,3,32, 1), 0 0 10px rgba(37,3,32, 1) !important;
  font-family: Georgia;
  font-size:10px;
  padding-top:0px!important;
  margin: 0px 0px 0px 400px!important;
  height:15px;
  letter-spacing: 1px;
width: 120px;
text-align: center;
}
#collection-mini-img-b{ margin: -36px 0px 0px -15px;}

#collection-content-b{
  margin-top:20px;
  margin-bottom:-10px;
  color:#ddbe93;
}
#collection-content-box-b{
color:#ddbe93;
  height: 88px;
  width:88px;
  border-radius: 7px;
  background: rgba(0,0,0,0.3);
  padding:10px 0px 0px 10px;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7) inset, 0px 0px 5px 0px rgba(221,190,147,0.3);
  border:1px solid rgba(0,0,0,0.5);
}

#collection-active-b{
opacity: 1.0;
filter: grayscale(0%);
height:80px;
width:80px;
}
#collection-passive-b{
opacity: 0.5;
filter: grayscale(80%);
height:80px;
width:80px;
}

#raz {
  text-align: center;
}
#raz span {
  display: inline-block;
  margin: 5px 12px; /* при сужении окна браузера от блока до края родителя присутствует отступ слева и справа */
  word-wrap: break-word;
  vertical-align: top;
}
#raz span:empty { /* убрать пустой элемент из потока */
  display: none;
}

#txt {
  text-align: center;
}
#txt span {
  display: inline-block;
  margin: 5px 5px; /* при сужении окна браузера от блока до края родителя присутствует отступ слева и справа */
  word-wrap: break-word;
  vertical-align: top;
  width:60px;
  font-family: Georgia;
  font-size: 10px;
}
#txt span:empty { /* убрать пустой элемент из потока */
  display: none;
}


#collection-mini-img{ margin: -36px 0px 0px 40px;
  padding:3px;
  width:33px; height:33px; border-radius: 20px; 
box-shadow: 0px 0px 8px 8px rgba(30,14,4,0.3) inset, 0px 0px 3px rgba(30,14,4,0.9);
  background: rgba(78,50,28,1);
border: 1px solid rgba(18,8,2,0.9);}</style>

<div id="collection-container"><div id="collection-h2">Название коллекции </div>
<div id="collection-numbers">3&nbsp;•&nbsp;5</div><div id="collection-op-cl">открыто • закрыто</div>
<div id="collection-mini-img"><img style="width:36px;height:36px; /*! border-radius: 30px; */
  /*! box-shadow: 0px 0px 5px 2px rgba(0,0,0,1) inset; */  filter: sepia(100%);" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div> 

<div id="collection-content"><div id="raz">
  <span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span><span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span><span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span><span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span><span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span><span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span><span><div id="collection-content-box"><img id="collection-active" src="http://i3.imageban.ru/out/2017/12/13/0224d62e7e3c87217afb97d5c62f4a89.png"></div></span>
</div>
<div id="txt">
  <span><div>Название предмета 2</div></span> <span><div>Название предмета 2</div></span> <span><div>Название предмета 3</div></span> <span><div>Название предмета 4</div></span> <span><div>Название предмета 5</div></span> <span><div>Название предмета 6</div></span> <span><div>Название предмета 7</div></span>
</div></div></div>