User:Axe Hack/Sandbox: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
mNo edit summary
mNo edit summary
Line 2: Line 2:
__NOTOC__
__NOTOC__


<!-- Modify the page header with custom styles -->
<!-- Modify the page header with custom styles and rounded corners -->
<div class="firstHeading" style="background-color: #FFFFFF; padding-top: 0.5em; padding-bottom: 0.5em; color:#DCDCDC; border-bottom:1px solid #DCDCDC; float: left; position: absolute; left: 0.1em; right: 0.1em; text-align: center; top: 0%;">
<div class="firstHeading" style="background-color: #FFFFFF; padding-top: 0.5em; padding-bottom: 0.5em; color:#DCDCDC; border-bottom:1px solid #DCDCDC; float: left; position: absolute; left: 0.1em; right: 0.1em; text-align: center; top: 0%; border-radius: 25px;">
     <h1 style="font-size: 1.5em; font-weight: bold;">Welcome to Axe Hack's Wiki Page</h1>
     <h1 style="font-size: 1.5em; font-weight: bold;">Welcome to Axe Hack's Wiki Page</h1>
     <p style="font-size: 1.2em; color: #999999;">Contributor to the Urban Dead Wiki</p>
     <p style="font-size: 1.2em; color: #999999;">Contributor to the Urban Dead Wiki</p>
Line 9: Line 9:


<!-- Adjust the content section so it doesn't overlap with the header -->
<!-- Adjust the content section so it doesn't overlap with the header -->
<div style="background-color: #d0eef6; padding: 20px; margin-top: 4em;"> <!-- Increased top margin to 4em for header spacing -->
<div style="background-color: #d0eef6; padding: 20px; margin-top: 4em; border-radius: 15px 0 0 15px;"> <!-- Adjusted margin and added border-radius for smoother section -->


<!-- Section: About the Header Customization -->
<!-- Introduction section with flexbox layout and square right corners -->
<div style="padding: 10px; background: #e8f4f8; border: 2px solid #1abc9c; margin-bottom: 20px;">
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; border-radius: 20px 0 0 20px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0; display: flex; justify-content: space-between; gap: 20px;">
<h2>Custom Header</h2>
 
<p>In this section, we have customized the page header using inline CSS to create a unique look. The header background is white, with light gray text and a subtle border at the bottom. The title is centered, and additional styling has been applied to enhance its appearance.</p>
  <!-- Welcome text content -->
</div>
  <div style="flex-grow: 1;">
 
    <h2>Welcome to My User Page!</h2>
<!-- Basic user information (moved to the right, lighter background, matching border, stronger shadow) -->
    <p>Hello! I am <strong>Axe Hack</strong>. I contribute to this wiki by adding information on various topics that interest me. My primary focus is <i>your favorite topics</i>.</p>
<div style="float: right; width: 250px; background: linear-gradient(135deg, #5a8d9e, #23424b); border: 3px solid #1abc9c; padding: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0;">
    <p>Here, you can learn more about my contributions, my interests, and the various projects I'm working on. Feel free to explore the rest of my page!</p>
{| class="infobox" style="width: 100%; background-color: transparent;" <!-- Transparent background to let color show through -->
    <p>I also play characters in the Urban Dead game, and you can find information about my characters in the section below. Check it out!</p>
|-
  </div>
! style="background-color: #00aaff; color: white; text-align: center;" | '''User Info'''
|-
| [[File:ProfileImage.jpg|200px|center]] <!-- Replace with your image link -->
|-
! style="text-align: left;" | '''Username:'''
| '''Axe Hack'''
|-
! style="text-align: left;" | '''Contributions:'''
| [[Special:Contributions/Axe Hack|View contributions]]
|-
! style="text-align: left;" | '''Languages:'''
| English, Spanish, etc.
|-
! style="text-align: left;" | '''Location:'''
| YourLocation
|}
</div>


<!-- Introduction section with lighter gradient and drop shadow -->
  <!-- User Info Box aligned to the right using flexbox, with rounded corners -->
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-right: 270px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0;">
  <div style="flex-shrink: 0; width: 250px; background: linear-gradient(135deg, #5a8d9e, #23424b); border: 3px solid #1abc9c; padding: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0; border-radius: 15px;">
<h2>Welcome to My User Page!</h2>
    <!-- User Info Box content -->
