bone thugs-n-harmony type layout

Tags: 90s, bone thugs-n-harmony

Description:

layout i themed around bone thugs-n-harmony, particularly around their album e. 1999 eternal. the background music that comes with this layout is "buddah lovaz". feel free to use or change anything once again all the image assets (except for the bone thugs logo) are hosted on my neocities page so things may stop working but it should be good

Preview:

Code:

<!-- (c) Layout created by transfemtayk2017 (https://layouts.spacehey.com/layout?id=82938) --> <style> @import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap'); body { background-image: url("https://transfemtayk2017.neocities.org/images/clouds_7_idk.png"); background-size: 512px; } h1, h2, h3, h4, h5, h6 { color: #FFFFFF; } h1 { font-family: 'UnifrakturCook', cursive; display: block !important; text-align: center !important; font-size: 30pt !important; font-weight: bold; color: #df4940; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #3a1e13; } nav .top { background-size: 80px; background-color: #5c1e14; background-repeat: repeat-x; border: 5px #805438 outset !important; border-radius: 20px; margin-top: 2.5%; } nav .links { background-color: #3e160f; border: 5px #805438 outset !important; border-radius: 20px; margin-top: 0.5%; margin-bottom: 1%; } nav .links > li > a { color: #b84e47; text-shadow: 0px 0px 0px #000000; } nav .links > li > a:hover{ color: #d94936; } a { color: #b84e47; } a:hover { color: #d94936; } main:before { width: auto; height: 299px; display: block; content: ""; background-image: url("https://4.bp.blogspot.com/-4UP9z7uxtQE/UTjWcujoubI/AAAAAAAAAtw/po7E9GqHBKw/s400/Bone-Thugs-N-Harmony-Logo-psd33691.png"); background-position: center top; background-size: constrain; background-repeat: no-repeat; margin-top: 2.5% } main { color: #FFFFFF; /* background-color: #5f1917; */ background-image: url("https://transfemtayk2017.neocities.org/images/bricks.png") !important; background-size: 128px; border: 5px #805438 outset !important; border-radius: 20px; margin-top: 2.5%; margin-bottom: 2.5%; } .blurbs, .mood, .friends, .contact, .table, .blog-preview, .profile-info, .table-section, .url-info { background-image: url("https://transfemtayk2017.neocities.org/images/bricks2.png") !important; background-size: 64px !important; border: 5px #805438 outset !important; border-radius: 10px; } .profile-pic > .pfp-fallback { border: 5px #805438 outset !important; border-radius: 20px; } th { background-color: #331102 !important; } td > p { color: #FFFFFF !important; } td { background-color: #331102 !important; padding: 2px; } .heading { background-color: #7c2e26 !important; padding: 1% !important; color: #FFFFFF; border-bottom: 5px #805438 solid; border-radius: 5px; } .person > a > p { color: #FFFFFF !important; } hr { height: 0px; border: 2px #e19d51 solid; border-radius: 10px; background: #805438; } footer { margin: 0px 0px 0px 0px; } </style> <iframe width="0" height="0" src="https://www.youtube.com/embed/9y5qzPSlUTs?autoplay=1&loop=1&playlist=9y5qzPSlUTs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; IRDr-lAmYLM-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled=""> </iframe>

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.