N4TH4N43L XP's profile picture

Published by

published
updated

Privacy: Link-only
Category: Web, HTML, Tech

Layout Haunting

Etiquetas: scenecore , emo , verde , brillo

Descripción:

I want to make it clear that this design was created for myspace.com in 2007 and was published on the page Pyzam.com, I took this design and configured it to work on this website spacehey.com


Avance:

Captura de pantalla de diseño
Haga clic en la imagen para obtener una vista previa más grande

Código:
<!-- (c) Diseño creado por N4TH4N43L XP x Pyzam.com (spacehey.com/creepyboom) -->

<style>

nav .top, nav .links { background: linear-gradient(transparent 10%, black); } nav .links { text-align: center } .f-col a,.links{ text-align:center } nav .top .center form { width: auto; margin-top: 10px; margin-left: -10px; } .links li a{ color:#FFFFFF;text-shadow:none; font-weight:500; } .links li a:hover{ text-decoration:none; color:#99db00!important } a:hover { color:#99db00; } .icon{ display:none; } input { width: 300px; } ::-webkit-scrollbar { width: 0px; height: 0px; } body { background-color:#99db00; background-image: url("https://i.postimg.cc/7PMJn7Mr/ahhaunt31.jpg"); background-attachment: fixed; background-position: bottom left; background-repeat: no-repeat; } main { background-color:transparent; } h1{ background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color:#FFFFFF; padding:7px; } .general-about { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; padding-bottom: 15px; } @media (max-width: 600px) { .general-about{padding-bottom: 43px;} } .online { content: url("http://www.myspacegens.com/images/online_now/127.gif"); } .mood { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; padding: 3px; margin-top: 10px; margin-bottom: 11px; } @media (max-width: 600px) { .mood{margin-bottom: 5px;} } .profile .contact { background-color:#99db00; border: 1px Solid #FFFFFF; } .contact { height:150px!important; padding:0px!important; background-image:url("https://i.postimg.cc/9QKhfX78/ADDME.png"); background-position:center center; background-repeat:no-repeat; } @media (max-width: 600px) { .contact {background-size:360px;} } .f-col a { width: 93% !important; color: white; padding-right: 17px !important; padding-bottom: 25px !important; font-weight: normal; font-size: 0pt; text-align: center; display: block; } .profile .url-info { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; } .profile .table-section { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; } main .right:before{ width: auto; height:130px; content: " "; display:block; background-color:#99db00; background-image:url("https://i.postimg.cc/xCZxshSq/ahhaunt31box.jpg"); background-repeat:no-repeat; background-size:460px; background-position: center; border: 1px Solid #FFFFFF; margin-bottom: 13px; } @media (max-width: 600px) { main .right:before {width: auto; height: 110px; background-size: 390px; margin-bottom: 25px;} } .profile-info { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; } .blog-preview { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; } .blurbs, .friends { background: rgba(0, 0, 0, 0.90); border: 1px Solid #FFFFFF; color: white; } .count { background:transparent; color: white; } .profile .friends .person p { color: white; font-size:9.60px; } .friends-grid .person .pfp-fallback{ height:100px; width:100px; object-fit:cover; } .friends-grid{ text-align:center; } div#comments { margin-top: 20px; } .comments-table { border: none; border-spacing: 5px; } .comment-replies { border: 1px Solid #FFFFFF; } .comments-table { border: 1px Solid #FFFFFF; } .comments-table td { background-color:black; border: 1px Solid #FFFFFF; color: white; } :root { --logo-blue:#FFFFFF; --darker-blue:#FFFFFF; --dark-orange:#FFFFFF; --even-lighter-blue:rgba(0, 0, 0, 0.40); --lightest-blue:rgba(0, 0, 0, 0.40); --light-orange:rgba(0, 0, 0, 0.40); } .profile .contact .heading{ background-color:transparent; border-radius: 0px; background-position: right; padding: .1em; height: 0px; font-size:0px; } .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading{ background-color:transparent; background-position: right; border-radius: 0px; padding: .1em; height: 22px; color: white; } footer{ background: linear-gradient(transparent 70%, black); color: #FFFFFF;

</style>

Copia y pega este código en la sección "Acerca de mí" de tu perfil para usarlo.

Precaución: SpaceHey no inspeccionó este diseño ; úselo bajo su propio riesgo.


Comments

Displaying 0 of 0 comments ( View all | Add Comment )