• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.

Who wants some random stuff?

2,096
Posts
15
Years
Why am i dumping all this stuff here? Because i'm bored and i plan to never use any of this xD

CSS Junk

Sucky Rattata signature that i used to show the positioning code in a tutorial once.
Spoiler:
Code:
[noparse][css-div=" background-image:URL('http://i.imgur.com/UNXha.png'); width:166.5px; height:250px; border-radius:200px; padding-left:33.5px; padding-top:50px;"][css-div=" background-image:URL('http://i.imgur.com/F24lE.png'); width:133px; height:250px; border-radius:200px;"][css-div=" background-color:#efdeb5; width:128px; height:215px; border-radius:200px; padding-left:5px; padding-top:35px;"][css-div=" background-color:#c6a0ad; width:123px; height:200px; border-radius:200px; border-top-right-radius:122px; border-top-left-radius:122px;"][css-div="  background-image:URL('http://i.imgur.com/Az6gw.png'); width:123px; height:80px; border-radius:200px; position:absolute; z-index:1"][/css-div][css-div=" padding-top:60px; font-size:18px; text-align:center; font-family:oswald; z-index:-1;"][IMG]http://pldh.net/media/pokemon/gen5/blackwhite_animated_front/019.gif[/IMG]
Top
Percentage[/css-div][/css-div][/css-div][/css-div][/css-div][/noparse]

I wanted to see if i could make a signature purely from CSS shapes and stuff, turns out you can to a certain extent! :D Unfortunately though it's over 1500 characters so it can't be a signature x]
Spoiler:
Code:
[noparse][css-div=" padding-left:82px;"][css-div=" position:absolute; background-color:#e7e4f1; height:42px; padding-left:19px; padding-top:4px; width:27px; border-radius:46px;"][css-div=" width:17px; height:17px; border-radius:17px; background-color:#e5f5fa;"][/css-div][/css-div][css-div=" padding-left:61px; padding-top:10px;"][css-div=" position:absolute; background-color:#e7e4f1; height:88px; padding-left:47px; padding-top:7px; width:48px; border-radius:46px;"][css-div=" width:28px; height:28px; border-radius:28px; background-color:#e5f5fa;"][/css-div][/css-div][/css-div][/css-div][css-div=" padding-left:72px; padding-top:93px;"][css-div=" position:absolute; background-color:#e7e4f1; height:47px; padding-left:26px; padding-top:8px; width:29px; border-radius:55px;"][css-div=" width:20px; height:20px; border-radius:20px; background-color:#e5f5fa;"][/css-div][/css-div][/css-div][css-div=" padding-left:177px; padding-top:48px;"][css-div=" position:absolute; background-color:#e7e4f1; height:51px; padding-left:24px; padding-top:5px; width:32px; border-radius:55px;"][css-div=" width:20px; height:20px; border-radius:20px; background-color:#e5f5fa;"][/css-div][/css-div][/css-div][css-div=" padding-left:63px; padding-top:27px;"][css-div=" position:absolute; background-color:#e7e4f1; height:71px; padding-left:33px; padding-top:5px; width:43px; border-radius:76px;"][css-div=" width:23px; height:23px; border-radius:23px; background-color:#e5f5fa;"][/css-div][/css-div][/css-div][css-div=" padding-left:179px; padding-top:59px;"][css-div=" position:absolute; background-color:#e7e4f1; height:39px; padding-left:14px; padding-top:3px; width:25px; border-radius:39px;"][css-div=" width:19px; height:19px; border-radius:19px; background-color:#e5f5fa;"][/css-div][/css-div][/css-div][css-div=" padding-left:110px; padding-top:19px;"][css-div=" position:absolute; background-color:#e7e4f1; height:41px; padding-left:20px; padding-top:3px; width:24px; border-radius:44px;"][css-div=" width:17px; height:17px; border-radius:17px; background-color:#e5f5fa;"][/css-div][/css-div][/css-div][/noparse]


Google Chrome Theme
You'll need Theme Creator from the chrome market to use this
its free though x] stock (clicky)
Spoiler:
Download its not really that pixelated
Also if you unzip the folder the derpy background makes an awesome wallpaper ;D

There you go, do what you wish with it just don't pass it off as your own xD
 
2,096
Posts
15
Years
Xyrin;bt63921 said:
How the crap did you make Derpy's cutie mark without images?
a crap load of css squares with full border radius xD


Alternative;bt63922 said:
You can just use cd instead of css-div, if that helps. :3
I know :3 my brain just goes into auto complete and i type css-div xD
 

Uecil

[img]https://i.ibb.co/4jfYrCT/tHdpHUB.png[/img]
2,568
Posts
14
Years
Your Rattata CSS is so cool O:
It made me lol a little and the bubbles are so kawaii!!

and My Little Pony Google chrome theme <3

You are so good at CSS
 
2,096
Posts
15
Years
Galukxy;bt63924 said:
Your Rattata CSS is so cool O:
It made me lol a little and the bubbles are so kawaii!!

and My Little Pony Google chrome theme <3

You are so good at CSS
Thank you! ^-^
I was thinking about putting up a few variations of the rattata one (like raticate or something) but then i realized i'd have to make a different background and/or teeth for each one xD
 
Back
Top