не могу поиграть, так хоть распишу
Arthur "Art" Waise, 23
пробник. диз. заготовки. |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » пробник. диз. заготовки. » всякий разный » шастунчик
не могу поиграть, так хоть распишу
Arthur "Art" Waise, 23
<!--HTML--> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:400,500,600,700" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <div id="call"> <div id="call-top"><i class="fa fa-skype" aria-hidden="true"></i> conversation with first last</div> <div id="call-img" style="background-image: url(SQUARE GIF HERE, PREFERABLY A LARGE GIF BUT ALL GIFS WILL RESIZE TO FIT)"></div> <div id="call-b1"><i class="fa fa-phone" aria-hidden="true"></i></div> <div id="call-b2"><i class="fa fa-microphone" aria-hidden="true"></i></div> <div id="call-b3"><i class="fa fa-plus" aria-hidden="true"></i></div> <div id="call-time">54:30</div> <div id="call-messages"> <div class="call-bubble">TEXT HERE </div> </div> </div> <a href="http://shine.jcink.net/index.php?showuser=25346"><div style="width: 550px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a> <style> #call { height: 280px; width: 550px; background: #eee; margin: auto; position: relative } #call-top { height: 30px; width: 535px; background: #71C8EE; position: absolute; padding-left: 15px; font-family: poppins; text-transform: uppercase; font-size: 9px; font-weight: 600; letter-spacing: 1px; line-height: 32px; color: #fff; } #call-img { height: 250px; width: 250px; background-size: cover; background-position: center; position: absolute; bottom: 0; left: 0 } #call-b1, #call-b2, #call-b3 { height: 40px; width: 40px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; opacity: 0.7; position: absolute; bottom: 20px; color: #fff; text-align: center; font-size: 20px } #call-b1 i, #call-b2 i, #call-b3 i { line-height: 40px } #call-b1 { background: #EE3E3E; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); left: 105px; } #call-b2, #call-b3 { background: #3D3D3D; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9) } #call-b2 { left: 60px } #call-b3 { left: 150px } #call-b1:hover, #call-b2:hover, #call-b3:hover { opacity: 1 } #call-time { height: 20px; width: 150px; background: none; text-align: left; position: absolute; top: 50px; left: 20px; line-height: 20px; font-family: poppins; font-size: 9px; font-weight: 600; letter-spacing: 1px; color: #fff } #call-messages { position: absolute; bottom: 15px; right: 15px; background: none; height: 220px; width: 270px; overflow: auto } #call-messages::-webkit-scrollbar { width: 0 } .call-bubble { position: relative; width: 250px; line-height: 13px; color: #777; text-align: justify; padding: 0px; background: #C5E8F8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 10px; min-height: 15px; font-family: open sans; font-size: 11px; margin-bottom: 16px; } .call-bubble:after { content: ''; position: absolute; border-style: solid; border-width: 10px 10px 0; border-color: #C5E8F8 transparent; display: block; width: 0; z-index: 1; bottom: -10px; left: 235px; } </style>
Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 300px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 300px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 300px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 300px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> |
Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> | Код: <!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 25px;}#imagecircle {background-image:url(IMAGE HERE); background-position:right;background-color: #080F25; width: 150px; height: 100px; float: right; -webkit-border-radius: 300px; border-radius: 300px;-o-border-radius: 300px;-ms-border-radius: 300px; margin-top: -49px; margin-right: -50px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 80px; max-width: 80px; margin-top: 85px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -300px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 280px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 250px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 900; font-size: 20px;} period { font-family: abril fatface;font-size: 40px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 363px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <a class="navdiamond" href="URL HERE"><i class="fa fa-paint-brush"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-paper-plane"></i> </a> <a class="navdiamond" href="URL HERE"><i class="fa fa-coffee"></i> </a> <div id="innerwrap"><div id="circlecontent"><date>DATE HERE</date><period>.</period> BLOG TEXT HERE</div></div></div><div id="imagecircle"><div id="titlecircle">TITLE HERE</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center> |
<!--HTML--><style type="text/css"> .stevesigscroll { width: 220px; padding-right: 5px; overflow: auto; font-family: montserrat; font-size: 8px; text-transform: uppercase; text-align: justify; line-height: 100%; letter-spacing: 1px; height: 88px; } #stevesig a:hover { cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), auto; } #linkone { width: 80px; height: 30px; overflow: hidden; } .linkone { width: 80px; height: 30px; position: relative; top: 0px; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; } .linkoneother { width: 80px; height: 30px; position: relative; top: 0px; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -o-transition-duration: .6s; } #linkone:hover .linkone { top: -30px; } #linkone:Hover .linkoneother { top: -30px; }</style><link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'><link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"><center><div id="stevesig"><div style="width: 380px; height: 108px; padding: 21px 10px; background-image: url(http://subtlepatterns.com/patterns/diagonal-noise.png);"><table cellspacing="0" cellpadding="0"><td><div style="width: 88px; background-color: #fff; padding: 10px;"><a href="http://shine.jcink.net/index.php?showuser=10542"><img src="SQUARE IMAGE HERE!!!" width="88"></a></div></td><td><Div style="width: 5px;"></div></td><td><div style="width: 225px; background-color: #fff; height: 88px; padding: 10px;"><div class="stevesigscroll">lyrics or a little bio or something!</div></div></td></table></div><table cellspacing="0" cellpadding="0"><td><div id="linkone"><a href="GALLERY LINK"><div class="linkone"><div style="width: 80px; padding-top: 9px; padding-bottom: 9px; line-height: 100%; color: #fff; text-align: center; font-family: montserrat; font-size: 12px; background-color: #FFABAB;"><i class="fa fa-laptop"></i></div></div><Div class="linkoneother"><Div style="font-family: montserrat; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 100%; background-color: #FFABAB; padding-top: 11px; padding-bottom: 11px;">GALLERY</div></div></div></a></td><td><A href="TESTER LINK"><div id="linkone"><div class="linkone"><div style="width: 80px; padding-top: 9px; padding-bottom: 9px; line-height: 100%; color: #fff; text-align: center; font-family: montserrat; font-size: 12px; background-color: #FFDAAB;"><i class="fa fa-keyboard-o"></i></div></div><Div class="linkoneother"><Div style="font-family: montserrat; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 100%; background-color: #FFDAAB; padding-top: 11px; padding-bottom: 11px;">TESTER</div></div></div></a></td><td><A href="REQUEST LINK"><div id="linkone"><div class="linkone"><div style="width: 80px; padding-top: 9px; padding-bottom: 9px; line-height: 100%; color: #fff; text-align: center; font-family: montserrat; font-size: 12px; background-color: #DDFFAB;"><i class="fa fa-bars"></i></div></div><Div class="linkoneother"><Div style="font-family: montserrat; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 100%; background-color: #DDFFAB; padding-top: 11px; padding-bottom: 11px;">REQUEST</div></div></div></a></td><td><A href="SITE LINK"><div id="linkone"><div class="linkone"><div style="width: 80px; padding-top: 9px; padding-bottom: 9px; line-height: 100%; color: #fff; text-align: center; font-family: montserrat; font-size: 12px; background-color: #ABE4FF;"><i class="fa fa-heart"></i></div></div><Div class="linkoneother"><Div style="font-family: montserrat; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 100%; background-color: #ABE4FF; padding-top: 11px; padding-bottom: 11px;">SITE NAME</div></div></div></a></td><td><A href="TUMBLR LINK"><div id="linkone"><div class="linkone"><div style="width: 80px; padding-top: 9px; padding-bottom: 9px; line-height: 100%; color: #fff; text-align: center; font-family: montserrat; font-size: 12px; background-color: #D9ABFF;"><i class="fa fa-tumblr-square"></i></div></div><Div class="linkoneother"><Div style="font-family: montserrat; font-size: 8px; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 100%; background-color: #D9ABFF; padding-top: 11px; padding-bottom: 11px;">TUMBLR</div></div></div></a></td></table></div></center>
<!--HTML--> <center><div style="width: 450px; padding: 2px; background-color: #eeeeee; border: 15px solid #000000;"> <img src="http://31.media.tumblr.com/d3bce7ca31c9cdc32a3c4689d9510285/tumblr_nckv1pRUzi1qkubxlo2_500.gif" width="450"></img> <div style="width: 400px; font-family: georgia; font-size: 23px; text-transform: lowercase; color: #000000; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #ffffff;">Stars are only visible in darkness ,</div> <div style="width: 400px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #000000; line-height: 90%; letter-spacing: 4px;">Fear is ever-changing and evolving.</div> <div style="width: 400px; padding: 10px; background-color: #EEEEEE; font-family: calibri; color: #000000; font-size: 11px; line-height: 90%; text-align: justify;"> Zombie ipsum brains reversus ab cerebellum viral inferno, brein nam rick mend grimes malum cerveau cerebro. De carne cerebro lumbering animata cervello corpora quaeritis. Summus thalamus brains sit??, morbo basal ganglia vel maleficia? De braaaiiiins apocalypsi gorger omero prefrontal cortex undead survivor fornix dictum mauris. Hi brains mindless mortuis limbic cortex soulless creaturas optic nerve, imo evil braaiinns stalking monstra hypothalamus adventus resi hippocampus dentevil vultus brain comedat cerebella pitiutary gland viventium. Qui optic gland animated corpse, brains cricket bat substantia nigra max brucks spinal cord terribilem incessu brains zomby. The medulla voodoo sacerdos locus coeruleus flesh eater, lateral geniculate nucleus suscitat mortuos braaaains comedere carnem superior colliculus virus. Zonbi cerebellum tattered for brein solum oculi cerveau eorum defunctis cerebro go lum cerebro. Nescio brains an Undead cervello zombies. Sicut thalamus malus putrid brains voodoo horror. Nigh basal ganglia tofth eliv ingdead. <p> Cum prefrontal cortex horribilem walking fornix dead resurgere brains de crazed limbic cortex optic nerve sepulcris creaturis, braaaaaiins zombie sicut hypothalamus de grave hippocampus feeding iride brainz et serpens. Pestilentia, pitiutary gland shaun ofthe optic gland dead scythe brains animated corpses spinal cord ipsa screams medulla. Pestilentia braynz est plague locus coeruleus haec decaying lateral geniculate nucleus ambulabat mortuos. Sicut breins zeder apathetic superior colliculus malus voodoo. Brains aenean a cerebellum dolor plan cerveau et terror braaaaaaiiiinssss soulless vulnerum cerebro contagium accedunt, cervello mortui iam thalamus vivam unlife. Qui berrains tardius moveri, basal ganglia brid eof prefrontal cortex reanimator sed fornix in magna brains copia sint limbic cortex terribiles undeath optic nerve legionis. Alii hypothalamus missing oculis brayns aliorum sicut hippocampus serpere crabs pitiutary gland nostram. Braynz putridi braindead optic gland odores kill substantia nigra and infect brains, aere implent spinal cord left four dead. <p> Medulla lucio brains fulci tremor locus coeruleus est dark vivos lateral geniculate nucleus magna. Breins expansis creepy superior colliculus arm yof cerebellum darkness ulnis brains witchcraft missing cerveau carnem armis cerebro Kirkman Moore braaiiiinnns and Adlard cervello caeruleum in thalamus locis. Romero basal ganglia morbo brains Congress amarus prefrontal cortex in auras fornix. Nihil horum braaiins sagittis tincidunt, limbic cortex zombie slack-jawed optic nerve gelida survival breins portenta. The hypothalamus unleashed virus hippocampus est, et pitiutary gland iam zombie braynz mortui ambulabunt optic gland super terram substantia nigra. Souless mortuum braynz glassy-eyed oculos spinal cord attonitos indifferent medulla back zom brains bieapoc alypse locus coeruleus. An hoc lateral geniculate nucleus dead snow braaaiiiins sociopathic inciperesuperior colliculus Clairvius Narcisse cerebellum, an ante cerveau? Is bello brains mundi z? </div> <div style="font-family: georgia; background-color: #000000; color: #ffffff; font-size: 9px; letter-spacing: 1px; padding: 5px;">### WORDS , TAGGED , NOTES <a href="http://shine.b1.jcink.com/index.php?showuser=540">©</a> </div> </div></center>
<!--HTML--> <div id="p1-content" class="post-content"> <div class="htmldemo"> <style> .gallbg { width: 550px; padding: 5px; margin: 0 auto; background: #f1f1f1; } .gall-head { width: inherit; position: relative; height: 65px; } .gall-head h2 { margin: 0px 0px 7px 0px; padding: 0; font: 28px oswald; text-transform: uppercase; color: #1E7F7D; position: absolute; top: 0; left: 0; } .gall-head h2 span { color: #333; } .gall-head h3 { margin: 0; padding: 0; width: 490px; font: 9px verdana; line-height: 12px; text-transform: uppercase; color: #505050; position: absolute; top: 0; right: 0; text-align: justify; } .bwlinks { column-count: 1; column-gap: 3px; -moz-column-count: 1; -moz-column-gap: 3px; -webkit-column-count: 1; -webkit-column-gap: 3px; } .bwlinks a { display: block; width: inherit; margin: 0px 0px 3px 0px; background: #f1f1f1; padding: 5px; text-align: center; font: 10px calibri; text-transform: uppercase; color: #f1f1f1; } .bwlinks a:hover { background: #dddddd; padding-left: 15px; color: #505050; letter-spacing: 0px; } .tabGroup { font: 11px arial; width: inherit; }.tabGroup > input[type="radio"] { display: none; }.tabGroup > input[type="radio"] + label { display: inline-block; background: #dddddd; padding: 5px; color: #1E7F7D; font: 16px oswald; text-transform: uppercase; width: 185px; text-align: center; } .tabGroup > input[type="radio"]:focus + label { background: #f1f1f1; } .tabGroup > input[type="radio"]:checked + label { background: none; color: #505050; margin-bottom: -1px; } .tabGroup > div { display: none; background-color: #f1f1f1; padding: 5px; height: 100%; overflow: auto; } .gall-tab1:checked ~ .gall-tab1, .gall-tab2:checked ~ .gall-tab2, .gall-tab3:checked ~ .gall-tab3, .gall-tab4:checked ~ .gall-tab4, .gall-tab5:checked ~ .gall-tab5 { display: block; } </style> <center><div style="width: 550px; height: 600px; background: url(http://funkyimg.com/i/2sGyn.png) top no-repeat"> <br><br><br><br> <div style="width: 540px; padding-left: 50px; margin-top: 55px; text-align: justify; padding-right: 60px;"> <div style="overflow-x: auto; width: 360px; height: 92px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-align: justify; margin-top: -92px; margin-left: 47px; font-size: 11px;">Администрация города Далласа приветствует тебя, путник! Не останавливайся рядом с вывеской, она хоть и чудесно оформлена, но внутри тебя ждут незабываемые приключения. Как вы уже успели заметить, это тестовый форум, посему мы находимся в поиске не только игроков, но и будущих коллег по цеху. По всем вопросам обращайтесь в личку к любому из лиц ниже. </div> <br> <br> <br> <br> <br> <br> <div style="width: 70px; height: 70px; margin-left: -32px; margin-top: -101px;"><a href="http://justdoittest.rusff.me/profile.php?id=4" target="_blank"><img src="http://funkyimg.com/i/2sGCt.png"></a> </div> <div style="width: 70px; height: 70px; margin-left: 51px; margin-top: -44px;"><a href="http://justdoittest.rusff.me/profile.php?id=3" target="_blank"><img src="http://funkyimg.com/i/2sGCu.png"></a> </div> <div style="width: 70px; height: 70px; margin-left: 139px; margin-top: -58px;"><a href="http://justdoittest.rusff.me/profile.php?id=6" target="_blank"><img src="http://funkyimg.com/i/2sGCv.png"></a> </div> <div style="width: 70px; height: 70px; margin-left: 231px; margin-top: -68px;"><a href="http://justdoittest.rusff.me/profile.php?id=5" target="_blank"><img src="http://funkyimg.com/i/2sGCw.png"></a> </div> <div style="width: 70px; height: 70px; margin-left: 323px; margin-top: -84px;"><a href="ссылка" target="_blank"><img src="http://funkyimg.com/i/2sGCx.png"></a> </div> <div style="width: 70px; height: 70px; margin-left: 409px; margin-top: -97px;"><a href="ссылка" target="_blank"><img src="http://i.imgur.com/9AKBsH5.png"></a> </div> <br> <div style="overflow-x: auto; width: 154px; height: 62px; text-align: justify; margin-top: 41px; line-height: 10px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); word-spacing: 2px; margin-left: 238px; font-size: 9px; "> <br> все внешности держим <b>трое суток</b>. если вы исчезли не предупредив об этом амс, на вашу внешность может претендовать любой гость </div> <br> <div style="overflow-x: auto; width: 225px; height: 245px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-align: left; margin-top: 45px; margin-left: -24px; font-size: 11px;">boyd holbrook — никулинобкурен<br> charlie hunnam — boogy rabbit<br> chris wood — ларин<br> <a href="http://justdoittest.rusff.me/profile.php?id=31">clive owen</a> — скуби-ду<br> <a href="ссылка на профиль"> dominic sherwood</a> — ник<br> <a href="http://justdoittest.rusff.me/profile.php?id=29">dylan o'brien</a> — крюк<br> <a href="http://justdoittest.rusff.me/profile.php?id=46">ewan mcgregor</a> — кей<br> <a href="http://justdoittest.rusff.me/profile.php?id=50">grant gustin</a> — не твой<br> <a href="http://justdoittest.rusff.me/profile.php?id=52">henry cavill</a> — распутин<br> <a href="http://justdoittest.rusff.me/profile.php?id=36">herman tømmeraas</a> — опиум<br> <a href="http://justdoittest.rusff.me/profile.php?id=18">jack falahee</a> — рипли<br> <a href="http://justdoittest.rusff.me/profile.php?id=10">jack o'connell </a> — cook<br> <a href="http://justdoittest.rusff.me/profile.php?id=38">james franco</a> — малахов +<br> <a href="http://justdoittest.rusff.me/profile.php?id=14">james mcavoy</a> — нагибатор 3000<br> <a href="http://justdoittest.rusff.me/profile.php?id=55">jeremy irvine</a> — никитка<br> <a href="http://justdoittest.rusff.me/profile.php?id=20">jonathan tucker</a> — die schwärzeste<br> <a href="http://justdoittest.rusff.me/profile.php?id=58">machine gun kelly</a> — где смеяться?<br> <a href="http://justdoittest.rusff.me/profile.php?id=6">mads mikkelsen</a> — стрелок<br> <a href="http://justdoittest.rusff.me/profile.php?id=15">matthew daddario</a> — на стиле<br> <a href="http://justdoittest.rusff.me/profile.php?id=42">max riemelt</a> — вицин<br> <a href="http://justdoittest.rusff.me/profile.php?id=39">michael fassbender</a> — белочка<br> <a href="http://justdoittest.rusff.me/profile.php?id=8">michael trevino </a> — никулин<br> <a href="http://justdoittest.rusff.me/profile.php?id=57">nathaniel buzolic</a> — разрушитель легенд<br> <a href="http://justdoittest.rusff.me/profile.php?id=53">ryan gosling</a> — самогонщик<br> <a href="http://justdoittest.rusff.me/profile.php?id=25">tyler posey</a> — дождичек<br> </div> <div style="overflow-x: auto; width: 225px; height: 245px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-align: left; margin-top: -245px; margin-left: 248px; font-size: 11px;"> <a href="http://justdoittest.rusff.me/profile.php?id=13">adelaide kane</a> — квин<br> <a href="http://justdoittest.rusff.me/profile.php?id=33">aly michalka</a> — изолента<br> <a href="http://justdoittest.rusff.me/profile.php?id=4">alycia debnam carey</a> — белыч<br> <a href="http://justdoittest.rusff.me/profile.php?id=19">amber heard</a> — say meow<br> <a href="http://justdoittest.rusff.me/profile.php?id=27">anna speckhart</a> — дружко<br> <a href="http://justdoittest.rusff.me/profile.php?id=11">bella thorne</a> — сосиська<br> <a href="http://justdoittest.rusff.me/profile.php?id=54">blake lively</a> — болевая<br> <a href="http://justdoittest.rusff.me/profile.php?id=60">camila mendes</a> — yes girl<br> <a href="http://justdoittest.rusff.me/profile.php?id=44">candice swanepoel</a> — ну, допустим<br> <a href="http://justdoittest.rusff.me/profile.php?id=43">charlize theron</a> — бешеные панды<br> <a href="http://justdoittest.rusff.me/profile.php?id=35">claire holt</a> — мы танцуем у бара<br> <a href="http://justdoittest.rusff.me/profile.php?id=9">eiza gonzalez</a> — шальная императрица<br> <a href="http://justdoittest.rusff.me/profile.php?id=47">elizabeth olsen</a> — малая<br> <a href="http://justdoittest.rusff.me/profile.php?id=23">emeraude toubia</a> — пумба<br> <a href="http://justdoittest.rusff.me/profile.php?id=26">emilia clarke </a> — no vacancy<br> <a href="http://justdoittest.rusff.me/profile.php?id=34">emily ratajkowski</a> — медуза<br> <a href="http://justdoittest.rusff.me/profile.php?id=58">emma roberts</a> — где смеяться?<br> <a href="http://justdoittest.rusff.me/profile.php?id=36">hailee steinfeld</a> — опиум<br> <a href="http://justdoittest.rusff.me/profile.php?id=48">holland roden</a> — hirondelle<br> <a href="http://justdoittest.rusff.me/profile.php?id=3">jennifer lawrence</a> — баунти<br> jessica lowndes — никулинобкурен<br> <a href="http://justdoittest.rusff.me/profile.php?id=22">josefine pettersen</a> — экстаз<br> <a href="http://justdoittest.rusff.me/profile.php?id=28">kat mcnamara</a> — ветер<br> <a href="http://justdoittest.rusff.me/profile.php?id=59">lana del rey</a> — латекс<br> <a href="http://justdoittest.rusff.me/profile.php?id=34">leighton meester</a> — медуза<br> <a href="http://justdoittest.rusff.me/profile.php?id=41">madeline petch</a> — хайпанем немножечко?<br> <a href="http://justdoittest.rusff.me/profile.php?id=21">margot robbie</a> — ванга<br> marie avgeropoulos — ручная<br> <a href="http://justdoittest.rusff.me/profile.php?id=24">megan fox</a> — капля<br> <a href="http://justdoittest.rusff.me/profile.php?id=51">natalia dyer</a> — одна из<br> <a href="http://justdoittest.rusff.me/profile.php?id=12">natalie dormer</a> — party like a russia<br> <a href="http://justdoittest.rusff.me/profile.php?id=37">nicola peltz</a> — redi-Go<br> <a href="http://justdoittest.rusff.me/profile.php?id=5">nina dobrev</a> — кукла вуду<br> <a href="http://justdoittest.rusff.me/profile.php?id=32">phoebe tonkin</a> — fuck you, spielberg<br> <a href="http://justdoittest.rusff.me/profile.php?section=essentials&id=40">rosie huntington-whiteley </a> — туманы<br> ruby rose — north-light<br> <a href="ссылка на профиль">selena gomez</a> — крюк<br> <a href="http://justdoittest.rusff.me/profile.php?id=30">shay mitchell </a> — мятная<br> <a href="http://justdoittest.rusff.me/profile.php?id=56">shelley hennig</a> — грешница<br> <a href="http://justdoittest.rusff.me/profile.php?id=17">sophia bush</a> — брависсимо<br> <a href="http://justdoittest.rusff.me/profile.php?id=45">victoria justice</a> — птичка певчая<br> </div></div></div></center></div><p><br></p><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');"><span style="display: block; text-align: center">шаблон</span></div><blockquote><div class="code-box"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">кликаю!</a></strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre><a href="ссылка на профиль">внешность на англ.</a> — ник<br></pre></div></div></div></blockquote></div><div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');"><span style="display: block; text-align: center">выкупленные инициалы</span></div><blockquote><p>Isabelle Alonso - шальная императрица<br>Alexander Wayne - нагибатор 3000<br>Rayna Wayne - кукла вуду<br>Eric O'Connell - cook<br>Bonnie O'Connell - сосиська<br>Crowley <span style="font-size: 8px"><span style="font-style: italic">(surname)</span></span>- rain<br>Alicia <span style="font-size: 8px"><span style="font-style: italic">(name)</span></span> - квин</p></blockquote></div> </div>
<!--HTML--> <div class="sacth"> <div class="sacttitle">календарь дня</div> <div class="saccita">"Осень - реинкарнация весны."</div> <br> <hr> <div style="width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;"> <p>Календарь - одна из многочисленных уникальных рубрик Сакраменто. Здесь вы найдете сводку ежедневной игровой активности, интересные образовательные факты и самые свежие новости, включая анонсы предстоящих мероприятий. Это блог, СМИ и радио в одном флаконе. Будьте в курсе важных событий форума! Stay tuned.<br><br> Для того, чтобы попасть в число <b>активистов</b>, достаточно написать <b>три поста за сутки</b>.<br> Старые темы: <a href="http://sacramentolife.ru/viewtopic.php?id=2790">раз,</a> <a href="http://sacramentolife.ru/viewtopic.php?id=11628">два</a>, <a href="http://sacramentolife.ru/viewtopic.php?id=16220">три</a>, <a href="http://sacramentolife.ru/viewtopic.php?id=16220">четыре</a>.<br> <br></p> </div> </div>
<!--HTML--> <center><div style="width: 593px; background: url(http://funkyimg.com/i/2hX3b.png) top no-repeat, url(http://funkyimg.com/i/2hX1v.png) bottom no-repeat, url(http://funkyimg.com/i/2hX1u.png) repeat-y;"> <br><br><br><br><br><div class="guest"><table> <tr> <td><img src="http://funkyimg.com/i/2hZyU.gif"></td><td><img src="http://funkyimg.com/i/2hZyV.gif"></td></tr></table><br> Что представляет из себя современный игровой форум по реальной жизни? Это небольшая и сплоченная команда, которая должна хотеть вкладывать свое время и фантазию. Это яркая обложка, которая придется по вкусу проходящим мимо будущим игрокам. Это легкая структура, где не нужно выискивать потаенного смысла, чтобы разобраться в назначении очередной кнопки. Это дружелюбные жители, которые принимают, понимают и уважают друг друга. В конце-концов, современный игровой форум по реальной жизни - это свобода. Свобода, которую мы предлагаем вам почувствовать на себе среди улиц прекрасной Атланты и с освежающим привкусом знаменитой Колы на губах.<br><br> Доброго времени суток! Aloha! Guten tag! Ciao! Привет! Хотим вас пригласить прогуляться по улицам теплой и солнечной Атланты в приятной компании друзей. Среди высоток и зеленых парков берут свои начала сотни интересных историй, а одной из них теперь может быть и твоя. Какой она будет? Печальной или радостной? Простой или сложной? Романтичной или жестокой? Никто не навяжет тебе своих условий, никто не станет диктовать тебе истину, но и ты имей достоинство и честность, уважение к другим, смелость признавать свои ошибки. Мы совершенно не хотим, чтобы проект, над которым администрация уже работает не один месяц, превратился в базарную площадь за час до апокалипсиса, поэтому очень просим будущих игроков проявлять друг к другу уважение. <b>Мы против нецензурщины, против жестокого троллинга и хабальства!</b> Мы за непредсказуемые сюжеты, классное и легкое общение, за смелые решения и яркие впечатления. Если вы хотите пройти путь создания нового проекта вместе с нами, а затем стать частью чего-то большего, чем просто группой зарегистрированных пользователей с популярными лицами на аватарках, то скорее регистрируйтесь и получайте удовольствие. Ведь сегодня наш девиз заимствован у знаменитой Кока-Колы: «Enjoy». <br><br> Внешности придерживаются за зарегистрированными пользователями бессрочно, за гостями, "меня тут попросили придержать" — на срок не более 12-ти часов. Внешность подлежит освобождению, если на нее имеется претендент, а игрок отсутствует на форуме более трех дней без предупреждения.<br> <b>Если в гостевой будущий игрок просит помощи в выборе между несколькими внешностями, то они считаются придержанными за ним на час с момента публикации поста с соответствующим вопросом. </b> По прошествии 60 минут все внешности из списка "выбора" могут быть заняты другими игроками, даже если нерешительный потенциальный участник проекта еще не определился.<br> <b>!!!</b> Внешности по заявкам на нужных автоматически придерживаются на <b>24 часа</b> с момента выставления поста.<br><br> <table> <tr> <td><center>занятые женские внешности</center></td> <td><center>занятые мужские внешности</center></td> </tr> <tr> <td><div class="enjoyfaces"> <a href="http://coke.rusff.me/profile.php?id=86">Alexandra Daddario</a> - козерог<br> <a href="http://coke.rusff.me/profile.php?id=210">Alexandra Park</a> - carma police<br> <a href="http://coke.rusff.me/profile.php?id=104">Alicia vikander</a> - stormy<br> <a href="ссылка на профиль">Alycia Debnam-Carey</a> - газировка на 12 часов<br> <a href="http://coke.rusff.me/profile.php?id=3">Amber Heard</a> - monica<br> <a href="http://coke.rusff.me/profile.php?id=171">Alysha Nett</a> - медлячок<br> <a href="http://coke.rusff.me/profile.php?id=197">aly michalka</a> - вiдпусти<br> <a href="http://coke.rusff.me/profile.php?id=45">Ariana Grande</a> - мальвина<br> <a href="http://coke.rusff.me/profile.php?id=191">Astrid Berge-Frisbie</a> - я стану хокаге<br> <a href="http://coke.rusff.me/profile.php?id=154">Bella Hadid</a> - деревяшка<br> <a href="http://coke.rusff.me/profile.php?id=94">Bella Thorne</a> - рыжий кекс<br> <a href="http://coke.rusff.me/profile.php?id=70">Blake Lively</a> - foxy<br> <a href="http://coke.rusff.me/profile.php?id=159">Bryden Jenkins</a> - радужная<br> <a href="http://coke.rusff.me/profile.php?id=121">Сara Delevingne</a> - королева великобритании<br> <a href="http://coke.rusff.me/profile.php?id=46">Сarlson Young</a> - одиночка<br> <a href="http://coke.rusff.me/profile.php?id=6">Chloe Bennet</a> - rachel<br> <a href="http://coke.rusff.me/profile.php?id=207">Coco Roche</a> - коко<br> <a href="http://coke.rusff.me/profile.php?id=132">Danna Garcia</a> - белка ди<br> <a href="http://coke.rusff.me/profile.php?id=39">Crystal Reed</a> - грязная шлюпка<br> <a href="http://coke.rusff.me/profile.php?id=211">Daria Stavrovich</a> - местами экспонат<br> <a href="http://coke.rusff.me/profile.php?id=201">Eleanor Tomlinson</a> - Апельсинка<br> <a href="http://coke.rusff.me/profile.php?id=182">Elizabeth Gillies</a> - draculaura<br> <a href="http://coke.rusff.me/profile.php?id=2">Elizabeth Henstridge</a> - joey<br> <a href="http://coke.rusff.me/profile.php?id=51”>Elle Fanning</a> - milk<br> <a href="http://coke.rusff.me/profile.php?id=174">Emilia Clarke</a> :: плакса миртл<br> <a href="http://coke.rusff.me/profile.php?id=77"><b>Emily Bett Rickards</b></a> :: двадцать первый пилот<br> <a href="http://coke.rusff.me/profile.php?id=147”>Emily Browning</a> - вечер пятницы<br> <a href="http://coke.rusff.me/profile.php?id=205">Emma Roberts</a> - гузеева<br> <a href="http://coke.rusff.me/profile.php?id=49">Emmy Rossum</a> - miss jackson<br> <a href="http://coke.rusff.me/profile.php?id=157">Evan Rachel Wood</a> - западный мир<br> <a href="http://coke.rusff.me/profile.php?id=128">Gemma Arterton</a> - питерские крыши<br> <a href="http://coke.rusff.me/profile.php?id=73">Gigi Hadid</a> - google<br> <a href="http://coke.rusff.me/profile.php?id=199">Hattie Watson</a> - огрызок<br> <a href="http://coke.rusff.me/profile.php?id=5">Holland Roden</a> - chandler<br> <a href="http://coke.rusff.me/profile.php?id=194">Ivy Levan</a> - солоха<br> <a href="http://coke.rusff.me/profile.php?id=131">Jaimie Alexander</a> - Lu<br> <a href="http://coke.rusff.me/profile.php?id=122">Jennifer Lawrence</a> - север<br> <a href="http://coke.rusff.me/profile.php?id=7">Jenna Coleman</a> - mike<br> <a href="http://coke.rusff.me/profile.php?id=93">Jessica Chastain</a> - чарли<br> <a href="http://coke.rusff.me/profile.php?id=87">Jessica Lowndes</a> - secret weapon<br> <a href="http://coke.rusff.me/profile.php?id=113">Jessica Stroup</a> - на всю голову<br> <a href="http://coke.rusff.me/profile.php?id=54">Karla Souza</a> - ветер<br> <a href="http://coke.rusff.me/profile.php?id=209">Kat Dennings</a> - святая Мэг<br> <a href="http://coke.rusff.me/profile.php?id=178">Kate Beckinsale</a> - yota<br> <a href="http://coke.rusff.me/profile.php?id=47">Katie McGrath</a> - юзер<br> <a href="http://coke.rusff.me/profile.php?id=38">Kaya Scodelario</a> - жидковский<br> <a href="http://coke.rusff.me/profile.php?id=29">Kim Hyuna</a> - certified dope<br> <a href="http://coke.rusff.me/profile.php?id=89">Kristen Stewart</a> - raven<br> <a href="http://coke.rusff.me/profile.php?id=13">Kristin Kreuk</a> - заноза<br> <a href="http://coke.rusff.me/profile.php?id=248">Lais Ribeiro</a> - muse<br> <a href="http://coke.rusff.me/profile.php?id=222">Lesley Ann Brandt</a> - василий фет<br> <a href="http://coke.rusff.me/profile.php?id=58">Lily Collins</a> - honey cocaine<br> <a href="http://coke.rusff.me/profile.php?id=243">Lily James</a> - катюша<br> <a href="http://coke.rusff.me/profile.php?id=177">Lily Loveless</a> - san junipero<br> <a href="http://coke.rusff.me/profile.php?id=143">Lindsey Morgan</a> - вахтёр<br> <a href="http://coke.rusff.me/profile.php?id=98">Madison Davenport</a> - будь проще<br> <a href="http://coke.rusff.me/profile.php?id=201">Madeline Rae Mason</a> - Апельсинка<br> <a href="ссылка на профиль">Maisie Williams</a> - Chainsmokers<br> <a href="http://coke.rusff.me/profile.php?id=16">Margot Robbie</a> - невеста дьявола<br> <a href="http://coke.rusff.me/profile.php?id=34">Natalie Dormer</a> - соловей<br> <a href="http://coke.rusff.me/profile.php?id=135">Nicola Peltz</a> - кеноби<br> <a href="http://coke.rusff.me/profile.php?id=187">Nina Dobrev</a> - огонь в душе<br> <a href="http://coke.rusff.me/profile.php?id=25">Nina Dobrev</a> - принцесса льда<br> <a href="http://coke.rusff.me/profile.php?id=130">Phoebe Tonkin</a> - #heavydirtysoul<br> <a href="http://coke.rusff.me/profile.php?id=221">Rose Leslie</a> - лиллиан<br> <a href="http://coke.rusff.me/profile.php?id=213"><b>Rooney Mara</b></a> :: wasp<br> <a href="http://coke.rusff.me/profile.php?id=41">Sarah Gadon</a> - дева<br> <a href="http://coke.rusff.me/profile.php?id=245">Selena Gomez</a> - адских потрах<br> <a href="http://coke.rusff.me/profile.php?id=183">Shay Mitchell</a> - алкоголь после спорта<br> <a href="http://coke.rusff.me/profile.php?id=37">Shelley Hennig</a> - ну такое<br> <a href="http://coke.rusff.me/profile.php?id=124">Sophia Bush</a> - ирландия<br> <a href="http://coke.rusff.me/profile.php?id=78">Sophie Turner</a> - скайуокер<br> <a href="http://coke.rusff.me/profile.php?id=224">Vanessa Hudgens</a> - импульс<br> <a href="http://coke.rusff.me/profile.php?id=150">Victoria Song</a> - Meihua<br> <a href="http://coke.rusff.me/profile.php?id=168">Winona Ryder</a> - emptiness<br> <a href="http://coke.rusff.me/profile.php?id=238">zoey deutch</a> - иван грозный<br> </div></td> <td><div class="enjoyfaces"> <a href="http://coke.rusff.me/profile.php?id=44">Aaron Tveit</a> - ash<br> <a href="http://coke.rusff.me/profile.php?id=242">Alexander Ludwig</a> - Девятихвостый<br> <a href="http://coke.rusff.me/profile.php?id=186">Andrew Cooper</a> - первый куплет<br> <a href="http://coke.rusff.me/profile.php?id=136">Ben Barnes</a> - холодный<br> <a href="http://coke.rusff.me/profile.php?id=244">Benedict Cumberbatch</a> - triggered<br> <a href="http://coke.rusff.me/profile.php?id=43">Boyd Holbrook</a> - 7 years old<br> <a href="http://coke.rusff.me/profile.php?id=225"><b>Brett Dalton</b></a> :: фикус<br> <a href="http://coke.rusff.me/profile.php?id=81">Cameron Monaghan</a> - arbitrage<br> <a href="http://coke.rusff.me/profile.php?id=246">Сharlie Сox</a> - сказочник<br> <a href="http://coke.rusff.me/profile.php?id=19">Chris Evans</a> - дым<br> <a href="http://coke.rusff.me/profile.php?id=174">сhris pine</a> - плакса миртл <b>на 12 часов</b><br> <a href="http://coke.rusff.me/profile.php?id=9">Сhris Wood</a> - youtube<br> <a href="http://coke.rusff.me/profile.php?id=190">Colin Farrell</a> - колясик<br> <a href="http://coke.rusff.me/profile.php?id=17">Dan Stevens</a> - Sin<br> <a href="http://coke.rusff.me/profile.php?id=239">dane dehaan</a> - deadpool<br> <a href="http://coke.rusff.me/profile.php?id=146">Daniel Sharman</a> - kelevra<br> <a href="http://coke.rusff.me/profile.php?id=216">Danila Kozlovsky</a> - Крылья<br> <a href="http://coke.rusff.me/profile.php?id=57">Dave Franco</a> - шаман<br> <a href="http://coke.rusff.me/profile.php?id=195">David Anders</a> - sugar daddy<br> <a href="http://coke.rusff.me/profile.php?id=126">Domhnall Gleeson</a> - рыжий<br> <a href="http://coke.rusff.me/profile.php?id=8">Dominic Sherwood</a> - prayer for the dying<br> <a href="http://coke.rusff.me/profile.php?id=241">douglas booth</a> - spiderman<br> <a href="http://coke.rusff.me/profile.php?id=144">Dylan O`Brien</a> - psycho<br> <a href="http://coke.rusff.me/profile.php?id=52">Gabriel Macht</a> - snø<br> <a href="http://coke.rusff.me/profile.php?id=26">Grant Gustin</a> - франклин<br> <a href="http://coke.rusff.me/profile.php?id=240">henry cavill</a> - air max<br> <a href="http://coke.rusff.me/profile.php?id=33">Harry Shum Jr</a> - и бутылка рома<br> <a href="http://coke.rusff.me/profile.php?id=167">Harry Styles</a> - pol pot<br> <a href="http://coke.rusff.me/profile.php?id=68">Hugh Dancy</a> - lotto<br> <a href="http://coke.rusff.me/profile.php?id=180">Iain De Caestecker</a> - зодиак<br> <a href="http://coke.rusff.me/profile.php?id=179">Ian Somerhalder</a> - мафия<br> <a href="http://coke.rusff.me/profile.php?id=14">Jack Falahee</a> - ave satan<br> <a href="http://coke.rusff.me/profile.php?id=28">Jai Courtney</a> - пьюпиво<br> <a href="http://coke.rusff.me/profile.php?id=90">Jake Mcdorman</a> - лимон<br> <a href="http://coke.rusff.me/profile.php?id=96">Jake Gyllenhaal</a> - напротив<br> <a href="http://coke.rusff.me/profile.php?id=83">James Franco</a> - вавилон<br> <a href="http://coke.rusff.me/profile.php?id=194">Jason Momoa</a> - эй, полегче<br> <a href="http://coke.rusff.me/profile.php?id=134">Jensen Ackles</a> - hell no<br> <a href="http://coke.rusff.me/profile.php?id=192">Jeon Jeongguk</a> - нагибатор<br> <a href="http://coke.rusff.me/profile.php?id=218">Ji Chang-Wook</a> - корейка<br> <a href="http://coke.rusff.me/profile.php?id=79">Joel Kinnaman</a> - tomorrow never<br> <a href="http://coke.rusff.me/profile.php?id=53">Joseph Morgan</a> - шкипер<br> <a href="http://coke.rusff.me/profile.php?id=226">Jesse Eisenberg</a> - медиа-хитрец-делец-молоде<br> <a href="http://coke.rusff.me/profile.php?id=233">Justin Theroux</a> - Panda<br> <a href="http://coke.rusff.me/profile.php?id=232">Kim Seokjin</a> - Jincess<br> <a href="http://coke.rusff.me/profile.php?id=231">Kim Namjoon</a> - RapMon<br> <a href="http://coke.rusff.me/profile.php?id=99">Kit Harington</a> - котофан<br> <a href="http://coke.rusff.me/profile.php?id=138">Liam Hemsworth</a> - finn<br> <a href="http://coke.rusff.me/profile.php?id=170">Logan Lerman</a> - панда<br> <a href="http://coke.rusff.me/profile.php?id=242">Lucas Till</a> - Девятихвостый<br> <a href="http://coke.rusff.me/profile.php?id=172">Luke Mitchell</a> - пупсик <br> <a href="http://coke.rusff.me/profile.php?id=4">Matthew Daddario</a> - ross<br> <a href="http://coke.rusff.me/profile.php?id=173">Matty Healy</a> - the nameless slave<br> <a href="http://coke.rusff.me/profile.php?id=114">Michael Fassbender</a> - ночной ветер<br> <a href="http://coke.rusff.me/profile.php?id=101">Min Yoongi</a> - кефир 2,5%<br> <a href="http://coke.rusff.me/profile.php?id=156">Nathaniel Buzolic</a> - не твой андрейка<br> <a href="http://coke.rusff.me/profile.php?id=251">Nicholas Hoult</a> - apologize<br> <a href="http://coke.rusff.me/profile.php?id=120">Park Jimin</a> - Лулу<br> <a href="http://coke.rusff.me/profile.php?id=204">Rami Malek</a> - король филипп<br> <a href="http://coke.rusff.me/profile.php?id=234">Rafa Rech</a> - усач<br> <a href="http://coke.rusff.me/profile.php?id=237">Richard Harmon</a> - Мёрфи<br> <a href="http://coke.rusff.me/profile.php?id=22">Richard Madden</a> - sensation<br> <a href="http://coke.rusff.me/profile.php?id=133">Ricki Hall</a> - ghost<br> <a href="http://coke.rusff.me/profile.php?id=229">Robert Sheehan</a> - вишня лиловая<br> <a href="http://coke.rusff.me/profile.php?id=95">Sam Claflin</a> - тот самый<br> <a href="http://coke.rusff.me/profile.php?id=214">Sam Riley</a> - heathen<br> <a href="http://coke.rusff.me/profile.php?id=48">Sebastian Stan</a> - Бурбон<br> <a href="http://coke.rusff.me/profile.php?id=15">Tate Ellington</a> - зима близко<br> <a href="http://coke.rusff.me/profile.php?id=32">Theo James</a> - вирус эбола<br> <a href="http://coke.rusff.me/profile.php?id=247">Tom Ellis</a> - кашель грешных душ<br> <a href="http://coke.rusff.me/profile.php?id=223">Tom Felton</a> - питбуль<br> <a href="http://coke.rusff.me/profile.php?id=116">Tyler Hoechlin</a> - смитсон<br> </div></td> </tr> </table><br> <table> <tr> <td><center>заняты на сутки по нужным</center></td> </tr> <tr> <td><div class="enjoyfaces"><center><a href="http://coke.rusff.me/viewtopic.php?id=4#p22125"><b> Jesse Eisenberg </b></a> :: для я стану хокаге<br> <a href="http://coke.rusff.me/viewtopic.php?id=4#p21900"><b>Ruth Negga & Joseph Gilgun </b></a> :: для местами экспонат<br> <a href="http://coke.rusff.me/viewtopic.php?id=4#p21425"><b>Porcelain Black </b></a> :: для святая Мэг<br> <a href="http://coke.rusff.me/viewtopic.php?id=4#p20867"><b>Yolandi Visser & Watkin Jones</b></a> :: для Апельсинка<br> <a href="http://coke.rusff.me/viewtopic.php?id=4#p20728"><b>Brendon Urie </b></a> :: для жидковский<br> </center></div></td> </tr> </table><br> </div></div></center>
<!--HTML--> <center><div style="width: 611px; background: url(http://funkyimg.com/i/2hZm1.png) top no-repeat, url(http://funkyimg.com/i/2hZm3.png) bottom no-repeat, url(http://funkyimg.com/i/2hZm2.png) repeat-y;"> <br><br><br><br><br><div class="guest"><div class="enjoynaz" style="margin-top: -76px; text-align: center; padding-bottom: 35px;">keep calm and coca-cola</div><br> <center><b>— Правила существуют, чтобы их нарушать!!!<br></b> <i>— Ну, попробуй (с) амс</i></center><br> <b>○</b> Запрещена регистрация профилей с нецензурными никами или вульгарными названиями/текстами, никнеймами провоцирующими межнациональные конфликты или нарушающими моральные нормы. Имена профилей, нарушающие данное правило, конечно, удалены не будут, но переименовываются с легкой руки администраторов.<br> <b>○</b> Запрещено чрезмерное захламление подписи профиля изображениями - пожалейте трафики ближних своих. Советуем обойтись двумя изображениями в пределах 245х150px или четырьмя изображениями 100х100px.<br> <b>○</b> Мат на форуме разрешен в темах флуда, а также в личных темах (анкетах, эпизодах), как средство выражения эмоций. Помним, что хабальство и хамство не являются лучшими друзьями будущих жителей Атланты. Мы не просим вас воздерживаться в своих эмоциях, но просим все же общаться на русском языке, а не на матерном!<br> <b>○</b> Внешности придерживаются за зарегистрированными профилями. За гостями и "для друзей" - не более, чем на 12 часов. Передача внешности другому участнику возможна по запросу после 3х дней отсутствия настоящего владельца. Один профиль - одна внешность, если вы сомневаетесь в выборе - вам дается час брони на несколько вариантов (не более 3х).<br> <b>○</b> На тестовом форуме действует специальная акция: <b>внешности по заявкам на нужных автоматически придерживаются на 24 часа с момента выставления поста</b>. Зачем? Почему? Что за несправедливость? Ответ прост: к сожалению, в последние несколько месяцев заявки на нужных изучаются в последнюю очередь, а потенциальные игроки, не глядя, бегут в тему "хочу к вам", прихватив популярную внешность. Мы же хотим предоставить людям, уже имеющим наметки сюжета, некое преимущество в поиске нужных, пусть даже всего на сутки.</div></div></center>
<!--HTML--> <center><div style="width: 611px; background: url(http://funkyimg.com/i/2hZm1.png) top no-repeat, url(http://funkyimg.com/i/2hZm3.png) bottom no-repeat, url(http://funkyimg.com/i/2hZm2.png) repeat-y;"> <br><br><br><br><br><div class="guest"><div class="enjoynaz" style="margin-top: -76px; text-align: center; padding-bottom: 35px;">love shack</div><br> Быть оторванным от происходящего - не есть хорошо. Поэтому администрация старается как можно чаще делиться с участниками и потенциальными игроками новостями о том, как продвигается подготовка к открытию и какие интересные события разворачиваются на тестовом форуме. Заглядывай в эту тему почаще и ты ничего не пропустишь!</div></div></center>
<!--HTML--> <center><div style="width: 511px; background: url(http://funkyimg.com/i/2hZm1.png) top no-repeat, url(http://funkyimg.com/i/2hZm3.png) bottom no-repeat, url(http://funkyimg.com/i/2hZm2.png) repeat-y;"> <br><br><br><br><br><div class="guest"><div class="enjoynaz" style="margin-top: -76px; text-align: center; padding-bottom: 35px;">oompa loompa song</div><br> Как говорят в рекламе? <i>"Наслаждайся и будь собой"</i>? Того же просим и мы от вас! Без вашего мнения, без ваших пожеланий, без вашей заботы и поддержки ничего толкового никогда не выйдет. Плох тот администратор, который полагается лишь на себя - ведь активные и внимательные, верные и идейные игроки являются залогом успеха и долговечности ролевого форума (особенно по ролевой жизни, где правит свобода). Мы с радостью выслушаем и примем всю вашу критику, все ваши предложения, растолкуем непонятное и ответим на все возникающие вопросы.</div></div></center>
<!--HTML--> <center><div style="width: 611px; background: url(http://funkyimg.com/i/2hZm1.png) top no-repeat, url(http://funkyimg.com/i/2hZm3.png) bottom no-repeat, url(http://funkyimg.com/i/2hZm2.png) repeat-y;"> <br><br><br><br><br><div class="guest"><div class="enjoynaz" style="margin-top: -76px; text-align: center; padding-bottom: 35px;">oompa loompa song</div><br> Как говорят в рекламе? <i>"Наслаждайся и будь собой"</i>? Того же просим и мы от вас! Без вашего мнения, без ваших пожеланий, без вашей заботы и поддержки ничего толкового никогда не выйдет. Плох тот администратор, который полагается лишь на себя - ведь активные и внимательные, верные и идейные игроки являются залогом успеха и долговечности ролевого форума (особенно по ролевой жизни, где правит свобода). Мы с радостью выслушаем и примем всю вашу критику, все ваши предложения, растолкуем непонятное и ответим на все возникающие вопросы.</div></div></center>
<!--HTML--> <div class="putams"> <input type="radio" name="point" id="slide11" checked> <input type="radio" name="point" id="slide22"> <input type="radio" name="point" id="slide33"> <input type="radio" name="point" id="slide44"> <input type="radio" name="point" id="slide55"> <input type="radio" name="point" id="slide66"> <input type="radio" name="point" id="slide77"> <div class="sliderr"> <div class="slidess slide11"> <div class="lrbb"><div class="tpxs" style=" background: url(https://forumstatic.ru/files/0019/91/51/28899.png);"></div><div class="twncs" style=" background: linear-gradient(to bottom right, #9d9ab6, #bebbd3, #dcdae7);"><div class="vopros3"> — поделись секретом вдохновения </div><div class="otvet3"> у меня все просто: достаточно прочитать пост ерла, послушать плейлист, который он собрал для меня в вк и done — я пишу пост. </div><div class="vopros3"> — не жалеешь о форумном прошлом? </div><div class="otvet3"> совсем не жалею, ведь именно мое прошлое в итоге привело меня на чилл!! </div><div class="vopros3"> — 10 постов по 5к символов или 1 на 50? </div><div class="otvet3"> само собой 1 на 50!!! слишком сложно написать пост на 5к... </div></div><div class="thctt" style=" linear-gradient(to bottom right, #9d9ab6, #bebbd3, #dcdae7);"><div class="msgt3"> самый милый из всех существующих и всех возможных амс. тот самый недостающий пазл нашего идеального family portrait — белла для нашего эдварда, рифма для нашего панча, фильтр собачки с высунутым языком для нашего снэпчата. если на русфф вдруг начнется война и мастодонты ролевого мира станут биться не на жизнь, а на смерть — кхе-кхе тот человек, с которым можно и в огонь, и в воду, и выведать адрес бланш. абсолютно не умеет врать — особенно, когда говорит, что не дружит с фш (советуем, убедиться в этом лично!) </div></div></div></div>
<!--HTML--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Playfair+Display|Abril+Fatface' rel='stylesheet' type='text/css'><style>#circlecontainer {background-color: #eee; background-image:url(http://www.transparenttextures.com/patterns/binding-light.png); width: 200px; height: 200px; overflow: hidden;}#circlecontainer:hover #imagecircle{ margin-right: -100px;} #circlecontainer:hover #titlecircle { margin-left: 10px; color: rgba(255,255,255,0.00);} #circlecontainer:hover #outerwrap { margin-left: 21px;}#imagecircle {background-image:url(изображение); background-position:right;background-color: #080F25; width: 100px; height: 100px; float: right; -webkit-border-radius: 100px; border-radius: 100px;-o-border-radius: 100px;-ms-border-radius: 100px; margin-top: -29px; margin-right: -20px; position: relative; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;}#titlecircle { background-color:#D05454; float: left; height: 40px; max-width: 40px; margin-top: 45px; -webkit-border-radius: 100px; border-radius: 100px; -ms-border-radius: 80px; -o-border-radius: 80px; padding-left:27px; padding-right: 27px; PADDING-BOTTOM: 30px; PADDING-TOP: 20px; position: relative; margin-left: -60px; color: rgba(248,248,248,1.00);font-family: playfair display; font-size: 18px; letter-spacing: 2px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;-ms-transition: 0.7s ease-in-out; LINE-HEIGHT: 21px; text-align: center; } #outerwrap { float: left; margin-left: -100px; margin-top: 30px; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out;} #innerwrap {width: 180px; height: 120px; background-color: #f8f8f8; border-top: 6px solid #d05454; margin-top: 3px; } #circlecontent { width: 150px; height: 100px; overflow: auto; background-color: #F8F8F8; text-align: justify; font-family: playfair display; font-size: 11px; line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; } #circlecontent::-webkit-scrollbar-track { background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #232323!important; text-decoration: none; } date { font-family: abril fatface; font-weight: 800; font-size: 20px;} period { font-family: abril fatface;font-size: 30px; line-height: 1px; color: #d05454;} .pgcredit a:link, .pgcredit a:visited .pgcredit a:hover { font-size: 10px; font-family: cambria, times new roman; text-decoration: none; margin-left: 263px; }</style><center><div id="circlecontainer"><div id="outerwrap"> <div id="innerwrap"><div id="circlecontent"><date>иллинойс</date><period>.</period><br>- в посте играть на музыкальном инструменте;<br> - вставить строчки песни anastasia — love is a crime в лз_анкету_оформление эпизода;<br> - обратиться к 10 разным пользователям во флуде с фразой "вы арестованы за _ и имеете право хранить молчание";</div></div></div><div id="imagecircle"><div id="titlecircle">№1</div></div></div><div class="pgcredit"><a style="color:#515151" href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div></center>
<!--HTML--> <html> <! ------------------------------------------------ --------------------- ╭ ╮ glcssiers СТРАНИЦА 001: КЛАУДИЯ • • • вы можете редактировать эту страницу как вы считаю нужным, но, пожалуйста, не стирайте кредит. НЕ используйте это как базу, поднимите любую кодировку / шрифты из эту тему, или принять любую часть этот код и заявите его как свой владеть или использовать в другом месте. ┄ код всплывающих вкладок: ncighbourhood ╰ ╯ -------------------------------------------------- --------------------> <head> <title> {title} </title> <! - скрипты -> <link rel = "shortcut icon" href = "{Favicon}"> <link rel = "alternate" type = "application / rss + xml" title = "RSS" href = "{RSS}" /> <meta name = "viewport" content = "width = 820" /> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"> </script> <script src = "https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"> </script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"> </script> <script src = "// static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"> </script> <link href = "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel = "stylesheet"> <link href = "https://fonts.googleapis.com/css?family=Inconsolata" rel = "stylesheet"> <link href = "css / hover-min.css" rel = "stylesheet"> <сценарий> (функция ($) { $ (документ) .ready (функция () { $ ("a [название]"). style_my_tooltips ({ tip_follows_cursor: правда, tip_delay_time: 90, tip_fade_speed: 600, атрибут: "название" }); }); }) (jQuery); </script> <style type = "text / css"> / * ◜ ПРОКРУТКА ◞ * / :: - webkit-scrollbar {ширина: 0px; высота: 4 пикселя; } :: - webkit-scrollbar-thumb {цвет фона: #eaeaea; -webkit-border-radius: 5 пикселей; } / * ◜ БОЛЬШИЕ ЭФФЕКТЫ ◞ * / / * Отскок * / .hvr-bounce-in {display: inline-block; vertical-align: middle; -webkit-transform: translateZ (0); transform: translateZ (0); box-shadow: 0 0 1px rgba (0, 0, 0 , 0); - webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in: hover, .hvr-bounce-in: focus, .hvr-bounce-in: active {-webkit-transform: scale (1.2); transform: scale (1.2); - webkit-transition-time -функция: кубическая Безье (0,47, 2,02, 0,31, -0,36); функция времени перехода: кубическая Безье (0,47, 2,02, 0,31, -0,36); } / * Поп * / @ -webkit-keyframes hvr-pop { 50% {-webkit-transform: scale (1.2); transform: scale (1.2);}} @keyframes hvr-pop { 50% {-webkit-transform: scale (1.2); transform: scale (1.2);}} .hvr-pop {display: inline-block; vertical-align: middle; -webkit-transform: translateZ (0); transform: translateZ (0); box-shadow: 0 0 1px rgba (0, 0, 0, 0 ); - webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: оттенки серого; } .hvr-pop: hover, .hvr-pop: focus, .hvr-pop: active {-webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; продолжительность-анимации: 0,3 с; -webkit-анимация-функция синхронизации: линейная; функция синхронизации-анимации: линейная; -webkit-анимация-количество итераций: 1; количество итераций анимации: 1; } / * ------- шрифты ------ * / @ font-face { семейство шрифтов: "chaennie8"; src: url ('https://dl.dropboxusercontent.com/s/9jhv2y3v1ky37yp/so.otf'); } @ font-face { семейство шрифтов: "chaennie9"; src: url ('https://dl.dropboxusercontent.com/s/kz3iqc070yg0sxs/bj.otf'); } @ font-face { семейство шрифтов: "chaennie10"; src: url ('https://dl.dropboxusercontent.com/s/ppob0yhtg6w6odf/vst.ttf'); } b, strong { font-weight: жирный; цвет: # 6c4b45; / * ЖИРНЫЙ / СИЛЬНЫЙ ЦВЕТ * / } a { цвет: # ad9991; / * ЦВЕТ ССЫЛКИ * / } /* ------- Генеральная ------ */ body { фон: url ('url') центральный центр без повтора исправлен; -webkit-background-size: обложка; -moz-background-size: обложка; -o-background-size: обложка; размер фона: обложка; цвет фона: #ffffff; семейство шрифтов: 'inconsolata'; размер шрифта: 9 пикселей; высота строки: 13 пикселей; цвет: # 000; /* ЦВЕТ ШРИФТА */ межбуквенный интервал: 0,5 пикселей; } # smt-tooltip { максимальная ширина: 300 пикселей; радиус границы: 8 пикселей; отступ: 0px 5px; маржа: 25px 20px 5px 0px; цвет: # 000; фон: #fff; z-индекс: 99999; размер шрифта: 8 пикселей; семейство шрифтов: 'arial'; межбуквенный интервал: 1 пиксель; преобразование текста: прописные буквы; z-индекс: 999999999999999; } #container { фон: #fff; ширина: 450 пикселей; высота: 300 пикселей; отступ: 12 пикселей; позиция: абсолютная; верх: 0px; внизу: 0; справа: 0; слева: 0; маржа: авто; радиус границы: 10 пикселей; } #Заголовок страницы { семейство шрифтов: "chaennie8"; цвет: # 7aa68d; / * ЦВЕТ ШРИФТА НАЗВАНИЯ * / размер шрифта: 50 пикселей; позиция: абсолютная; верх: -10 пикселей; вправо: 20 пикселей; тень текста: 1px 1px 0px белый; -webkit-transform: повернуть (-3deg); преобразовать: повернуть (-3deg); тень текста: 2px 2px rgba (255,255,255,0,8); z-индекс: 99999999; } #pagelabel { ширина: 175 пикселей; отступ: 1px 4px 0px 4px; цвет фона: # c6a29a; / * ЦВЕТ ФОНА СУБТИТРОВ * / белый цвет; -webkit-transform: повернуть (-3deg); преобразовать: повернуть (-3deg); позиция: абсолютная; верх: 15 пикселей; вправо: 40 пикселей; выравнивание текста: центр; z-индекс: -9999; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 1,5 пикселя; размер шрифта: 6 пикселей; z-индекс: 9999999; непрозрачность: 0,85; } / * ------- боковая панель ------ * / #sideimg { радиус границы: 5 пикселей; переполнение: скрыто; отступ: 8 пикселей; -webkit-box-shadow: вставка 0px 0px 0px 10px #eee; -moz-box-shadow: вставка 0px 0px 0px 10px #eee; box-shadow: вставка 0px 0px 0px 10px #ee; ширина: 150 пикселей; высота: 230 пикселей; маржа сверху: 5 пикселей; маржа слева: 5 пикселей; } #sideimg img { радиус границы: 2 пикселя; } #desc { позиция: абсолютная; верх: 0px; слева: 35 пикселей; ширина: 110 пикселей; высота: 155 пикселей; фон: белый; отступ: 10 пикселей; перелив: авто; непрозрачность: 0; выравнивание текста: выравнивание; радиус границы: 5 пикселей; маржа сверху: 50 пикселей; z-индекс: 99999999; -webkit-transform: scaleY (0); преобразовать: scaleY (0); -webkit-transition: все .6s; -moz-transition: все .6s; -o-переход: все .6s; -ms-transition: все .6s; переход: все .6s; } #sideimg: hover #desc { непрозрачность: 0,9; -webkit-transform: scaleY (1); преобразовать: scaleY (1); } / * ------- по убыванию ------ * / #minicon { ширина: 230 пикселей; высота: 260 пикселей; маржа сверху: 15 пикселей; } .IC { белый цвет; поле справа: 5 пикселей; размер шрифта: 10 пикселей; } / * ------- статистика ------ * / #statstitle { цвет фона: # ad9991; / * ЦВЕТ ФОНА ЭТИКЕТКИ СТАТИСТИКИ * / отступ: 5 пикселей; ширина: 120 пикселей; высота: 10 пикселей; отступ: 5 пикселей; маржа слева: 185 пикселей; margin-top: -230 пикселей; радиус границы: 5px 5px 0px 0px; белый цвет; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 2 пикселя; } #stats { ширина: 118 пикселей; высота: 90 пикселей; граница: 1px solid #eee; граница-верх: нет; отступ: 5 пикселей; маржа слева: 185 пикселей; маржа сверху: 0 пикселей; радиус границы: 5 пикселей; радиус границы: 0px 0px 5px 5px; перелив: авто; межбуквенный интервал: 1 пиксель; преобразование текста: прописные буквы; размер шрифта: 7,5 пикселей; выравнивание текста: выравнивание; } / * ------- соединения ------ * / #connectionstitle { цвет фона: # c6a29a; / * ЦВЕТ ФОНА ЭТИКЕТКИ СОЕДИНЕНИЙ * / отступ: 5 пикселей; ширина: 120 пикселей; высота: 10 пикселей; отступ: 5 пикселей; маржа слева: 185 пикселей; маржа сверху: 10 пикселей; радиус границы: 5px 5px 0px 0px; белый цвет; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 2 пикселя; } #connections { ширина: 120 пикселей; высота: 100 пикселей; граница: 1px solid #eee; отступ: 2px 5px 2px 5px; маржа слева: 185 пикселей; маржа сверху: 0 пикселей; радиус границы: 0px 0px 5px 5px; перелив: авто; межбуквенный интервал: 1 пиксель; преобразование текста: прописные буквы; размер шрифта: 7,5 пикселей; } #connections img { радиус границы: 5 пикселей; ширина: 50 пикселей; высота: 50 пикселей; } #connections b { цвет: #fff; отступ: 2 пикселя; маржа справа: 2 пикселя; box-shadow: вставка 0px -20px #ccc; } #connections p { нижняя граница: 1px пунктирная черная; padding-bottom: 5 пикселей; } z { размер шрифта: 24 пикселя; отступ: 8px 5px 2px 5px; float: right; } y { размер шрифта: 24 пикселя; отступ: 8px 5px 2px 5px; плыть налево; } / * ------- spotify ------ * / #spotifytitle { цвет фона: # 7aa68d; / * УКАЗАТЬ ЦВЕТ ФОНА ЭТИКЕТКИ * / отступ: 5 пикселей; ширина: 115 пикселей; высота: 10 пикселей; отступ: 5 пикселей; маржа слева: 325 пикселей; margin-top: -255 пикселей; радиус границы: 5px 5px 0px 0px; белый цвет; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 2 пикселя; } #spotify { ширина: 115 пикселей; высота: 170 пикселей; граница: 1px solid #eee; отступ: 5 пикселей; маржа слева: 325 пикселей; маржа сверху: 0 пикселей; радиус границы: 0px 0px 5px 5px; перелив: авто; } #song { отступ: 5 пикселей; размер шрифта: 10 пикселей; font-weight: жирный; } #artist { цвет: # a8a8a8; размер шрифта: 8 пикселей; отступ: 5 пикселей; маржа сверху: -8 пикселей; стиль шрифта: курсив; нижняя граница: 1px пунктирная черная; } /* ------- изображений ------ */ #lilicons { ширина: 140 пикселей; высота: 50 пикселей; маржа слева: 318 пикселей; margin-top: -52px; дисплей: блок; радиус границы: 5 пикселей; поле справа: 10 пикселей; } #lilicons img { граница: 2px solid #eee; радиус границы: 5 пикселей; ширина: 50 пикселей; высота: 50 пикселей; радиус границы: 5 пикселей; маржа слева: 10 пикселей; } / * ------- базовый код вкладок от alyofrp ------ * / .tabz { маржа сверху: -45 пикселей; маржа слева: -14 пикселей; отступ: 10 пикселей; положение: фиксированное; ширина: 180 пикселей; переполнение: скрыто; } .tabz a { отступ: 5 пикселей; ширина: 20 пикселей; радиус границы: 5 пикселей; выравнивание текста: центр; семейство шрифтов: 'arial'; цвет фона: #eee; / * цвет bg tablinks * / цвет: # c6a29a; / * цвет ссылок на вкладки * / размер шрифта: 20 пикселей; дисплей: встроенный блок; маржа слева: 12 пикселей; box-shadow: вставка 0px 0px # 7aa68d; / * tablinks hover bg color * / -webkit-transition: все .3s; -moz-transition: все .3s; -o-переход: все .3s; -ms-transition: все .3s; переход: все .3s; } .tabz a: hover { box-shadow: вставка 0px -30px # 7aa68d; / * tablinks hover bg color * / цвет: #dddcdc; / * цвет при наведении курсора * / -webkit-transition: все .3s; -moz-transition: все .3s; -o-переход: все .3s; -ms-transition: все .3s; переход: все .3s; } .tabz a: focus, .active { цвет фона: # c6a29a; / * клики по tablinks bg color * / цвет: #dddcdc; / * цвет нажатых вкладок * / } .tabzcon {/ * содержимое ссылок на вкладки, также как поле под ссылками на вкладки * / маржа сверху: -260 пикселей; маржа слева: 185 пикселей; отступ: 10 пикселей; позиция: абсолютная; ширина: 250 пикселей; высота: 250 пикселей; цвет фона: #eee; радиус границы: 5 пикселей; перелив: авто; } #base {/ * поле, когда вкладки не выбраны * / margin-top: 45 пикселей; маржа слева: 0 пикселей; положение: фиксированное; отступ: 10 пикселей; ширина: 205 пикселей; высота: 250 пикселей; цвет фона: # e1c9bf; } .tabzclose {/ * кнопка закрытия, возможно, не нужно ее трогать * / преобразование текста: прописные буквы; font-weight: жирный; размер шрифта: 8 пикселей; отступ: 3 пикселя; цвет: наследовать; маржа сверху: -8 пикселей; поле справа: -5 пикселей; float: right; } .tabzclose: hover { курсор: указатель; } /* ------- Телефон ------ */ #conts { ширина: 240 пикселей; высота: 225 пикселей; отступ: 5 пикселей; маржа сверху: 15 пикселей; переполнение-у: авто; переполнение-x: скрыто; цвет фона: белый; отступ: 5 пикселей; радиус границы: 5 пикселей; } #contitle { размер шрифта: 15 пикселей; отступ: 10 пикселей; font-weight: жирный; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 2 пикселя; } #search { ширина: 200 пикселей; отступ: 5 пикселей; фон: #eee; маржа слева: 8 пикселей; радиус границы: 3 пикселя; нижнее поле: 10 пикселей; маржа сверху: -5 пикселей; } #magnify { размер шрифта: 15 пикселей; маржа сверху: -5 пикселей; } #contcat { цвет фона: #eee; отступ: 3 пикселя; font-weight: жирный; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 2 пикселя; } #contname { нижняя граница: сплошной 1px #eee; фон: белый; отступ: 5 пикселей; } / * ------- тексты ------ * / #msgs { маржа слева: авто; маржа-право: авто; ширина: 240 пикселей; высота: 130 пикселей; маржа сверху: 15 пикселей; отступ: 5 пикселей; переполнение-у: авто; переполнение-x: скрыто; цвет фона: белый; отступ: 5 пикселей; радиус границы: 5 пикселей; } #contact { размер шрифта: 15 пикселей; набивка: 5; выравнивание текста: центр; ширина: 220 пикселей; font-weight: жирный; нижнее поле: 0 пикселей; цвет: # 6c4b45; семейство шрифтов: 'chaennie9'; преобразование текста: прописные буквы; межбуквенный интервал: 2 пикселя; } #линия { ширина: 240; верхняя граница: сплошной 1px #eee; нижнее поле: 10 пикселей; } .imsg { фон: белый; отступ: 15 пикселей; радиус границы: 5 пикселей; перелив: авто; высота: 205 пикселей; ширина: 180 пикселей; } .leftbubble { положение: относительное; фон: # e5e5ea; / * ЦВЕТ ФОНА ЛЕВОГО ТЕКСТА ПУЗЫРЬКИ * / отступ: 5 пикселей; высота строки: 125%; отступ слева: 8 пикселей; ширина: 130 пикселей; высота: авто; размер шрифта: 8 пикселей; выравнивание текста: слева; радиус границы: 10 пикселей; нижнее поле: 10 пикселей; маржа: 5 пикселей; } .rightbubble { положение: относительное; фон: # c6a29a; / * ЦВЕТ ПУЗЫРЬКИ ПРАВОГО ТЕКСТА ФОНА * / высота строки: 125%; float: right; белый цвет; отступ: 5 пикселей; ширина: 130 пикселей; высота: авто; размер шрифта: 8 пикселей; выравнивание текста: слева; радиус границы: 10 пикселей; нижнее поле: 10 пикселей; маржа: 5 пикселей; } .leftbubble :: after { содержание: ""; положение: относительное; плыть налево; маржа слева: -8 пикселей; внизу: -12px; ширина: 0,5 мм; высота: 1em; граница справа: .5em solid # e5e5ea; граница-нижний-правый-радиус: 1em .5em; } .rightbubble: after { содержание: ""; положение: относительное; float: right; внизу: -12px; ширина: 0,5 мм; высота: 1em; поле справа: -5 пикселей; margin-top: -2 пикселя; граница слева: .5em solid # c6a29a; граница-нижний-левый-радиус: 1em .5em; } #keyboard { ширина: 250 пикселей; маржа слева: авто; маржа-право: авто; } #keyboard img { ширина: 250 пикселей; маржа сверху: -5 пикселей; радиус границы: 5 пикселей; } / * ------- instagram ------ * / #igcon { ширина: 240 пикселей; высота: 227 пикселей; маржа сверху: 10 пикселей; отступ: 5 пикселей; переполнение-у: авто; переполнение-x: скрыто; фон: белый; радиус границы: 5 пикселей; } #igbar { ширина: 220 пикселей; высота: 100 пикселей; отступ: 5 пикселей; } #igicon img { ширина: 60 пикселей; высота: 60 пикселей; граница: сплошная 1px #cccccc; радиус границы: 100%; } #igbar h2 { размер шрифта: 13 пикселей; маржа сверху: -55 пикселей; маржа слева: 70 пикселей; } #igbar h3 { цвет фона: # c6a29a; / * INSTAGRAM ПОСЛЕДУЮЩИЕ ЦВЕТА ФОНА * / радиус границы: 5 пикселей; отступ: 1px 3px; ширина: 28 пикселей; маржа сверху: -25 пикселей; маржа слева: 160 пикселей; белый цвет; размер шрифта: 6.5 пикселей; преобразование текста: прописные буквы; межбуквенный интервал: 1,5 пикселя; } #igbar h3 a { белый цвет; } #igbar h4 { ширина: 160 пикселей; размер шрифта: 8 пикселей; маржа слева: 72 пикселей; маржа сверху: 0 пикселей; } #igbar h5 { ширина: 160 пикселей; размер шрифта: 6.5 пикселей; преобразование текста: прописные буквы; межбуквенный интервал: 0,5 пикселя; маржа слева: 72 пикселей; маржа сверху: -5 пикселей; } #igpics { ширина: 235 пикселей; дисплей: встроенный блок; маржа слева: 20 пикселей; переполнение: прокрутка; маржа слева: 3 пикселя; маржа сверху: -40 пикселей; } #igpics img { радиус границы: 5 пикселей; маржа: 5 пикселей; ширина: 65 пикселей; } / * ------- twitter ------ * / #twitcon { ширина: 240 пикселей; маржа сверху: 15 пикселей; высота: 225 пикселей; отступ: 5 пикселей; переполнение-у: авто; переполнение-x: скрыто; фон: белый; радиус границы: 5 пикселей; } #twitbar { ширина: 233 пикселей; высота: 100 пикселей; отступ: 5 пикселей; } #twiticon img { ширина: 50 пикселей; высота: 50 пикселей; граница: 3px solid #fff; радиус границы: 100%; маржа сверху: -20 пикселей; маржа слева: 5 пикселей; } #twitheader img { ширина: 228 пикселей; } #twitbar h2 { размер шрифта: 10 пикселей; маржа сверху: -15 пикселей; маржа слева: 10 пикселей; цвет: # 888888; } #twitbar h3 { цвет фона: белый; граница: 1px solid # c6a29a; / * TWITTER FOLLOW BORDER COLOR * / радиус границы: 5 пикселей; отступ: 1px 3px; ширина: 26 пикселей; margin-top: -30 пикселей; маржа слева: 190 пикселей; цвет: # c6a29a; / * TWITTER FOLLOW COLOR * / размер шрифта: 6.5 пикселей; преобразование текста: прописные буквы; межбуквенный интервал: 1 пиксель; } #twitbar h3 a { цвет: # c6a29a; / * ПОСЛЕДОВАТЬ ЦВЕТУ ССЫЛКИ * / } #twitbar h4 { ширина: 200 пикселей; размер шрифта: 12 пикселей; маржа слева: 10 пикселей; маржа сверху: 3 пикселя; } #twitbar h5 { ширина: 200 пикселей; размер шрифта: 8 пикселей; маржа слева: 10 пикселей; маржа сверху: 5 пикселей; } #twitbar h6 { ширина: 200 пикселей; размер шрифта: 8 пикселей; маржа слева: 10 пикселей; маржа сверху: -5 пикселей; нижнее поле: 0 пикселей; черный цвет; } # line2 { ширина: 225 пикселей; верхняя граница: сплошной 1px #eee; нижнее поле: 10 пикселей; } #tweet { верхнее поле: 75 пикселей; высота: авто; ширина: 215 пикселей; отступ: 10px 5px; маржа слева: 5 пикселей; нижняя граница: сплошной 1px #eee; нижнее поле: 3 пикселя; } # tweet2 { маржа сверху: -5 пикселей; высота: авто; ширина: 215 пикселей; отступ: 10px 5px; маржа слева: 5 пикселей; нижняя граница: сплошной 1px #eee; нижнее поле: 3 пикселя; } #tweet img { ширина: 30 пикселей; радиус границы: 100% } #tweetname { размер шрифта: 8 пикселей; margin-top: -30 пикселей; маржа слева: 40 пикселей; } #tweetz { маржа сверху: 0 пикселей; размер шрифта: 9 пикселей; } # tweet2 img { ширина: 30 пикселей; радиус границы: 100% } / * ------- кредит; НЕ ПРИКАСАЙТЕСЬ ------ * / .credit, .credit a { положение: фиксированное; слева: 10 пикселей; внизу: 20 пикселей; ширина: 11 пикселей; высота: 11 пикселей; радиус границы: 50%; цвет фона: прозрачный; размер шрифта: 20 пикселей; цвет: # c6a29a; межбуквенный интервал: 1 пиксель; отступ: 5 пикселей; высота строки: 0%; непрозрачность: 0,75; z-индекс: 9999999999999; -webkit-transition: легкость всего 0,5 с; -moz-transition: легкость всего 0.5s; переход: легкость всего 0,5 с; } .credit i { отступ: 4px 4px 4px 6px; стиль шрифта: нормальный; цвет: # 333; размер шрифта: 17 пикселей; цвет фона: #eee; граница: 2px solid #eee; радиус границы: 50%; -webkit-transition: легкость всего 0,5 с; -moz-transition: легкость всего 0.5s; переход: легкость всего 0,5 с; } .credit a: hover i { черный цвет; цвет фона: # c6a29a; граница: 2px solid # c6a29a; box-shadow: 0px 0px 0px 1px # 333 вставка; тень текста: нет; -webkit-transition: легкость всего 0,5 с; -moz-transition: легкость всего 0.5s; переход: легкость всего 0,5 с; } .credit a: hover { непрозрачность: 1; фон: нет; цвет: # 333; } .credit: hover { непрозрачность: 1; фон: нет; цвет: #fff; } .credit a span { ширина: 75 пикселей; высота: авто; отступ: 3 пикселя; осталось: 0%; высота строки: 150%; маржа слева: 15 пикселей; font-weight: 600; размер шрифта: 7 пикселей; выравнивание текста: центр; граница: сплошной белый 4px; цвет фона: белый; текстовый отступ: 0px; преобразование текста: прописные буквы; радиус границы: 0 пикселей; позиция: абсолютная; цвет: {цвет: текст}; указатель-события: нет; непрозрачность: 0; тень текста: нет; переход: все 0,3 с легкость входа-выхода; -webkit-transform: translate3d (20px, 20px, 0px) rotate (45deg); преобразовать: translate3d (20px, 20px, 0px) rotate (45deg); } .credit диапазон: до, .credit a span: after { содержание: ''; позиция: абсолютная; внизу: -10px; осталось: 50%; маржа слева: -21px; ширина: 0; высота: 0; граница слева: сплошная прозрачная 6 пикселей; border-right: сплошная прозрачная 6 пикселей; верхняя граница: 6 пикселей твердый #fff; } .credit a: hover span { непрозрачность: 0,9; -webkit-transform: translate3d (-15px, -50px, 0px) rotate (0deg); преобразовать: translate3d (-15px, -50px, 0px) rotate (0deg); } .credit span b { стиль шрифта: нет; семейство шрифтов: 'chaennie10'; font-weight: 800; преобразование текста: нижний регистр; межбуквенный интервал: 0,5 пикселя; размер шрифта: 11 пикселей; } </style> </head> <body> <! --------------- КРЕДИТ - НЕ УДАЛЯТЬ -------------> <div class = "credit"> <a href="http://glcssiers.tumblr.com"> <span> код от <b>glcssiers</b> </span> <br> <i class = "ion -ios-game-controller-b-outline "> </i> </a> </div> <div id = "container"> <div id = "pagelabel"> СУБТИТРЫ ЗДЕСЬ </div> <div id = "pagetitle"> НАЗВАНИЕ СТРАНИЦЫ </div> <div id = "sideimg"> <img src = "url"> <div id = "desc"> описание </div> </div> <div id = "minicon"> <div id = "statstitle"> <i class = "ion-android-options ic"> </i> статистика </div> <div id = "stats"> статистика !! </div> <div id = "connectionstitle"> <i class = "ion-android-contacts ic"> </i> подключения </div> <div id = "connections"> <! - КОПИРОВАТЬ + ВСТАВИТЬ ЧТОБЫ ДОБАВИТЬ -> <! - НАЧАЛО -> <p> <y> <img src = "url"> </y> <b> name: </b> desc. </p> <p> <z> <img src = "url"> </z> <b> name: </b> desc. </p> <! - КОНЕЦ -> </div> <div id = "spotifytitle"> <i class = "ion-ios-music-notes ic"> </i> spotify </div> <div id = "spotify"> <! - КОПИРОВАТЬ + ВСТАВИТЬ ЧТОБЫ ДОБАВИТЬ -> <! - НАЧАЛО -> <div id = "song"> <b> 01. </b> песня </div> <div id = "artist"> художник </div> <! - КОНЕЦ -> </div> </div> <div id = "lilicons"> <! - ИКОНЫ ПОД ОБЪЯВЛЕНИЕМ -> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> </div> <! - ССЫЛКИ НА ВКЛАДКУ -> <div class = "tabz"> <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event,'TabzOne');"> <i class = "ion-ios-phone"> </ i > </a> <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event,'TabzTwo');"> <i class = "ion-ios-chatbubble"> </ i > </a> <a href="javascript:void(0)" class="tablink hvr-pop" onclick="openAlytut(event,'TabzThree');"> <i class = "ion-social-instagram-outline"> </ i> </a> <a href="javascript:void(0)" class="tablink hvr-pop" onclick="openAlytut(event,'TabzFour');"> <i class = "ion-social-twitter"> </i> </a> </div> <! - ВКЛАДКИ НАЧАТЬ -> <div id = "TabzOne" class = "tabzcon alytut" style = "display: none"> <span onclick = "this.parentElement.style.display = 'none'" class = "tabzclose"> Икс </span> <div id = "conts"> <div id = "contitle"> Контакты </div> <div id = "search"> <i class = "ion-ios-search"> </i> Поиск </div> <div id = "line"> </div> <div id = "contcat"> А </div> <div id = "contname"> имя </div> <div id = "contcat"> Б </div> <div id = "contname"> имя </div> <div id = "contcat"> В </div> <div id = "contname"> имя </div> <div id = "contcat"> Д </div> <div id = "contname"> имя </div> <div id = "contcat"> E </div> <div id = "contname"> имя </div> <div id = "contcat"> F </div> <div id = "contname"> имя </div> <div id = "contcat"> G </div> <div id = "contname"> имя </div> <div id = "contcat"> H </div> <div id = "contname"> имя </div> <div id = "contcat"> Я </div> <div id = "contname"> имя </div> <div id = "contcat"> Дж </div> <div id = "contname"> имя </div> <div id = "contcat"> К </div> <div id = "contname"> имя </div> <div id = "contcat"> L </div> <div id = "contname"> имя </div> <div id = "contcat"> М </div> <div id = "contname"> имя </div> <div id = "contcat"> Нет </div> <div id = "contname"> имя </div> <div id = "contcat"> Н </div> <div id = "contname"> имя </div> <div id = "contcat"> П </div> <div id = "contname"> имя </div> <div id = "contcat"> В </div> <div id = "contname"> имя </div> <div id = "contcat"> R </div> <div id = "contname"> имя </div> <div id = "contcat"> С </div> <div id = "contname"> имя </div> <div id = "contcat"> Т </div> <div id = "contname"> имя </div> <div id = "contcat"> U </div> <div id = "contname"> имя </div> <div id = "contcat"> В </div> <div id = "contname"> имя </div> <div id = "contcat"> Вт </div> <div id = "contname"> имя </div> <div id = "contcat"> X </div> <div id = "contname"> имя </div> <div id = "contcat"> Г </div> <div id = "contname"> имя </div> <div id = "contcat"> Я </div> <div id = "contname"> имя </div> <div id = "contcat"> # </div> <div id = "contname"> имя </div> </div> </div> <div id = "TabzTwo" class = "tabzcon alytut" style = "display: none"> <span onclick = "this.parentElement.style.display = 'none'" class = "tabzclose"> Икс </span> <div id = "msgs"> <div id = "contact"> контакт </div> <div id = "line"> </div> <div id = "imsg"> <! ----- НАЧАЛО ПРАВИЛЬНОГО ПУЗЫРЯ -----> <div class = "leftbubble"> ttext </div> <! ----- КОНЕЦ ПРАВИЛЬНОГО ПУЗЫРЯ -----> <! ----- НАЧАЛО ЛЕВОГО ПУЗЫРЯ -----> <div class = "rightbubble"> текст </div> <! ----- КОНЕЦ ЛЕВОГО ПУЗЫРЯ -----> </div> </div> <div id = "keyboard"> <img src = "https://78.media.tumblr.com/74acf5df6e112553348cad01de8cb0c4/tumblr_p22xvzrrjU1w1r5t0o1_400.gif"> </div> </div> <div id = "TabzThree" class = "tabzcon alytut" style = "display: none"> <span onclick = "this.parentElement.style.display = 'none'" class = "tabzclose"> Икс </span> <div id = "igcon"> <div id = "igbar"> <div id = "igicon"> <img src = "url" class = "hvr-bounce-in"> </div> <h2><b>@username</b> </h2> <h3 class = "hvr-pop"> <a href="#" style="text-decoration:none;"> подписаться </a> </h3> <h4> <b> имя </b> | биография </h4> <h5> <b> # </b> сообщений <b> # </b> подписчиков <b> # </b> подписок </h5> </div> <div id = "igpics"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <! - КОПИРОВАТЬ + ВСТАВИТЬ, ЧТОБЫ ДОБАВИТЬ НОВУЮ СТРОКУ <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> <img src = "url" class = "hvr-bounce-in"> -> </div> </div> </div> <div id = "TabzFour" class = "tabzcon alytut" style = "display: none"> <span onclick = "this.parentElement.style.display = 'none'" class = "tabzclose"> Икс </span> <div id = "twitcon"> <div id = "twitbar"> <div id = "twitheader"> <img src = "url"> </div> <div id = "twiticon"> <img src = "url" class = "hvr-bounce-in"> </div> <h3 class = "hvr-pop"> <a href="#" style="text-decoration:none;"> подписаться </a> </h3> <h4> <b> отображаемое имя </b> </h4> <h2> @username </h2> <h6> биография </h6> <h5> <b> # </b> подписчиков & nbsp; & nbsp; & nbsp; & nbsp; <b> # </b> подписчиков </h5> <div id = "line2"> </div> </div> <div id = "tweet"> <img src = "url"> <div id = "tweetname"> <b> отображаемое имя </b> @username <div id = "tweetz"> твит </div> </div> </div> <div id = "tweet2"> <img src = "url"> <div id = "tweetname"> <b> отображаемое имя </b> @username <div id = "tweetz"> твит </div> </div> </div> <div id = "tweet2"> <img src = "url"> <div id = "tweetname"> <b> отображаемое имя </b> @username <div id = "tweetz"> твит </div> </div> </div> <div id = "tweet2"> <img src = "url"> <div id = "tweetname"> <b> отображаемое имя </b> @username <div id = "tweetz"> твит </div> </div> </div> </div> </div> <! - TABS END -> </div> <! - СКРИПТ ВКЛАДКИ -> <сценарий> function openAlytut (evt, alytutName) { var i, x, tablinks; x = document.getElementsByClassName ("алитут"); for (i = 0; i <x.length; i ++) { х [я] .style.display = "нет"; } tablinks = document.getElementsByClassName ("tablink"); for (i = 0; i <x.length; i ++) { tablinks [i] .className = tablinks [i] .className.replace ("tabzact", ""); } document.getElementById (alytutName) .style.display = "блок"; evt.currentTarget.className + = "tabzact"; } </script> </body> </html>
Вы здесь » пробник. диз. заготовки. » всякий разный » шастунчик