Один из двух великих кланов оборотней.
- Первый возраст - на какой персонаж выглядит (то бишь в каком он прошел ритуал*для оборотней/переродился*для вампиров), второй - сколько ему есть на самом деле.
- Просим не забывать описывать в биографии чувства и эмоции, отношение к ритуалу у оборотней или же отношения к укусу и первому перевоплощению у обращенных. У вампира - как он умер и переродился.
- Все изменения обсуждаются с админ-составом.
- В клан впускается еще 5 и более неканонов.
- В эту акцию также входят Инузука Киба, Яманако Ино, Акимичи Чоуджи, Сарутоби Асума, биография и характер которых вы можете придумать сами.
[Action] Senju
Страница: 1
Тема закрыта
Сообщений 1 страница 10 из 10
Поделиться12015-06-17 19:27:58
Поделиться22015-06-17 19:28:12
Код:
<!--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">HASHIRAMA SENJU</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">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">31 год | 545 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться32015-06-17 19:36:01
Код:
<!--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">TOBIRAMA SENJU</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 /> <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">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">29 лет | 540 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться42015-06-17 19:36:21
Код:
<!--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">TSUNADE SENJU</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 /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">29 лет | 300-350 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться52015-06-17 19:36:34
Код:
<!--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">NARUTO UZUMAKI</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 /> </div><br /> <div class="three-columns"> <div id="clm1" class="column"><div class="gollund">РАСА</div> <div class="gollinfo">одержимый<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться62015-06-17 19:36:49
Код:
<!--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">KAKASHI HATAKE</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">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">29 лет | 250 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться72015-06-17 19:37: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://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">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">54 года | 300 лет<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться82015-06-17 19:37:17
Код:
<!--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">SHIKAMARU NARA</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">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">18 лет | 21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться92015-06-17 19:37:45
занят
Код:<!--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/sBEoz.png" /> <div class="gollask gollask-1"></div> <div class="gollask gollaskco-2"></div> <div class="gollent"> <div class="gollname">SASUKE UCHIHA</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">вампир<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">18 лет | 21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Поделиться102015-06-17 19:38:03
Код:
<!--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">SAKURA HARUNO</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 /> <font color="#837372">♦</font> Является обращенным оборотнем - когда Сакуре было двенадцать лет, на нее напал вервульф, которого остановила Тсунаде, так вовремя оказавшаяся рядом. Однако Харуно уже была укушена, а процесс обращения - неотвратим. Лишь благодаря лечению Сенджу девочка смогла прожить без перевоплощений вплоть до 18ти лет, пока не попала в клан. <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">оборотень<br /></div></div> <div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div> <div class="gollinfo">18 лет | 21 год<br /></div></div> <div id="clm3" class="column"><div class="gollund">СТОРОНА</div> <div class="gollinfo">Сенджу<br /></div></div> </div> </div> </div> </center>
Тема закрыта
Страница: 1