<p>Hello! I am <strong>Axe Hack</strong>. I contribute to this wiki by adding information on various topics that interest me. My primary focus is <i>your favorite topics</i>.</p>
    {| class="infobox" style="width: 100%; background-color: transparent;" <!-- Transparent background to let color show through -->
    |-
    ! style="background-color: #00aaff; color: white; text-align: center;" | '''User Info'''
    |-
    | [[File:ProfileImage.jpg|200px|center]] <!-- Replace with your image link -->
    |-
    ! style="text-align: left;" | '''Username:'''
    | '''Axe Hack'''
    |-
    ! style="text-align: left;" | '''Contributions:'''
    | [[Special:Contributions/Axe Hack|View contributions]]
    |-
    ! style="text-align: left;" | '''Languages:'''
    | English, Spanish, etc.
    |-
    ! style="text-align: left;" | '''Location:'''
    | YourLocation
    |}
  </div>
</div>
</div>


Line 48: Line 49:
<div style="clear: both;"></div>
<div style="clear: both;"></div>


<!-- Personal Interests section with lighter background -->
<!-- Personal Interests section with square right corners -->
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0;">
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0; border-radius: 20px 0 0 20px;">
<h3>Personal Interests</h3>
<h3>Personal Interests</h3>
<ul>
<ul>
Line 57: Line 58:
</div>
</div>


<!-- Urban Dead Characters Section with lighter background -->
<!-- Urban Dead Characters Section with square right corners -->
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0;">
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0; border-radius: 20px 0 0 20px;">
<h3>Urban Dead Characters</h3>
<h3>Urban Dead Characters</h3>
<table style="width: 100%; border: 1px solid #1abc9c;">
<table style="width: 100%; border: 1px solid #1abc9c; border-radius: 10px;">
   <tr>
   <tr>
     <th style="padding: 10px; background-color: #1abc9c; color: white;">Character Name</th>
     <th style="padding: 10px; background-color: #1abc9c; color: white; border-radius: 10px 0 0 10px;">Character Name</th>
     <th style="padding: 10px; background-color: #1abc9c; color: white;">Class</th>
     <th style="padding: 10px; background-color: #1abc9c; color: white;">Class</th>
     <th style="padding: 10px; background-color: #1abc9c; color: white;">Bio</th>
     <th style="padding: 10px; background-color: #1abc9c; color: white; border-radius: 0 10px 10px 0;">Bio</th>
   </tr>
   </tr>
   <tr>
   <tr>
Line 80: Line 81:
</div>
</div>


<!-- Project Section with lighter background -->
<!-- Project Section with square right corners -->
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0;">
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0; border-radius: 20px 0 0 20px;">
<h3>Current Projects</h3>
<h3>Current Projects</h3>
<ul>
<ul>
Line 89: Line 90:
</div>
</div>


<!-- Contact Information with lighter background -->
<!-- Contact Information with square right corners -->
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0;">
<div style="padding: 10px; background: linear-gradient(135deg, #6ca1b2, #345860); border: 2px solid #1abc9c; margin-top: 10px; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5); color: #f0f0f0; border-radius: 20px 0 0 20px;">
<h3>Contact Me</h3>
<h3>Contact Me</h3>
<p>If you'd like to collaborate, feel free to leave a message on my <b>[[User talk:Axe Hack|talk page]]</b>.</p>
<p>If you'd like to collaborate, feel free to leave a message on my <b>[[User talk:Axe Hack|talk page]]</b>.</p>

Revision as of 16:39, 10 October 2024


Welcome to Axe Hack's Wiki Page

Contributor to the Urban Dead Wiki

Welcome to My User Page!

Hello! I am Axe Hack. I contribute to this wiki by adding information on various topics that interest me. My primary focus is your favorite topics.

Here, you can learn more about my contributions, my interests, and the various projects I'm working on. Feel free to explore the rest of my page!

I also play characters in the Urban Dead game, and you can find information about my characters in the section below. Check it out!

User Info
Username: Axe Hack
Contributions: View contributions
Languages: English, Spanish, etc.
Location: YourLocation

Personal Interests

  • Editing and improving articles related to Topic 1
  • Researching and writing about Topic 2
  • Collaborating on projects with other wiki users

Urban Dead Characters

Character Name Class Bio
Character 1 Class 1 This is a short bio for Character 1. They specialize in XYZ and are known for their actions in ABC.
Character 2 Class 2 Character 2 is a combat specialist. They have been involved in XYZ campaigns and are a key player in ABC events.

Current Projects

  • Project 1: Brief description of project
  • Project 2: Brief description of project

Contact Me

If you'd like to collaborate, feel free to leave a message on my talk page.