Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind

FriendRewind

← Back to Layouts

Skyrim Layout

Author: sillybilly08375

Category: Aesthetic

Created: July 7, 2025

Hopefully this works 🙏

Comments (2)

sillybilly 07/07/2025 4:12 AM

Pretty sure this is the first public user created Layout (by user created I mean not created by the dev)

Def3ct 07/07/2025 4:13 AM

Just tried it out on my profile, and it for sure works and looks amazing, congratulations!! (:

You must log in to comment.

CSS Code

<style>
* {cursor: url(https://cur.cursors-4u.net/games/gam-14/gam1384.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/20/the-elders-scroll-skyrim-precision.html"target="_blank" title="The Elders Scroll Skyrim - Precision"><img src="https://cur.cursors-4u.net/cursor.png" alt="The Elders Scroll Skyrim - Precision" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url('https://media.giphy.com/media/kKaVWUDkNq1hcPnzKe/giphy.gif')

;

  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%) }

} </style>

<style>:root {

        --logo-blue: transparent ;

        --darker-blue: silver ;

        --lighter-blue: url(https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif) ;

        --even-lighter-blue: url(https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif) ;

        --lightest-blue: url(https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif) ;

        --dark-orange:  ;

        --light-orange: url(https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif) ;

        --even-lighter-orange: url(https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif) ;

<style/> 

<style>nav {

  overflow-x: hidden;

  position: middle;

}

nav .top {

  background: transparent;

}

nav .links {

  background: rgba(0, 0, 0, 0.3);

}

nav { background-image: url(https://media.giphy.com/media/xVn3ZmKrKIOLS/giphy.gif); }</style>

<style>main:before {

	width: 100%;

	height: 300px ;

	display: block;

	content: "";

	background-image: url('https://media.giphy.com/media/9S3GlHaQccA5KpcXfc/giphy.gif');

	background-position: center center;

	background-size: cover;

}

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

	main:before{

		height: 200px;

	}

}</style>

<style> 

body { 

font-family: Courier;

font-size: 15pt;

font-weight: bold;

-font-style: normal;

text-decoration: none;

}

h1 {

  color: black;

  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;

} 

h1, h2, h3, h4,p {color: lightpink}

:root { 

--black: white;

</style>

<style>

#comments .inner {

    max-height: 545px;

    overflow: scroll;

}

 

<style>

#comments{

    background-image: url('https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif');

    background-size: 100%;

    Height:300px;

    overflow:auto;

}

.comments-table{

border: transparent !important;

    background-color:transparent rgba(30,35,40,.9);

}

#comments img{

    border-radius: none !important; 

    border: none !important; 

}

</style>

<style>table table table td img { display:inline; }table td td{ width:0; } table { width:450px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:220px!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:170px!important; display:block; } embed,object { display:block;width:220px;height:38px; } table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }</style>

<style>

main{background: transparent} table, tr, td { background-color:transparent;}div table tr td {background-color: BD9D00 !important;}div table tr td a:link, div table tr td a:visited, div table tr td a:hover {color: DDCCEE !important; font-weight: bold !important;}table {background-color: transparent !important;}table table table td {background-color: A50000 !important;}table table table table td {color: FFFFFF !important;}.clearfix {background-color: 000000 !important;}.profileInfo {border: 000000 2px solid !important;}.interestsAndDetails, .userProfileDetail, .contactTable {background-color: 000000 !important; border: BD9D00 2px solid !important; width: 200px !important;}.extendedNetwork , .latestBlogEntry, .blurbs, .friendSpace,.friendsComments {background-color: 000000 !important; border: FF0000 2px solid !important;}span, .btext, .redtext15 {background-color: transparent !important;}a {font-weight: normal !important; color: FF9BD4 !important;}b, span, .btext, .orangetext15, .whitetext12  {color: transparent !important;}.text  {color: 000000 !important;}.blacktext8 {color: FF0000 !important;}a.text:link, a.text:visited {font-weight: bold; color:FF0000 !important;}div object {background-color: A50000 !important; border: FF0000 2px solid !important;}ul li div span div {background-color: FF0000 !important; border: FF0000 2px solid !important;}table.contactTable tr td.text {background-color: 000000 !important;}table.contactTable td.tdborder table td{background-color: 000000 !important;}table.contactTable td.tdborder{background-color: 000000 !important;}div ul li a.open:link,div ul li a.open:visited,div ul li a.open:hover{background-color: 1548ae !important;}div ul li small{color: FF0000 !important;}.bodyContent{background-color: transparent;}body {background:url(https://media.giphy.com/media/9bTjZrytydVRK/giphy.gif);background-attachment:fixed;background-repeat:repeat;}table tr td div, div div a.text:link, div div a.text:visited, div div a.text:hover, div div a.text:active, div div p a:link, div div p a:visited, div div p a:hover, div div p a:active {color: FFFFFF !important;}

.profile .contact { background: url('https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif');

background-size: cover;

background-position: center;

}

 </style>

<style>body:before {

	content: " ";

	height: 100vh;

	width: 100vw;

	display: block;

	position: fixed; 

	top: 0; 

	left: 0; 

	z-index: 100;

	background-image: url('https://media.giphy.com/media/9bTjZrytydVRK/giphy.gif');

	background-size: cover;

	background-repeat: no-repeat;

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

	pointer-events: none;

}

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

<style/></style>

<style>

footer {

border-radius: 15px;

background-image: url(https://media.giphy.com/media/xVn3ZmKrKIOLS/giphy.gif);

}

</style>

<style>

/* profile-info */

.profile-info {

    position: fixed;

    left: 0;

    bottom: 0;

    margin: 0;

    padding: 0;

    width: 100vw;

    border: 0;

    z-index: 20;

    -webkit-backdrop-filter: blur(20px);

}

.profile-info a {

    color: #FFF;

}

.profile-info { border:double 0px #Ffd1dc88;

-moz-border-radius: 0px;

-webkit-border-radius: 0px;

border-radius: 0px;

background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;

background-size: contain;

    </style>

<style>

.table-section:nth-last-child(2) .details-table tr:nth-child(2){display:none;}

.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}

.table-section:nth-last-child(2) .details-table tr:nth-child(4){display:none;}

</style>

<style>

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"Ëš*â€¢Ì©Ì©Í™âœ©â€¢Ì©Ì©Í™*Ëšï¼Š"; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p { font-size:0; }

.table-section:nth-last-child(2) .details-table tr:nth-child(6) td:first-child p:before { content:"Ëš*â€¢Ì©Ì©Í™âœ©â€¢Ì©Ì©Í™*Ëšï¼Š"; font-size:.7rem; }

.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; }

.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"Ëš*â€¢Ì©Ì©Í™âœ©â€¢Ì©Ì©Í™*Ëšï¼Š"; font-size:.7rem; }</style>