Leena's profile picture

Published by

published

Category: SpaceHey

View Blog View Profile Report Blog Entry

Custom Contact Boxes for Spacehey

This is my second attempt today at this. My first one went horribly wrong when I tried to publish and deleted all of my work. So here goes attempt number two. I decided to make some content for Spacehey in the form of some fully customized contact boxes. Which in retrospect probably took a lot more time and effort than making a full profile layout. Since I already did them up though, I'm going to go ahead and post them.


To add any of these contact boxes to your profile, copy the code beneath your desired image and paste it into the About Me section of your profile. If you already have a layout code on your profile and only want to change the contact box, then only copy the code between the <style> and </style> tags and then paste that code between the <style> and </style> tags in the existing code in your About Me section of your profile. Be sure not to accidentally paste the code between any brackets "{ }" and also be sure to delete any old code pertaining to your contact box. When doing this, look for the following headings:

.contact .heading { *contact heading code * }

.contact { *contact background code* }

.contact a { *contact link code* }

Without further ado (hopefully), I give you my custom contact boxes. Enjoy!

Assassin

<style>

.contact .heading {
  background: transparent!important;
  font-family: monospace;
  font-size: large;
  color: #000000;
  text-shadow: 1px 1px 2px #fc5603, 0 0 25px #fc5603, 0 0 3px #fc5603;
  border: none!important;
}

.contact {
  border-radius: 8px; border: transparent!important;
  background-image: url(https://i.ibb.co/2k4Xybc/assassins-creed-origins-popular-game-vq1.jpg);
  background-position: top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #000000;
  text-shadow: 1px 1px 2px #fc5603, 0 0 25px #fc5603, 0 0 3px #fc5603;
  font-family: monospace;
  font-size: 12px;
}
</style>
Spider webs contact box

<style>

.contact .heading {
  background: transparent!important;
  font-size: small;
  text-shadow: 1px 1px 2px #0066ff, 0 0 25px #0066ff, 0 0 3px #0066ff;
  border: none!important;
}

.contact {
  border-radius: 8px; border: transparent!important;
  background-image: url(https://i.ibb.co/FXpwx2m/webs1.jpg);
  background-position: top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #000000;
  text-shadow: 1px 1px 2px #0066ff, 0 0 25px #0066ff, 0 0 3px #0066ff;
  font-size: 12px;
}
</style>




Red contact box

<style>

.contact .heading {
  text-align: center;
  background: transparent!important;
  font-family: courier "Courier New";
  color: whitesmoke;
  border: none!important;
}

.contact {
  border: 2px solid gray!important;
  background-image: url(https://i.ibb.co/4mt4bbz/red2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: whitesmoke;
  font-family: "Courier New";
  font-size: 14px;
}
</style>




Rappers contact box

<style>

.contact .heading {
  text-align: center;
  background: transparent!important;
  font-family: courier "Courier New";
  color: #000000!important;
  text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 3px #ffffff;
  border: none!important;
}

.contact {
  border: none!important;
  background-image: url(https://i.ibb.co/hVPHW2d/rappers1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #000000;
  text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 3px #ffffff;
  font-family: "Courier New";
  font-size: 14px;
}
</style>
Sunflowers contact box

<style>

.contact .heading {
  background: #d1ca02!important;
  font-family: courier new;
  font-size: medium;
  font-color: #7a4202!important;
  border: none!important;
}

.contact {
  border: transparent!important;
  background-image: url(https://i.ibb.co/Y3XMm1Q/sunflowers2.jpg);
  background-position: center;
  background-repeat: repeat;
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #7a4202;
  font-family: courier new;
  text-decoration: bold;
  font-size: 12px;
}
</style>



Stranger Things contact box

<style>

.contact .heading {
  background: transparent!important;
  font-family: courier "Times New Roman";
  text-shadow: 1px 1px 2px #f50202, 0 0 25px #f50202, 0 0 3px #f50202;
  color: #000000!important;
  border: none!important;
}

.contact {
  border: transparent!important;
  background-image: url(https://i.ibb.co/DfcbZmV/ST360-03-Mind-Flayer1.jpg);
  background-position: center;
  background-repeat: repeat;
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #000000;
  text-shadow: 1px 1px 2px #f50202, 0 0 25px #f50202, 0 0 3px #f50202;
  font-family: "Times New Roman";
  font-size: 12px;
}
</style>
Purple Flower contact box

<style>

.contact .heading {
  background: transparent!important;
  font-family: monospace;
  font-size: large;
  color: #9805a8!important;
  border: dotted #9805a8!important;
}

.contact {
  border: 2px dotted #9805a8!important;
  background-image: url(https://i.ibb.co/KX1npTd/indigoflower1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #9805a8;
  font-family: monospace;
  font-size: 12px;
}
</style>
Green Butterfly contact box

<style>

.contact .heading {
  background: transparent!important;
  font-family: monospace;
  font-size: large;
  color: #0aa305!important;
  border: none!important;
}

.contact {
  border: 2px dotted #0aa305!important;
  background-image: url(https://i.ibb.co/FWV9nhP/greenbutterfly1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #0aa305;
  font-family: monospace;
  font-size: 12px;
}
</style>
Rainbow contact box

<style>

.contact .heading {
  background: transparent!important;
  text-align: center; text-decoration: italic;
  color: #04b3b0!important;
  font-size: medium;
  font-family: cursive;
  text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 3px #ffffff;
  border: none!important;
}

.contact {
  border-radius: 8px; border: transparent!important;
  background-image: url(https://i.ibb.co/qspPBy0/rainbow2.jpg);
  background-position: top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #04b3b0;
  font-family: cursive;
  text-decoration: italic;
  text-shadow: 1px 1px 2px #ffffff, 0 0 25px #ffffff, 0 0 3px #ffffff;
  font-size: 12px;
}
</style>
Gray Room contact box

<style>

.contact .heading {
  background: transparent!important;
  font-family: "Courier New"!important;
  font-size: large;
  color: #929492!important;
  border: 1px solid #000000!important;
}

.contact {
  border: 2px solid #000000!important;
  background-image: url(https://i.ibb.co/5xMsT6F/grayroom1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
Width: 360px;
Height:100px;
}

.contact a {
  color: #929492;
  font-family: "Courier New";
  font-size: 10px;
}
</style>







If you like this and would like to see some of my artwork, please visit me at https://www.buymeacoffee.com/medea22q and give me a follow. Following is free, but donations are always appreciated. Also, if you enjoyed these and would like to have a custom profile designed, feel free to send me an IM with some of your likes and interests and favorite colors. Have a great rest of your day and stay spooky!


6 Kudos

—

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

foxlore 🍉

 foxlore 🍉 's profile picture

Those look really cool!
Thats a nice coding job id say


Report Comment



Thank you

by Leena; ; Report