Single post in White Wolf Journal

Forum Index > PokéFarm > Journals > White Wolf Journal >

👍 0

Posted 13/Sep/2018 15:04:49 (5 years ago)
Edited 30/Dec/2022 19:46:39 (1 year ago)

Codes to do stuff easier!

I'm putting this here just so I know that I will always have the code. Since sometimes when I find a code the journal gets deleted for no use after so many months. I don't want to lose these codes. I will put who to credit for each code!

One click select all

Instructions
Preview
Code

I do not remember where I found this code. This will allow you to have a one click select all of whatever content you want to be selected. This makes it easier to select things like codes. 1. Paste css code before content. 2. Put /CSS after content.

If you would like a preview just click on the code tab and then click anywhere on the code.

[css="user-select:all;"]Content[/css]

Hide disliked berries in Party

Instructions
Preview
Code

Code is from Site Skins: How-To, and Helpful CSS. Hides all berries that are not preferred by a Pokemon. Does not affect "any" berry preferences. Note: This does not affect keyboard clicking; it is still possible to click the wrong berry that way. 1. Copy and Paste code into the Extra CSS section of a custom Site Skin. 2. Click Save Skin (it's in the Skin metadata tab for anyone who doesn't know). 3. Go to a Party and clear cache (or hit CTRL + F5).

.party>div>.action>.berrybuttons { text-align:center; } .party>div>.action>.berrybuttons[data-up='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-up='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-up='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-up='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-up='bitter']>[data-berry='rawst'] { width:100%; } .party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] { display:none; } .party>div>.action>.berrybuttons[data-up='any']>[data-berry] { display:inline-block; }

Stacked Party Clicks over Next button

Instructions
Preview
Code

I am not completely sure where I found this. This code stacks user's parties right on top of the next button. When paired with the above "Hide disliked berries in Party" code it makes party clicking super easy (just like the below "Stacked Fields after berry is selected" code does for fields). 1. Copy and Paste code into the Extra CSS section of a custom Site Skin. 2. Click Save Skin (it's in the Skin metadata tab for anyone who doesn't know). 3. Click Open 10 and clear cache (or hit CTRL + F5).

#partybox .party>div>.action.working {display:none;} #partybox .party>div>.action>.berrybuttons>.tooltip_content {display: none;} #multiuser .party>div {position: absolute;} #multiuser .party>div>.action a[data-berry] {padding: 25px 0px; z-index:1;} #multiuser .mu_navlink {margin-top: 100px;} #multiuser .fieldslink {margin-top: 110px;}

Stacked Fields after berry is selected

Instructions
Preview
Code

Code is from Site Skins: How-To, and Helpful CSS. Centers all of a field's Pokemon into a single stack in the center of the screen after clicking a berry. 1. Copy and Paste code into the Extra CSS section of a custom Site Skin. 2. Click Save Skin (it's in the Skin metadata tab for anyone who doesn't know). 3. Go to a field and clear cache (or hit CTRL + F5).

@padding: 50px; #field_berries.selected ~ #field_field[data-mode="public"]>div.field>.fieldmon { margin:-@padding!important; left:45%!important; top:45%!important; img { animation:none!important; padding:@padding!important; } } #field_berries { position:relative; z-index:12; } #field_nav button[data-action=next], #field_nav button[data-action=previous], #field_nav button[data-action=jump] { position:relative; z-index:10; } #field_party { position:relative; z-index: 11; }

Frame a single Egg

Instructions
Preview
Code

Code is from Bishop's Journal. Circles a specific egg (ex:Eevee) in red to make it easier for hunts. 1. Copy and Paste code into the Extra CSS section of a custom Site Skin. 2. Replace the /k/l/k with whatever 2-4 characters yours is. You can get this by right clicking on the egg, and open image in new tab. 3. Click Save Skin (it's in the Skin metadata tab for anyone who doesn't know). 4. Go to shelter and clear cache (or hit CTRL + F5).

img[src*="pkmn/k/l/k.png"]{ border-radius: 50px; box-shadow: 0px 0px 0px 5px red; }

Shelter Grid View

Instructions
Preview
Code

Code is from Bishop's Journal. First one displayed is the oldest last one displayed is the newest. 1. Copy and Paste code into the Extra CSS section of a custom Site Skin. 2. Click Save Skin (it's in the Skin metadata tab for anyone who doesn't know). 3. Go to shelter and clear cache (or hit CTRL + F5).

