jazzy's profile picture

Published by

published

Category: Web, HTML, Tech

first layout (animal jam)

hey i tried


attempt


<style>

body{

background-color: transparent !important;

background-image: url('https://images5.alphacoders.com/470/470881.jpg') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>


<style>

main{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1673742874230-1Z0B78H2HHZZ9T44491B/infinite%2Bpattern.png?format=1000w') !important;

background-repeat: REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>


<style>

.top{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1534352989954-6XQJUCG2PR72IS8ZSXKT/Jamaa+Journal.png?format=1500w') !important;

background-repeat: REPEAT !important;

background-size: cover !important; }

</style>


<style>

.heading{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563408911673-9GTP2RQ1QAU26LI7PC36/framing_sprite_01.png?format=1000w') !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>


<style>

.links{

background-color: !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563408911673-9GTP2RQ1QAU26LI7PC36/framing_sprite_01.png?format=1000w') !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>


<style>

.top input{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522363194132-EVN8ECBL20UFS6L92KK9/chat%2Bbubble%2Bfrom%2B2004rae.png?format=300w') !important;

background-repeat: NO-REPEAT !important;

background-position: left !important;

background-size: cover !important; }

</style>


<style>

h1{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563409041003-LTLFKNJ4VOA3YU09H1BB/Member+Name+Tag+Template.png?format=1500w') !important;

background-repeat: NO-REPEAT !important;

background-position: left !important;

background-size: 280px !important; }

</style>


<style>

.general-about{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522363194132-EVN8ECBL20UFS6L92KK9/chat%2Bbubble%2Bfrom%2B2004rae.png?format=300w') !important;

background-repeat: NO-REPEAT !important;

background-position: right !important;

background-size: 155px!important; }

</style>


<style>

.contact{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1647742702650-1CXOXEK7ECVOOAVE9EK6/Sign%2B2.png?format=750w') !important;;

background-repeat: REPEAT !important;

background-position: center !important;

background-size: 350px !important; }

</style>


<style>

.table-section .heading{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563409041301-P0E1Z26O2P0GP9ORHHQL/sign+up+sign.png?format=1500w') !important;

background-repeat: NO-REPEAT !important;

background-position: center !important;

background-size: 350px !important; }

</style>


<style>

.blurbs{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563409041301-P0E1Z26O2P0GP9ORHHQL/sign+up+sign.png?format=1500w') !important;

background-repeat: NO-REPEAT !important;

background-position: center !important;

background-size: 500px !important; }

</style>


<style>

.friends{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563409041301-P0E1Z26O2P0GP9ORHHQL/sign+up+sign.png?format=1500w') !important;

background-repeat: REPEAT !important;

background-position: center !important;

background-size: 500px !important; }

</style>


<style>

footer{

background-color: transparent !important;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1563408911980-WLS8UBZQREN4NPSLCRRO/menu_bar.png?format=1000w') !important;

background-repeat: NO-REPEAT !important;

background-position: center !important;

background-size: cover !important; }

</style>


<style>h1{font-family: tiki island !important;}</style>


<style>body{font-family: tiki island !important;}</style>


<style>a{font-family: tiki island !important;}</style>


<style>.links a{font-family: tiki island !important;}</style>


<style>.logo{content: url(https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1489171088498-YE2RZ1RWKWATM98ULDQL/Animal+Jam+Logo.png);width: 130px !important;height:105px !important;}</style>


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url('https://animaljamcrew.wordpress.com/wp-content/uploads/2012/10/bunny-alpha.png');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 3s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} }

</style>


<style>.top{border-radius: 25px 25px 0 0 !important;}main{border-radius: 0 0 25px 25px !important;}</style>


<style>


    .shark {


        position: fixed;


        right: 130px;


        bottom: 15px;


        z-index: 350;


    }


    .dialogue {


        position: fixed;


        right: 50px;


        bottom: 200px;


        display: none;


        z-index: 351;


    }


    .shark:hover + .dialogue {


        display: block;


    }


    .dialogue img {


        width: 150px;


    }


    .dialogue-text {


        position: absolute;


        top: 45%;


        left: 50%;


        transform: translate(-50%, -50%);


        color: black;


        font-size: 17px;


        font-family: tiki island;


        text-align: center;


    }


</style>




<div class="shark">


    <img src="https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1581037522766-2UTRBUV9HPVCAOJM6WME/156.png?format=2500w" height="200"/> <!-- Paste your image link in the quotes! To upload one you can use like ImgBB or something -->


</div>


<div class="dialogue">


    <img src="https://i.ibb.co/qC8YSKX/dialogueshark.png" alt="dialogueshark"/>


    <div class="dialogue-text">Play Wild!</div> <!-- Replace "this is dialogue" with whatever you want!! -->


</div>


<style>body { cursor: url('data:image/x-icon;base64,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'), auto; }</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/CYaNzjzZ89A?/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>


<style>.links a{color: black !important;}</style>


<style>

main:before {

width: 100%;

height: 300px;

display: block;

content: "";

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1485149945448-SBTM80VKY019EO6HKLCL/Billboard.jpg');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 600px) {

main:before{

height: 200px;

}

}

</style>


<style>

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{

content: URL("https://files.catbox.moe/naqwx5.png") !important;

padding-left: 4px !important;

}

</style>


(Replace the URL with your own to change the picture. You may need to change the width and height to your preference.)


<style>.contact img.icon {

display: none;

}

.contact{background-color: !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{

/* add to friends */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027890170-DRK6D44OLGQFKJCFRTGF/loaf.png?format=100w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{

/* add to favorites */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027891734-69X9EZG2SB4N1YEP6Z99/star.png?format=300w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

/* send message */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027885971-0WWPDLM7SWDS3YQ4EI4D/-P.png?format=100w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

/* forward to friend */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027885971-0WWPDLM7SWDS3YQ4EI4D/-P.png?format=100w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

/* instant message */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url(https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027885971-0WWPDLM7SWDS3YQ4EI4D/-P.png?format=100w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027891420-7CENKN77A7DJVWEEW5PQ/sneak.png?format=100w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027885971-0WWPDLM7SWDS3YQ4EI4D/-P.png?format=100w');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url(https://images.squarespace-cdn.com/content/v1/5737ad2a1d07c093e2787063/1522027890334-U5MJAWU001MH4ZQVEWTK/ouch.png?format=300w);

background-size: 100% 100%;

}

</style>


1 Kudos

Comments

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