Contact Graphics

This section contains a specialized collection of Contact Table layouts I have created.

I built this dedicated archive because the classic MySpace era had incredibly stylish and creative contact tables, and I wanted to bring that same energy to SpaceHey. Each code here is designed specifically to modify only your contact section, giving you more control over your profile's look.

Every layout focuses purely on table structure, custom icons, and unique visual styles. You can explore these specific codes to enhance your identity without changing your entire profile theme.

Feel free to browse and find the Contact Table that best fits your style!

Latest Uploads

Code :

Copy and paste to About Me

<style>

/* Contact */

.profile .contact {
    background-color: #FFFFFF;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/contact-table-2.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    border: 3px dashed #86158B;
    margin-top: 10px;
}
.profile .contact .heading,
.profile .contact .icon,
.profile .contact img {
    display: none;
}
.profile .contact .f-row .f-col a {
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin: 2.50px -7px 2.50px;
    padding: 0px 10px;
    color: #000000;
    font-size: 0px;
    font-family: Impact, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-stroke: 1px #86158B;
}
.profile .contact .f-row .f-col a::before {
    display: block;
    font-size: 22px;
}
.profile .contact .f-row .f-col a:has(img[src*="add.png"])::before { 
    content:"Add Me";
    text-align: left;
}
.profile .contact .f-row .f-col a:has(img[src*="hourglass.png"])::before { 
    content:"Requests";
    text-align: left;
}
.profile .contact .f-row .f-col a:has(img[src*="delete.png"])::before { 
    content:"Remove";
    text-align: left;
}
.profile .contact .f-row .f-col a:has(img[src*="award_star_add.png"])::before { 
    content:"Favorite";
    text-align: right;
}
.profile .contact .f-row .f-col a:has(img[src*="comment.png"])::before {
    content:"Message";
    text-align: left;
}
.profile .contact .f-row .f-col a:has(img[src*="arrow_right.png"])::before {
    content:"Frwrd";
    text-align: right;
}
.profile .contact .f-row .f-col a:has(img[src*="email.png"])::before { 
    content:"Im";
    text-align: left;
}
.profile .contact .f-row .f-col a:has(img[src*="exclamation.png"])::before {
    content:"Block";
    text-align: right;
}
.profile .contact .f-row .f-col a:has(img[src*="group_add.png"])::before {
    content:"Group";
    text-align: left;
}
.profile .contact .f-row .f-col a:has(img[src*="flag_red.png"])::before {
    content:"Report";
    text-align: right;
}

</style>

Code :

Copy and paste to About Me

<style>

/* Contact */

.profile .contact {
    background-color: #FFFFFF;
    border: 2px solid #6698CB;
    margin-top: 10px;
}
.profile .contact .heading{
    background-color: #6698CB;
}
.profile .contact .icon,
.profile .contact img {
    display: none;
}
.profile .contact .f-row .f-col a {
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin: 0px -7px 0px;
    font-size: 0px;
    text-align: center;
}
.profile .contact .f-row .f-col a::before {
    display: block;
}
.profile .contact .f-row .f-col a:has(img[src*="add.png"])::before { 
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-add.png");
}
.profile .contact .f-row .f-col a:has(img[src*="hourglass.png"])::before { 
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-requests.png");
}
.profile .contact .f-row .f-col a:has(img[src*="delete.png"])::before { 
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-remove.png");
}
.profile .contact .f-row .f-col a:has(img[src*="award_star_add.png"])::before { 
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-favorite.png");
}
.profile .contact .f-row .f-col a:has(img[src*="comment.png"])::before {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-message.png");
}
.profile .contact .f-row .f-col a:has(img[src*="arrow_right.png"])::before {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-frwrd.png");
}
.profile .contact .f-row .f-col a:has(img[src*="email.png"])::before { 
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-im.png");
}
.profile .contact .f-row .f-col a:has(img[src*="exclamation.png"])::before {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-block.png");
}
.profile .contact .f-row .f-col a:has(img[src*="group_add.png"])::before {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-group.png");
}
.profile .contact .f-row .f-col a:has(img[src*="flag_red.png"])::before {
    content: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/myspace-contact-report.png");
}

</style>

Our Generators & Editors

Profile design editor Create a custom layout with live preview.

Blog design editor Create a custom layout with live preview.

Glitter Text Generator Create your own glitter words.

Group design editor Create a custom layout with live preview.

Auto Play Generator Add background music to your profile.

All Our Generators & Editors Discover more tools and customize your profile to the next level.

Contact Graphics

Latest Uploads

Our Generators & Editors

N4TH4N43L XP

Now Playing

Directory