Jump to content

Bonequinho

Members
  • Content count

    10
  • Joined

  • Last visited

Community Reputation

12 Standard

About Bonequinho

  • Birthday 04/07/1997

Personal Information

  • xat Username
    Boneco

Recent Profile Visitors

537 profile views
  1. Bonequinho

    Xatspace Theme - Design Responsive

    CSS code: background: none;font-family: Arial, Helvetica, sans-serif;color: tomato;}*{margin: 0;padding: 0;box-sizing: border-box;}h1, h2, h3, h4, p{line-height: 1.5em;word-break: break-all;}a{text-decoration: none;display: block;color: white;transition: all .30s ease;margin: 21px 0;}li{display: inline-block;vertical-align: middle;list-style: none;}img{max-width: 100%;height: auto;vertical-align: middle;}p{color: black;}#topnav{position: fixed;top: 0;left: 0;background: #615973;width: 100%;padding: px 0;box-shadow: 2px 2px 2px rgba(0,0,0,0.40);z-index: 4;}.main{max-width: 1270px;margin: auto;padding: 0 21px;}.flex{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}.menu a{padding: 0 12px;}a:hover{opacity: 0.8;}#bg{background: url(https://imagizer.imageshack.com/v2/1600x1200q90/923/B1TwSP.jpg) center;background-size: cover;padding: 221px 0;}#bg .main h1, #bg .main p{color: white;}.btn{background: #F2A7C3;padding: 10px 21px;border: solid 1px #d1d1d1;display: inline-block;}.box{margin: 110px 0;}p{color: #333;}.about{line-height: 2.5em;}.caret{display: inline-block;vertical-align: middle;border-top: solid 6px black;border-right: solid 6px transparent;border-left: solid 6px transparent;}#wrapper{background: turquoise;padding: 110px 0;}#wrapper, .box, .end{overflow: hidden;}@media (min-width: 600px) { .photo, .photob{width: 47%;} .intems{width: 30%;} }.photo, .photob, .intems{margin: 8px;}h3{margin-bottom: 21px;}.about, h4{margin-top: 21px;}.end{background: turquoise;padding: 110px 0;}.o_o{display: flex;flex-direction: column;align-items: center;}.player{background: #000;padding: 21px;border-bottom: dashed 1px white;}#footer{background: #333;clear: both;padding: 12px 0;text-align: center;font-size: x-small;}div#noowayfixed { HTML code: <div id="topnav"> <div class="main"> <div class="flex"> <h2>Bem-vindo (a)</h2> <div class="menu"> <ul> <li><a href="#">Home <span class="caret"></span></a></li> <li><a href="#">Edit</a></li> <li><a href="#">Edit</a></li> <li><a href="#">Edit</a></li> <li><a href="#">Edit</a></li> <li><a href="#">Edit</a></li> </ul> </div> </div> </div> </div> <div id="bg"> <div class="main"> <h1>Welcome to my <span style="color:#F2A7C3;">Xatspace!</span></h1> <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cupiditate blanditiis sapiente exercitationem voluptate porro, sit, placeat obcaecati nesciunt error natus, tempore pariatur nulla perferendis quae asperiores incidunt vel nemo itaque!</p> <a href="#" class="btn">Read more</a> </div> </div> <div class="box"> <div class="main"> <h1>About us <span class="caret"></span></h1> <p class="about">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p> <a href="#" class="btn">About us</a> </div> </div> <div id="wrapper"> <div class="main"> <div class="flex"> <div class="photo"> <h3>Your title here!</h3> <img src="https://imagizer.imageshack.com/v2/1600x1200q90/923/jAEiTR.jpg" /> <p class="about">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable</p> </div> <div class="photob"> <h3>Your title here!</h3> <img src="https://imagizer.imageshack.com/v2/1600x1200q90/922/iiYggv.jpg" /> <p class="about">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable</p> </div> </div> </div> </div> <div class="box"> <div class="main"> <div class="flex"> <div class="intems"> <img src="https://imagizer.imageshack.com/v2/1600x1200q90/922/SZ4Og6.jpg" /> <h4>Namy friend here!</h4> <p class="about">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic accusantium incidunt similique accusamus, voluptatum assumenda totam esse magni nobis sed debitis quae adipisci odio nihil vel alias explicabo reiciendis! Distinctio?</p> <a href="#" class="btn">Learn more</a> </div> <div class="intems"> <img src="https://imagizer.imageshack.com/v2/1600x1200q90/923/NO6qZL.jpg" /> <h4>Namy friend here!</h4> <p class="about">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic accusantium incidunt similique accusamus, voluptatum assumenda totam esse magni nobis sed debitis quae adipisci odio nihil vel alias explicabo reiciendis! Distinctio?</p> <a href="#" class="btn">Learn more</a> </div> <div class="intems"> <img src="https://imagizer.imageshack.com/v2/1600x1200q90/922/mZHYGR.jpg" /> <h4>Namy friend here!</h4> <p class="about">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic accusantium incidunt similique accusamus, voluptatum assumenda totam esse magni nobis sed debitis quae adipisci odio nihil vel alias explicabo reiciendis! Distinctio?</p> <a href="#" class="btn">Learn more</a> </div> </div> </div> </div> <div class="end"> <div class="o_o"> <div class="player"> <a href="#" class="p">Youtube: <span>Your title video here!</span></a> [youtube:400:240:rq-WlPYFnm8:autoplay=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0] </div> </div> </div> <div id="footer"> Template by Bonequinho </div> Live preview: https://imagizer.imageshack.com/v2/1600x1200q90/923/B1TwSP.jpg © bonequinho 2018 All COPYRIGHT RESERVED
  2. Bonequinho

    XATSPACE YouTube -BR

    ⇢ required power me CSS background-image:none}*{margin:0;}{padding:0;}{box-sizing:border-box;}/* CSS HTML created with ♥ BY boneco */*[name=nav]{width:100%;}[name=nav]{height:50px;}[name=nav]{background:#fff;}[name=nav]{border:1px solid rgba(0, 0, 0, 0.1);}[name=nav]{position:fixed;} [name=youtube]{background:no-repeat url(https://s21.postimg.org/72ko9wjk7/www-hitchhiker-vfl-_Nn88d.png) -174px -224px;background-size:auto;width:90px;height:40px;border-radius:1px;margin:7px 0 0 59px;}[name=youtube] p{color:#676767;font-size:11px;font-family:'arial';margin:02px 0 0 78px;}[name=youtube]{position:absolute;} [name=icon]{background:url(https://s18.postimg.org/hehiu9sex/2435mqa.png) no-repeat center;width:15px;height:15px;margin:05px 0 0 25px;opacity:0.7} [name=icon]{background:url(https://s18.postimg.org/hehiu9sex/2435mqa.png) no-repeat center;width:15px;height:15px;margin:06px 0 0 25px;opacity:0.6}[name=search-icon]{width:66px;}[name=search-icon]{height:28px;}[name=search-icon]{background:#f5f5f5;}[name=search-icon]{border-radius:0px 2px 2px 0px; }[name=search-icon]:hover{background:#e7e7e7 url(https://s18.postimg.org/hehiu9sex/2435mqa.png)center no-repeat;}[name=search-icon]{border:1px solid #ccc;box-shadow:0 1px 1px rgba(0,0,0,.1);}[name=search-icon]{margin:02px 0 0 -379px;}[name=Pesquisar]{position:absolute;}[name=Pesquisar]{width:579px;}[name=Pesquisar]{height:30px;}[name=Pesquisar]{background:#FFF;}[name=Pesquisar]{border-radius:1px;border:1px solid #ccc;box-shadow:inset 0 1px 2px #eee}[name=Pesquisar]{margin:02px 0 0 -957px}[name=Pesquisar]{-webkit-user-modify:read-write}[name=Pesquisar]{box-sizing:border-box}[name=Pesquisar] p{font-size:14px;font-family:arial,sans-serif; color:#656565;margin:06px 0 0 06px}[name=Pesquisar]{color:#5B5B5B}[name=Pesquisar]{position:absolute;} [name=menu]{background:no-repeat url(https://s21.postimg.org/72ko9wjk7/www-hitchhiker-vfl-_Nn88d.png) -564px -104px;background-size:auto;width:30px;height:20px;border-radius:1px;margin:13px 0 0 28px;}[name=menu]:hover{ opacity: 1;}[name=menu]{ opacity: .5; }[name=menu]{position:absolute;} [name=upload]{background:no-repeat url(https://s21.postimg.org/72ko9wjk7/www-hitchhiker-vfl-_Nn88d.png) -924px -100px;background-size:auto;width:90px;height:24px;border-radius:1px;opacity:0.9;margin:09px 0 0 1187px;}[name=upload]{position:absolute;} [name=fazer-login]{width:75px;}[name=fazer-login]{height:27px;}[name=fazer-login]{background:#0064C1;}[name=fazer-login]{border-radius:2px;}[name=fazer-login]{top:04px;}[name=fazer-login]{right:-40px;}[name=fazer-login]{position:absolute;}[name=fazer-login] p{color:#fff;font-size:11px;font-family:arial;margin:06px 0 0 12px}[name=fazer-login]:hover{background-color:#00509B;} [name=banner]{margin:52px 0 0 44px;}[name=banner]{width:calc(91% + 33px);}[name=banner]{height:215px;}[name=banner]{background:url(http://imagizer.imageshack.us/v2/1600x1200q90/922/qqUhA8.jpg) no-repeat center;background-size:cover;z-index:-5}[name=banner]{position:absolute;} [name=channel-header]{top:777;}[name=channel-header]{left:15px;}[name=channel-header]{height:100px;}[name=channel-header]{width:10px;}[name=channel-header]{position:absolute;}[name=channel-header]{background-color:rgba(0,0,0,.2);}[name=channel-header-profile]{width:100px;height:100px;*border:1px solid #000;}[name=channel-header-profile]{background-color:#e9ecee;}[name=channel-header-profile]{box-shadow:0 1px 1px rgba(0,0,0,.4);} [name=box-info]{position:absolute;}[name=box-info]{margin:267px 0 0 43px;}[name=box-info]{width:calc(90% + 46px);}[name=box-info]{height:120px;}[name=box-info]{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1);z-index:-5}[name=box-info]{border:1px solid rgba(0, 3, 0, 0.1);}[name=Inicio] p{top:470px;}[name=Inicio] p{margin:-107px 0 0 60px;}[name=Inicio] p{color:#2d2d2d;font-size: 14px;font-weight:200;font-family:arial,sans-serif;border-bottom: 3px solid #ce0000; padding-bottom: 7px;z-index:-5}[name=Inicio] p{position:absolute;} [name=nav-epic]{position:absolute;}[name=nav-epic]{font-family:arial; margin:360px 0 0 110px;z-index:-5} [name=nav-epic] a{font-size: 13px;font-weight:200;font-family:arial,sans-serif;margin:10px; color: #6e6e6e; text-decoration: none; border-bottom: 2px solid rgba(255, 255, 255, .0);z-index:-5} [name=nav-epic] a:hover{border-bottom: 3px solid #ce0000; padding-bottom: 8px;}[name=icon-search]{position:absolute}[name=icon-search]{background:no-repeat url(https://s21.postimg.org/72ko9wjk7/www-hitchhiker-vfl-_Nn88d.png) -690px -38px;background-size:auto;width:23px;height:24px;margin:355px 0 0 450px;border-radius:1px;z-index:-1}[name=icon-search]{opacity:0.3;}[name=icon-search]:hover{opacity:0.9;}Body{background:#eee;} [name=content]{position:absolute}[name=content]{top:-60px;}[name=content]{right:46px;}[name=content]{z-index:5;}[name=i]{position:absolute;}[name=i]{margin:90px 0 0 -126px}[name=i]{background:no-repeat url(https://s21.postimg.org/72ko9wjk7/www-hitchhiker-vfl-_Nn88d.png) -720px -84px;background-size:auto;width:20px;height:18px;border-radius:1px;}[name=Inscrever-se]{position:absolute;}[name=Inscrever-se]{width:102px;}[name=Inscrever-se]{height:23px;}[name=Inscrever-se]{background:#e60000;}[name=Inscrever-se]{border-radius:2px;}[name=Inscrever-se]{z-index:-5;}[name=Inscrever-se]{margin:-01px 0 0 -06px}[name=Inscrever-se]:hover{background:#CF0000}[name=Inscrever-se] h1{color:#fff;}[name=Inscrever-se] h1{font-size:12px;font-family:sans-serif;}[name=Inscrever-se] h1{font-weight:300;}[name=Inscrever-se] h1{margin:03px 0 0 28px}[name=Inscrever-se] h1{position:absolute;}[name=follow] {position:absolute;}[name=follow]{width:60px;}[name=follow]{height:21px;}[name=follow]{background:#fafafa;}[name=follow]{border:1px solid #cccccc;}[name=follow]{border-radius:1px}[name=follow]{margin:89px 0 0 -30px;}[name=follow] h2{color:#636363;}[name=follow] h2{font-size:11px;}[name=follow] h2{font-family:sans-serif;}[name=follow] h2{font-weight:300;}[name=follow] h2{margin:04px 0 0 06px;} [name=Maisa] h1{color:#343434;}[name=Maisa] h1{font-size:1.2em;}[name=Maisa] h1{font-family:arial;}[name=Maisa] h1{margin:15px;}[name=Maisa] h1{top:10px;}[name=Maisa] h1:hover{text-decoration: underline;}[name=Maisa] h1{position:absolute;} [name=nav-social-epic]{position:absolute;background:rgba(102,102,102,0.5);width:90px;height:35px;left:1058px;margin-top:180px;}[name=facebook]{position:absolute;margin:10px}[name=face] h1{position:absolute;margin:11px 0 0 32px;font-family:arial;font-weight:500;color:white;font-size:11px;}[name=face] h1:hover{text-decoration:underline;}[name=nav-item-epic]{position:absolute;background:rgba(102,102,102,0.5);width:100px;height:35px;left:1150px;top:180px;} [name=nav-item-google]{position:absolute;margin:10px;}[name=nav-item-twitter]{position:absolute;margin:10px 0 0 31px;}[name=nav-item-instagram]{position:absolute;margin:10px 0 0 52px;}[name=nav-item-rpm]{position:absolute;margin:10px 0 0 73px;}[name=nav-conteudos-epic]{position:absolute;background-color:white;width:calc(75% + 40px);height:330px;border-bottom:1px solid rgba(0, 3, 0, 0.2);margin-left:43px;margin-top:400px;z-index:-5} [name=video]{position:absolute;margin:15px;}[name=video-title] h1{position:absolute;color:#167AC6;font-size:16px;font-family:arial;margin-left:517px;top:15px;}[name=video-title] h1:hover{text-decoration:underline;}[name=video-title] h2{position:absolute;color:#3f3f3f;font-size:12px;font-family:arial;font-weight:300;margin-left:515px;top:35px;}[name=video-title] h3{position:absolute;color:#4A4A4A;font-size:12px;font-family:arial;font-weight:300;margin-left:517px;top:60px;}[name=video-title] h4{position:absolute;color:#007DDD;font-size:13px;font-family:arial;font-weight:300;margin-left:697px;top:59px;}[name=video-title] h4:hover{text-decoration:underline;}[name=video-title] h5{position:absolute;color:#3f3f3f;font-size:12px;font-family:arial;font-weight:300;margin-left:515px;top:95px;}[name=video-title] em{position:absolute;color:#0072C9;font-size:12px;font-family:arial;font-weight:300;margin-left:595px;top:95px;}[name=video-title] em:hover{text-decoration:underline}[name=video-title] h6{position:absolute;color:#3f3f3f;font-size:12px;font-family:arial;font-weight:300;margin-left:515px;top:110px;}[name=facebook] h1{position:absolute;color:#0072C9;font-size:12px;font-family:arial;font-weight:300;margin-left:582px;top:99px;}[name=video-title] p{position:absolute;color:#3f3f3f;font-size:12px;font-family:arial;font-weight:300;margin-left:515px;top:125px;}[name=twitter] h1{position:absolute;color:#0072C9;font-size:12px;font-family:arial;font-weight:300;margin-left:580px;top:125px;}[name=twitter] h1:hover{text-decoration:underline}[name=video-title] i:hover{text-decoration:underline} [name=video-title] em:hover{text-decoration:underline} [name=test3]{top:40px;}[name=test3]{margin:360px 0 0 1105px;position:absolute;z-index:-5}[name=nav-epic-friends]{width:200px;height:520px;background-color:white;border:1px solid rgba(0, 3, 0, 0.1);}[name=test2]{margin:55px 0 0 15px;}[name=test]{padding-bottom:50px;}[name=friend-header]{width:35px}[name=friend-header]{height:35px;position:absolute}[name=friend-header]{float:left}[name=friend-title] h1{padding:0px 3px 0 11px;color:#292f33;font-size:12px;font-weight:100;font-family:sans-serif;margin:-01px 0 0 29px;position:absolute;}[name=friend-title]{font-weight:bold}[name=friend-title] h1:hover{color:#167AC6;}[name=friend-inscrever-se]{background:#fafafa;border-radius:2px;border:1px solid rgba(0, 3, 0, 0.2);;}*[name=friend-inscrever-se]{width:75px}*[name=friend-inscrever-se]{height:20px}[name=friend-inscrever-se]{margin:18px 0 0 40px;position:absolute}[name=friend-inscrever-se]{transition:0.3s}*[name=friend-inscrever-se]:hover{background-color:#f6f6f6;}[name=friend-inscrever-se] h1{font-size:11px;color:#2e2e2e;font-weight:300;margin:02px 0 0 10px;position:absolute;}[name=title-test] em{position:absolute;font-size:15px;font-weight:bold;font-family:sans-serif;margin:-535px 0 0 0px} div#noowayfixed { HTML <div name="nav"> <a href="http://www.youtube.com/"> <div name="youtube"><p>BR</p></div> </a> <a href="#"><div name="menu"></div> </a> <a href="#"><div name="upload"> </a> <a href="#"><div name="fazer-login"><p>Fazer login</p></div> </a> <div name="Pesquisar"> <p name="t"><p>Pesquisar</p></div> <div name="search-icon"> <a href="#"><div name="icon"></div> </a> </div> </div> </div> <div name="banner"> <a href="https://www.youtube.com/user/maisasilvaoficial"> <div name="channel-header"> <img name="channel-header-profile" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/uKEBe4.jpg" /> </a> </div> <div name="nav-social-epic"> <a href="https://www.facebook.com/Maisa"><img name="facebook" src="https://s2.postimg.org/cm7ygbskp/facebook.png" /> </a> <a href="https://www.facebook.com/Maisa"><div name="face"><h1>Facebook</h1> </a> </div> </div> <div name="nav-item-epic"> <a href="https://plus.google.com/109845523143174646601"><img name="nav-item-google" src="https://s2.postimg.org/zc739bbs9/google.png" /> </a> <a href="https://twitter.com/maisasilva"><img name="nav-item-twitter" src="https://s2.postimg.org/p3em3hnqh/twitter.png" /> </a> <a href="http://instagram.com/Maisa"><img name="nav-item-instagram" src="https://s2.postimg.org/5zlan5aw9/instagram.png" /> </a> <a href="https://onerpm.com/about/youtube"><img name="nav-item-rpm" src="https://s2.postimg.org/sct19ybu1/oneerpm.png" /> </a> </div> </div> </div> <div name="box-info"> <a href="https://www.youtube.com/user/maisasilvaoficial"><div name="Maisa"><h1>Maisa Silva</h1></div> </a> <div name="content"> <a href="#"> <div name="i"> <div name="Inscrever-se"><h1>Inscrever-se</h1></div> </div></a> <div name="follow"><h2>3.458.226</h2></div> </div> </div> <div name="Main"> <div name="Inicio"> <a href="#"><p>Início<p></a> <div name="nav-epic"> <a href="https://www.youtube.com/user/maisasilvaoficial/videos">Videos</a> <a href="https://www.youtube.com/user/maisasilvaoficial/playlists">Playlist</a> <a href="https://www.youtube.com/user/maisasilvaoficial/channels">Canais</a> <a href="https://www.youtube.com/user/maisasilvaoficial/discussion">Discusão</a> <a href="https://www.youtube.com/user/maisasilvaoficial/about">Sobre</a> </div> <a href="#"><div name="icon-search"></div></a> </div> </div> </div> </div> <div name="nav-conteudos-epic"> <div name="video"> [youtube:490:300:rq-WlPYFnm8:autoplay=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0] </div> <div name="video-title"><a href="https://www.youtube.com/watch?v=09BNo7ACmpo"><h1> maisa - nhenhenhem (lyric video)</h1></a><h2>18.402.795 visualizações 2 anos atrás</h2><h3>BAIXE O CLUE DE GRAÇA AQUI: </h3> <a href="https://helloclue.com"><h4>www.helloclue.com</h4></a> <h5>- INSTAGRAM:</h5> <a href="https://www.instagram.com/maisa/"><em>www.instagram.com/maisa/</em> </a> <h6>- FACEBOOK:</h6> <a href="https://www.facebook.com/Maisa"><div name="facebook"><h1>www.facebook.com/Maisa</h1></div> </a> <p>- TWITTER:</p> <a href="https://twitter.com/MaisaSilva"><div name="twitter"><h1>www.twitter.com/MaisaSilva</h1></div> </a> </div> </div> <div name="test3"> <div name="nav-epic-friends"> <div name="test2"> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/922/e8gN0P.jpg" /></a> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <div name="friend-title"><h1>Canal da Saiury</h1></div></a> <a href="http://xat.me/page"><div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/922/ZIOuSd.jpg" /> <div name="friend-title"><h1>Vlog de Tudo</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> <div name="test"> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/SkYh1m.jpg" /> <div name="friend-title"><h1>Stefanie Sterci</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/ICqBOu.jpg" /> <div name="friend-title"><h1>Julia Silva</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div> </a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/922/cIMurn.jpg" /> <div name="friend-title"><h1>Priscilla Alcantara</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/tDftlv.jpg" /> <div name="friend-title"><h1>PrisAlcantaraVEVO</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/924/l9u54q.jpg" /> <div name="friend-title"><h1>Felipe Parente</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/9a8C1I.jpg" /> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <div name="friend-title"><h1>ONErpm</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div> </a> </div> <div name="test"> <a href="https://www.youtube.com/channel/UCGzU8OL-yudMviEg3t1T7aw"> <img name="friend-header" src="http://imagizer.imageshack.us/v2/1600x1200q90/922/xS8rVV.jpg" /> <div name="friend-title"><h1>Cidade Verde Sounds TV</h1></div> <div name="friend-inscrever-se"><h1>Inscrever-se</h1></div></a> </div> </div> <div name="title-test"><em>Canais em destaque</em></div> </div> </div> Preview Live: If you like the new xatspace - YouTube do not waste time, share with your friends. Many thanks for your visit! © All Rights Reserved
  3. Bonequinho

    XATSPACE - Animes girl

    Thank!
  4. Bonequinho

    XATSPACE -Tumblr

    thank! Ju4nFX I'm happy because I like my work
  5. Bonequinho

    XATSPACE -Tumblr

    ⇢ required power me CSS background-color:#F2F2F2;}/* CSS HTML created with ♥ Bonequinho */*{margin:0;}{padding:0;}{box-sizing:border-box}#social{position:fixed;}#social{width:100%;}#social{height:58px;}#social{background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);z-index:5}#search{width:300px}#search{height:35px}#search{background:#ccc}#search{border-radius:03px}#search{margin:11px 0 0 1030px}#search{-webkit-user-modify:read-write}#search{font:500 16px 'Arial', sans-serif;}#search{color:#fff;border:1px solid #939393}#txt{position:absolute}#txt{margin:7px 11px}#txt{width:38px}#s-text{position:absolute;}#s-text{color:#000;font-size:40px;font-family: verdana;}#s-text{left:30px;}#s-text{top:05px;}#s-text{text-shadow: -1px 5px #ccc} #logo{position:absolute;}#logo{top:-140px;}#logo{left:300px;}#logo{width:170px;}#logo{height:170px;}#logo{background:url(http://imagizer.imageshack.us/v2/1600x1200q90/924/Og3wq9.jpg) no-repeat center;border: 5px solid white;border-radius:50%;background-size:cover;}#logo{transition:ease-in-out 1s;}#logo:hover{transform: rotate(-360deg);}#main{position:absolute;}#main{ list-style-type: none; margin: 0; text-align: center; margin:40px 0 0 138px; }#main li { display: inline-block; margin: 20px; } a { font-size: 17px; color: #ff0000; position: relative; text-transform: uppercase; text-decoration: none; padding-bottom: 8px; } a:before, a:after { content: ''; position: absolute; bottom: -6px; left: 0; right: 0; height: 4px; background-color: tomato; } a:before { opacity: 0; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s; transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s; } a:after { opacity: 0; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; } a:hover:before, a:hover:after, a:focus:before, a:focus:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } a:hover:before, a:focus:before { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s; } a:hover:after, a:focus:after { -webkit-transition: -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s; transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s; }.slider { width: 60%;height:360px; margin: auto; overflow: hidden; } .slider ul { display: flex; padding: 0; width: 400%;margin-top:-90px; animation: cambio 12s infinite alternate linear; } .slider li { width: 100%; list-style: none; } .slider img { width: 100%; } @keyframes cambio { 0% {margin-left: 0;} 20% {margin-left: 0;} 25% {margin-left: -100%;} 45% {margin-left: -100%;} 50% {margin-left: -200%;} 70% {margin-left: -200%;} 75% {margin-left: -300%;} 100% {margin-left: -300%;} }#test{position:absolute;}#test{margin-top:1px;margin:0px 0 0 270px}#test{width:811px;}#test{height:93px;}#test{background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 0px 0px 5px 5px;}#box-info{position:absolute;}#box-info{top:495px;}#box-info{width:25%;}#box-info{height:470px;}#box-info{background:#F2F2F2;margin:0px 0 0 910px;border:1px solid #D4D4D4}#info em {position:absolute;}#info em{color:#FF3A3A}#info em{font-size:21px;text-align:center;border-bottom: 1px solid #D4D4D4}#info em{margin:35px 0 0 130px;}#info-photo{width:300px;height:240px;margin:20px;margin-top:80px } #info-photo:hover{opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: .8;}#info2 h3{color:#FF3A3A;border-bottom: 1px solid}#info2 h3{text-align:center}#info2 h3{font-size:20px}#info3 span{color:#FF3A3A;border-bottom: 1px solid}#info3 span{text-align:center}#info3 span{font-size:15px;padding:10px;}#info3 span{position:absolute;}#info3 span{margin:05px 0 0 0px;}#box-about{position:absolute;}#layount{position:absolute;}#layount{width:678px;}#layount{height:2618px;}#layount{background:none;border: 1px solid #BABABA;border-radius:1px;}#layount{padding:40px;margin:-370px 0 0 -810px}#photos1:hover {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: .5}#photos1 {width:740px;}#photos1 {height:600}#photos1{margin:-31px}#photos2:hover {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: .5}#photos2 {width:740px;}#photos2 {height:600}#photos2{margin:-31px}#photos2{margin-top:37px}#photos3:hover {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: .5}#photos3 {width:740px;}#photos3 {height:600}#photos3{margin:-31px}#photos3{margin-top:37px}#photos4:hover {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: .5}#photos4 {width:740px;}#photos4{height:600}#photos4{margin:-31px}#photos4{margin-top:37px}#photos5:hover {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: .5}#photos5 {width:740px;}#photos5{height:600px}#photos5{margin:-31px}#photos5{margin-top:37px} #box-friends{position:absolute}#box-friends{width:342px;}#box-friends{height:830px;}#box-friends{background:none;}#box-friends{margin:900px 0 0 910px}#followers{position:absolute;}#followers{width:90px;height:120px;}#followers{margin:100px 0 0 60px}#followers:hover{transition:ease 1s;transform:scale(1.1)}#box-friends em{position:absolute;}#box-friends em{color:#000;font-size:20px;font-family:helvetica;}#box-friends em{margin:30px 0 0 20px}#box-friends em{margin:30px 0 0 25px;}#border{border-bottom:1px solid #696969;}#border{width:240px;margin:49px 0 0 3px}#border{position:absolute;}#box-friends em:hover{transition(.5s ease-in-out); color:white;}#followers2{position:absolute;}#followers2{width:90px;height:120px;}#followers2{margin:100px 0 0 60px}#followers2:hover{transition:ease 1s;transform:scale(1.1)}#test9{position:absolute;}#test9{width:30px;}#test9{height:30px;}#test9{margin:70px 0 0 92px} #box-about{position:absolute;}#box-about{width:100%;}#box-about{height:670px;}#box-about{background:#none;border:1px solid #D4D4D4}#box-about{margin:170px 0 0 0px}#box-about em{color:#ff3a3a}#box-about em{font-size:21px;border-bottom:1px solid #BDBDBD}#box-about em{margin:41px 0 0 110px}#box-about em{position:absolute;}#l-friends{position:absolute;}#l-friends{width:100px;}#l-friends{height:100px;}#l-friends{border-radius:50%;}#l-friends{margin:90px 0 0 60px}#t-friends h1{position:absotlute;}#t-friends h1{color:#000}#t-friends h1{font-size:15px;}#t-friends h1{margin: 130px 0 0 180px} #t-friends h1{transition: ease-in-out 1s;} #t-friends h1:hover{ color:#7294C0; }#l-friends{transition:ease 1s;}#l-friends:hover{transform:scale(1.2);}#box-video{position:absolute;}#box-video{width:300px;}#box-video{height:300px;}#box-video{background:#fff;border-style: dotted solid;border-bottom: 03px solid black;}#box-video{margin:120px 0 0 19px;}#box-video{box-shadow: 05px 05px 02px #ccc}#video-title h1{position:absolute;}#video-title h1{color:#FF5F5F}#video-title h1{border-bottom:1px solid #A5A5A5}#video-title h1{margin:30px 0 0 105px}#video{position:absolute;}#video{margin:30px}#video{top:60px}div#noowayfixed { HTML <div id="social"> <a href="http://xat.me/edit"><div id="s-text"><em>Tumblr</em></div></a> <div id="search"> <p id="txt">Search...</p> </div> </div> <div class="slider"> <ul> <li> <img src="http://imagizer.imageshack.us/v2/1600x1200q90/923/gB5JOY.png" /> </li> <li> <img src="http://imagizer.imageshack.us/v2/1600x1200q90/923/p1v1aW.png" /> </li> <li> <img src="http://imagizer.imageshack.us/v2/1600x1200q90/922/KR0eIA.png" /> </li> <li> <img src="http://imagizer.imageshack.us/v2/1600x1200q90/922/wLbFBh.png" /> </li> </ul> </div><div id="test"><div id="logo"></div><div id="main"> <li><a href="#">Home</a> <li><a href="#">Fashion</a> <li><a href="#">Vanity</a> <li><a href="#">beauty</a> <li><a href="#">seduction</a></li> </div></div></div> <div id="box-info"><div id="info"><em>about me!</div><div id="info3"><div id="info2"><img id="info-photo" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/Aj06Ce.jpg" /><h3> Hi. I'm little doll.</h3></div></div> <div id="box-about"></div> <div id="info3"><span>I created this blog to share things I love, cute! Here you will find photos, fashion tips and more.</span> <div id="box-about"><em> My Followers</em> <img id="l-friends" src="http://imagizer.imageshack.us/v2/1600x1200q90/924/xEY1Z9.jpg" /> <a href="http://xat.me/edit"><div id="t-friends"> <h1>name friends</h1></div></a> <img id="l-friends" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/uzWEpG.jpg" /> <a href="http://xat.me/edit"><div id="t-friends"> <h1>name friends</h1></div></a> <img id="l-friends" src="http://imagizer.imageshack.us/v2/1600x1200q90/922/09iRML.png" /> <a href="http://xat.me/edit"><div id="t-friends"> <h1>name friends</h1></div></a> <img id="l-friends" src="http://imagizer.imageshack.us/v2/1600x1200q90/922/qGGsdk.jpg" /> <a href="http://xat.me/edit"><div id="t-friends"> <h1>name friends</h1></div></a> <div id="box-video"> <div id="video-title"><h1>Video</h1></div> <div id="video">[youtube:240:200:5DNl22MvaNo:autoplay=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0] </div> </div> </div><div id="layount"> <img id="photos1" src="http://imagizer.imageshack.us/v2/1600x1200q90/924/VCRnnR.png" /> <img id="photos2" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/cJLy1J.png" /> <img id="photos3" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/VDoO54.png" /> <img id="photos4" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/5FiNlm.png" /> <img id="photos5" src="http://imagizer.imageshack.us/v2/1600x1200q90/923/qYTLoh.jpg" /> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div></div> </div></div> </div> Preview: Hello, people from the forum / xat.com I leave to you a totally free and editable xatspace, I edited almost 100% plus you can feel free to make your modifications. I hope you like it Thank you! © All Rights Reserved
  6. Bonequinho

    XATSPACE - Animes girl

    Thank you! Soon I'll be bringing varieties of xatspace that do not contain the power me : )
  7. Bonequinho

    XATSPACE - Animes girl

  8. Bonequinho

    XATSPACE - Animes girl

    ⇢ required power me CSS background: -webkit-linear-gradient(top,#FFD4D4 60%,#FFA6A6 80%) no-repeat center center fixed;}/* CREATED LAYOUNT: bonequinho ❮/❯*/*{margin:0}*{padding:0}*{-webkit-user-select:none}*{user-select:none}*{-webkit-user-drag:none}*{text-decoration:none}*{user-drag:none}[name="nav"]{position:fixed}[name="nav"]::before{content:'';position:absolute;top:0;width:100%;box-shadow:0 0 150px 30px #000;z-index:-1}[name="nav"]{background:url(http://imagizer.imageshack.us/v2/1600x1200q90/924/ocdlvX.png) 0 -560px no-repeat;}[name="nav"]{align-items:center}[name="nav"]{box-sizing:border-box}[name="nav"]{width:100%}[name="nav"]{z-index:9999}[name="nav"]{height:170px}[name="nav"]{border-bottom: 3px dashed #FF6B00; }._O{position: absolute;top: -30px; right:180px} .Main { position: relative; margin: 210px 0 0 388px; width: 466px; padding: 0px 25px 29px; background: #eee;height:393px; border-bottom: 1px solid #c4c4c4; border-radius: 5px; max-width:500px; } .Main {box-shadow: 0 20px 20px rgba(0, 6, 0, 0.6);}.Main {position:fixed} .Main:before, .Main:after { content: ''; position: absolute; bottom: 1px; left: 0; right: 0; border-bottom: 1px solid #d2d2d2; border-radius: 4px; } .title-video { margin:-3px; padding: 14px; line-height: 35px; font-size: 26px; font-weight: 300; color: #000; text-align: center;border-bottom: 1px solid #aaa; background: #; } .title-video:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 7px; border-radius: 5px 5px 0 0; background-image: linear-gradient(to right, #f7fdca 12.5%, #f7fdca 25%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }.video{margin:13px 0 0 -05px; position:relative} #title-video{font: 1em 'Helvetica Neue', Helvetica, Arial;text-shadow: 0px 4px 6px #B6B6B6;text-align:center}{background-size: cover}} .creditos{cursor:pointer}.creditos{position:fixed}.creditos{right:40px ;}.creditos{bottom:0}.creditos h1{color:#000;text-decoration:none;font-size:13px;}.creditos h1{border-radius:50%}.creditos h1{margin:-2rem}div#nowayfixed {} div#nowayfixed { HTML <div name="nav"></div> <div class="Main"> <img class="_O" src="http://imagizer.imageshack.us/v2/1600x1200q90/924/r6mCGY.png" height="600/" /> <h1 class="title-video">Sia - Cheap Thrills </h1> <div class="video"> <div id="title-video"> <span class="title">(Lyric Video)</span> [youtube:480:317:ekd0fqU-flk:=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0] </div> </div> <div class="creditos"> <h1>CREATED LAYOUNT: bonequinho ❮/❯</h1> </div> Preview: Hello, people of xat.com/forum hojê I have made available to you one of my first xatspace totally in css. If you like, do not forget to share my work with your friends! Thank you! © All Rights Reserved
  9. Bonequinho

    Free xatspace!

    Like index
×