Published by Maqsud101

published 1698844458

Category: Web, HTML, Tech

View Blog View Profile Report Blog Entry

My old messed up layout if anyone interested maybe there any code for you.

People who has a brain.

</a><a href="https://www.youtube.com/watch?v=vdVnnMOTe3Q&t"><img src="https://i.imgur.com/MjgCYsJ.png"/></a>

</a><a href="https://discord.gg/SD8m94sT3x"><img src="https://external-media.spacehey.net/media/sv3tjtaE3oUtrutHkDlgMphgkLyjOvgIoK3uZt8nCQUY=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fbe6c344-10c6-4e19-96b2-01ac52ba52c5/d6m44t0-c4173e27-a489-4e14-a114-bccb579f2b37.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ZiZTZjMzQ0LTEwYzYtNGUxOS05NmIyLTAxYWM1MmJhNTJjNVwvZDZtNDR0MC1jNDE3M2UyNy1hNDg5LTRlMTQtYTExNC1iY2NiNTc5ZjJiMzcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.CyGPCGVSzi5BZKEKhr40mSIJdn7w39VxPAIn-C50X2c"/></a>

.unofficial-blogroll-link{display: inline-flex; border: 0; background: silver; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; box-sizing: border-box; border: none; border-radius: 0; min-width: 75px; min-height: 23px; padding: 0 12px; font-family: Arial; font-size: 11px; color: #222; text-decoration: none;align-items: center;}

.unofficial-blogroll-link:focus{outline: 1px dotted #000;outline-offset: -4px;}

.unofficial-blogroll-link:active{box-shadow: inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;padding: 2px 11px 2px 13px;}

.unofficial-blogroll-border{display: inline-block; padding: 15px; margin: 15px; background-color: #c0c0c0; box-shadow: inset -1px -1px #fff,inset -2px 1px grey,inset 1px -2px grey,inset 2px 2px #fff;}

.unofficial-blogroll-about-link{display: inline-block; margin-left: 15px;color: #333;text-shadow: 1px 1px 0 #fff; font-size: 9px;}

.unofficial-blogroll-about-link:hover{color: black;}

</style>

<a href="https://spacehey-blogroll.244466666.xyz/random" target="_blank" class="unofficial-blogroll-link">Next profile</a>

<a href="https://spacehey-blogroll.244466666.xyz" target="_blank" class="unofficial-blogroll-about-link">About</a>

</div>

Proud Super Straight

--------------------------------------------------------------------------------------------------------------------------

Animes, Games, Music's, Dungeon and Dragons, Philosophy, Science.

My religious view: Thelema, Distheist, Apateist. I'm not a fanboy of anything.

<table cellpadding="0" cellspacing="0" border="0" width="128"><tr><td align="center"><a href="https://www.moonconnection.com" target="mc_moon_ph"><img src="https://www.moonmodule.com/cs/dm/vn.gif" width="128" height="196" alt=""/></a><div style="position:relative;width:128px;"><div style="position:absolute;top:-20px;left:6px;background:#000000;width:116px;text-align:center;"><a href="https://www.moonconnection.com/moon_cycle.phtml" target="mc_moon_ph"><font color="#7F7F7F" size="1" face="arial,helvetica,sans-serif"><span style="color:#7F7F7F;font-family:arial,helvetica,sans-serif;font-size:10px;">moon cycle</span></font></a></div></div></td></tr></table>

--------------------------------------------------------------------------------------------------------------------------

Rock, Metal, Jazz, Baby boomer.

</iframe>

--------------------------------------------------------------------------------------------------------------------------

Action film, Anime, Fantasy film, Historical film, Noir film, Sci-fi.

--------------------------------------------------------------------------------------------------------------------------

I don't watch tv.

--------------------------------------------------------------------------------------------------------------------------

Action and Adventure, Comic Book or Graphic Novel, Manga, Detective and Mystery, Fantasy, Sci-Fi,

--------------------------------------------------------------------------------------------------------------------------

Alucard from Hellsing, Balalaika from Black lagoon, Artyom from Metro 2033, Boba Fett from Star Wars, Adrian Shephard from Half-Life: Opposing Force.

<tr>

<td>

<p>Games</p>

</td>

<td>

<p>I'm tf2 player Battlemedic Main If you want to play with me just dm me and I'm never play as a pocket and I hate pocket medic's they don't help me but I help them this unfair.</p>

</td>

</tr>

--------------------------------------------------------------------------------------------------------------------------

I'm 23 years old and my hobby is games and anime. and i'm chronically depressed.

　　　　　　　　　　⠀⠀⠀⠀⠀ Everything that lives is designed to end.

　⠀⠀　　　⠀⠀　　　　　　⠀in a never-ending spiral of life and death.　　　　　　　　　　　　　　

----------------------------------------------------------------------------------------------------------------------------------　　　

If there is something you are afraid to tell me.

<style>

@keyframes flying-santa{

from{ left:-400px; }

to{ left:calc(100% + 20px); }

}

#santa{

position: fixed;

left: -400px;

top: 200px;

width: 200px;

animation: flying-santa 7s infinite linear;

pointer-events: none;

}

</style>

<style>

.general-about:before {

background-image: url(https://i.imgur.com/qEwZvZx.png);

background-size: contain;

background-repeat: no-repeat;

background-position: center;

display: block;

height: 100px;

width: 100px;

content: " ";

transform: rotate(

315deg

) scale(1.7) translateX(1.4em) translateY(-5.7em);

position: absolute;

z-index: 1;

}

nav .top {

background: #1D4ED8;

background: url(https://i.pinimg.com/originals/82/cb/ec/82cbecb96f2cc2330b20867cbda1b4f5.gif) fixed repeat top;

padding: 15px 10px 16px 10px;

display: flex;

background-size: cover;

background-position: bottom;

}

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url('https://i.pinimg.com/originals/39/4f/62/394f62e831d0a5288432e4021571e481.gif');

background-size: cover;

background-repeat: no-repeat;

background-position: center center;

animation: yourAnimation 2s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }

.hideobj{ visibility: hidden; height: 20px; width: 0%; }

nav, footer {

margin: 1em;

position: relative;

box-shadow: 5px 8px 10px #0006;

}

main:before {

width: 100%;

height: 300px;

display: block;

content: "";

background-image: url('https://64.media.tumblr.com/e7b73937ed4e954b4f2182f02843d9d2/e3de981b8d75bf0f-85/s500x750/bd3a8256c0741831c280011198956ee11c885243.gif');

background-position: center bottom;

background-size: cover;

background-repeat: no-repeat;

}

@media only screen and (max-width: 600px) {

main:before{

height: 200px;

}

</style>

<style>

/*==========⚠️==========

* for colors go to https://htmlcolorcodes.com/color-names

* for fonts go to https://fonts.google.com

* for cursors go to https://icons8.com or https://www.cursors-4u.com

============⚠️==========*/

a:hover{

cursor: url('https://i.imgur.com/rikHpfP.png'), auto;

}

* {

cursor: url('https://i.imgur.com/1EHYnu4.png'), auto;

}

</style>

<style>

/* font-family */

@import url('https://fonts.googleapis.com/css2?family=Astloch&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&display=swap');

</style>

<style>

@media(max-width: 600px){ /* MOBILE */

.container{

width:100%!important;

}

</style>

<style>

/* this is the grain that appears over the profile */

html:before {

animation: grain 8s steps(10) infinite;

background-image: url(https://i.imgur.com/QpnTsrV.jpg);

content: "";

height: 300%;

left: -50%;

opacity:.2;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}

@keyframes grain {

0%, 100% { transform:translate(0, 0) }

10% { transform:translate(-5%, -10%) }

20% { transform:translate(-15%, 5%) }

30% { transform:translate(7%, -25%) }

40% { transform:translate(-5%, 25%) }

50% { transform:translate(-15%, 10%) }

60% { transform:translate(15%, 0%) }

70% { transform:translate(0%, 15%) }

80% { transform:translate(3%, 35%) }

90% { transform:translate(-10%, 10%) }

}

/* this is where the colors are rooted */

:root{

--headers: firebrick;

--text: firebrick;

--names: red;

--links: maroon;

--font-family: 'IM Fell DW Pica SC', serif;

}

/* this is where the colors for specific things are located */

.blog-preview h4, h2, h3, h5{color: var(--headers)!important;} /* headings*/

a{color: var(--links) !important;} /* color of links */

a:hover{color:red!important} /* color of links on hover */

p, .count {color: var(--text);} /* color of text */

.profile .friends .person p {color: var(--names); font-weight:1;} /* color of names, and friends counter */

nav label{color: var(--links);} /* color of search */

.details p:last-child{color: var(--text);} /* where the last login and status appears */

.container{

width:40%;

}

/* this is where the profile ends up being styled */

body{

background-color: black;

text-align: center;

}

/* this is where your name appears */

h1{

color:darkred;

font-family: 'Astloch', cursive;

font-size: 40px!important;

text-shadow: 2px 2px 3px darkred;

}

nav{

background-color: transparent;

border: none;

text-align: center;

}

nav .top{

color: darkred; /* line that appears between help/login/signup */

}

nav .top, nav .links {

background-color: transparent;

}

nav .links a{

text-shadow: none;

}

nav .links{

border-top:1px solid darkred;

border-bottom:1px solid darkred;

}

/* this is the line that appears between links in the header and footer.

you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after,

footer .links li:not(:last-child)::after{

content: " ⸸";

color: red;

}

/* this is the spacehey logo color.

you can change it at https://codepen.io/sosuke/pen/Pjoqqp */

nav img.logo{

filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important;

height:30px;

}

/* the search wrapper and button */

.search-wrapper input[type=text] {

background-color: rgba(0, 0, 0, 0.5) !important;

border: 1px solid darkred!important;

color:darkred!important;

}

button{

border: 0px solid firebrick!important;

font-family: 'IM Fell DW Pica SC', serif;!important;

background-color:rgba(0, 0, 0, 0.0) !important;

color: darkred !important;

}

/* the online symbol and text */

.online{

margin:auto;

padding-bottom: 5px;

content: url(https://dl.glitter-graphics.com/pub/1872/1872954n8xsuq9wc1.gif);

}

/* font family for the headers, navigtion links, links, body text */

a, p, nav label, .section{

font-family: var(--font-family);

font-size: 12px!important;

font-weight: 1;

}

h2, h3, h5{

font-family: var(--font-family);

font-size: 12px!important;

font-weight: 1;

}

hr{

height:1px;

background: red;

border: none!important;

}

/* this is where you adjust the borders and background */

.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{

border: var(--borders)!important;

background-color: transparent!important;

}

.comment-replies{border:1px solid darkred;} /* this is the border around the replies */

.comment-reply:not(:first-child){border-top: 4px double darkred;} /* line in between comment replies*/

.comment-reply p{

margin: 0;

text-align: left;

}

/* your interest and comments table row background color */

td{

background-color: transparent!important;

}

/* the middle section of your profile background color*/

main{

background: transparent;

border: transparent;

outline: none;

}

/* the interest table */

.table-section{

border:none !important;

}

/* the header section of the boxes */

.profile .contact .heading, .profile .table-section .heading,.home-actions .heading, .profile .friends .heading{

background: url('https://media.giphy.com/media/jQS9YkJXofyeI/giphy.gif');

background-size: contain;

border: 1px solid black;

font-family: 'IM Fell DW Pica SC', serif;

font-size: 16px!important;

font-weight: bold;

color:black;

text-align: center;

text-shadow: 1px 1px 5px black;

}

/* this is the box that says "Edit Info" when you're logged in,

and to your friends it says "Profile Name is your friend". */

.profile-info {

background-color: transparent !important;

border:none !important;

}

/* adjusting images borders and adding styling if you want to */

.profile-pic img{

background: url('https://media.giphy.com/media/jQS9YkJXofyeI/giphy.gif');

background-size: 30%30%;

padding:5px;

}

.profile-pic {

margin:auto;

}

/* you can add text-align:center; if you want your friends to be centered */

.friends-grid{

text-align: center;

}

.profile .friends .person img:not(.icon){

border-radius: var(--curve) !important;

height:100px;

width:100px;

}

/* custom contact */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add me */

content: "✚"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* faves? */

content: "☑"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* chit chat */

content: "⥂"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forwardd */

content: "➨"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant chat */

content: "✉"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block */

content: "✘"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* group me */

content: "❧"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "☠"

}

/* this is the comments table scroll code.

you can delete this if you don't want a scroll box */

.comments-table {

display: block;

height: 600px!important;

overflow-y: scroll;

border: 0px dotted #000 !important;

outline: none !important;

border-radius: none;

padding:5px;

}

.comments-table td:first-child *{

color: var(--text);

}

.comments-table td{

border: 2px solid black;

padding:10px;

border-radius: 0px;

}

footer{

background: transparent;

}

footer a{

color: firebrick;

}

footer p{

color: red;

}

/* . hidden things */

.blurbs .heading {display:none;} /* hides the blurbs title */

.blog-preview h4 {display:none;} /*hides blog names */

</style>

<style>

::-webkit-scrollbar {

width: 12px;

height: 12px;

}

::-webkit-scrollbar-track {

border-radius: 10px;

width: 2px;

border: 1px dotted darkred;

}

::-webkit-scrollbar-thumb {

background: darkred;

border-radius: 10px;

}

::-webkit-scrollbar-thumb:hover {

background: red;

}

</style>

--------------------------------------------------------------------------------------------------------------------------

0 Kudos

Comments

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