div.pokemon:nth-child(1),div.pokemon:nth-child(2){left:0%!important;top:0%!important;} div.pokemon:nth-child(3),div.pokemon:nth-child(4){left:16.666%!important;top:0%!important;} div.pokemon:nth-child(5),div.pokemon:nth-child(6){left:33.332%!important;top:0%!important;} div.pokemon:nth-child(7),div.pokemon:nth-child(8){left:49.998%!important;top:0%!important;} div.pokemon:nth-child(9),div.pokemon:nth-child(10){left:66.664%!important;top:0%!important;} div.pokemon:nth-child(11),div.pokemon:nth-child(12){left:83.33%!important;top:0%!important;} div.pokemon:nth-child(13),div.pokemon:nth-child(14){left:0%!important;top:20%!important;} div.pokemon:nth-child(15),div.pokemon:nth-child(16){left:16.666%!important;top:20%!important;} div.pokemon:nth-child(17),div.pokemon:nth-child(18){left:33.332%!important;top:20%!important;} div.pokemon:nth-child(19),div.pokemon:nth-child(20){left:49.998%!important;top:20%!important;} div.pokemon:nth-child(21),div.pokemon:nth-child(22){left:66.664%!important;top:20%!important;} div.pokemon:nth-child(23),div.pokemon:nth-child(24){left:83.33%!important;top:20%!important;} div.pokemon:nth-child(25),div.pokemon:nth-child(26){left:0%!important;top:40%!important;} div.pokemon:nth-child(27),div.pokemon:nth-child(28){left:16.666%!important;top:40%!important;} div.pokemon:nth-child(29),div.pokemon:nth-child(30){left:33.332%!important;top:40%!important;} div.pokemon:nth-child(31),div.pokemon:nth-child(32){left:49.998%!important;top:40%!important;} div.pokemon:nth-child(33),div.pokemon:nth-child(34){left:66.664%!important;top:40%!important;} div.pokemon:nth-child(35),div.pokemon:nth-child(36){left:83.33%!important;top:40%!important;} div.pokemon:nth-child(37),div.pokemon:nth-child(38){left:0%!important;top:60%!important;} div.pokemon:nth-child(39),div.pokemon:nth-child(40){left:16.666%!important;top:60%!important;} div.pokemon:nth-child(41),div.pokemon:nth-child(42){left:33.332%!important;top:60%!important;} div.pokemon:nth-child(43),div.pokemon:nth-child(44){left:49.998%!important;top:60%!important;} div.pokemon:nth-child(45),div.pokemon:nth-child(46){left:66.664%!important;top:60%!important;} div.pokemon:nth-child(47),div.pokemon:nth-child(48){left:83.33%!important;top:60%!important;} div.pokemon:nth-child(49),div.pokemon:nth-child(50){left:0%!important;top:80%!important;} div.pokemon:nth-child(51),div.pokemon:nth-child(52){left:16.666%!important;top:80%!important;} div.pokemon:nth-child(53),div.pokemon:nth-child(54){left:33.332%!important;top:80%!important;} div.pokemon:nth-child(55),div.pokemon:nth-child(56){left:49.998%!important;top:80%!important;} div.pokemon:nth-child(57),div.pokemon:nth-child(58){left:66.664%!important;top:80%!important;} div.pokemon:nth-child(59),div.pokemon:nth-child(60){left:83.33%!important;top:80%!important;} div.pokemon:nth-child(61),div.pokemon:nth-child(62){left:0%!important;top:100%!important;} div.pokemon:nth-child(63),div.pokemon:nth-child(64){left:16.666%!important;top:100%!important;} div.pokemon:nth-child(65),div.pokemon:nth-child(66){left:33.332%!important;top:100%!important;} div.pokemon:nth-child(67),div.pokemon:nth-child(68){left:49.998%!important;top:100%!important;} div.pokemon:nth-child(69),div.pokemon:nth-child(70){left:66.664%!important;top:100%!important;} div.pokemon:nth-child(71),div.pokemon:nth-child(72){left:83.33%!important;top:100%!important;} div.pokemon:nth-child(73),div.pokemon:nth-child(74){left:0%!important;top:120%!important;} div.pokemon:nth-child(75),div.pokemon:nth-child(76){left:16.666%!important;top:120%!important;} div.pokemon:nth-child(77),div.pokemon:nth-child(78){left:33.332%!important;top:120%!important;} div.pokemon:nth-child(79),div.pokemon:nth-child(80){left:49.998%!important;top:120%!important;} }

Fields Grid View

Instructions
Preview
Code

I do not remember exactly where I found this code. First one displayed is the oldest last one displayed is the newest. 1. Copy and Paste code into the Extra CSS section of a custom Site Skin. 2. Click Save Skin (it's in the Skin metadata tab for anyone who doesn't know). 3. Go to field and clear cache (or hit CTRL + F5) if needed.

