Who wants some random stuff?

Hybrid Trainer

Hybrid Trainer

    • 2,096
    Posts
    16
    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('https://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('https://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('https://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]https://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
     
    How the crap did you make Derpy's cutie mark without images?
     
    Xyrin;bt63921 said:
    How the crap did you make Derpy's cutie mark without images?
    Click to expand...
    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
    Click to expand...
    I know :3 my brain just goes into auto complete and i type css-div xD
     
    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
    Click to expand...
    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
     
    You must log in or register to reply here.
    Back
    Top