Actions

Work Header

Rating:
Archive Warning:
Category:
Fandom:
Relationship:
Additional Tags:
Language:
English
Collections:
Ao3 Skins
Stats:
Published:
2025-05-22
Completed:
2025-06-26
Words:
1,514
Chapters:
3/3
Comments:
24
Kudos:
93
Bookmarks:
24
Hits:
4,055

Dramione Site Skin

Chapter 3

Summary:

THIS IS THE LAST UPDATE TO THIS CODE.
Sorry for the notification!

Chapter Text

Now, you can change the logo if you want!

  •  If you copied the code before 27.06.2025
  1. Find this in the code: 
#header .heading a::after {
  content: "Tell your cat I said pspspsps";
  font-size: 25px;
  white-space: nowrap;
  text-transform: uppercase;
  color: rgba(144, 133, 151, 0.99);
  text-shadow: -1px 0 0 #000;
  margin-left: 10px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}

Delete it.

2. Then find:

img.logo {
  padding: 20px 70px 0px 0px;
  background: url('https://i.ibb.co/XxRKH1Bt/logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}



Replace it with the CSS under the logo you want.

  • if you copied the code after 27.06.2025

Find this in the code:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/VcY5zZhf/Telll-your-cat-I-said-pspspsps-5.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px; 
}



Replace it with the CSS under the logo you want. (The first logo is set as the default in your code.)

 

Click to see all variants of the logo

 

ONE

CSS:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/VcY5zZhf/Telll-your-cat-I-said-pspspsps-5.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}



TWO



CSS: 
img.logo {
padding: 20px 370px 0px 0px;
background: url('https://i.ibb.co/xkBBJPX/Telll-your-cat-I-said-pspspsps-6.png');
background-size: contain;
background-repeat: no-repeat;
width: 0px;
height: 0px;

}

THREE

CSS:

img.logo {
padding: 20px 370px 0px 0px;
background: url('https://i.ibb.co/LDP7CJr6/Telll-your-cat-I-said-pspspsps-1.png');
background-size: contain;
background-repeat: no-repeat;
width: 0px;
height: 0px;

}

FOUR

CSS:

img.logo {
 padding: 20px 370px 0px 0px;
background: url('https://i.ibb.co/Xkrgn1N6/Telll-your-cat-I-said-pspspsps.png');
background-size: contain;
background-repeat: no-repeat;
width: 0px;
height: 0px;

}

FIVE

CSS:

img.logo {
 padding: 20px 370px 0px 0px;
background: url('https://i.ibb.co/PZJV3qcy/Telll-your-cat-I-said-pspspsps-4.png');
 background-size: contain;
background-repeat: no-repeat;
 width: 0px;
height: 0px;

}

SIX

CSS:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/7dbpNsSY/Telll-your-cat-I-said-pspspsps-kopia.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

 

  SEVEN

CSS:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/kVn6mXbP/Telll-your-cat-I-said-pspspsps-kopia-7.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

EIGHT

CSS:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/XZvBV1tS/Telll-your-cat-I-said-pspspsps-kopia-6.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

NINE

CSS:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/0pqW516v/Telll-your-cat-I-said-pspspsps-kopia-4.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

TEN

CSS:

img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/Txtttbdy/Telll-your-cat-I-said-pspspsps-kopia-1.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

ELEVEN 

CSS:
img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/chfN8zqV/Telll-your-cat-I-said-pspspsps-kopia-12.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

TWELVE

CSS:
img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/jkvsMTDv/Telll-your-cat-I-said-pspspsps-kopia-11.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

(LUCKY) THIRTEEN

CSS:
img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/8gp6hS03/Telll-your-cat-I-said-pspspsps-kopia-10.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

FOURTEEN

