[ F2U ] Telling on Toyhouse

Comments on [ F2U ] Telling All Comments
Hey I used it this code for https://toyhou.se/10604923.neptune ! I love it but I can’t get the music to work. Do you know why?
jiko
You seem to have deleted the audio element of the code; add src="https://www.youtube.com/embed/fF2zxT1GXh4" in the iframe group (next to class="w-100")! Hope that helps!
Neeptune
I tried but it didn’t help and it seems like nothing was deleted
jiko
Oh really? When I take a look at the page source, the music box is missing which is why it's doesn't play ;;
Are you writing it out like this? :o
<iframe class="w-100" src="https://www.youtube.com/embed/fF2zxT1GXh4" frameborder="0" style="position:absolute;height:130px;margin-top:20px;left:0;opacity:.001;"> </iframe>
Here's the full code, though there's no difference apart from the above:
<div class="mx-auto text-justify" style="font-size:80%;letter-spacing:.3px;max-width:800px;">
<div class="row no-gutters" style="margin:-4px;">
<div class="col-lg-4 p-2 order-lg-2 d-flex w-100">
<div class="card-block bg-faded p-0" style="border-bottom-left-radius:15px;border-top-left-radius:15px;">
<div class="card-block p-2 text-center bg-primary" style="border-top-left-radius:15px;">
<span class="text-uppercase text-white font-weight-bold" style="font-size:18px;letter-spacing:3.5px;text-shadow:3.5px 3.5px rgba(0,0,0,0.2);">
Neptune
</span>
</div>
<div class="mb-2" style="min-height:280px;background-image:url("https://i.postimg.cc/9FNHZqpt/829-C0-AA7-8412-4-D98-B4-CF-3-E74-B56-D0914.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;"></div>
<div class="row no-gutters p-3 pt-4">
<div class="col-12">
<div class="text-center text-uppercase" style="letter-spacing:4px;">Better than me</div>
<div class="text-center text-muted pb-2">the brobecks</div>
<div class="progress my-2 mb-3" style="height:4px;">
<div class="progress-bar bg-secondary" style="width:25%;">
</div>
</div>
</div>
<div class="col">
<p class="text-center" style="font-size:20px;"><i class="fas fa-backward"></i></p>
</div>
<div class="col">
<p class="text-center" style="font-size:20px;"><i class="fas fa-play"></i></p>
</div>
<div class="col">
<p class="text-center" style="font-size:20px;"><i class="fas fa-forward"></i></p>
</div>
<iframe src="https://www.youtube.com/embed/fF2zxT1GXh4" class="w-100" frameborder="0" style="position:absolute;height:130px;margin-top:20px;left:0;opacity:.001;">
 </iframe>
