so i made this lil expansion thingy for all yr spacehey profiles where we can just add our relationships w/ spaceheyers and naturally be silly as all heck about it :3
it follows the default spacehey theme (see screenshot)
as always, copy/paste the code below into any new line between yr <style></style> tags
<!-- a bran new heckin bffs 5ever party box as made by a GOAT (http://spacehey.com/winning) -->
.frenbox {
box-sizing: border-box;
font-family:helvetica;
text-align:left;
width:320px;
background-color:#DBEAFE;
color: black;
font-size: 80%;
font-weight: bold;
border: 2px solid #60A5FA; }
.frenbox ul {
list-style-type:none; }
.frenbox li {
margin-bottom:3px;
display:block;
text-align:left;
font-size:14px;}
.frenbox li:nth-child(1)::before {
content:"😍";
margin-right:5px; }
.frenbox li:nth-child(2)::before {
content:"🥳";
margin-right:5px; }
.frenbox li:nth-child(3)::before {
content:"🥰";
margin-right:5px; }
.frenbox li:nth-child(4)::before {
content:"👊";
margin-right:5px; }
.frenbox li:nth-child(5)::before {
content:"🐐";
margin-right:5px; }
.frenbox li:nth-child(6)::before {
content:"🥹";
margin-right:5px; }
.frenbox a {
margin-right:50px;
float:right !important; }
.frenbox-header {
background-color:#60A5FA;
color: white;
padding: 2px 7px; }
.frenbox-header h2 {
font-size: 1.5em;
margin: 0; }
and this'll go OUTSIDE them same style tags:
<div class="frenbox"><div class="frenbox-header"><h2>relationSHEEPS v1.2</h2><i>made lovingly for spaceheys by GOAT</i></div>
<ul>
<li>admires: <a href="/">fren1</a></li>
<li>in love with: <a href="/">fren2</a></li>
<li>partys with: <a href="/">fren3</a></li>
<li>wants to fight: <a href="/">fren4</a></li>
<li>in a gang with: <a href="/">fren5</a></li>
<li>bffs 5ever with <a href="/">fren6</a></li>
</ul></div>
well anyway, ofc i wanted my own vibe for this XDD
relationSHEEPS v1.2
made lovingly for spaceheys by GOATanyway pls enjoy yr lovely new thing!!
mwahhhh xoxo
Comments
Displaying 19 of 19 comments ( View all | Add Comment )
GOAT
forgot to add but ofc all the code can be tweaked and altered to fit yr profile layouts - if you get stuck with anything, drop a msg below! and ofc let us know if yr using so we can all go have a look! :DDD
mwah <33
Always yours, Nicole
definitely using this!!! thank you almighty GOAT
gooble
AMAZING AS ALWAYS <33 HONORED TO BE UP THERE ^^
swilly munchkin
HWWO DIS IS SO COOL BUT IM LOST what dose it mean and how do I use it / do I use it?
PixelGamerGurl
First off, the whole relationship chart code that you did looks super cool!! It looks like it would be very fun to have on a profile! ^^
Second, your whole blog layout looks SO FREAKING AWESOME (and your profile layout too, that was so dope too)!!! :D
tysm come back anytime!! :D
by GOAT; ; Report
Np!!! :D
by PixelGamerGurl; ; Report
MrKha
this looks rad as hell but DUDE THE MOMENT I CLICKED ON UR PROFILE MY LAPTOP WENT NUTS AND STARTED POWERING UP LIKE DAMN JET ENGINE WHAT THE HELL DID U PUT IN THE CODE LMAO??
many many fonts n gifs XDD
by GOAT; ; Report
geselle ✧
this is so awesomeeeee i love it!!@!!!
/{Gabriel}/
This is so good, might use!
OwlLipgloss
Your codes and layouts always give me so much joy and whimsy. Never stop what you're doing.
just makin sure theres enough whimsy goin round! <3
by GOAT; ; Report
snarky
idk abt u but this song is fire idk how u added a song but this is amazing
its neil cicierega's party rangers, a mashup of miley cyrus & the power rangers theme XDD
by GOAT; ; Report
martial!
need me some FRIENDS to do this with HELLO ALL MY FRIENDS
KimsKorpse
oh awesomesauce
angel
ooooh this is so fun, i would take so long trying to figure out who to put in each slot (*﹏*;) but i really like it
wwfg
dope
xXMoonlitSkyeXx
omg how do you code your blog like this?
dank heckin goat magic XDD
(jk i just have a lot of practice makin silly things)
:3
by GOAT; ; Report
woww thanks for your help
by xXMoonlitSkyeXx; ; Report
i have posted a few tutorials on makin layouts btw :3
this is my most recent
:DD
by GOAT; ; Report
xXTSOGXx [OPEN DMS]
can u add one that's pink color text? like everything? but have the text be this if you get what I mean!
admires:
in love with:
partys with:
wants to fight:
chill with:
bffs 5ever with
everything is entirely modifiable :3
just find a part of the code where its a color u dont want
and change it to one you do want
e.g.
.frenbox {
box-sizing: border-box;
font-family:helvetica;
text-align:left;
width:320px;
background-color:#DBEAFE; <-- this color can be changed
color: black; <-- this color too
font-size: 80%;
font-weight: bold;
border: 2px solid #60A5FA; <---and this one
ofc id suggest backin up the code 1st before you tinker with it
save it locally to a plain text doc on ur desktop :3
by GOAT; ; Report
also to target that part
.frenbox li {
margin-bottom:3px;
display:block;
text-align:left;
font-size:14px;}
i didnt put any font color in there but its easy to add it in yrself
.frenbox li {
color:pink; <--- there u go :3
margin-bottom:3px;
display:block;
text-align:left;
font-size:14px;}
xoxo
by GOAT; ; Report
arekkiesu
usinggg so epic >B)
in my heroes section
glad ur likin it!! :3
by GOAT; ; Report
vesper/vic ♏️
hella good, GOAT! i may use this in the future as well.
lmk if you do!! <33
by GOAT; ; Report
✯ LizZz ✯
Que cool!!! Gracias por esto!
Voy a compartirlo con mis panas hispanos
¡Gracias!
No hablo español (¡uso el traductor de Google!).
¡Pero tus amigos son bienvenidos! <3
by GOAT; ; Report