CSS:
img.logo {
  padding: 20px 370px 0px 0px;
  background: url('https://i.ibb.co/wNSrYv3P/Telll-your-cat-I-said-pspspsps-kopia-9.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

FIFTEEN

CSS:
img.logo {
  padding: 40px 370px 0px 0px;
  background: url('https://i.ibb.co/XrqfRWfP/Telll-your-cat-I-said-pspspsps-kopia-1.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

SIXTEEN

CSS:
img.logo {
  padding: 40px 370px 0px 0px;
  background: url('https://i.ibb.co/LdcdBWDr/Telll-your-cat-I-said-pspspsps-kopia.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

SEVENTEEN

CSS:
img.logo {
  padding: 40px 370px 0px 0px;
  background: url('https://i.ibb.co/Y4mWmPjh/Telll-your-cat-I-said-pspspsps-kopia-15.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

EIGHTEEN

CSS:
img.logo {
  padding: 40px 370px 0px 0px;
  background: url('https://i.ibb.co/Kj2VcXFS/Telll-your-cat-I-said-pspspsps-kopia-13.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}


NINETEEN

CSS:
img.logo {
  padding: 40px 370px 0px 0px;
  background: url('https://i.ibb.co/hJQ4pPR3/Telll-your-cat-I-said-pspspsps-kopia-removebg-preview.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0px;
  height: 0px;
}

All cat graphics come from Canva, but I made sure they all had identifiable human authors.

Also: I won’t be updating this code by posting new chapters anymore as I don’t want my readers to get "fake" notifications. From now on, every update will be added to this chapter, and I’ll just update the date of the last CSS change in the summary. 



NEW! 01.07.2025



These features aren't included by default. To use them, copy the CSS below each image and add it to the end of your code.





1. Draco's and Hermione's initials on the main page (CSS UPDATED 06.07.2025)





CSS:
.splash .news.index.group > li:nth-of-type(odd) blockquote.userstuff > p:first-child {
  padding-left: 105px;
  background: url("https://i.ibb.co/tPstLMLZ/Bez-nazwy-kopia-kopia.png");
  background-size: 100px 80px;
  background-position: left top;
  background-repeat: no-repeat;
}

.splash .news.index.group > li:nth-of-type(even) blockquote.userstuff > p:first-child {
  padding-left: 105px;
  background: url("https://i.ibb.co/QFLRnTyW/Bez-nazwy-kopia-kopia-1.png");
  background-size: 100px 80px;
  background-position: left top;
  background-repeat: no-repeat;
}
div.latest.news.module .userstuff p {
  min-height: 100px;
}

2. Capitalized first letters in blurbs and the workskin

CSS:

li.blurb:not(.bookmark):not(.user.short.blurb.group) p:first-child:first-letter {
  color: #625763;
  float: left;
  font-family: 'IM fell english, Sabon, Alice, Georgia', serif;
  font-size: 50px;
  line-height: 40px;
  padding-top: 5px;
  padding-right: 4px;
  padding-left: 2px;
}    /this part works for blurbs/

#workskin p:first-child:first-letter {
  color: #625763;
  float: left;
  font-family: 'IM fell english, Sabon, Alice, Georgia', serif;
  font-size: 80px;
  line-height: 50px;
  padding-top: 14px;
  padding-right: 4px;
  padding-left: 4px;
} /this part works for workskin/

 

3. You can add an image to your stats.

Note: The image I used is a placeholder created by Ivmaruva. I do not own the rights to it. I only adjusted the colors slightly to match the skin’s design.

Please use your own image instead. To do so, replace the image URL in the code with the link to your own image.

 

CSS:

dl.statistics.meta.group {
  background: url("https://i.ibb.co/m5mWWpyV/Projekt-bez-nazwy-1.png");
  background-position-x: right;
  background-position-y: center;
  background-size: 20%;
  background-repeat: no-repeat;
}

Notes:

Since this is the skin I use myself, I’ll probably tweak it from time to time whenever something bothers me and I have a moment to fix it, and then I'll update this "work".