Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=raleway' rel='stylesheet' type='text/css'><style type="text/css">.tabbycatss { position: relative; background:#faf5e8; font:10px/150% Calibri,sans-serif;color:#000; padding:1px 30px 25px; min-width:450px; max-width:470px; height:650px; margin:auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border-bottom:1px solid #ddd background-color: #f3f2ef; border: 4px #ecd8a9 double; border-radius: 20px;-moz-box-shadow: inset 0 0 10px 5px #d18d4e; -webkit-box-shadow: inset 0 0 10px 5px #d18d4e; box-shadow: inset 0 0 10px 5px #d18d4e; clear: both; } .tabbycat {float: left;} .tabbycat label { display: block; width: 135px; text-align: center; font-family: verdana; margin-top: 28px; color: #fff; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; background: #e5cbaa; padding: 5px; position: relative; margin-bottom: 10px; margin-left: 60px; } .tabbycat [type=radio] { display: none; } .catcontent { position: absolute; font-family: verdana; font-size: 14px; text-transform: lowercase; text-align: left; line-heigh: 10% top: 30px; left: 10px; overflow: auto; width: 508px; height: 640px; background: #f6ede1; border: 1px solid #edd89a;} .rule {width: 483px; height: 170px; overflow: auto; text-align: justify; color: #68470e; font-size: 10px; padding: 5px; background-color: #f6ede1; } </style> <center> <div class="tabbycatss"> <br> <div class="tabbycat"> <input type="radio" id="tabbycat-1" name="tabbycat-group-1" checked> <div class="catcontent"> <table> <tr><td><div style="background-color: #d4965b; font-family: Lobster; font-size: 35px; letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;"><div style="left: 30px;">магазин подарков</div></div></td></tr></table><div style="font-family: Lobster; font-size: 20px;"><center><b>100 юаней</div></b><br> <table><tr><td><center><img src="http://s5.uploads.ru/xvncb.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.1</div></center></td><td><center><img src="http://s4.uploads.ru/hBnfe.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.2</div></center></td><td><center><img src="http://s4.uploads.ru/zD03T.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.3</div></center></td><td><center><img src="http://s5.uploads.ru/OUe7p.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.4</div></center></td><td><center><img src="http://s5.uploads.ru/z4vZA.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.5</div></center></td><td><center><img src="http://s4.uploads.ru/S2ry5.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.6</div></center></td><td><center><img src="http://s5.uploads.ru/kN217.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.7</div></center></td><td><center><img src="http://s4.uploads.ru/9vAj6.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.8</div></center></td></tr> <tr><td><center><img src="http://sa.uploads.ru/ybU7T.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.9</div></center></td><td><center><img src="http://s3.uploads.ru/LrM9D.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.10</div></center></td><td><center><img src="http://s3.uploads.ru/qGt80.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.11</div></center></td><td><center><img src="http://s3.uploads.ru/o8hNf.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.12</div></center></td><td><center><img src="http://s3.uploads.ru/emynw.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.13</div></center></td><td><center><img src="http://s3.uploads.ru/Nlwqm.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.14</div></center></td><td><center><img src="http://s3.uploads.ru/7kgSD.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.15</div></center></td><td><center><img src="http://s4.uploads.ru/Tv9gN.png"><br> <div style="background-color: #deb083; font-size: 10px;">0.16</div></center></td></tr></table> <table><div style="font-family: Lobster; font-size: 20px;"><center><b>150 юаней</div></b><br> <tr><td><center><img src="http://sa.uploads.ru/YQzVr.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.1</div></center></td><td><center><img src="http://sa.uploads.ru/Oh7jI.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.2</div></center></td><td><center><img src="http://sa.uploads.ru/JiA14.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.3</div></center></td><td><center><img src="http://sa.uploads.ru/AiX0R.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.4</div></center></td><td><center><img src="http://sa.uploads.ru/Ne2ip.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.5</div></center></td><td><center><img src="http://savepic.net/6200550m.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.6</div></center></td><td><center><img src="http://savepic.net/6166557m.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.7</div></center></td><td><center><img src="http://sa.uploads.ru/86jW1.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.8</div></center></td></tr> <tr><td><center><img src="http://sa.uploads.ru/BzReU.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.9</div></center></td><td><center><img src="http://sa.uploads.ru/u9PhE.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.10</div></center></td><td><center><img src="http://sa.uploads.ru/9w3sF.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.11</div></center></td><td><center><img src="http://sa.uploads.ru/CFvqi.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.12</div></center></td><td><center><img src="http://sa.uploads.ru/Yrw35.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.13</div></center></td><td><center><img src="http://sa.uploads.ru/xQRbF.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.14</div></center></td><td><center><img src="http://sa.uploads.ru/rU2Ye.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.15</div></center></td><td><center><img src="http://sa.uploads.ru/ta4lK.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.16</div></center></td></tr> <tr><td><center><img src="http://funkyimg.com/i/Q3eZ.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.17</div></center></td><td><center><img src="http://sa.uploads.ru/QlOaU.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.18</div></center></td><td><center><img src="http://s5.uploads.ru/L6wCN.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.19</div></center></td><td><center><img src="http://s3.uploads.ru/QiDdB.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.20</div></center></td><td><center><img src="http://s3.uploads.ru/42B6R.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.21</div></center></td><td><center><img src="http://s3.uploads.ru/c5CwY.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.22</div></center></td><td><center><img src="http://s3.uploads.ru/8Q4mY.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.23</div></center></td><td><center><img src="http://s5.uploads.ru/byqaZ.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.24</div></center></td></tr> <tr><td><center><img src="http://funkyimg.com/i/YzwD.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.25</div></center></td><td><center><img src="http://funkyimg.com/i/YzwE.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.26</div></center></td><td><center><img src="http://funkyimg.com/i/YzwF.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.27</div></center></td><td><center><img src="http://funkyimg.com/i/YzwG.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.28</div></center></td><td><center><img src="http://funkyimg.com/i/YzwH.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.29</div></center></td><td><center><img src="http://funkyimg.com/i/YzwJ.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.30</div></center></td><td><center><img src="http://funkyimg.com/i/YzwK.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.31</div></center></td><td><center><img src="http://funkyimg.com/i/YzwL.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.32</div></center></td></tr> <tr><td><center><img src="http://funkyimg.com/i/YzwC.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.33</div></center></td><td><center><img src="http://funkyimg.com/i/YzwM.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.34</div></center></td><td><center><img src="http://funkyimg.com/i/YzwU.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.35</div></center></td><td><center><img src="http://funkyimg.com/i/YzwV.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.36</div></center></td><td><center><img src="http://funkyimg.com/i/YzwW.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.37</div></center></td><td><center><img src="http://funkyimg.com/i/YzwX.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.38</div></center></td><td><center><img src="http://funkyimg.com/i/YzwZ.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.39</div></center></td><td><center><img src="http://sa.uploads.ru/VDZBn.png"><br> <div style="background-color: #deb083; font-size: 10px;">1.40</div></center></td></tr></table> <table><div style="font-family: Lobster; font-size: 20px;"><center><b>200 юаней</div></b><br> <tr><td><center><img src="http://s5.uploads.ru/rWn9X.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.1</div></center></td><td><center><img src="http://s4.uploads.ru/2qAb4.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.2</div></center></td><td><center><img src="http://s3.uploads.ru/vX3Nn.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.3</div></center></td><td><center><img src="http://s3.uploads.ru/c1eaO.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.4</div></center></td><td><center><img src="http://s4.uploads.ru/SXRcw.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.5</div></center></td><td><center><img src="http://s5.uploads.ru/rqMsd.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.6</div></center></td><td><center><img src="http://s4.uploads.ru/GrVHb.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.7</div></center></td><td><center><img src="http://s4.uploads.ru/SNU8d.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.8</div></center></td></tr> <tr><td><center><img src="http://s4.uploads.ru/gJZUz.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.9</div></center></td><td><center><img src="http://s4.uploads.ru/f4sMK.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.10</div></center></td><td><center><img src="http://s5.uploads.ru/Pmx54.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.11</div></center></td><td><center><img src="http://s4.uploads.ru/Zk5Aa.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.12</div></center></td><td><center><img src="http://s5.uploads.ru/0c1sq.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.13</div></center></td><td><center><img src="http://s5.uploads.ru/kmt3w.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.14</div></center></td><td><center><img src="http://s5.uploads.ru/eDjRU.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.15</div></center></td><td><center><img src="http://s5.uploads.ru/Jcygm.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.16</div></center></td></tr> <tr><td><center><img src="http://sa.uploads.ru/mWjqc.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.17</div></center></td><td><center><img src="http://sa.uploads.ru/bAM2y.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.18</div></center></td><td><center><img src="http://sa.uploads.ru/HFM2V.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.19</div></center></td><td><center><img src="http://sa.uploads.ru/hS9Ic.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.20</div></center></td><td><center><img src="http://sa.uploads.ru/GwFp6.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.21</div></center></td><td><center><img src="http://sa.uploads.ru/LNWfS.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.22</div></center></td><td><center><img src="http://sa.uploads.ru/HRCT4.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.23</div></center></td><td><center><img src="http://sa.uploads.ru/Wd9MJ.png"><br> <div style="background-color: #deb083; font-size: 10px;">2.24</div></center></td></tr></table> </div> </div></center>
шаблон
Код:[b]1. Номер подарка[/b] ваш ответ [b]2. Кому подарок?[/b] (ссылка на профиль) [b]3. Что подписать?[/b] (текст к подарку/обязательно) [b]4. Сумма[/b] ваш ответ