Single post in the life of a complete debyl
Forum Index > PokéFarm > Journals > the life of a complete debyl >
[ h e l p f u l c o d e ]
- info
- 01
- 02
- 03
- 04
- 05
- 06
this is a compilation of code that i've found to be useful.
tab contents, in order:
- how to change notif icon
- how to change bonus counter images
- how to make resize images without dying
- how to make things grayscale
- how to make pkmnpanels about me friendly
- pkmnpanel image replacement
QUOTE originally posted by Kiryu
I'm not exactly sure how to do the bonus counter images, but this is the one I use for my notif icon!
From this guide!
CSS Effect: Changes the Shuffle Absol notification icon to an image of your choice.
Preview:
Notification Icon Modification
CODE
#head-social > #notifs > a {
background-image: url('URL HERE');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#head-social > #notifs > a > img {
opacity: 0;
}
QUOTE originally posted by Tarashia
Here is code for the bonus counters.
You'll need three 40x40 images for each: regular, active, and special (zophan). You can remove any counter block you don't want, but you need to keep the outer "#counters > #counterlist" wrapper to prevent the code from affecting random other stuff on the site. Feel free to ask if you need me to explain anything else!
You can preview the code temporarily on my test skin: b7q/test
CSS
#counters > #counterlist {
/* Niet - 1st */
li:nth-of-type(1)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(1), li:nth-of-type(1)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/1.png') !important;}
li.active:nth-of-type(1), li.active:nth-of-type(1)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/1-active.png') !important; }
li.zophan:nth-of-type(1), li.zophan:nth-of-type(1)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/1-zophan.png') !important; }
/* Garthic - 2nd */
li:nth-of-type(2)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(2), li:nth-of-type(2)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/2.png') !important;}
li.active:nth-of-type(2), li.active:nth-of-type(2)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/2-active.png') !important; }
li.zophan:nth-of-type(2), li.zophan:nth-of-type(2)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/2-zophan.png') !important; }
/* Uzumi - 3rd */
li:nth-of-type(3)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(3), li:nth-of-type(3)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/3.png') !important;}
li.active:nth-of-type(3), li.active:nth-of-type(3)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/3-active.png') !important; }
li.zophan:nth-of-type(3), li.zophan:nth-of-type(3)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/3-zophan.png') !important; }
/* Ravyne - 4th */
li:nth-of-type(4)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(4), li:nth-of-type(4)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/4.png') !important;}
li.active:nth-of-type(4), li.active:nth-of-type(4)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/4-active.png') !important; }
li.zophan:nth-of-type(4), li.zophan:nth-of-type(4)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/4-zophan.png') !important; }
/* Dusky - 5th */
li:nth-of-type(5)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(5), li:nth-of-type(5)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/5.png') !important;}
li.active:nth-of-type(5), li.active:nth-of-type(5)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/5-active.png') !important; }
li.zophan:nth-of-type(5), li.zophan:nth-of-type(5)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/5-zophan.png') !important; }
/* Shazi - 6th */
li:nth-of-type(6)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(6), li:nth-of-type(6)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/6.png') !important;}
li.active:nth-of-type(6), li.active:nth-of-type(6)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/6-active.png') !important; }
li.zophan:nth-of-type(6), li.zophan:nth-of-type(6)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/6-zophan.png') !important; }
/* Persephone - 7th */
li:nth-of-type(7)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(7), li:nth-of-type(7)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/7.png') !important;}
li.active:nth-of-type(7), li.active:nth-of-type(7)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/7-active.png') !important; }
li.zophan:nth-of-type(7), li.zophan:nth-of-type(7)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/7-zophan.png') !important; }
/* Sei - 8th */
li:nth-of-type(8)>.tooltip_content>img
{background-repeat: no-repeat; background-position: center; background-size: 40px; height: 0; padding: 25px;}
li:nth-of-type(8), li:nth-of-type(8)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/8.png') !important;}
li.active:nth-of-type(8), li.active:nth-of-type(8)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/8-active.png') !important; }
li.zophan:nth-of-type(8), li.zophan:nth-of-type(8)>.tooltip_content>img
{ background-image: url('https://pokefarm.com/upload/Tarashia/Test/8-zophan.png') !important; }
}
QUOTE originally posted by CompleteDebyl
this is a much easier way:
it saves you the trouble of having to do style tags!
here’s an example:
original image:
edited image
code
[css=height: (number)px; width: (number)px][img]image url here[/img][/css]
edited image
QUOTE originally posted by CompleteDebyl
there are two ways:
[sc=gray][pkmn=gastrodon][/sc]
[style]
.gray {
filter: grayscale(100%);
}
[/style]
[css=filter: grayscale(100%);][pkmn=maravol/][/css]
1st option (style tags)
2nd option (css)
QUOTE originally posted by Tarashia
You'll need code to make the panel smaller... I know I've seen some around before but I wasn't sure where, so I just threw this together. I've only tested it on a couple Pokemon so there's a chance it might look weird on certain ones, especially ones with really long names... if that happens, feel free to PM me?
To use this, add the code to the end of the [style] tag.
[snipped]
code
.party>div {
width: 250px;
}
.party>div>.name>a {
margin-bottom: 5px;
max-width: 140px;
}
.party>div>.expbar {
width: 140px;
height: 25px;
margin-top: 2px;
}
.party>div>.action {
width: 140px;
height: 30px;
}
.party>div>.action>.berrybuttons>a {
display: none;
width: 100%;
height: 30px;
padding: 3px;
box-sizing: border-box;
}
.party>div>.action>.berrybuttons>a>img {
height: 25px;
vertical-align: top;
}
.party>div>.extra>.happy {
display: none;
}
.party>div>.extra>.nature {
width: 165px;
margin-left: 5px;
}
.party>div>.action>.berrybuttons[data-up="any"]>a[data-berry="aspear"] {
display: inline-block;
background-color: #6c6;
border-radius: 20px;
}
.party>div>.action>.berrybuttons[data-up="sour"]>a[data-berry="aspear"] {
display: inline-block;
}
.party>div>.action>.berrybuttons[data-up="spicy"]>a[data-berry="cheri"] {
display: inline-block;
}
.party>div>.action>.berrybuttons[data-up="dry"]>a[data-berry="chesto"] {
display: inline-block;
}
.party>div>.action>.berrybuttons[data-up="sweet"]>a[data-berry="pecha"] {
display: inline-block;
}
.party>div>.action>.berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
display: inline-block;
}
QUOTE originally posted by DrWho
You can use this:
The original sprite is pkmn/h/c/7.png
and we're replacing it with /upload/DrWho/fire_red_eevee.png (39px wide, 40px high)
/* platforms, pokedex, party */
div[style*='pkmn/h/c/7.png'] {
background-image: url('/upload/DrWho/fire_red_eevee.png') !important;
}
This is how it works.