Quick Fallout New Vegas Layout + Mr NewVegas Radio!!

Tags: fallout, vintage, videogame, fallout new vegas, old, vault boy, autoplay, mr new vegas, gif, layout

Description:

As the title says. Made in the afternoon, maybe a little ugly but it's my first layout so whatever. The main code is mine but the extra shit is not, code that is not mine has been credited! Some other things the layout includes... *Mr. New Vegas radio station (Plays voice lines and in-game music automatically) *Profile Flouting animation *Custom radiation cursor *Vault Boy chilling on your profile pic *Another Vault boy chilling at the bottom *Custom Online animation Thinking of making a fallout themed terminal layout later I think it would be cool :P Hey! I made a Fallout fan group! Check it out! >> [ https://groups.spacehey.com/FalloutFanClub ]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Skull (https://layouts.spacehey.com/layout?id=104640) -->

<!-- (c) Edited/curated Layout. Note that some of the code is not mine! Original creators are linked -->

<!-- Mr. New Vegas Radio (1 hour long) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/kXfQ7AB-hEM??feature=shared//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


<!-- About me section  -->

<img src="https://i.pinimg.com/564x/b7/ba/6b/b7ba6bff592bbfdfa641c2e2a38a5d9c.jpg"/>

<img src="https://64.media.tumblr.com/bd1c7c76589cf4b1154e9c24775f3e97/08b6024acb610772-33/s640x960/1a7930624edd31ac4fb4f49785558d2e8935b2a4.gifv"/>

you can put your about me here!


<!-- this is the terminal texture -->

<style>
    body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
html:after {
  background-image: url(http://i.imgur.com/rcaf5Tj.png);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.5;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}


<!-- (c) Original Layout created by J3TT J4YW4LK3R (https://layouts.spacehey.com/layout?id=103789) -->

<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>

<!-- main Layout code -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
body{font-family: "potta one" ;}
</style> 

<style>
body {
    background: url("https://64.media.tumblr.com/149bcb3cfd3e39bbc475da0bfb8584c8/dc7c50e84b1ee508-9e/s400x600/92eebc0f676a32bf1eed72b55429bb501a3ec75b.gifv");
}
.profile {
background-image:url(https://i.pinimg.com/564x/ef/2f/7b/ef2f7be4b75d72a7cbed2b35d0ac9224.jpg);
  background-repeat: repeat;
    border-radius: 8px;
}

h1
{
	color:
h1
{         color: white; 
	//text-shadow: 1px 1px #de007a;
	
};
	text-shadow: 2px 2px 3px #FB9E00, 0 0 25px #FB9E00, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #FB9E00;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#FB9E00);
}
table, th, td

}
   border: 1px solid #FB9E00;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #FB9E00;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #FB9E00;
   margin 10px 2;
}

.online
{
  color: gold!important; 
  //text-shadow: 1px 1px white;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: #D33115;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header: white;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #FB9E00;
text color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: white!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 8px; 
color: #FB9E00;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://64.media.tumblr.com/b668865e8a8750b42c45ee38d583009a/7f88972aa7e82748-df/s400x600/0acd205457a77249714108625ddad25d2495c9e6.gifv);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #FB9E00;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #FB9E00, 0 0 3px #FB9E00; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve none !important;
outline: none !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #563600;
padding: 0;
font-size: 90%;
color: #FE9200;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://64.media.tumblr.com/cf8c88ff15fff87f2630a24f64d38a06/110bab7d55605c0b-20/s250x400/77c31587e0843aa9dab3670d895f00405c91d7fc.gifv) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #FB9E00;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FB9E00;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FE9200;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 
  .profile .friends .heading{
    background: #FE9200;
    color: #FE9200;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #FE9200;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/32/37/bf/3237bf1e172a6089e0c437ffd3b28010.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #4D3719;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/564x/6c/53/e5/6c53e51b47b29ffcbc4c380f67957333.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FE9200;
}
.profile .profile-info .inner h3 a {
	color: #FE9200 ;
}
.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/ef/2f/7b/ef2f7be4b75d72a7cbed2b35d0ac9224.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #FE9200;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-4/cur337.ani), url(https://cur.cursors-4u.net/cursors/cur-4/cur337.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2010/05/04/mac-os-x-radioactive-busy.html" target="_blank" title="Mac OS X Radioactive Busy"><img src="https://cur.cursors-4u.net/cursor.png" alt="Mac OS X Radioactive Busy" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>

.online{

content: url("https://64.media.tumblr.com/5f8558a455d56372f6b5208565681be5/d81aeaff7282566d-ed/s250x400/92cd8eb606d5080ab7e34529f04c821aad572a44.gifv") !important;

}
</style>

<!-- P -->

<!-- (c) Original Layout created by Ruwsiann (https://layouts.spacehey.com/layout?id=100169) Edited -->

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://cdn.discordapp.com/attachments/1036450409918771242/1236079917368737863/Vault_Boy-519349912.png?ex=6636b4a1&is=66356321&hm=df0316caee9b291031001eb616c3fefac56bc00d3be17e87751f552180d53f52&') no-repeat;
  background-size: 50px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -70px;
  left: 120px;
}

<!-- Bottom Vault Boy Gif -->

</style>

<div style="float: right; max-height: 250px; position: fixed; right: 1px; bottom: 0px; z-index: 360;">
    <img src="https://c.tenor.com/A4TI_PB1xboAAAAj/taunt-vault-boy.gif" height="250"/>
</div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

Mlekar	1739004208 I'm using it now, I've refined the code a bit more to add an animation when the site loads and my fallout playlist. You can find the whole code on my blog. Report Comment
ᯓ lil	1738827547 using i love you thank you Report Comment
pupichani	1738797028 usingusing..,.!!!! Report Comment
Dakoda	1738487624 USING!! Report Comment
gamiko__	1735717915 usingg Report Comment
SOL	1734679300 using ty!! Report Comment
Xx_nukan0mic0n_xX	1733980062 usinggg ^_^ - Xx Report Comment
Infamous_Creme	1733746162 Using! Report Comment
BOONE	1727441119 Using! Report Comment
JohnnyBoy	1721359890 Love it! Report Comment thank you! by Skull; 1725136959; Report
Sixxie	1715981861 i love this thankyou 🙏 Report Comment np! <3 by Skull; 1715986334; Report
NEPPUX	1715529083 thank u sm for this....i owe u my first born Report Comment that is a fine payment for my services, thank you! by Skull; 1715705989; Report