Один из двух великих кланов оборотней.
- Первый возраст - на какой персонаж выглядит (то есть в каком он прошел ритуал посвящения), второй - сколько ему есть на самом деле.
- Просим не забывать описывать в биографии чувства и эмоции, отношение к ритуалу у оборотней или же отношение к укусу и первому перевоплощению у обращенных.
- Все изменения обсуждаются с АМС.
- В клане могут состоять еще 5 неканонов.
- В эту акцию также входят Инузука Киба, Яманака Ино, Акимичи Чоджи, Сарутоби Асума, биографию и характер которых Вы можете придумать сами.
[Action] Senju
Страница: 1
Тема закрыта
Сообщений 1 страница 9 из 9
Поделиться12015-10-06 03:43:43
Поделиться22015-10-06 03:45:03
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sg.uploads.ru/t/ob0KX.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">SENJU HASHIRAMA</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Хаширама - сильнейший оборотень клана Сенджу и его глава. В отличие от своего младшего брата, известен своим дружелюбием, а также добротой и некоторой мягкостью. Из-за этого посторонние люди часто удивляются, что именно такой человек был выбран главой клана. На деле же, когда в критических ситуациях от Хаширамы требуется серьезность, мужчина всегда ее проявляет. Не видные чужакам стойкость, храбрость, сила воли и упорство сторонникам клана представляют его прирожденным лидером.<br /><br /> <font color="#837372">♦</font> Хаширама полностью доверяет своим людям, а в особенности своему младшему брату, чьим советам нередко следует без каких-либо сомнений и колебаний.<br /><br /> <font color="#837372">♦</font> С детства мечтал прекратить войны между кланами Конохи. В свое время именно его стараниями в городе установился мирный порядок, который Сенджу стараются поддерживать до сих пор.<br /><br /> <font color="#837372">♦</font> После брата самым близким другом Хаширамы был Учиха Мадара - чистокровный вампир, который раньше разделял его идею о дружбе кланов, пока в один момент не изменил свое мнение и не исчез. С тех пор Сенджу ничего неизвестно о его судьбе.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>31 год | 545 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться32015-10-06 03:45:19
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/H72gT.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">SENJU TOBIRAMA</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Второй по силе оборотень в клане после своего старшего брата Хаширамы, хотя по характеру больше напоминает именно старшего из детей.<br /><br /> <font color="#837372">♦</font> Родился альбиносом, что видно по цвету его волос, кожи и глаз. С детства отличался здравым и взрослым мышлением, серьезностью, мужеством, а также недоверчивостью, жесткостью в некоторых ситуациях и консервативностью.<br /><br /> <font color="#837372">♦</font> Обходит вампиров стороной: считает их в некотором смысле отбросами, однако может и признать кровососа, если тот сможет заслужить его доверие.<br /><br /> <font color="#837372">♦</font> В давней схватке с вампирами убил Учиху Изуну, младшего брата Мадары, из-за чего с последним у него всегда были отношения "холодной войны", особенно после заключения мира между кланами.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>29 лет | 540 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться42015-10-06 03:45:33
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/ExFGq.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">SENJU TSUNADE</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦ </font>Легендарная женщина клана Сенджу. Цунаде очень сильна, как физически, так и духовно. Закаленная в своей долгой жизни, она может поставить на место любого зарвавшегося сопляка. А "сопляками" для нее являются почти все вокруг, ведь женщине уже более трехсот лет.<br /><br /> <font color="#837372">♦ </font>Цунаде отличается своей невероятной силой, любовью к выпивке и азартным играм. Может с одинаковой легкостью как снести врагу голову одним ударом, так и высушить несколько бутылок саке за один присест.<br /><br /> <font color="#837372">♦ </font>Так как потеряла любимых людей, - братишку и возлюбленного, - долгое время скиталась за пределами стаи. Не так давно вернулась, так как напряженность среди сверхъестественных существ в городе достигла высокого уровня.<br /><br /> <font color="#837372">♦ </font>Высоко ценится в клане, так как является прямым потомком и внучкой Хаширамы. Распространяться об этом, правда, Цунаде не очень любит. <font color="#837372">♦ </font>После возвращения по удачному стечению обстоятельств получила пост ректора Университета Конохи. Работа эта запала Цунаде в душу, хотя возиться с документами женщина терпеть не может и каждый раз тихо сваливает в бар, где коротает вечер.<br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>27 лет | 300-350 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться52015-10-06 03:45:57
придержан
Код:<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/6G0DW.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">UZUMAKI NARUTO</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Самый активный и самый назойливый герой клана Сенджу. Он является не прямым потомком основателей клана, но никого это особо не волнует.<br /><br /> <font color="#837372">♦</font> Сразу после рождения стал сосудом для девятихвостого биджу Курамы. Вскоре после этого остался сиротой, но клан даже не подумал отказаться от мальчика. Сейчас мечтает стать лидером клана и установить в городе мир и процветание: Наруто порядком надоело сражаться против других и видеть кровь на своих руках и руках родных и друзей.<br /><br /> <font color="#837372">♦</font> Лучший друг Саске, являющегося чистокровным вампиром из уничтоженного клана Учиха. Несмотря на то, что достучаться до мрачного парня, одержимого местью, очень сложно, Наруто действительно считает его лучшим другом и даже братом, хотя и не отказывает себе в удовольствии посетовать на его несносность.<br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>одержимый биджу оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться62015-10-06 03:47:28
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/7eFpb.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">HATAKE KAKASHI</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Мальчику пришлось не сладко. Он был тем, кто видел смерть отца. Он видел, как отец просто покончил свою жизнь самоубийством. Тогда еще маленький Какаши уже возненавидел в какой-то степени общество и начал делать все по их правилам, чтобы в один момент не закончить свою жизнь так же, как и отец. Словно брошенный судьбой, мальчик рос в детском доме и вызывал у многих неприязнь своим цинизмом и нередко слишком правильными поступками. <br /><br /> <font color="#837372">♦</font> Его близким другом стал никто иной, как Обито Учиха. Он прекрасно понимал, кто он такой и что он из себя представляет, но дружба началась странным образом между ними и продолжалась много лет. Так же в их компании была милая девушка - Рин, которая была до безумия влюблена в Хатаке, а к Обито всегда относилась хорошо и заботливо. <br /><br /> <font color="#837372">♦</font> В один обычный день Рин похитили и изнасиловали. Какаши и Обито не успели вовремя, и в гневе последний начал драться, но проиграл и был смертельно ранен. Какаши в тот момент не знал, что парнишка наполовину вампир. В этой драке Какаши как раз таки потерял один глаз. Взяв Рин, тогда он оставил бездыханное, по его мнению, тело друга и сбежал с данного места. <br /><br /> <font color="#837372">♦</font> Через какое-то время Рин полностью меняется. Она начинает желать крови и даже предпринимает попытку укусить медсестру, которая присматривала за ней, но Какаши вовремя успевает остановить ее. Рин становится нечистокровным вампиром, и Хатаке не знает, что делать. Тогда, придя в себя, девушка просит убить ее, потому что она не может жить, будучи кровососущим монстром. Какаши всяческий отнекивается и просит подождать, надеется, что найдет решение. Тогда девушка протягивает ему мачете и просит снести ей голову. Она была слишком доброй, чтобы убивать, и не могла продолжать в жить в таком обличие. Отмахнувшись, парень уже думает выкинуть оружие, как девушка вновь теряет контроль над собой и нападает на Хатаке. В итоге мальчишка убивает свою подругу именно в тот момент, когда Обито возвращается. Увидев эту картину, Учиха в подавленном и разбитом состоянии уходит, ничего не сказав другу и даже не показавшись ему. <br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>29 лет | 250 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться72015-10-06 03:47:43
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/SIo6c.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">JIRAYA</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Писатель-романист Джирайя путешествует по миру, ловя вдохновение и отдавая всего себя своим книгам, женщинам и нередко алкоголю. Он весел, добродушен и немного непостоянен, но также способен показать серьезную, сильную сторону хорошего наставника и верного друга.<br /><br /> <font color="#837372">♦</font> Ритуал прошел в довольно позднем возрасте, так как хотел увидеть мир глазами человека. Ну, и просто не мог понять, хочет ли быть оборотнем или нет.<br /><br /> <font color="#837372">♦</font> Больше двадцати лет назад вернулся обратно в Коноху, узнав о произошедшем с родителями Наруто: отец мальчика долгое время был учеником Джирайи, поэтому после его смерти мужчина стал опекуном сына Минато. До сих пор живет в непосредственной близости, приглядывая за неугомонным парнем.<br /><br /> <font color="#837372">♦</font> Одинок, а потому падок на слабый пол. Ради давней подруги Цунаде устроился в университет преподавателем философии.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>54 года | 300 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться82015-10-06 03:48:04
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #454545; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #4e4e4e; -moz-box-shadow: 1px 1px 2px #4e4e4e; box-shadow: 1px 1px 2px #4e4e4e; background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(145,170,185,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #91aab9; font-family: Courier New; font-size: 14px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #837372; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #dddede; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #91aab9; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sg.uploads.ru/t/NnxGU.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">NARA SHIKAMARU</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Шикамару - это тот самый человек, который любит поваляться и ничего не делать. Все в клане знают его любовь к дневному созерцанию облаков и вечернему - звезд. Однако при все этой кажущейся лености и мечтательности, никто из Сенджу не умаляет его значимости: Нара с раннего детства проявил себя гением стратегии и тактики. Со временем его способности развились только сильнее. Только отец Шикамару до сих пор может состязаться с ним в искусстве планирования в силу своего опыта, но для всех очевидно, что это лишь вопрос времени, когда сын превзойдет своего отца, чем последний несомненно гордится.<br /><br /> <font color="#837372">♦</font> Шикамару часто можно заметить рядом с Наруто, так как они росли бок о бок в клане. Хотя Нара не особенно активный и инициативный молодой человек, Наруто и своим друзьям он всегда помогает, хоть и ворчит о том, как все это проблематично для него. Также часто именно он сдерживает своих сверстников от драк и конфликтов, потому старшие в клане считают его самым здравомыслящим из молодых волчат.<br /><br /> <font color="#837372">♦</font> Постоянно жалуется на женский пол, так как не может понять логику их поведения.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться92015-10-06 03:48:20
Код:
<!--HTML--> <style type="text/css"> .golliew { width: 500px; height: 300px; margin: 10px; border: 10px solid #322525; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #322525; -moz-box-shadow: 1px 1px 2px #322525; box-shadow: 1px 1px 2px #322525; background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center; } .golliew .gollask,.golliew .gollent { width: 500px; height: 250px; position: absolute; overflow: hidden; top: 0; left: 0; } .golliew img { display: block; position: relative; } .golliew-ninth .gollask-1, .golliew-ninth .gollask-2 { height: 1000px; width: 500px; background: rgba(230,91,95,0.3); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; } .golliew-ninth .gollask-1 { left: auto; right: 0; -webkit-transform: rotate(56.5deg) translateX(-400px); -moz-transform: rotate(56.5deg) translateX(-400px); -o-transform: rotate(56.5deg) translateX(-400px); -ms-transform: rotate(56.5deg) translateX(-400px); transform: rotate(56.5deg) translateX(-400px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; } .golliew-ninth .gollask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(400px); -moz-transform: rotate(56.5deg) translateX(400px); -o-transform: rotate(56.5deg) translateX(400px); -ms-transform: rotate(56.5deg) translateX(400px); transform: rotate(56.5deg) translateX(400px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; } .golliew-ninth .gollent { background-color: rgba(59,45,44,0.9); color: #ffffff; height: 0; width: 500px; overflow: hidden; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .golliew-ninth a.info { display: none; } .golliew-ninth:hover .gollent { height: 260px; width: 400px; top: 15px; left: 50px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .golliew-ninth:hover .gollask-1 { -webkit-transform: rotate(56.5deg) translateX(113px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .golliew-ninth:hover .gollask-2 { -webkit-transform: rotate(56.5deg) translateX(-112px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .gollund { overflow: hidden; text-align: center; color: #b99191; font-family: Courier New; font-size: 12px; text-transform: lowercase; font-style: italic; } .gollund:before, .gollund:after { background-color: #2f2f2f; gollent: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .gollund:before { right: 0.5em; margin-left: -50%; } .gollund:after { left: 0.5em; margin-right: -50%; } .three-columns .column { width: 33%; float: left; } .gollinfo { height: 150px; overflow: auto; padding: 4px; font-family: Candara, sans-serif; font-size: 11px; color: #f3ecec; line-height: 12px; text-align: justify; } div.gollinfo::-webkit-scrollbar { width: 6px; } div.gollinfo::-webkit-scrollbar-button { width: 6px; height: 4px; } div.gollinfo::-webkit-scrollbar-track { background: transparent; } div.gollinfo::-webkit-scrollbar-thumb { background:#837372; } .gollname { font-family: Courier New; font-size: 24px; color: #b99191; padding-top: 6px; } a.gollc { font-size: 8px; text-decoration: none; color: black; } </style> <center> <div class="golliew golliew-ninth"> <img src="http://sh.uploads.ru/t/n2qur.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">HARUNO SAKURA</div> <div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Является обращенным оборотнем: когда Сакуре было двенадцать лет, на нее напал вервольф, которого остановила Цунаде, так вовремя оказавшаяся рядом. Однако Харуно уже была укушена, а процесс обращения - неотвратим. Лишь благодаря лечению Сенджу девочка смогла прожить без перевоплощений вплоть до восемнадцати лет, пока Цунаде не привела ее в клан. Именно Цунаде не позволила охотникам убить девушку, а также настояла на том, чтобы Сакуру приняли в клан Сенджу.<br /><br /> <font color="#837372">♦</font> В клане является второй по силе девушкой после своей наставницы Цунаде, хотя, несмотря на это, многие члены клана косо посматривают на обращенную волчицу. Впрочем, в открытую против девушки никто не выступает: рука у Харуно больно тяжелая.<br /><br /> <font color="#837372">♦</font> Проницательна и приятна в общении. В подростковом возрасте страдала из-за обычных девичьих комплексов, но с помощью собственной силы воли и поддержки Цунаде смогла их преодолеть. Немного вспыльчива, но при этом невероятно умна, что позволило ей поступить на медфак в Университете Конохи.<br /><br /> <br /><br /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo"><center>оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo"><center>21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo"><center>Сенджу<br /></div></div> </div> </div> </div> </center>
Тема закрыта
Страница: 1