Katie's profile picture

Published by

published

Category: Web, HTML, Tech

Mean Girls Layout Request

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me) 

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me



<style>

footer {
        border-radius: 15px;
background-image: url(https://d.wattpad.com/story_parts/845578842/images/15f90876b4fe1c28907524494413.jpg); 

</style>



</style>
<style>

<style>



body {text-align:center;}
table {margin:0 auto; text-align:left; width:728px;}
table table {width:auto;}
table table table {text-align:left!important;}
</style>

<style>

 
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://d.wattpad.com/story_parts/845578842/images/15f90876b4fe1c28907524494413.jpg');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 main:before{
  height: 200px;
 }
    }


</style>

<style>

table, th, td {
  border: 0.5px solid #f8b9d4;

}



body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: normal;
  font-stretch: normal;
  font-variant: small-caps;
  font-size: 16px;
}

</style>

<style>

:root {
        --logo-blue:#f8b9d4 ;
        --darker-blue: #f8b9d455 ;
        --lighter-blue: #f8b9d455;
        --even-lighter-blue: #f8b9d455;
        --lightest-blue: #f8b9d455;
        --dark-orange: #f8b9d455;
        --light-orange: #f8b9d455 ;
        --even-lighter-orange: #f8b9d455 ;
        --green: coral;
    }

nav:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://imgix.bustle.com/uploads/image/2019/9/9/479b8bcf-6c90-427e-a0a5-d8083b292320-mean-girls-pink.jpeg?w=1200&h=630&fit=crop&crop=faces&fm=jpg');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 nav:before{
  height: 200px;
 }
}


h1, h2, h3, h4,h5,a, p, nav label, .section {color: red;}

h1 {
  color: pink ;
  text-shadow: 1px 1px 2px black, 0 0 25px darkred, 0 0 5px darkred;
}

   
</style>

<style>

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
.profile .friends .person img {
        border-radius: 500px;
    }
.blog-preview p {
        font-size: 1.4rem; }


</style>

<style>

main
        {background: url("https://wallpapercave.com/wp/wp2223829.jpg")
        no-repeat fixed; background-size: cover;

</style>

<style>

body {
  background-color: #f8b9d4;}

</style>

<marquee> <img src="https://data.whicdn.com/images/322902571/original.jpg" alt="Mean Girls" width="250" height="500"/> <img src="https://i.shgcdn.com/9db8922b-70e1-43c0-b53f-70ecf5933c43/-/format/auto/-/preview/3000x3000/-/quality/lighter/" alt="Mean Girls" width="300" height="500"/> </marquee>

<style>

.online{content:url("http://dl.glitter-graphics.net/pub/471/471501g8pw3nhprj.gif");}

</style>


You can preview the layout by going to this website and pasting the code in there 



10 Kudos

Comments

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

Miranda💗

Miranda💗's profile picture

Love it!!


Report Comment



Thank you!

by Katie; ; Report

Tara

Tara 's profile picture

Girl I love it. I just used it on mine how do I post it on my page to give u credit?


Report Comment



It's fine just post a bulletin or something that will do

by Katie; ; Report

Done and thx u again I. Really appreciate it

by Tara; ; Report

EmoGirlNextDoor

EmoGirlNextDoor's profile picture

Will mention your name on my profile about the lay out... I still can not figure out to make a layout from scratch🤦🏻‍♀️ its been years but thank you!!


Report Comment

⭐Milly⭐

⭐Milly⭐'s profile picture

Amazing and I'm using it now. Thank you!


Report Comment



Awesome sauce

by Katie; ; Report