im so sad i can't believe i had to redo this entire post a million times because Space Hey glitched:""(
but anyways hi im Iza
I am a half Panamanian half Cuban boy
while I am studying to become an engineer
I love the arts
may it be music writing fiber or video or performance I love all mediums
I also play the violin
and am currently writing a book
so stay tuned for posts and updates about that
my profile will work more as a personal site where I will update you all on whatever projects im working on through blog posts so keep that in mind
if you are an artist and want to collaborate or you just like my art don't be shy to reach out and friend or dm me
(do keep in mind i am a minor)
Report Blog Entry
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
T.M. KNIGHT
omg how did you do the video within the TV?? If its possible, could I have the code you used?
of coursee here you go
/*If position is set to relative, there will be a large space underneath the TV if you choose to add text. To solve this, put the content you want in the "contentrelative" div container (see below)*/
.tvrelative {
position: relative;
height: 450px; /*Adjust according to preferences. This adjusts size of the TV to prevent overlap with other content*/
}
.contentrelative {
position: relative;
bottom: 180px; /*Adjust according to preferences. This adjusts alignment of your desired content relative to the TV*/
}
.tv {
position: relative; /*Adjust according to your preferences. Setting it to "fixed" will put it outside your inner blog container*/
background: url('https://i.ibb.co/GHn1MsP/tv-ezgif-com-webp-to-png-converter.png') top left no-repeat;
background-size: 100% 100%;
width: 400px;
height: 400px;
z-index: 2;
pointer-events: none;
}
.iframe {
position: relative; /*Adjust according to your preferences. Setting it to "fixed" will put it outside your inner blog container*/
width: 270px;
height: 203px;
bottom: 325px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
left: 58px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
z-index: 0;
}
.grain {
position: relative; /*Adjust according to your preferences. Setting it to "fixed" will put it outside your inner blog container*/
background: url('https://i.gifer.com/origin/3e/3ef326d43744e0877c24b8c07542a2e7_w200.gif'), no-repeat; /*You can replace the grain pattern by replacing this image. Or delete this entire section if you don't want any textures*/
width: 270px;
height: 203px;
bottom: 207px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
left: 0px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
z-index: 1;
opacity: 0.2;
pointer-events: none;
}
/*Blog mobile display*/
@media (max-width: 600px) {
.tvrelative {
position: relative;
height: 350px; /*Adjust according to preferences. This adjusts size of the TV to prevent overlap with other content*/
}
.contentrelative {
position: relative;
bottom: 120px; /*Adjust according to preferences. This adjusts alignment of your desired content relative to the TV*/
}
.tv {
position: relative; /*Adjust according to your preferences. Setting it to "fixed" will put it outside your inner blog container*/
background: url('https://i.ibb.co/GHn1MsP/tv-ezgif-com-webp-to-png-converter.png') top left no-repeat;
background-size: 100% 100%;
width: 300px;
height: 300px;
z-index: 2;
pointer-events: none;
}
.iframe {
position: relative; /*Adjust according to your preferences. Setting it to "fixed" will put it outside your inner blog container*/
width: 185px;
height: 139px;
bottom: 235px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
left: 58px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
z-index: 0;
}
.grain {
position: relative; /*Adjust according to your preferences. Setting it to "fixed" will put it outside your inner blog container*/
background: url('https://i.gifer.com/origin/3e/3ef326d43744e0877c24b8c07542a2e7_w200.gif'), no-repeat; /*You can replace the grain pattern by replacing this image. Or delete this entire section if you don't want any textures*/
width: 185px;
height: 139px;
bottom: 142px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
left: 0px; /*If position is set to "fixed", adjust to your preferences to align video, TV, and grain pattern*/
z-index: 1;
opacity: 0.2;
pointer-events: none;
}
}
i forgot the original posters name put just replace the youtube link with your video and it should work :DDD
by iza; ; Report
Thanks so much!! Would never have come across this without your help
by T.M. KNIGHT; ; Report