← Back to Layouts

Ween

Name: FriendRewind
Author: FriendRewind

Author: kaseyslider

Category: Music

Created: July 5, 2026

black and grey ween layout i made........................................... gotta get away from the girl before i go crazy

(the layout preview was kinda broken, so i added a screenshot of my own page)

Comments (1)

yashujibs 07/20/2026 2:55 PM

weening it out

You must log in to comment.

CSS Code

<style>
  
 .myspace-header .top-nav {
  background: #039;
  background: linear-gradient(to bottom, #474747 0%, #000 100%);
  height: 100px;
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  width: 100%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0;
  border-bottom: 1px solid #000;
  position: relative;
  overflow: hidden;
}
  
  .myspace-header .main-nav-wrapper {
  background: #0046a6;
  background: linear-gradient(to bottom, #000 0%, #272727 100%);
  height: 29px;
  width: 100%;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #000;
  clear: both;
  position: relative;
  top: -1px;
  z-index: 2;
  margin-top: 0;
  padding-top: 0;
}
  
 .myspace-header .main-nav li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  display: inline-block;
  padding: 0 15px;
  height: 29px;
  line-height: 29px;
  border-right: 1px solid #303030;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
  
.myspace-header {
  background-color: rgba(0, 1, 2, 0.95) !important;
}
  
body, body.profile-page {
  background-image: url("https://pbs.twimg.com/media/GyGnem2XgAA-yoz.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  color: #ffffff !important;
}
  
main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/1200x/4a/73/64/4a7364cc676b6113a738d9b1bc0bed2e.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  
  .profile {
  background-image: url("https://images.freecreatives.com/wp-content/uploads/2016/03/Black-Grunge-Sunburst-Wallpaper.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

  .profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #ffffff !important;
}
 
  .blurbs, .section, .module, .profileInfo, .table-section {
    background-color: #000000;
    border-radius: 0px;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  
  .home-actions .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading {
  background: #60a5fa;
  background: rgb(0, 0, 0);
  color: #fff;
  padding: 2px 7px;
}

  footer {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
}
  
  .home-actions, .profile .contact, .profile .table-section, .profile .url-info, .setting-section {
  width: 100%;
  border: 2px solid #60a5fa;
  border: 2px solid rgb(255, 255, 255);
  margin: 10px 0;
}
  
element {
}
a {
  color: #1e40af;
  color: #868686;
  text-decoration: none;
}
  
</style>