Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'> <style type="text/css"> /* Clean up the lists styles */ ul.accordion { list-style: none; margin: 0; padding: 0; } /* Hide the radio buttons */ /* These are what allow us to toggle content panes */ ul.accordion label + input[type='radio'] { display: none; } /* Give each content pane some styles */ ul.accordion li { background-color: #FAEBD7; width: 450px; text-align: justify; font-size: 9.5px; font-family: tahoma; line-height: 95%; color: black; } /* Make the main tab look more clickable */ ul.accordion label { background-color:#F5DEB3; width: 430px; color: #778899; display: block; padding: 10px; text-align: center; border:3px solid #FAEBD7; font-family: LOBSTER; font-size: 20px; letter-spacing: 0px; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-right-radius:30px; border-bottom-left-radius:30px; } ul.accordion label:hover { cursor: pointer; } /* Set up the div that will show and hide */ ul.accordion div.content { overflow: hidden; padding: 0 10px; display: none; } /* Show the content boxes when the radio buttons are checked */ ul.accordion label + input[type='radio']:checked + div.content { display: block; } .apples {padding: 10px;} .lemons { background-color: #F5DEB3; width: 450px; color: #FF7F50; display: block; padding: 10px; text-align: center; text-shadow:1px 1px 0px #000; font-family: lobster ; font-size: 30px; letter-spacing: 1px; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-right-radius:30px; border-bottom-left-radius:30px; </style> <center> <div class="lemons">Награды</div> <div style="width: 450px; height: AUTOpx;FONT-FAMILY:LOBSTER;border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-right-radius:30px; border-bottom-left-radius:50px; background-image: url(http://ipic.su/img/img7/fs/6.1433358011.png);"><div style="padding-top: 25px;"><div style="width: 430px; height: 200px; background-image: url(https://33.media.tumblr.com/87f4aeda417d9b5b0560f844c73411be/tumblr_nftk280AT11rxeu95o1_500.gif);"></div><div style='background-color:#F5DEB3;border:1px solid #EED5B7; border-bottom-right-radius:30px; border-bottom-left-radius:30px;color:#8B8B83;font-size:14px;'>Амс тоже люди ( да-да, серьезно) и могут забыть вручить тебе наградку. Не потому, что не любят, а потому, что они просто забыли и у них пять дырок в голове. Поэтому ты сам можешь заглянуть в темку и намекнуть о недостающем атрибуте. Просто нужно заполнить легкий шаблон и - бац!- получи лавку <div style="color:red;font-size:16px;">Внимание:<br> - те, кто получает награду впервые, для начала вам надо отметиться в теме создания личной страницы. </div> </div></div> <ul class='accordion'> <li> <label for='cp-1'>Организационные</label> <input type='radio' name='a' id='cp-1'> <div class='content'><div class="apples"> <table style="font-family:lobster; font-size:12;height:auto;width= 90%; height:130" border="0" cellspacing="0" cellpadding="15" width="100%" height="130" > <tr> <td>За регистрацию<br> <img src="http://sg.uploads.ru/t/0EGgz.png"></td> <td>первый пост<br> <img src="http://sg.uploads.ru/t/hrDOM.png"></td> <td>500 сообщений<br> <img src="http://s3.uploads.ru/rPi7Y.png"></td> <td>1000 сообщений<br><img src="http://sg.uploads.ru/t/62xWb.png"></td> </tr><tr> <td>3000 сообщений<br> <img src="http://sh.uploads.ru/t/zaB0l.png"></td> <td>5000 сообщений<br> <img src="http://sg.uploads.ru/t/UMukY.png"></td> <td>10000 сообщений<br> <img src="http://sg.uploads.ru/t/9HsWv.png"></td> <td>2 часа онлайн<br><img src="http://sh.uploads.ru/t/bmUrv.png"></td> </tr> <tr> <td>3 часа онлайн<br> <img src="http://sg.uploads.ru/t/VzCPl.png"></td> <td>4 часа онлайн<br> <img src="http://funkyimg.com/i/Y24n.png"></td> <td>6 часов онлайн<br> <img src="http://funkyimg.com/i/Y24i.png"></td> <td>8 часов онлайн<br><img src="http://funkyimg.com/i/Y24o.png"></td> </tr> <tr> <td>завершить первый эпизод<br> <img src="http://sg.uploads.ru/t/OJD7j.png"></td> <td>Завершить 5 эпизод<br> <img src="http://funkyimg.com/i/Y24z.png"></td> <td>завершить 10 эпизод<br> <img src="http://sh.uploads.ru/t/L16Iu.png"></td> <td>Оставить отзыв на РПГ топ<br> <img src="http://funkyimg.com/i/Y24A.png"></td> </tr> <tr> <td>заполнить хронологию и отношения<br> <img src="http://funkyimg.com/i/Y24B.png"></td> <td>написано 10 постов<br> <img src="http://sg.uploads.ru/t/vIya1.png"></td> <td>написать 20 постов<br> <img src="http://sh.uploads.ru/t/tC48y.png"></td> <td>написать 30 постов<br> <img src="http://sh.uploads.ru/t/Vr4KD.png"></td> </tr> </table> </div></div> </li> <li> <label for='cp-2'>Игровые</label> <input type='radio' name='a' id='cp-2'> <div class='content'><div class="apples"> <table style="font-family:lobster; font-size:12;height:auto;width= 90%; height:130" border="0" cellspacing="0" cellpadding="15" width="100%" height="130" > <tr> <td>описание знакомства<br> <img src="http://funkyimg.com/i/Y26r.png"></td> <td>ваш первый поцелуй<br> <img src="http://sg.uploads.ru/t/z1Ycu.png"></td> <td>описание секса<br> <img src="http://funkyimg.com/i/Y27R.png"></td> <td>пьяный дебош<br><img src="http://sh.uploads.ru/t/WKOn8.png"></td> </tr><tr> <td>позор на публике<br> <img src="http://funkyimg.com/i/Y29u.png"></td> <td>бракосочетание<br> <img src="http://sh.uploads.ru/t/td9z4.png"></td> <td>пополнение в семье<br> <img src="http://funkyimg.com/i/Y288.png"></td> <td>отдых заграницей<br><img src="http://sh.uploads.ru/t/vrJkh.png"></td> </tr> <tr> <td>проблемы с законом<br> <img src="http://funkyimg.com/i/Y28E.png"></td> <td>мой персонаж ребенок<br> <img src="http://funkyimg.com/i/Y27Q.png"></td> <td>знакомство с родителями<br> <img src="http://sg.uploads.ru/t/9LIho.png"></td> <td>варить мет<br><img src="http://funkyimg.com/i/Y25S.png"></td> </tr> <tr> <td>измена<br> <img src="http://sg.uploads.ru/t/bp8d9.png"></td> <td>выступить на сцене<br> <img src="http://sh.uploads.ru/t/lcqNs.png"></td> <td>сбить слона<br> <img src="http://sg.uploads.ru/t/AyBfG.png"></td> </tr> </table> </div></div> </li> <li> <label for='cp-3'>Рекламно/Флудерные</label> <input type='radio' name='a' id='cp-3'> <div class='content'><div class="apples"> <table style="font-family:lobster; font-size:12;height:auto;width= 90%; height:130" border="0" cellspacing="0" cellpadding="15" width="100%" height="130" > <tr> <td>оставить 10 реклам<br> <img src="http://sh.uploads.ru/t/JKbjQ.png"></td> <td>20 реклам<br> <img src="http://sg.uploads.ru/t/ZNLzH.png"></td> <td>50 реклам<br> <img src="http://sh.uploads.ru/t/iYPVc.png"></td> <td>100 реклам<br><img src="http://sh.uploads.ru/t/O4Za7.png"></td> </tr><tr> <td>500 реклам<br> <img src="http://sg.uploads.ru/t/jkgfr.png"></td> <td>200 сообщений во флуд темах<br> <img src="http://sh.uploads.ru/t/bP6le.png"></td> <td>400 флудосообщений<br> <img src="http://sh.uploads.ru/t/6qMGj.png"></td> <td>800 флудосообщений<br><img src="http://sh.uploads.ru/t/b8WK0.png"></td> </tr> <tr> <td>1000 флудосообщений<br> <img src="http://funkyimg.com/i/Y2hp.png"></td> <td>3000 флудосообщений<br> <img src="http://funkyimg.com/i/Y2ho.png"></td> <td>оставить последнее сообщение во флуде<br> <img src="http://sh.uploads.ru/t/ICo25.png"></td> <td>создать новый флуд<br><img src="http://sh.uploads.ru/t/jqok2.png"></td> </tr> <tr> <td>создать 5 флудотем<br> <img src="http://sg.uploads.ru/t/l3cKQ.png"></td> <td>создать 10 флудотем<br> <img src="http://sg.uploads.ru/t/06niJ.png"></td> <td>сздать 15 флудотем<br> <img src="http://sh.uploads.ru/t/wCrOb.png"></td> </tr> </table> </div></div> </li> </ul> </center>
Код:
[b]1. ссылка на награду[/b] [b]2. Доказательство [/b]