Add to Favorites
View Layouts
View Profile
Report Layout
Description:
**UPDATE: hey yall I've read thru the comments and even in person coded it on my friends profile and it didn't work, I think my profile is coded funky and for whatever reason it worked, from what I know I think the reason the tvs "stick" to my page is the same reason I've never been able to my gifs scroll with my page if you know what I mean- the only reason I can think of is because my profile is animated (does a lil bounce) so my media works differently** -------------- for this example the GIF is chowder but you may want to play around with the width and height of the gif you use to fit the tv overlay. It's meant to appear under your links/interests. I just started doing this but I think it looks cool and I'm gonna add a bunch more tvs. Also, remove the comments I put in the code before saving it. just replace my GIF link with whatever you want. hope you guys try it out comment if you are using it and friend me I would love to see your version ---------------- check out my profile for what is looks like also message me if you need help its a little weird to get the ratio right without a lil css knowledge (seen comments about this too, you need to mess with the "left", "bottom"(location) and "width" "height" (size) of the gifs to line them up)
Preview:
click on the image for a larger preview
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments
Displaying 20 of 91 comments ( View all | Add Comment )
ant0n3ll4_
Usingg ◝(ᵔᗜᵔ)◜ (btw it looks so freaking cool!!)
a falling piano
using (i think)
DUDE
I'm new to this thing can anyone tell me how to get the adveture time intro screen I'm been messing with the code and all I see is the tv frame
vivi
usingg
4b3y_t@lk5
usinggg / testing !!
miss.surmai
using. tysm!
m00nl1ghT_boi
Usingg
tewu.
uzinnng
M1chaEEl!
Hi everybody!, i don't want to be like a hero or nothing.. but i think i kinda find the solution of this :D (sorry for the long text)
You'll see... in my college life, i studied Computing (and there.. i also (poorly) learn Programation, so.. like everyone i WANT to use this beautiful Layout for my page... but seing that there's a little problem in the code (aparently by the animated page of the creator,) i decided to play a little bit with the code.. and after two days i finaly figured out (I THINK...)
I changed the paramethers of the Position from the style to "fixed" from "relative" and "absolute", this made me able to ALSO make two versions of the code! (Flying, and to Put wherever you want, like in my case i wanted in the "Interest" Boxes)
I want to make clear that i used the same original image of the TV frame, you just have to change the url from the gif and other things that i (try) to explain in the next comments.
(sorry for the long text, again T.T, but this is important to read...)
So, yeah, i made two versions of this!, One that Apears on one of the sides of the screen, and other to put wherever you want (it can be on the "interest boxes", "about me" and "Who i'd like to meet", you can put more than one, so... they just would stack each other.
Like an little "Disclaimer", i don't really know if this two codes work on animated profiles, i mean.. i don't think that it would make a problem.. but that kinda make's me worried about Lol.
here are the codes, i hope it works for you, just copypaste in where i tell you, thanks for reading! ^^
_________________________
TV ON THE COURNER (paste on "About me" or "Who i'd like to meet") (You can change the direction of the whole TV by switching from 'left' to 'right', likewise from 'top' to 'bottom' IN BOTH CODES, also.. if you want it more big or small.. or the gif doesn't fit with the TV frame you can play with the width/length of the images/gif to make it fit ;D)
(You'll need to add some “<” at the beginning of most of the ‘div’ and “img” tags, but that's so Spacehey doesn't delete half my comment, so... i'll put an "*" where you'll have to replace them to that simbol)
____________
*div style="float: ; max-height: 400px; position: fixed; left: 20px; top: 25px; z-index: 200;">
//(BACKGROUND GIF (you can paste your own gif after the "src=" thing, always try to have the URL inside the ("--") things) REMOVE THIS BEFORE SAVING//
*img src="https://i.pinimg.com/originals/66/86/23/6686236bf8986b055f8f6d26963cadc6.gif" width="160" height="120"/> */div>
// TV FRAME (You can change the size of the TV, but please don't change the image, it's the frame, REMOVE THIS BEFORE SAVING)//
*div style="float: ; max-height: 400px; position: fixed; left: -2px; top: 6px; z-index: 200;">
*img src="https://i.pinimg.com/originals/f6/a0/01/f6a0015950f5090eadf3f454db4ae376.png" width="250" height="170"/> */div>
_________________________
TV WHEREVER YOU WANT (Paste on the "Interest" Boxes, or also the other two options, In this case, it's the same as the first one, The only thing you should worry about is the size of the TV you want, changing both the size of the GIF and the TV when you adjust the measurement parameters that i said before, likewise, i put an "*", when you need to replace it with an "<")
________________
*div style="position: relative; width: 250px; height: 170px; margin: auto;">
//(BACKGROUND GIF (you can paste your own gif after the "src=" thing, always try to have the URL inside the ("--") things) REMOVE THIS BEFORE SAVING//
*img src="https://i.pinimg.com/originals/66/86/23/6686236bf8986b055f8f6d26963cadc6.gif" style="position: absolute; top: 35px; left: 30px; width: 160px; height: 120px; z-index: 1; "/>
// TV FRAME (You can change the size of the TV, but please don't change the image, it's the frame, REMOVE THIS BEFORE SAVING)//
*img src="https://i.pinimg.com/originals/f6/a0/01/f6a0015950f5090eadf3f454db4ae376.png" style="position: absolute; top: 0px; left: 0px; width: 120px: height: 100px; z-index: 2"/>
*/div>
by M1chaEEl!; ; Report
WOWW graciasss
by h3ynxa!! ★; ; Report
Zae
Using
Theflaccidpqncake
using
Soren :]
using
🌸🍡🫧Amani 🫧🍡🌸
my boyfriend got it to work , it shows up on the top right now. here is the code, just adjust the right and top so it fits on your profile
div style="relative: ; max-height: 300px; position: fixed; right: -240px; top: 35px; z-index: 200;"
img src="https://i.pinimg.com/originals/36/35/46/3635468e252bc58a92dc15e8bc1d220d.gif" width="200" height="170"/>
by 🌸🍡🫧Amani 🫧🍡🌸; ; Report
haunteddollie
using
slowdive
using!!
Cannibalkisser
Usinnn
『｟J@ZZ｠』
USIN
bunzye
usingg
McblingGirlie2010
I'm using the Chowder gif but not the TV frame
Adrien
sadly it doesn't work :(