/* sets field size and aligns 8x5 */ #field_field>div.field {min-height: 345px;display: flex;flex-flow: row wrap;display: grid;grid-template-columns: repeat(8, 12.5%);grid-template-rows: repeat(5, 69px);} /* sets phone field size to prevent double size */ .mq25 #field_field>div.field {min-height: 180px; grid-template-rows: repeat(5, 36px);} /* keeps field size and offsets pokes to right starting point */ #field_field>div.field>.fieldmon {margin:0!important;position: static;flex: 1 1 12.5%;display: inline-flex;justify-content: center;align-items: center;} /* stops field size from doubling and all pokes going to bottom half*/ #field_field>div.field {padding-top: 0%;} /* changes some images size if too big, but stops them from making field grow */ #field_field>div.field>.fieldmon>img {max-width:75px;max-height:70px;}

Pokemon Panel

Instructions
Preview
Code

Original code is by FireWolf1117 located here. This makes the Pokemon Panels smaller and only have the Preferred Berry Preference. Please note this code has been tweaked by me to be the way that I desired it. The original code is much different and can be found in the link above. Note: The name can run off of the background if it is too long. 1. Copy and Paste code into styleclass or style for it to apply to all panel pokemon OR 2. Copy and Paste code wherever and use [sc=panels] before the Pkmn Panels code, and [/sc] after.

Jean-Claude [SHINY]

Lv. 100 — +316,284

Likes:

Sour food

27%

Relaxed nature

Lv. 100 — +1,643,177

Likes:

Spicy food

27%

Naughty nature

.panels{width: 310px; margin-left: -15px; } .panels>div{display: inline-block; padding: 5px; ;} .party>div{width: 170px!important; height: 90px; display: inline-block; background-color: Black; a {color: white; a:link} } .party{width: 140px!important; margin-bottom: -20px}a .party>div>.pkmn:before {display: none;} .party>div>.pkmn {margin: 0px 0px 0px 0px; float: left; margin-left: -5px; margin-top: -25px; }/*Pokemon*/ .party>div>.name {margin-top: -5px; margin-left: 90px; position: absolute;}/*Name Images*/ .party>div>.action {margin-top: 30px; margin-right: 5px; width: 45px; height: 55px; overflow: hidden; position: relative;}/*Berries*/ .party>div>.expbar {display: none; clear: left; float: left; width: 450px; font-size: 10pt;}/*EXP Bar*/ .party>div>.taste {display: none; clear: left; float: left; width: 450px; font-size: 10pt;}/*Preference*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Bottom Info*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Type*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Happy?*/ .party>div>.extra {display: none; clear: left; font-size: 10pt; padding-top: 4px;}/*Nature*/ .party>div>.action>.berrybuttons {text-align:center;} .party>div>.action>.berrybuttons {text-align:center;} .party>div>.action>.berrybuttons[data-up='sour']>[data-berry='aspear'], .party>div>.action>.berrybuttons[data-up='spicy']>[data-berry='cheri'], .party>div>.action>.berrybuttons[data-up='dry']>[data-berry='chesto'], .party>div>.action>.berrybuttons[data-up='sweet']>[data-berry='pecha'], .party>div>.action>.berrybuttons[data-up='bitter']>[data-berry='rawst'] { width:100%; } .party>div>.action>.berrybuttons:not([data-up='sour'])>[data-berry='aspear'], .party>div>.action>.berrybuttons:not([data-up='spicy'])>[data-berry='cheri'], .party>div>.action>.berrybuttons:not([data-up='dry'])>[data-berry='chesto'], .party>div>.action>.berrybuttons:not([data-up='sweet'])>[data-berry='pecha'], .party>div>.action>.berrybuttons:not([data-up='bitter'])>[data-berry='rawst'] { display:none; } .party>div>.action>.berrybuttons[data-up='any']>[data-berry] { display:inline-block; }

Make an image smaller

The Margin: part centers the image.

Code

[sc=img]Img code here[/sc] [style] .img{ width:200px; margin: 0 auto; }[/style]

Image Change by Hover

Instructions
Preview
Code

By Mirzam and the post This code allows users to hover over an image and the image will change. 1. Copy and paste code where ever you are wanting to put it.

[sc=hover-img][img]Default Image URL[/img][img]Hover Image URL[/img][/sc] [style] .hover-img { display: inline-block; img:nth-of-type(2) { display: none; } &:hover { img:nth-of-type(1) { display: none; } img:nth-of-type(2) { display: inline; } } } [/style]

Credits

Bishop's Journal is where I found most of these codes. There are more codes and more in depth stuff so check it out if you want to. Site Skins: How-To, and Helpful CSS more codes and more in depth stuff can be found here as well.

Score: 70

Apocalyptic Growlithe Pic|Avi by Kattling

Loading...