Aladdin

"/making layouts"

Put a tiny description about yaself!

Last Login:
1612087982

Mood: inspired

View my: Blog | Forum Topics

Contacting Aladdin

Add to Friends

Add to Favorites

Send Message

Forward to Friend

Instant Message

Block User

Add to Group

Report User

SpaceHey URL:

https://spacehey.com/lionzlytspreviewer

Aladdin's Interests

General	Personally....I think scrollboxes are best used here to keep everything together but feel free to write as you please in here without them! If you are looking for a scrollbox, you can find ones that suit the style on my website!
Music	The default music player for these layouts is 'Soundcloud' but I do have a compatible Youtube version on my website as well, check it out!
Movies	For some reason, my coding removes the 'Television' row....I apologize. Workaround: Combine the Movies/TV category! Imma work it out eventually lol
Television	This row may work.....or it may not...
Books	Speaking of books, make sure to read the notes/instructions I've written to get the layout juuuuuust right.
Heroes	Strive to be your own hero. /𝕷𝖎𝖔𝖓𝖟

Aladdin's Links

Instagram	@mikeyveeruff
Twitter	@mikeyvruff

Aladdin's Latest Blog Entries [View Blog]

Why yes.... (view more)

Aladdin's Blurbs

About me:

This is Some Good Head-er...

Hello all, so you've chosen this layout to preview...nice choice! I always knew you had good taste. So you've noticed, I'm sure, that I have chosen to remove the 'About Me' and 'Who I'd Like To Meet' Section, but I did this purely for customization purposes. This way you can make the headers say what you want without some excess coding! Simply enclose the sentence you want like so:

SIDENOTES: The scrollbars in the scrollboxes are hidden, just use the middle scroll on your mouse. Wow, I said scroll a lot.....

I've also changed most of the font html styles as you can see below to really create a stylistic way of typing!

Who I'd like to meet:

I can show you the world
Shining,shimmering, splendid
Tell me, princess, now when did
You last let your heart decide?

A whole new world
A new fantastic point of view...

Get The Code:

<style>

/*  CODED BY 'RUNNINGFROMLIONZ LYTS' @ SpaceHey  */
	/*  spacehey dot com slash runningfromlionzlyts  */

/* background of the page (i.e. left and right of your profile) */
body {
  height:100%;
margin-top:0px;
text-align:justify; 
color: #fff; 
font-family: terminal, small fonts; 
font-size: 16px;
letter-spacing:0px; 
line-height: 12px; 
background-color:#000;
background-image:url("https://i.ibb.co/bJC3sW4/aladdinbg2.gif"); 
background-attachment: fixed; 
background-position: top-left; 
background-repeat: no-repeat;
background-size: cover;
}

