Cele's Scrolls
Forum Index > PokéFarm > Journals > Staff >
[inventory=ShinyShiny]
[inventory=ShinyChain]
60 / 3960
I forget these stupid codes every time
Now they're here
sig code and sig bg image made by me
pkmnpanels are infuriating to get to work in literally any template that has margins or padding LOL
it literally PRECISELY fits in .mq1 so you have to fiddle with it if you do anything
and it BREAKS
I'VE BEEN PLAYING WITH THE MOBILE LEGIBILITY OF IT FOR SEVEN HOURS
QUOTE originally posted by DrWho
Create your userbar with the same dimensions as the originals (125 x 60 pixels). Use it as the background-image in the code below.
Moderator banner:
a[href='/user/Cele'] ~ .tooltip_content > img[src*="userbars/mod21073"] {
background: url("https://i.ibb.co/wwwZxdd/cele.png");
object-position: 99999px;
}
The code
a[href='/user/Cele']
makes sure only your userbanners are affecetd
img[src*="userbars/mod21073"]
targets the userbar. "userbars/mod21073" is a portion of the URL of the mod userbar. You could use a portion of a different userbar's URL here.
object-position: 99999px;
moves the graphical original userbar image far away, leaving a transparent space
background: url("https://i.ibb.co/wwwZxdd/cele.png");
sets the background image to your custom userbarThis template is for SoulWesson only. Anyone else found to be using it is using both their art and my code against our wishes.
Exhibition of all the BBCodes that needed special styling so you can see how they look. Notice: This template does not support pkmnpanels. Use platforms instead.
Exhibition of all the BBCodes that needed special styling so you can see how they look. Notice: This template does not support pkmnpanels. Use platforms instead.
Header 1
Header 2
Header 3
[Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] [Link] TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
TooltipTooltip
- List Item
- List Item
- List Item
QUOTE originally posted by User
Content
Display box
Content
Hide box
Content
Accordion 1
Content 1
Accordion 2
Content 2
Accordion 3
Content 3
Stackbox 1
Content 1
Stackbox 2
Content 2
Stackbox 3
Content 3
- Title
- Title
- Title
Content 1
Content 2
Content 3
- Title
- Title
- Title
Content 1
Content 2
Content 3
Header | Header | Header | Header | Header | Header | |
---|---|---|---|---|---|---|
Header | Data | Data | Data | Data | Data | Data |
Header | Data | Data | Data | Data | Data | Data |
Header | Data | Data | Data | Data | Data | Data |
Art by SoulWesson
Code by Cele
Aemilia said I could play with some stuff so I'm dumping it here for now
tooltip highlights stuff in a cool way :)
.tooltip_content {
background: @bg;
color: @text;
border: 1px solid @text;
border-radius: 8px;
}
span.bbcode_tooltip {
border: none;
position: relative;
z-index: 0;
display: inline-block;
padding: 0 2px;
overflow: hidden;
vertical-align: bottom;
transition: color .3s ease-out;
}
span.bbcode_tooltip::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
transform: translateY(calc(100% - 6px));
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
transition: transform .5s ease-out;
}
span.bbcode_tooltip:hover {
color: #000;
}
span.bbcode_tooltip:hover::before {
transform: translateY(0);
transition: transform .5s ease-out;
}
tooltip highlights links in a cool way :)
a, a:link, a:visited {
/* RESET */
text-decoration: none;
font-style: none;
position: relative;
z-index: 0;
display: inline-block;
padding: 0px 5px;
overflow: hidden;
color: #ccc;
vertical-align: bottom;
transition: color .3s ease-out;
}
a::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
transform: translateY(calc(100% - 6px));
width: 100%;
height: 100%;
background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
transition: transform .5s ease-out;
}
a:hover {
color: #000;
text-shadow: 0 0 4px #888;
font-style: normal;
}
a:hover::before {
transform: translateY(0);
transition: transform .5s ease-out;
}
Thank you Kaede for letting me play with it :D
I'M GONNA MAKE IT PINKTrying to sit here and decide on favourite Pokemon on a "one per type" basis and it's hard because I have so many favourites in general... So I wanted to make a different kind of list. :)
Pretend Eeveelutions, Starters, and regional formes are also included in their respective generations.
This does not account for like a whole massive mountain of S/A/M sprites that I adore, which may or may not be of listed species... OTL
Starters
Eevee VS Pikachu
Gen 1 Eeveelution
Gen 2 Eeveelution
Gen 4 Eeveelution
Overall Eeveelution
Alolan Formes
Galarian Formes
Gen 1
Gen 2
Gen 3
Gen 4
Gen 5
Gen 6
Gen 7
Gen 8
Gen 9
Regional Formes
Pokefarm
Sometimes I wish they were real :')Exclusives
Megas
Variants
Totems
I made a thing.
Bold | Italic | Link
I give permission to use this template to the following:
SoulWesson
Nunka
Heaven's Grasp
Permission Requirements / Rules:
Ask to be added to the list. This is whitelist format only, so if you aren't on the list above you may not use it.
Do not use the template with the Cele character portraits. You need to change the portraits to your own to be using the template within my rules.
Remember to update the image credit link; leave the code credit and rules links alone.
I expanded this generic forum post template so that it allows me some degree of tone indication via the Cele emote portraits, even when multiple text boxes and portraits are within the same post.
The first version of this would've used the same portrait across all instances, but not anymore! I can change which emote is in use, as well as which direction it's facing.
For example, if I'm happy or otherwise trying to indicate something positive, I just add a keyword in the portrait so it uses the joy emote.
It's also quite easy to tell when I'm annoyed or angry at something.
The portraits say everything so I don't have to worry about it.
I can focus on the points to be conveyed by the text, and that just makes my life a lot easier in general.
QUOTE originally posted by Cele
Date | Eggs | Shinies | Albinos | Melans | Bonuses |
---|---|---|---|---|---|
2022-03-09 | 77,456 | 323 | 338 | 15 | x2.6 Shazi |
2022-03-10 | 60,625 | 206 | 139 | 7 | None |
2022-03-11 | 64,339 | 260 | 136 | 8 | +6 Garthic |
2022-03-12 | 60,909 | 223 | 169 | 7 | x3 Ravyne |
2022-03-13 | 72,852 | 219 | 174 | 9 | None |
2022-03-14 | 115,648 | 442 | 339 | 24 | x2.5 Niet 18% Dusky |
2022-03-15 | 73,144 | 260 | 202 | 13 | x2.5 Shazi 11% Persephone |
Cannot post: Please log in to post