r34 forum layout + warning screen

Tags: green, anime, webcore, 2000s, simple, layout

Description:

really messy coding since i was up on a school night coding this. i honestly dont know what to say for myself.

Preview:

click on the image for a larger preview

Code:

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

<style>
 
body{
    background-image: url('https://cdn.discordapp.com/attachments/1219108273765093390/1227505853607706685/Screenshot_2024-04-09_231645.png?ex=6628a6e9&is=661631e9&hm=b9731bf869a4540b5405a9d5abb04fbb23f3a1939b4c34f968b27bc0a462d31f&')
 
 
}
main:before {
background-image: url(https://cdn.discordapp.com/attachments/1219108273765093390/1227545994561060945/Screenshot_2024-04-10_020842.png?ex=6628cc4b&is=6616574b&hm=582a5f057b65962c9935f253f25c52440b48df1bf49cac6c3dbdb1ea11ba33ec&);
background-position: center;
background-size: auto;
background-repeat: repeat;
display: block;
content: "";
width: 140%;
height: 140px;
margin-bottom: 10px;
width: 100%;
}
 
 
.top, .heading, footer{
   background-color: #abe3a3!important;
}
.links, .button {
   background-color: #9fb69d!important;
}
h1 {
   font-family: courier !important; 
   font-size: 18px !important;
}
h4 {
   color: #9fb69d!important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #98c494 !important;
}
td {
   background-color: #98c494!important;
}
input, button:not(.logout-btn) {
   border: 1px groove #abe3a3 !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #654e9c !important;
}
.logo-fallback {
   height: 38px !important;
}
 
.profile {
background-image:url(https://cdn.discordapp.com/attachments/1219108273765093390/1227505853607706685/Screenshot_2024-04-09_231645.png?ex=6628a6e9&is=661631e9&hm=b9731bf869a4540b5405a9d5abb04fbb23f3a1939b4c34f968b27bc0a462d31f&);
  background-repeat: repeat;
    border-radius: 12px;
 
</style>
 
<style>
 
img.logo{
 
content: url("https://cdn.discordapp.com/attachments/1219108273765093390/1227526577793929276/Screenshot_2024-04-09_234921_1.png?ex=6628ba36&is=66164536&hm=c0eeb5d6e42a8e77f0b380280a8e6e1ea65873105893dbe681a407b218eef745&");
 
}
nav .top .left .logo {
    width: 200px;
    height: 120px;
 
</style>
 
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>
 
 
<style> 
 
:root {
  --warning-background-color: #abe3a3;
  --warning-text-color: #090a9c;
}
 
#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}
 
#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}
 
#profile:target {
 opacity: 0;
 visibility: hidden;
}
 
#profile > a {
 text-align: center;
 font-weight: bold;
}
 
#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
</style>
 
<div style="float:  ; max-height: 300px; position: fixed; right: 6px; bottom: 6px; z-index: 100;">
<img src="https://cdn.discordapp.com/attachments/1219108273765093390/1227519971278585868/Screenshot_2024-04-10_002543.png?ex=6628b40f&is=66163f0f&hm=24feb57d440aaebbb73fd6585be034484987553a21e27621cfd7c177d778fb7c&" width="140" height="220"/></div>
<style></style>
 
<div style="float:  ; max-height: 300px; position: fixed; middle: 250px; bottom: 70px; z-index: 400;">
<blink><marquee><img src="https://cdn.discordapp.com/attachments/1219108273765093390/1227551807702564936/Untitled-removebg-preview.png?ex=6628d1b5&is=66165cb5&hm=8947a2fab380637a1cf2119514d0b1e0c4b2be587d35e2a10c54eb7e1e2dd64b&" height="100" width="500"/></marquee></blink></div>
 
(SCROLLING STAMPBOX HERE)
 
<div style="width: 400px; height: 80px; background-color: #a5b89c; border-color: #a5c8a0; border-width: 8px; border-style: dotted; color: #FFFFFF; font-size: 11px; overflow: auto;">
//**INSERT ALL STAMPS HERE**\\
<p> </p></div>
 

//**WARNING SCREEN HERE**\\

<div id="profile">
<h1>🚨 QUICK WARNING!!</h1>
<p>**PUT STUFF HERE**</p>
<ul>
<li>**PUT STUFF HERE**</li>
<li>**PUT STUFF HERE**</li>
<li>**PUT STUFF HERE**</li>
<li>**PUT STUFF HERE**</li>
</ul>
<a href="#profile">Continue Anyways</a>
<a href="https://spacehey.com/home">Back Home</a>
<img src="https://cdn.discordapp.com/attachments/1219108273765093390/1227536200261173308/FCAPnUaXoAALNWE.png?ex=6628c32c&is=66164e2c&hm=54f296b840d19ab34a420415a0730f0d3e3a5477c25391a17d9cbaeed5b83245&"/>
</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 9 of 9 comments ( View all | Add Comment )

Noriaki 8039	1714154074 Using xD Report Comment
faqqot	1713374040 COOL AS SHIT MAN Report Comment
xelqf5	1712936628 Solid ass layout bro Report Comment THANK YOUUU by 츄 ! ✩; 1714192182; Report
s0dabra1n	1712932438 LMAO LOVE IT Report Comment omg thank youuu i needed to see a comment like this loll by 츄 ! ✩; 1714192134; Report
Fritoleg	1712842579 "I love old internet" mfs when they see actual old internet memes/culture Report Comment ong say it louder by hubabuba (#1 gordon fan); 1712853019; Report Gave my phone a virus using that site as a kid o7 by .; 1713024885; Report
Aya	1712837170 concerning… Report Comment
the earth is hungry	1712768474 using Report Comment
squareman	1712765617 interesting! Report Comment
𐙚 𓎟𓎟 @𝐶ʜɪʟᴋo ！꒱	1712751849 What a curious topic you put on it. Report Comment