html:before {
  background-image: url(https://i.ibb.co/ZhZ7BXm/Static.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
  z-index: -1;
  filter: brightness(200%) contrast(150%);
}

b {
  color: #4c418a;
  font-family: arial black; 
  font-size: {text:Font Size}; 
  text-transform: uppercase;
  letter-spacing: 0px;
}

i {
  font-family: times new roman;
  color: #3e2ab6;
  letter-spacing: 0px;
}

u {
  color: #3e2ab6;
}

strong {
  letter-spacing: 3px;
  background-image: linear-gradient(60deg, #f9e3b8, #4c418a);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
}

sup {
  font-size: 9px;
  letter-spacing: 1px;
  color: #3e2ab6;
  line-height: 7px;
}

em {
  font-family: times new roman;
  color: #3e2ab6;
  letter-spacing: 1px;
  font-style: italic;
  font-weight: bold;
  text-align: justify;
}

small {font-size:8px; line-height:8px; letter-spacing:0px; text-transform: uppercase;}
big {font-family:arial black; color:{color:text}; word-spacing: normal;}

h1 {
font-size: var(--mynamesize) !important;
line-height: 28px;
font-family: Brush Script MT, Brush Script Std, cursive;
font-weight:bold;
text-transform: none;
letter-spacing: 0px;
color:#f9e3b8;
text-align:center;
padding-bottom:0px;
padding-top:0px;
padding-right: 3px;
margin-top: 5px;
text-shadow: 0 0 0px ######;
border-bottom: solid 1px ######;
border-left: solid 15px ######;
border-right: solid 2px ######;
border-radius: 3px;
background:######;
background-image:url("https://t3.ftcdn.net/jpg/01/21/77/78/240_F_121777813_2D9oUTeYerqVNeJfNGd9btI3BO9JnfDg.jpg");
background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
    -webkit-filter: saturate(110%) contrast(150%);
    filter: saturate(110%) contrast(150%);
}

h1::first-letter {
color: #######;
}

/* IF YOU WANT TO ADD YOUR OWN 'ABOUT ME' HEADER JUST PUT THE 'h1' and '/h1' html before or after whatever sentence when editing your profile */

.blurbs { 
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.5px;
  text-transform: none;
  font-family: terminal, small fonts;
}

.blurbs {
    overflow: scroll;
    height: 550px; !important;
}

.blurbs::-webkit-scrollbar {
  display: none;
}

.blurbs {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.blurbs{margin-top:4px !important; margin-bottom:0px !important;}

.section h4{display:none}

.blurbs .heading{display:none !important;}

.mood{text-transform: lowercase; !important; color:#3e2ab6; letter-spacing: 2px; font-weight: bold; font-family: times new roman; font-size: 12px;}

.online {
  content: url("http://www.myspacegens.com/images/online_now/131.gif"); 
  visibility: visible; 
  float: center;
}

.heading {
  padding: 3px 0px !important;
  margin-bottom: 5px;
  border-bottom: 2px solid ######;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.general-about {
  background: transparent;
  border-radius: 5px;
  font-style: arial;
  font-weight: normal;
  text-transform: none;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0px;
  height: auto !important;
  padding: 8px 8px 4px!important;
  line-height: 14px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.general-about {
  background-image: linear-gradient(60deg, #f2c71d, #3e2ab6, #f9e3b8);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.blog-entry {
  text-align: center;
  margin-bottom: 0px;
}

.blog-preview {
  float: center;
  text-align: center;
  padding: 2px 0px 2px!important;
  border-bottom: 4px solid ######;
  border-radius: 7px;
  background: transparent;
    letter-spacing: 0px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 10px;
  color: ######;
  background-image: linear-gradient(60deg, #ffffff, #f2c71d, #3e2ab6, #f9e3b8);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.blog-preview {
    overflow: scroll;
    height: 60px; 
    width: 97%;
    margin-left: 7px;
}

.blog-preview::-webkit-scrollbar {
  display: none;
}

.blog-preview {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* your profile itself. main does not encompass the header/footer, which I prefer to leave alone */

main {
  background-color: #10083f;
  color: var(--light-orange);
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  border-bottom: 10px solid #351282;
  border-right: 2px solid #351282;
  border-left: 2px solid #351282;
  padding-bottom: 0px;
}

/* links within main. */
a, a:link, a:visited, a:active {
  font-family: arial;
  font-size: 10px;
  font-weight: normal;
  color: #f9e3b8;
  text-transform: uppercase;
  letter-spacing:0px; 
}

a:hover {
  color: #e574a5;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
}

a.two, a.two:link, a.two:visited, a.two:active {
  font-size: 18px;
  font-weight: normal;
  color: #738CBF;
  letter-spacing:-1px; 
  line-height: 20px;
}

a.two:hover {
  color: #D97373;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
}

/* color/style of borders around tables on the left */
.profile .contact, .profile .table-section, .profile .url-info {
  border: none;
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: transparent;
  color: transparent;
  font-family: Brush Script MT, Brush Script Std, cursive;
  font-size: 22px;
  font-weight: none;
  text-transform: none;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
background-image:url("https://t3.ftcdn.net/jpg/01/21/77/78/240_F_121777813_2D9oUTeYerqVNeJfNGd9btI3BO9JnfDg.jpg");
background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
    -webkit-filter: saturate(110%) contrast(150%);
    filter: saturate(110%) contrast(150%);
}

.table-section {
  color: ;
}

.contact {
  background-color: transparent;
  background-image:url("https://media.giphy.com/media/bU3bD2rsKq02Q/giphy.gif"); 
  background-position: center; 
  background-repeat; no-repeat;
  line-height: 5px;
  border-radius: 5px;
}

.profile .left .table-section:last-child .details-table tbody {
	display: flex;
}

.profile .left .table-section:last-child .details-table tbody tr {
	display: flex;
}

.profile .left .table-section:last-child .details-table tbody tr td {
	width: 100%!important;
}

.profile .contact .f-row{
	text-align: center;
	height: 5px;
}

.profile .contact .heading {
	display: center!important;
	text-align: center;
	padding: 4px 0px 4px!important; 
	width: 100%;
	line-height: 9px;
}

.profile .contact .f-row .f-col {
	width: 80%!important
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
	font-size: 0
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
	font-size: 11px;
	transition: all .3s;
        line-height: 5px;
  	padding: 0px 15px 0px 0px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:hover:after {
	transform: scale(2);
	opacity: 1
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
	content: "ADD ME"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
	content: "FAVORITE"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
	content: "MESSAGE"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
	content: "FORWARD"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
	content: "IM"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
	content: "BLOCK"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
	content: "GROUPS"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
	content: "REPORT"
}

.music {
  position: fixed;
  width: 60px;
  height: 20px;
  bottom: 5%;
  right: 0%;  
  opacity: .5;
    -webkit-filter: invert(1) hue-rotate(50deg);
    filter: invert(1) hue-rotate(50deg);
  border-radius: 4px;
}

.profile-pic {
        overflow: hidden;
	border: 5px solid #3e2ab6;
        border-radius: 5px;
}

footer {
   background: rgba(0.0, 0.0, 0.0, 0.0) !important;
   display: block !important;
   text-transform: uppercase;
   color: ######;
  line-height: 0px;
  padding-top: 0px;
}

.col.w-40.left :nth-child(7) {
	text-align: left;
}

:root {
  --dark-orange: transparent;
  --light-orange: #522A83;
--mynamesize: 30px;
--curve: 15px;
}

code{  word-break: break-all !important;}

.table-section:not(:last-child) .details-table tr td:first-child p{color: #4c418a; text-shadow: none !important; height: auto; text-transform: uppercase;}

.details-table tr td:first-child p::after{
  color:#fff !important;
  letter-spacing:normal !important;  line-height: 14px;
  font-size: 11px;
   text-shadow: 0px 0px transparent !important;
   filter: brightness(95%) !important;
	margin-top: 5px;  margin-bottom: 5px;
}

nav .top {
  background: transparent;
  background-image: url("https://i.ibb.co/x6mPwx5/mc.gif");
  background-position: center;
  background-size: 100%;
  height: 210px;
  border-right: 2px solid #351282;
  border-left: 2px solid #351282;
}

nav .links li:not(:last-child)::after,
  footer .links li:not(:last-child)::after {
    color: transparent;
  }

nav ul.links a {
  color: #f9e3b8;
  letter-spacing: 2px;
  font-size: 8px;
}

nav .links {
  text-align:center;
  background-color: #10083f;
  letter-spacing:0px;
  padding-top: 10px;
  border-right: 2px solid #351282;
  border-left: 2px solid #351282;
}

nav .links a:hover {
  color: #e574a5;
  text-transform: uppercase;
  font-weight: none;
  text-decoration: none;
	transition: all .3s;
}

.profile .friends .person img {
        border-radius: 8px;
}

.online{
  color: ######!important;  
}

/* colors for left table cell background */
.profile .table-section .details-table td {
  background-color: transparent;
  color: #3e2ab6;
    border-radius: 5px;
}

.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:18px;opacity:1;transition:all .3s;height:auto;margin:0 auto;}
.profile .left .table-section:last-child .details-table tbody tr td p a:hover img{opacity:1;transform:scale(1.2);z-index:10;}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: transparent;
  color: #4c418a;
  font-family: times new roman;
  letter-spacing: 2px;
  text-transform: lowercase;
  text-align: left;
  font-weight: bold;
  font-style: italic;
  padding-left: 5px;
  border-bottom: solid 1px ######;
  border-left: solid 15px ######;
  border-right: solid 2px ######;
  border-radius: 5px;
  background-image: linear-gradient(60deg, #ffffff, #f2c71d, #3e2ab6, #f9e3b8);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.profile .friends .comments-table td {
  background-color: #522A83;
  letter-spacing: 0px;
  font-size: 10px;
  text-transform: uppercase;
  border: none;
}

.comments-table td:first-child img{
}
.comments-table td:first-child img:hover{
border: 2px solid #522A83;
  border-radius: 5px;
}

.comments-table td{
background: #522A83;
color: #ffffff75;
}

.comments-table td:first-child{
background: #522A83;
}

.comments-table {
  border: 2px solid #522A83;
  border-radius: 5px;
}

.comment-replies {
  background: #8f6fb7;
  border: 3px solid #8f6fb7;
  border-radius: 5px;
  letter-spacing: 0px;
  font-size: 10px;
  text-transform: uppercase;
}

.comments {
  height: 50px;
}

.friends {
    overflow: scroll;
    height: 50px; 
}

.friends::-webkit-scrollbar {
  display: none;
}

.friends {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

* {cursor: url( XXXXXXXXXXXXXXXXXXXXXXXXXXXX ), auto !important;}

@media only screen and (max-width: 600px){
.class { thing }
}

/*  CODED BY 'RUNNINGFROMLIONZ LYTS' @ SpaceHey  */
/*  CODED BY 'RUNNINGFROMLIONZ LYTS' @ SpaceHey  */
/*  CODED BY 'RUNNINGFROMLIONZ LYTS' @ SpaceHey  */
/*  spacehey dot com slash runningfromlionzlyts  */

</style>
<a class="two" href="https://spacehey.com/lionzlyts" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">/𝕷𝖎𝖔𝖓𝖟</div></a>

**To get the proper 'YOUTUBE' or 'SOUNDCLOUD' music embed,
CLICK HERE!