Nuhvidia

Nuhvidia's avatar

Birthday: 10/31

Contact

  • Add to Friends
  • Send Message
  • Trade Items

Equipped List

Interest Tags

Remind me to update my interests.

Wish List

 

Custom




<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gaia Online Profile</title>
<style>
/* General Styles */
body {
margin: 0;
padding: 0;
background-color: #1a1a1a; /* Dark background */
color: #ffffff; /* White text */
font-family: 'Arial', sans-serif;
line-height: 1.6;
}

/* Profile Container */
.profile-container {
width: 90%;
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #262626; /* Dark gray container */
border: 2px solid #ff4444; /* Red border */
border-radius: 15px;
box-shadow: 0 0 20px rgba(255, 68, 68, 0.5); /* Red glow effect */
}

/* Profile Header */
.profile-header {
text-align: center;
margin-bottom: 20px;
}

.profile-header img {
width: 150px;
height: 150px;
border-radius: 50%;
border: 4px solid #ff4444; /* Red border for profile picture */
}

.profile-header h1 {
font-size: 28px;
color: #ff4444; /* Red text for username */
margin: 10px 0;
text-shadow: 0 0 10px rgba(255, 68, 68, 0.7); /* Red glow effect */
}

/* Profile Bio */
.profile-bio {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}

/* Profile Stats */
.profile-stats {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}

.profile-stats div {
text-align: center;
}

.profile-stats h2 {
font-size: 24px;
color: #ff4444; /* Red text for stats */
margin: 5px 0;
}

.profile-stats p {
font-size: 14px;
color: #cccccc; /* Light gray text for labels */
}

/* Profile Links */
.profile-links {
text-align: center;
margin-top: 20px;
}

.profile-links a {
color: #ff4444; /* Red links */
text-decoration: none;
margin: 0 10px;
font-size: 18px;
transition: color 0.3s ease;
}

.profile-links a:hover {
color: #ffffff; /* White on hover */
text-shadow: 0 0 10px rgba(255, 68, 68, 0.7); /* Red glow effect */
}

/* Footer */
.profile-footer {
text-align: center;
margin-top: 30px;
font-size: 14px;
color: #cccccc;
}

.profile-footer a {
color: #ff4444;
text-decoration: none;
}

.profile-footer a:hover {
text-decoration: underline;
}
</style>


<div class="profile-container">
<!-- Profile Header -->
<div class="profile-header">
<img src="https://example.com/path/to/your-profile-pic.jpg" alt="Profile Picture"> <!-- Replace with your profile picture URL -->
<h1>YourUsername</h1>
</div>

<!-- Profile Bio -->
<div class="profile-bio">
<p>
Welcome to my Gaia Online profile! I'm a fan of all things dark and edgy, with a love for red accents and sleek designs.
Whether I'm exploring the forums or customizing my avatar, I'm always here to have fun and connect with others.
Feel free to message me or check out my links below!
</p>
</div>

<!-- Profile Stats -->
<div class="profile-stats">
<div>
<h2>1,234</h2>
<p>Posts</p>
</div>
<div>
<h2>567</h2>
<p>Friends</p>
</div>
<div>
<h2>89</h2>
<p>Awards</p>
</div>
</div>

<!-- Profile Links -->
<div class="profile-links">
<a href="https://gaiaonline.com/profile/yourusername" target="_blank">Gaia Profile</a>
<a href="https://twitter.com/yourusername" target="_blank">Twitter</a>
<a href="https://instagram.com/yourusername" target="_blank">Instagram</a>
</div>

<!-- Footer -->
<div class="profile-footer">
<p>© 2023 YourUsername. All rights reserved. | <a href="#">Back to Top</a></p>
</div>
</div>

Custom




<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Gaia Online Profile</title>
<style>
/* General Styles */
body {
margin: 0;
padding: 0;
background-color: #000000; /* Black background */
color: #ffffff; /* White text */
font-family: 'Arial', sans-serif;
overflow-x: hidden;
}

/* Profile Container */
.profile-container {
width: 90%;
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: rgba(20, 20, 20, 0.9); /* Dark semi-transparent background */
border: 2px solid #ff0000; /* Red border */
border-radius: 15px;
box-shadow: 0 0 20px rgba(255, 0, 0, 0.5); /* Red glow effect */
}

/* Profile Header */
.profile-header {
text-align: center;
margin-bottom: 20px;
}

.profile-header img {
width: 150px;
height: 150px;
border-radius: 50%;
border: 4px solid #ff0000; /* Red border for profile picture */
}

.profile-header h1 {
font-size: 28px;
color: #ff0000; /* Red text for username */
margin: 10px 0;
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7); /* Red glow effect */
}

