gg
ВОПРОСЫ
Сообщений 21 страница 30 из 34
Поделиться232015-08-13 15:08:28
<!--HTML--><br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 130px; line-height: 70%;">Toon Boom Cartoon</div> <div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div></center> <div style="width: 600px; height: auto; font-family: Cuprum; font-size: 15px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify; padding-top: 20px; margin-bottom: 0px;"> <center>Алоха;3 Перед вами сейчас отличная возможность помочь нам и заработать чудесные подарки от мультяшных героев. Они наверняка вам понравятся. Всё, что нужно - это <b>заниматься рекламой</b>. Оставили 10 реклам - получили наборчик подарков. 30 - еще один. И так по нарастанию. Все оставленные вами рекламы суммируются! Например, если вы сначала оставили 10 рекламных листовок и получили набор "крепкий орешек", то вам достаточно оставить еще 20 реклам нашего проекта, чтобы получить набор "мечтами о пляже". Это не так сложно, верно? <br><br>Рекламим в специально-отведенной теме. Все ваши рекламные достижения оставляем прямыми ссылками здесь. Даже если вам не хватает количества листовок для получения наборчика, вы всё равно можете заполнить здесь анкету, чтобы не потерять ваши рекламные достижения и суммировать их в будущем.</center> <br> </div> <br><br><center><div style="width: 450px; height: 30px; background: #70845e; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">приятные бонусы</div> <div style="width: 450px; height: 30px; background: #418275; font-family: cuprum; font-size: 15px; text-transform: lowercase; color: white; line-height: 30px;">или в наборчик входят:</div> <div style="width: 450px; height: auto; padding: 5px; font-family: cuprum; text-transform: lowercase; font-size: 13px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> <br>→ кнопочка на личную страницу <br>→ картинка в статус <br>→ воны ₩ <br><br> </div> </center>
<!--HTML--><style type="text/css"> .chak b { font-weight: extra-bold; color: #E08E79; } .chakra { opacity: 0; width: 200px; height: 200px; position: center; background-color: #fff; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); } .chakhov:hover { opacity: 1; -webkit-transition:all 1s ease-in-out; transition:all 1.5s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; } .chakhov:hover .chakra { opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); } .chakras { width: 180px; height: 180px; position: relative; padding: 10px; text-align: justify; font-family: calibri; font-size: 10px; color: #111; text-transform: lowercase; letter-spacing: 1px; line height: 10px;overflow: auto; } </style> <center> <table cellspacing="2" cellpadding="2" ><tr> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNu.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 10 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">КРЕПКИЙ ОРЕШЕК</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNv.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 30 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">МЕЧТАМИ О ПЛЯЖЕ</div></center> </td></tr> <tr><td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNw.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 50 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">ПЛЮШЕВЫЙ МОНСТР</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNx.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 100 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">БЭМБИ БЭЙБИ</div></center> </td></tr> <tr><td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNy.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 150 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">CARAMBA</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNz.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 200 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">ALOHA!</div></center> </td></tr> <tr><td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNA.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 300 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">ХАКУНА МАТАТА</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNC.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 400 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">ВСЕ СУМАСШЕДШИЕ</div></center> </td></tr> <tr><td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNL.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 500 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">САМО ДОБРОДУШИЕ</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNM.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 600 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">PURR PURR~</div></center> </td></tr> <tr><td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNN.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 700 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">ЕДА, Я ЛЮБЛЮ ТЕБЯ</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNP.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 800 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">КОНТАКТ НЕИЗБЕЖЕН</div></center> </td></tr> <tr><td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNQ.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 900 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">I LIKE TO MOVE IT</div></center> </td> <td><center><div style="width: 200px; height: 200px; background-image: url(http://funkyimg.com/i/ZwNR.png);"> <div class="chakhov"><div class="chakra"><div class="chakras"> ЗА 1000 РЕКЛАМНЫХ ЛИСТОВОК </div></div></div> </div> <div style=" width: 190px; padding: 5px; font-family: calibri; font-size: 9px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background: #418275;">BAYMAX <3</div></center> </td></tr> </table> </center>
ШАБЛОН АНКЕТЫ:
→ ссылки на оставленные вами рекламы (можно с "ссылка" по "ссылка"):
→ количество оставленных реклам:
→ хватает ли вам на набор (если да, то на какой):
[font=Cuprum][b]ШАБЛОН АНКЕТЫ:[/b] [b]→ ссылки на оставленные вами рекламы[/b] [i](можно [b]с[/b] "ссылка" [b]по[/b] "ссылка")[/i]: [b]→ количество оставленных реклам[/b]: [b]→ хватает ли вам на набор[/b] [i](если да, то на какой)[/i]: [/font]
Поделиться242015-08-13 17:17:15
http://funkyimg.com/i/213Yj.png
http://funkyimg.com/i/213Ya.png
http://funkyimg.com/i/213Ya.png
http://funkyimg.com/i/213Yg.png
http://funkyimg.com/i/213Yf.png
http://funkyimg.com/i/213Yb.png
http://funkyimg.com/i/213YQ.png
http://funkyimg.com/i/213YR.png
http://funkyimg.com/i/213YV.png
http://funkyimg.com/i/213YW.png
http://funkyimg.com/i/213YX.png
http://funkyimg.com/i/213YY.png
Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 580px; background: #ebeeee; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 0px 0px 0px #888888; -o-box-shadow:3px 3px 5px #888888;"> <br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 130px; line-height: 70%;">fruit ninja</div> <div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div></center> Спешите получить заслуженные подарочки за вашу активность! Чем больше сообщений, тем больше фруктов пойдет в вашу корзиночку. Не стесняемся - флудим, общаемся, мыслим, играем. Не стоит отказывать себе в фрутовом удовольствии;3 Код: <!--HTML--><br><br><center><div style="width: 450px; height: 30px; background: #70845e; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">приятные бонусы</div> <div style="width: 450px; height: 30px; background: #418275; font-family: cuprum; font-size: 15px; text-transform: lowercase; color: white; line-height: 30px;">или в наборчик входят:</div> <div style="width: 450px; height: auto; padding: 5px; font-family: cuprum; text-transform: lowercase; font-size: 13px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> <br>→ кнопочка на личную страницу <br>→ картинка в статус <br>→ воны ₩ <br><br> </div> </center> Код: <!--HTML--><style>.fc-grid { padding: 0; list-style: none; display: block; text-align: left; width: 500px; background: none; } .fc-grid:after, .fc-item:before { content: ''; display: table; } .fc-grid:after { clear: both; } .fc-grid li { width: 150px; height: 150px; display: inline-block; margin: 5px; } .fc-item { width: 100%; height: 100%; position: relative; cursor: default; } .fc-info-wrap{ position: absolute; width: 110px; height: 110px; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 20px; left: 20px; background: #f9f9f9; box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); } .fc-info{ position: absolute; width: 110px; height: 110px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .fc-info > div { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .fc-info .fc-info-back { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); background: #418275; } .fc-img-1 { background-image: url(http://funkyimg.com/i/ZsxW.png); } .fc-img-2 { background-image: url(http://funkyimg.com/i/ZsxX.png); } .fc-img-3 { background-image: url(http://funkyimg.com/i/ZsxY.png); } .fc-img-4 { background-image: url(http://funkyimg.com/i/ZsxZ.png); } .fc-info h3 { color: #fff; text-transform: uppercase; letter-spacing: -1px; font-size: 12px; margin: 0 0px; padding: 5px 0 0 0; font-family: arial black; } .fc-info i { color: #fff; font-size: 10px; } .fc-info p { margin-top: 5px; color: #fff; font-size: 10px; line-height: 10px; font-family: calibri; text-transform: uppercase; } .fc-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .fc-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); } .fc-item:hover .fc-info-wrap { box-shadow: 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8); } .fc-item:hover .fc-info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } hr { width: 90%; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(57, 57, 57, 0.75), rgba(0, 0, 0, 0)); } </style> <center> <div style="background: #418275; width: 330px; padding: 20px;"> <ul class="fc-grid"> <li> <div class="fc-item fc-img-1"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-1"></div> <div class="fc-info-back"> <h3>Помидор</h3> <i>"just vegetable"</i> <p> выдается за<br> 100 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> <li> <div class="fc-item fc-img-2"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-2"></div> <div class="fc-info-back"> <h3>Яблоко</h3> <i>"Hey, apple"</i> <p> Выдается за<br> 500 сообщений.<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> </ul> <ul class="fc-grid"> <li> <div class="fc-item fc-img-3"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-3"></div> <div class="fc-info-back"> <h3>Апельсин</h3> <i>"orange caramel"</i> <p> выдается за<br> 1 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> <li> <div class="fc-item fc-img-4"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-4"></div> <div class="fc-info-back"> <h3>Манго</h3> <i>"exo-tic"</i> <p> выдается за<br> 2 000 сообщений<br> </p> <hr> <p> </p> </div> </div> </div> </div> </li> </ul> </div> <style>.fc-grid { padding: 0; list-style: none; display: block; text-align: left; width: 500px; background: none; } .fc-grid:after, .fc-item:before { content: ''; display: table; } .fc-grid:after { clear: both; } .fc-grid li { width: 150px; height: 150px; display: inline-block; margin: 5px; } .fc-item { width: 100%; height: 100%; position: relative; cursor: default; } .fc-info-wrap{ position: absolute; width: 110px; height: 110px; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 20px; left: 20px; background: #f9f9f9; box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); } .fc-info{ position: absolute; width: 110px; height: 110px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .fc-info > div { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .fc-info .fc-info-back { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); background: #418275; } .fc-img-5 { background-image: url(http://funkyimg.com/i/ZsJL.png); } .fc-img-6 { background-image: url(http://funkyimg.com/i/ZsJM.png); } .fc-img-7 { background-image: url(http://funkyimg.com/i/ZsJN.png); } .fc-img-8 { background-image: url(http://funkyimg.com/i/ZsJP.png); } .fc-info h3 { color: #fff; text-transform: uppercase; letter-spacing: -1px; font-size: 12px; margin: 0 0px; padding: 5px 0 0 0; font-family: arial black; } .fc-info i { color: #fff; font-size: 10px; } .fc-info p { margin-top: 5px; color: #fff; font-size: 10px; line-height: 10px; font-family: calibri; text-transform: uppercase; } .fc-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .fc-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); } .fc-item:hover .fc-info-wrap { box-shadow: 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8); } .fc-item:hover .fc-info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } hr { width: 90%; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(57, 57, 57, 0.75), rgba(0, 0, 0, 0)); } </style> <center> <div style="background: #418275; width: 330px; padding: 20px;"> <ul class="fc-grid"> <li> <div class="fc-item fc-img-5"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-5"></div> <div class="fc-info-back"> <h3>Лимон</h3> <i>"so sweeeet~"</i> <p> выдается за<br> 4 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> <li> <div class="fc-item fc-img-6"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-6"></div> <div class="fc-info-back"> <h3>абрикос</h3> <i>"i'm not peachy!"</i> <p> Выдается за<br> 7 000 сообщений.<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> </ul> <ul class="fc-grid"> <li> <div class="fc-item fc-img-7"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-7"></div> <div class="fc-info-back"> <h3>груша</h3> <i>"pear disappear"</i> <p> выдается за<br> 11 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> <li> <div class="fc-item fc-img-8"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-8"></div> <div class="fc-info-back"> <h3>Киви</h3> <i>"little bird"</i> <p> выдается за<br> 16 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> </ul> </div> <style>.fc-grid { padding: 0; list-style: none; display: block; text-align: left; width: 500px; background: none; } .fc-grid:after, .fc-item:before { content: ''; display: table; } .fc-grid:after { clear: both; } .fc-grid li { width: 150px; height: 150px; display: inline-block; margin: 5px; } .fc-item { width: 100%; height: 100%; position: relative; cursor: default; } .fc-info-wrap{ position: absolute; width: 110px; height: 110px; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 20px; left: 20px; background: #f9f9f9; box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); } .fc-info{ position: absolute; width: 110px; height: 110px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .fc-info > div { display: block; position: absolute; width: 100%; height: 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .fc-info .fc-info-back { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); background: #418275; } .fc-img-9 { background-image: url(http://funkyimg.com/i/ZsLP.png); } .fc-img-10 { background-image: url(http://funkyimg.com/i/ZsLQ.png); } .fc-img-11 { background-image: url(http://funkyimg.com/i/ZsLR.png); } .fc-img-12 { background-image: url(http://funkyimg.com/i/ZsLS.png); } .fc-info h3 { color: #fff; text-transform: uppercase; letter-spacing: -1px; font-size: 12px; margin: 0 0px; padding: 5px 0 0 0; font-family: arial black; } .fc-info i { color: #fff; font-size: 10px; } .fc-info p { margin-top: 5px; color: #fff; font-size: 10px; line-height: 10px; font-family: calibri; text-transform: uppercase; } .fc-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .fc-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); } .fc-item:hover .fc-info-wrap { box-shadow: 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8); } .fc-item:hover .fc-info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } hr { width: 90%; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(57, 57, 57, 0.75), rgba(0, 0, 0, 0)); } </style> <center> <div style="background: #418275; width: 330px; padding: 20px;"> <ul class="fc-grid"> <li> <div class="fc-item fc-img-9"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-9"></div> <div class="fc-info-back"> <h3>банан</h3> <i>"you want me"</i> <p> выдается за<br> 22 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> <li> <div class="fc-item fc-img-10"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-10"></div> <div class="fc-info-back"> <h3>клубника</h3> <i>"so delicious"</i> <p> Выдается за<br> 29 000 сообщений.<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> </ul> <ul class="fc-grid"> <li> <div class="fc-item fc-img-11"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-11"></div> <div class="fc-info-back"> <h3>вишня</h3> <i>"chu chu cerry"</i> <p> выдается за<br> 42 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> <li> <div class="fc-item fc-img-12"> <div class="fc-info-wrap"> <div class="fc-info"> <div class="fc-info-front fc-img-12"></div> <div class="fc-info-back"> <h3>Персик</h3> <i>"rich peach bitch"</i> <p> выдается за<br> 50 000 сообщений<br> </p> <hr> <p> <br> </p> </div> </div> </div> </div> </li> </ul> </div> ШАБЛОН АНКЕТЫ: |
[font=cuprum] ✓ [b]количество оставленных сообщений[/b]: ✓ [b]название фрукта[/b]:[/font]
Поделиться252015-08-13 18:32:45
Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 580px; background: #ebeeee; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 0px 0px 0px #888888; -o-box-shadow:3px 3px 5px #888888;"> <br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 130px; line-height: 70%;">marvel</div> <div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div></center> Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'><style type="text/css">#dntracker { width: 450px; height: 250px; position: relative; overflow: hidden; } .dnimg { position: absolute; top: 0px; left: 0px; } .dnone { position: absolute; top: 0px; right: -120px; width: 120px; height: 30px; background: rgba(189,205,208,0.9); font: 400 18px/15px cuprum; text-transform: uppercase; text-align: center; color: white; letter-spacing: 1px; padding: 110px 0px; -webkit-transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; } .dntwo { position: absolute; top: 0px; right: -270px; width: 150px; height: 126px; background: rgba(255,255,255,0.8); padding: 62px 0px; -webkit-transition: 1.1s all ease-in-out; -moz-transition: 1.1s all ease-in-out; transition: 1.1s all ease-in-out; } .dntwo a { display: block; width: 120px; background: #BDCDD0; padding: 10px 0px; font: 400 12px/12px cuprum; text-transform: uppercase; text-align: center; color: white; letter-spacing: 1px; margin-bottom: 15px; } .dnthree { position: absolute; top: 0px; right: -450px; width: 150px; height: 220px; background: rgba(255,255,255,0.9); border: 15px solid rgba(0,0,0,0); text-align: left; -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; transition: 1.5s all ease-in-out; overflow: auto; } .dnthree a { font: 400 10px/10px oranienbaum; text-transform: uppercase; color: #8BA6AC; letter-spacing: 1px; display: inline; position: relative; } .dnthree hr { border: 0px; width: 100px; height: 1px; background: #8BA6AC; margin: 15px auto; } #dntracker:hover .dnone { right: 330px; } #dntracker:hover .dntwo { right: 180px; } #dntracker:hover .dnthree { right: 0px; } .dnthree a:hover:after { content: attr(title); display: block; background: #BDCDD0; border-radius: 5px; color: white; padding: 5px; position: absolute; z-index: 4; bottom: 15px; left: 0px;} .dnthree a:hover:before { border: solid; border-color: #BDCDD0 transparent; border-width: 5px 3px 0px 3px; bottom: 10px; content: ""; display: block; left: 20px; position: absolute; z-index: 5; } .dnthree::-webkit-scrollbar { width: 5px; } .dnthree::-webkit-scrollbar-thumb { background: #BDCDD0; }</style><center><div style="width: 450px; height: 250px; background: url(http://funkyimg.com/i/ZBvn.png); padding: 25px 0px; border-top: 1px dotted #8BA6AC; border-bottom: 1px dotted #8BA6AC;"><div id="dntracker"><div class="dnimg"> </div><div class="dnone"> City of<br> Heroes </div><div class="dntwo"> <a href="link">krw</a> <a href="link">число занятых</a> <a href="link">число свободных</a> </div><div class="dnthree"> СВОБОДНЫЕ СТАТУСЫ<br> • hulk<br> • iron man<br> • thor<br> • captain america<br> • black widow<br> • ant man<br> • spider man<br> • star lord<br> • gamora<br> • groot<br> • rocket raccoon<br> • loki<br> <hr> ЗАНЯТЫЕ СТАТУСЫ<br> <a href="link" title="with name">your name</a><br> </div></div></div></center> Любые из предложенных статусов могут покупать как девушки, так и парни, вай нот;з Код: <!--HTML--><br><br><center><div style="width: 450px; height: 30px; background: #70845e; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">приятные бонусы</div> <div style="width: 450px; height: 30px; background: #418275; font-family: cuprum; font-size: 15px; text-transform: lowercase; color: white; line-height: 30px;">или в наборчик входят:</div> <div style="width: 450px; height: auto; padding: 5px; font-family: cuprum; text-transform: lowercase; font-size: 13px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> <br>→ кнопочка на личную страницу <br>→ картинка в статус <br>→ возможность сделать один бесплатный подарок <br>→ причастность к вселенной marvel (это же весело, ну хд) <br>→ при наборе всех 12 супергероев организуем лотерею <br>→ если идея будет принята, то возможно ее дальнейшее развитие и дополнение различными нововведениями и бонусами <br><br> </div> </center> пример статуса;з Не забываем все вопросы/идеи/предложения выкладывать в специальной теме. ♥ U~ |
Поделиться262015-08-13 20:02:01
Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 580px; background: #ebeeee; padding: 20px; box-shadow:3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 0px 0px 0px #888888; -o-box-shadow:3px 3px 5px #888888;"> <br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 130px; line-height: 70%;">Once upon a time...</div> <div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div></center> Код: <!--HTML--><link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'><style type="text/css">#dntracker { width: 450px; height: 250px; position: relative; overflow: hidden; } .dnimg { position: absolute; top: 0px; left: 0px; } .dnone { position: absolute; top: 0px; right: -120px; width: 120px; height: 30px; background: rgba(189,205,208,0.9); font: 400 18px/15px cuprum; text-transform: uppercase; text-align: center; color: white; letter-spacing: 1px; padding: 110px 0px; -webkit-transition: 0.7s all ease-in-out; -moz-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; } .dntwo { position: absolute; top: 0px; right: -270px; width: 150px; height: 126px; background: rgba(255,255,255,0.8); padding: 62px 0px; -webkit-transition: 1.1s all ease-in-out; -moz-transition: 1.1s all ease-in-out; transition: 1.1s all ease-in-out; } .dntwo a { display: block; width: 120px; background: #BDCDD0; padding: 10px 0px; font: 400 12px/12px cuprum; text-transform: uppercase; text-align: center; color: white; letter-spacing: 1px; margin-bottom: 15px; } .dnthree { position: absolute; top: 0px; right: -450px; width: 150px; height: 220px; background: rgba(255,255,255,0.9); border: 15px solid rgba(0,0,0,0); text-align: left; -webkit-transition: 1.5s all ease-in-out; -moz-transition: 1.5s all ease-in-out; transition: 1.5s all ease-in-out; overflow: auto; } .dnthree a { font: 400 10px/10px oranienbaum; text-transform: uppercase; color: #8BA6AC; letter-spacing: 1px; display: inline; position: relative; } .dnthree hr { border: 0px; width: 100px; height: 1px; background: #8BA6AC; margin: 15px auto; } #dntracker:hover .dnone { right: 330px; } #dntracker:hover .dntwo { right: 180px; } #dntracker:hover .dnthree { right: 0px; } .dnthree a:hover:after { content: attr(title); display: block; background: #BDCDD0; border-radius: 5px; color: white; padding: 5px; position: absolute; z-index: 4; bottom: 15px; left: 0px;} .dnthree a:hover:before { border: solid; border-color: #BDCDD0 transparent; border-width: 5px 3px 0px 3px; bottom: 10px; content: ""; display: block; left: 20px; position: absolute; z-index: 5; } .dnthree::-webkit-scrollbar { width: 5px; } .dnthree::-webkit-scrollbar-thumb { background: #BDCDD0; }</style><center><div style="width: 450px; height: 250px; background: url(http://funkyimg.com/i/214iq.png); padding: 25px 0px; border-top: 1px dotted #8BA6AC; border-bottom: 1px dotted #8BA6AC;"><div id="dntracker"><div class="dnimg"> </div><div class="dnone"> 14<br>Princess </div><div class="dntwo"> <a href="link">krw</a> <a href="link">число занятых</a> <a href="link">число свободных</a> </div><div class="dnthree"> СВОБОДНЫЕ СТАТУСЫ<br> ♥ жасмин <br> ♥ белль <br> ♥ русалочка <br> ♥ белоснежка <br> ♥ аврора <br> ♥ золушка <br> ♥ рапунцель <br> ♥ анна <br> ♥ эльза <br> ♥ покахонтас <br> ♥ мулан <br> ♥ мерида <br> ♥ алиса <br> ♥ динь динь<br> <hr> ЗАНЯТЫЕ СТАТУСЫ<br> <a href="link" title="with name">your name</a><br> </div></div></div></center> Соберем всех формальных и неформальных принцесс Диснея!^^ Код: <!--HTML--><br><br><center><div style="width: 450px; height: 30px; background: #70845e; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">приятные бонусы</div> <div style="width: 450px; height: 30px; background: #418275; font-family: cuprum; font-size: 15px; text-transform: lowercase; color: white; line-height: 30px;">или в наборчик входят:</div> <div style="width: 450px; height: auto; padding: 5px; font-family: cuprum; text-transform: lowercase; font-size: 13px; line-height: 95%; color: #3b3b3b; overflow: auto; text-align: justify;"> <br>→ кнопочка на личную страницу <br>→ картинка в статус <br>→ возможность сделать один бесплатный подарок <br>→ причастность к миру сказки (это же весело, ну хд) <br>→ при наборе всех 14 принцесс организуем лотерею <br>→ если идея будет принята, то возможно ее дальнейшее развитие и дополнение различными нововведениями и бонусами <br><br> </div> </center> пример статуса;з Не забываем все вопросы/идеи/предложения выкладывать в специальной теме. ♥ U~ |
Поделиться282015-08-14 18:21:15
голосование на парные статусы
- ромео и джульетта
- леди и бродяга
- сид и ненси
- бони и клайд
- адам и ева
- клеопатра и цезарь
- зевс и гера
- иван-царевич и василиса прекрасная
- Джек и Роза
- Дракула и Мина
- Моцарт и Сальери
- Мастер и Маргарита
- Барби и Кен
обязательно уточните кто есть кто в парочке по вашему мнению;3
Поделиться292015-08-16 11:48:50
<!--HTML--><style> #fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #418275; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #ebeeee} .fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;} .fluoresce1a:nth-child(2) {top: 192px; left: 180px} #fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;} #fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;} #fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;} #fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out} .fluoresce1b {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;} .fluoresce1b:nth-child(3) {color: #844e41; left: 30px} .fluoresce1b:nth-child(4) {color: #418275; left: 160px} #fluoresce .fluoresce1b:nth-child(3) {top: 114px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; } #fluoresce:hover .fluoresce1b:nth-child(3) {top: -78px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; } #fluoresce .fluoresce1b:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; } #fluoresce:hover .fluoresce1b:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; } .fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; } .fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden} .fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto } .fluoresce3::-webkit-scrollbar {width: 4px;} .fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #844e41} .fluoresce3::-webkit-scrollbar-track {background: #844e41; border: 1px solid #fff} .fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #844e41; font-size: 14px} .fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center} .fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;} .fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;} .fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px} .fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px} #fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease} #fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease} #fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s} #fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s } </style> <link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center> <div id="fluoresce"> <div class="fluoresce1a">administration</div> <div class="fluoresce1a">city court</div> <div class="fluoresce1b">административная</div> <div class="fluoresce1b">сфера</div> <div class="fluoresce2a"> <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/219Z1.png)"> <div class="fluoresce5a">aдминистрация</div> <div class="fluoresce5b"></div> </div> <div class="fluoresce3"><p>Мэр города: - <br>Заместитель мэра (35+): <br>Секретари:</div> </div> <div class="fluoresce2b"> <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/21a1x.png)"> <div class="fluoresce5a">городской суд</div> <div class="fluoresce5b"></div> </div> <div class="fluoresce3"><br>Главный судья: (40+) <br>Судьи: (35+) <br>Окружной прокурор: (27+) <br>Помощники прокурора: <br>Судебные приставы: <br>Суд-мед эксперты: <br>Адвокаты: <br>Общественные адвокаты:</div> </div> </div> </center>