</div>
</div>
</div>
<div class="col-lg-8 p-2 order-lg-1 w-100">
<div class="card-block p-2 w-100 bg-primary" style="border-top-right-radius:15px;">
<div class="mx-auto mb-2 col-lg-8">
<ul class="nav nav-tabs card-header-tabs row">
<li class="nav-item col">
<a class="card-block p-2 text-white btn-block active" href="#one" data-toggle="tab">
<i class="fas fa-user"></i>
</a>
</li>
<li class="nav-item col">
<a class="card-block p-2 text-white btn-block" href="#two" data-toggle="tab">
<i class="fas fa-heart"></i>
</a>
</li>
<li class="nav-item col">
<a class="card-block p-2 text-white btn-block" href="#three" data-toggle="tab">
<i class="fas fa-book-open"></i>
</a>
</li>
<li class="nav-item col">
<a class="card-block p-2 text-white btn-block" href="#four" data-toggle="tab">
<i class="fas fa-star"></i>
</a>
</li>
<li class="nav-item col">
<a class="card-block p-2 text-white btn-block" href="#five" data-toggle="tab">
<i class="fas fa-link"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="table-responsive tab-content bg-faded" style="border-bottom-right-radius:15px;height:435px;">
<div class="tab-pane fade active show" id="one">
<div class="bg-faded p-3">
<blockquote class="text-uppercase font-weight-bold" style="font-size:12px;letter-spacing:4px;border-width:3px;">
01 — Profile
</blockquote><hr>
<div class="row no-gutters">
<div class="col-lg-6 p-2">
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Name</span>
<span class="pull-right">Neptune</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Nicknames</span>
<span class="pull-right">Neep</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Age</span>
<span class="pull-right">21</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Gender</span>
<span class="pull-right">Male (he/him)</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Height</span>
<span class="pull-right">5'5</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Birthdate</span>
<span class="pull-right">2/19</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Species</span>
<span class="pull-right">Wolf</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Sexuality</span>
<span class="pull-right">Bisexual</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Occupation</span>
<span class="pull-right">Citizen</span>
</div><hr class="my-2">
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Status</span>
<span class="pull-right">NFS/NFT</span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Designer</span>
<span class="pull-right"><span class="display-user"><a href="https://toyhou.se/Nxptun3x"><i class="fi-torso user-name-icon"></i>Nxptun3x</a></span></span>
</div>
<div class="p-1">
<span class="text-uppercase text-muted" style="letter-spacing:1.5px;">Worth</span>
<span class="pull-right">my life</span>
</div><span class="hidden-md-up"></span>
</div>
<div class="col-lg-6 p-2" style="max-height:312px;overflow:auto;">
<ul class="fa-ul mb-0 text-muted">
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Water powers</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Planet necklace (optional)</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Water wings (optional)</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Has a blue fire form</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>White swirls</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>White chest</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Thick soft fur</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="two">
<div class="bg-faded p-3">
<blockquote class="text-uppercase font-weight-bold" style="font-size:12px;letter-spacing:4px;border-width:3px;">
02 — Personality
</blockquote><hr>
<div class="text-muted p-1 mb-3" style="max-height:160px;overflow:auto;">
<p>Neptune is a shy guy but once you get to know him he shows his true self around you. He would do anything just to make others happy even if that means putting others before himself. He can be sensitive at times but as long as you apolgize he will forgive you!</p>
<p>He tends to speak before he thinks. This can cause stuff he says to hurt others even if he was not trying to hurt them at all. Neptune is a huge procrastinator waiting to do stuff until last minute.</p>
<p>Daydreaming is a good escape to get away from reality. Not having to worry about the future of your galaxy or even making food. (Neptune sucks at cooking) Neptune can be very protective of his family and friends. If you mess with them you will end up meeting his powerful blue fire form. </p>
</div><hr class="my-3">
<div class="row no-gutters">
<div class="col-6 pr-3">
<div class="text-uppercase font-weight-bold" style="font-size:12px;letter-spacing:4px;">Likes</div><hr class="my-2 mb-3">
<ul class="fa-ul text-muted">
<li class="my-2"><span class="fa-li">
<i class="fas fa-check text-primary" style="font-size:9px;"></i></span>
<p>The color blue</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-check text-primary" style="font-size:9px;"></i></span>
<p>Shark plushie</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-check text-primary" style="font-size:9px;"></i></span>
<p>Vega (his mate)</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-check text-primary" style="font-size:9px;"></i></span>
<p>Art</p>
</li>
</ul>
</div>
<div class="col-6 pl-3">
<div class="text-uppercase font-weight-bold text-right" style="font-size:12px;letter-spacing:4px;">Dislikes</div><hr class="my-2 mb-3">
<ul class="fa-ul text-muted">
<li class="my-2"><span class="fa-li">
<i class="fas fa-times text-primary" style="font-size:9px;"></i></span>
<p>Large groups of people</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-times text-primary" style="font-size:9px;"></i></span>
<p>Being laughed at</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-times text-primary" style="font-size:9px;"></i></span>
<p>His mom</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-times text-primary" style="font-size:9px;"></i></span>
<p>Sandwiches</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="three">
<div class="bg-faded p-3">
<blockquote class="text-uppercase font-weight-bold" style="font-size:12px;letter-spacing:4px;border-width:3px;">
03 — Background
</blockquote><hr>
<div class="text-muted p-1" style="max-height:340px;overflow:auto;">
<p>To be added</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="four">
<div class="bg-faded p-3">
<blockquote class="text-uppercase font-weight-bold" style="font-size:12px;letter-spacing:4px;border-width:3px;">
04 — Trivia
</blockquote><hr>
<div style="max-height:340px;overflow:auto;">
<ul class="fa-ul mb-0 text-muted">
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Favorite color? blue</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Favorite season? winter</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p>Favorite animal? Seahorse and shark</p>
</li>
<li class="my-2"><span class="fa-li">
<i class="fas fa-angle-right text-primary" style="font-size:9px;"></i></span>
<p> Favorite food? Icecream</p>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade" id="five">
<div class="bg-faded p-3">
<blockquote class="text-uppercase font-weight-bold" style="font-size:12px;letter-spacing:4px;border-width:3px;">
05 — Relationships
</blockquote><hr>
<div style="max-height:340px;overflow:auto;">
<div class="row no-gutters p-1 py-3">
<div class="col-5 w-100" style="min-height:200px;border-radius:10px;background-image:url("https://i.postimg.cc/R0rnXhR2/2-D715-E7-E-35-D6-4755-A844-20-DA4916-D943.png");background-size:cover;background-repeat:no-repeat;background-position:center;"></div>
<div class="col-7 px-3">
<div class="row no-gutters">
<div class="col-6"><span class="text-primary" style="font-size:20px;">01.</span></div>
<div class="col-6 text-right"><span>
<a href="LINK" style="font-size:15px;">
Vega</a>
<br>Mate
</span>
</div>
</div>
<hr class="my-2">
<div class="text-muted" style="max-height:150px;overflow:auto;">
<p>Neptune's mate, Vega! They have 5 pups together plus vega's neice they look after. Neptune and Vega love eachother alot. They sometimes argue over whos turn it is to wash the dishes though! <span class="display-user"><a href="https://toyhou.se/Alecsenpai"><i class="fi-torso user-name-icon"></i>Alecsenpai</a></span> owns vega.
</p>
</div>
</div>
</div>
<div class="row no-gutters p-2 py-3">
<div class="col-5 w-100" style="min-height:200px;border-radius:10px;background-image:url("https://i.postimg.cc/MKMTNxvw/E44-FFE67-325-D-4716-906-F-4-B04-AAF56-AA4.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;"></div>
<div class="col-7 px-3">
<div class="row no-gutters">
<div class="col-6"><span class="text-primary" style="font-size:20px;">02.</span></div>
<div class="col-6 text-right"><span>
<a href="LINK" style="font-size:15px;">
Mars</a>
<br>Brother
</span>
</div>
</div>
<hr class="my-2">
<div class="text-muted" style="max-height:150px;overflow:auto;">
<p>Neptune's brother, Mars! As pups they were very close and did everything together. But they grew apart as time went on.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div></div>
<div class="p-1 small text-md-left text-right" style="letter-spacing:4px;">
<a href="https://toyhou.se/9283486.-f2u-telling" data-toggle="tooltip" title="" style="text-decoration:none !important;" data-original-title="code by jiko">
<i class="far fa-code"></i>
</a> .
<a href="ARTIST%20LINK" data-toggle="tooltip" title="" data-original-title="image by USER">
<i class="far fa-image"></i>
</a>
</div>
</div>
Neeptune
Thankyou so much!! It worked :D