/* Profile Bio */
.profile-bio {
font-size: 16px;
line-height: 1.6;
text-align: center;
margin-bottom: 20px;
}

/* Profile Stats */
.profile-stats {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}

.profile-stats div {
text-align: center;
}

.profile-stats h2 {
font-size: 24px;
color: #ff0000; /* Red text for stats */
margin: 5px 0;
}

.profile-stats p {
font-size: 14px;
color: #cccccc; /* Light gray text for labels */
}

/* Profile Links */
.profile-links {
text-align: center;
margin-top: 20px;
}

.profile-links a {
color: #ff0000; /* Red links */
text-decoration: none;
margin: 0 10px;
font-size: 18px;
transition: color 0.3s ease;
}

.profile-links a:hover {
color: #ffffff; /* White on hover */
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7); /* Red glow effect */
}

/* Footer */
.profile-footer {
text-align: center;
margin-top: 30px;
font-size: 14px;
color: #cccccc;
}

.profile-footer a {
color: #ff0000;
text-decoration: none;
}

.profile-footer a:hover {
text-decoration: underline;
}
</style>


<div class="profile-container">
<!-- Profile Header -->
<div class="profile-header">
<img src="https://example.com/path/to/your-profile-pic.jpg" alt="Profile Picture"> <!-- Replace with your profile picture URL -->
<h1>YourUsername</h1>
</div>

<!-- Profile Bio -->
<div class="profile-bio">
<p>
Welcome to my Gaia Online profile! I'm a fan of all things dark and edgy, with a love for red accents and sleek designs.
Whether I'm exploring the forums or customizing my avatar, I'm always here to have fun and connect with others.
Feel free to message me or check out my links below!
</p>
</div>

<!-- Profile Stats -->
<div class="profile-stats">
<div>
<h2>1,234</h2>
<p>Posts</p>
</div>
<div>
<h2>567</h2>
<p>Friends</p>
</div>
<div>
<h2>89</h2>
<p>Awards</p>
</div>
</div>

<!-- Profile Links -->
<div class="profile-links">
<a href="https://gaiaonline.com/profile/yourusername" target="_blank">Gaia Profile</a>
<a href="https://twitter.com/yourusername" target="_blank">Twitter</a>
<a href="https://instagram.com/yourusername" target="_blank">Instagram</a>
</div>

<!-- Footer -->
<div class="profile-footer">
<p>© 2023 YourUsername. All rights reserved. | <a href="#">Back to Top</a></p>
</div>
</div>

About

Comments

Signature

 

Recent Visitors

Forums

Posts per Day: 0.04

Total Posts: 220

Latest Posts

My Playlist

You currently have zero playlists!

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gaia Online Profile Theme</title>
<style>
body {
background-color: #1a1a1a;
color: #f0f0f0;
font-family: Arial, sans-serif;
}
.header {
background-color: #333;
padding: 20px;
text-align: center;
border-bottom: 2px solid #f0f0f0;
}
.header h1 {
color: #ffcc00;
font-size: 36px;
text-transform: uppercase;
}
.nav {
background-color: #444;
padding: 10px;
text-align: center;
}
.nav a {
color: #ffcc00;
text-decoration: none;
margin: 0 15px;
}
.nav a:hover {
color: #f0f0f0;
}
.main {
padding: 20px;
}
.article {
background-color: #333;
padding: 20px;
margin-bottom: 20px;
border-radius: 10px;
}
.article h2 {
color: #ffcc00;
}
.article p {
line-height: 1.6;
}
.aside {
background-color: #333;
padding: 20px;
margin-bottom: 20px;
border-radius: 10px;
}
.footer {
background-color: #444;
padding: 20px;
text-align: center;
border-top: 2px solid #f0f0f0;
}
.footer p {
color: #ffcc00;
}
.profile-picture {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #ffcc00;
}
.button {
background-color: #ffcc00;
color: #1a1a1a;
padding: 10px 20px;
border: none;
border-radius: 5px;
text-transform: uppercase;
cursor: pointer;
}
.button:hover {
background-color: #f0f0f0;
}
</style>
</head>
<body>
<div class="header">
<h1>Your Profile Name</h1>
</div>
<div class="nav">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#friends">Friends</a>
<a href="#photos">Photos</a>
<a href="#contact">Contact</a>
</div>
<div class="main">
<div class="article">
<h2>About Me</h2>
<p>Write a brief description about yourself here. Share your interests, hobbies, and anything you would like others to know about you.</p>
</div>
<div class="aside">
<h2>Friends</h2>
<p>List your friends here or provide a link to your friends list.</p>
</div>
</div>
<div class="footer">
<p>© 2025 Your Profile Name. All rights reserved.</p>
</div>
</body>
</html>