• 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