Inspect Element-ed ideas

MrSherlockHolmes

Let's see what u l33t hax0rz can come up with. I'll start:

Terrible example right?

Last edited by MrSherlockHolmes (March 28, 2015 17:31:38)

Centred signature.

mathfreak231

I've never been a fan of IE, but here's one that's part of a joke I put on Tumblr:

(yeah it's censored)

i have grown as a person. and ive grown, literally. none of my posts from before 2022 represent me accurately.

MegaApuTurkUltra

How to make a real Mrs Apu approved mess:

javascript:(function()%7Bfunction%20callback()%7B(function(%24)%7Bvar%20jQuery%3D%24%3B%24(%22*%22).each(function()%7B(function(el)%7Bel.css(%22position%22%2C%22relative%22)%3Bvar%20x%3D0%2Cy%3D0%2Cdx%20%3D%20Math.random()*10%2C%20dy%20%3D%20Math.random()*10%3BsetInterval(function()%7Bel.css(%7B%22top%22%3A(y%2B%3Ddy)%2C%22left%22%3A(x%2B%3Ddx)%7D)%3B%7D%2C%2010)%3B%7D)(%24(this))%3B%7D)%7D)(jQuery.noConflict(true))%7Dvar%20s%3Ddocument.createElement(%22script%22)%3Bs.src%3D%22https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.7.1%2Fjquery.min.js%22%3Bif(s.addEventListener)%7Bs.addEventListener(%22load%22%2Ccallback%2Cfalse)%7Delse%20if(s.readyState)%7Bs.onreadystatechange%3Dcallback%7Ddocument.body.appendChild(s)%3B%7D)()

Edited to work with all websites, regardless of jquery on the site

Original source

javascript:(function(){
    $("*").each(function(){ // select all elements
        (function(el){ // create a new anonymous function to store our variables for us (if this wasn't done, only the last element would keep its variables)
            el.css("position","relative"); // set up some mess-making
            var x=0,y=0,dx = Math.random()*10, dy = Math.random()*10; // set up variables
            setInterval(function(){ // repeat every 10 ms
                el.css({"top":(y+=dy),"left":(x+=dx)}); // change x and y position 
            }, 10);
        })($(this)); // pass the current element to the anonymous function so it remains stored on its private stack
    })
})()

Last edited by MegaApuTurkUltra (March 21, 2015 19:36:58)

$(".box-head")[0].textContent = "committing AT crimes since $whenever"

Firedrake969

^:

(function() {
    $("*").each(function() {
        (function(el) {
            el.css("position", "relative");
            var x = 0,
                y = 0,
                dx = Math.random() * 10,
                dy = Math.random() * 10;
            setInterval(function() {
                el.css({
                    "top": (y += dy),
                    "left": (x += dx)
                });
            }, 10);
        })($(this));
    })
})();

Which moves everything randomly

'17 rickoid

bf97b44a7fbd33db070f6ade2b7dc549

MathWizz

Simply changing the position style to relative will ruin everything… Changing the location is just beating a dead horse.

running Chromium 42.0.2311.90 with Flash Player 15.0.0.189 on Arch Linux 3.19.5-1-ck
MathWizz — JsScratch && sb.js & Amber (coming soon! maybe)

MegaApuTurkUltra

MathWizz wrote:
Simply changing the position style to relative will ruin everything… Changing the location is just beating a dead horse.

No but they have to move

$(".box-head")[0].textContent = "committing AT crimes since $whenever"

CatsUnited

I love using Inspect Element on Pixie! Look what I did! (It's not a mess tho

)

Bye bye CSS on Pixie

MathWizz wrote:
Simply changing the position style to relative will ruin everything… Changing the location is just beating a dead horse.

Tried that, doesn't ruin everything for me,

but this does…

$('*').css({
    'display': 'inline-block'
})

Inline-block is deadly (Now it looks like a mess to me!

)
EDIT: The only way I know of moving stuff is filling up the page with marquee.

Last edited by CatsUnited (March 22, 2015 04:32:04)

bottom text

MrSherlockHolmes

MegaApuTurkUltra wrote:

How to make a real Mrs Apu approved mess:

javascript:(function()%7Bfunction%20callback()%7B(function(%24)%7Bvar%20jQuery%3D%24%3B%24(%22*%22).each(function()%7B(function(el)%7Bel.css(%22position%22%2C%22relative%22)%3Bvar%20x%3D0%2Cy%3D0%2Cdx%20%3D%20Math.random()*10%2C%20dy%20%3D%20Math.random()*10%3BsetInterval(function()%7Bel.css(%7B%22top%22%3A(y%2B%3Ddy)%2C%22left%22%3A(x%2B%3Ddx)%7D)%3B%7D%2C%2010)%3B%7D)(%24(this))%3B%7D)%7D)(jQuery.noConflict(true))%7Dvar%20s%3Ddocument.createElement(%22script%22)%3Bs.src%3D%22https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.7.1%2Fjquery.min.js%22%3Bif(s.addEventListener)%7Bs.addEventListener(%22load%22%2Ccallback%2Cfalse)%7Delse%20if(s.readyState)%7Bs.onreadystatechange%3Dcallback%7Ddocument.body.appendChild(s)%3B%7D)()

Edited to work with all websites, regardless of jquery on the site

Original source

javascript:(function(){
    $("*").each(function(){ // select all elements
        (function(el){ // create a new anonymous function to store our variables for us (if this wasn't done, only the last element would keep its variables)
            el.css("position","relative"); // set up some mess-making
            var x=0,y=0,dx = Math.random()*10, dy = Math.random()*10; // set up variables
            setInterval(function(){ // repeat every 10 ms
                el.css({"top":(y+=dy),"left":(x+=dx)}); // change x and y position 
            }, 10);
        })($(this)); // pass the current element to the anonymous function so it remains stored on its private stack
    })
})()

It looks like a mess to me xD
Just had to, but see above post.

Last edited by MrSherlockHolmes (March 22, 2015 09:16:26)

Centred signature.

kvackkvack

$('*').css({
    'color': 'rgb(235,0,255)'
})

makes everything look fancy.

MrSherlockHolmes

kvackkvack wrote:
$('*').css({
    'color': 'rgb(235,0,255)'
})
makes everything look fancy.

Pinkish

Centred signature.

kvackkvack

MrSherlockHolmes wrote:
kvackkvack wrote:
$('*').css({
    'color': 'rgb(235,0,255)'
})
makes everything look fancy.
Pinkish

pinkish = fancy

VoltageGames

I don't think this counts as an advanced topic.

i3-6100 / r9 380 / 8 gigs ram / 1 tb hdd

Click here to inflate my ego and thank me for my posts.

kvackkvack

VoltageGames wrote:
I don't think this counts as an advanced topic.

It's definetely more advanced than a few of the topics here.

MrSherlockHolmes

VoltageGames wrote:
I don't think this counts as an advanced topic.

Arguably it isn't, but there isn't much else of a place to to put it

Centred signature.

DigiTechs

$('body').attr("style","-webkit-filter: blur(5px)");

I'm, sorry, I'm so drunk I can't even see what I'm doing.

I do, in fact, have my own site; it's here.
I'm also working on a thing called Fetch. Look at it here!
@thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain.

comp09

DigiTechs wrote:
$('body').attr("style","-webkit-filter: blur(5px)");
I'm, sorry, I'm so drunk I can't even see what I'm doing.

Oh no, thi is eating my CPU and GPU!

Also, I have no Idead what I am typing!?!!1!!1one!,kjnvlfdkjnsfdkljdflvksfnvsjkdfnvdfvdsdf what is this? I can't see!

EDIT: Oh dear, it's causing graphical glitches!

Last edited by comp09 (March 24, 2015 21:50:03)

Visit the website of Andrew Sun!

DigiTechs

comp09 wrote:
DigiTechs wrote:
$('body').attr("style","-webkit-filter: blur(5px)");
I'm, sorry, I'm so drunk I can't even see what I'm doing.
Oh no, thi is eating my CPU and GPU!

Also, I have no Idead what I am typing!?!!1!!1one!,kjnvlfdkjnsfdkljdflvksfnvsjkdfnvdfvdsdf what is this? I can't see!

EDIT: Oh dear, it's causing graphical glitches!

I feel less sorry for you as I was a noob and instead of ‘body’, I used ‘*’.

I ended up giving up and pressing the restart button.

I do, in fact, have my own site; it's here.
I'm also working on a thing called Fetch. Look at it here!
@thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain. @thisandagain pls explain.

cheeseeater

What is wrong about this picture? It's a spot-the-difference.

If you have sharp eyes, you'll see the bonus one.

comp09

cheeseeater wrote:
What is wrong about this picture? It's a spot-the-difference. If you have sharp eyes, you'll see the bonus one.

1. You swapped comp09 and DigiTechs usernames and pictures.
2. You changed the link in my signature from “Andrew Sun” to “Sun Andrew.”
EDIT: 3. You changed your profile picture to Paddle2See's.
EDIT: 4. You made my post edited by Kaj.

Last edited by comp09 (March 24, 2015 22:15:53)

Visit the website of Andrew Sun!

comp09

DigiTechs wrote:
comp09 wrote:
DigiTechs wrote:
$('body').attr("style","-webkit-filter: blur(5px)");
I'm, sorry, I'm so drunk I can't even see what I'm doing.
Oh no, thi is eating my CPU and GPU!

Also, I have no Idead what I am typing!?!!1!!1one!,kjnvlfdkjnsfdkljdflvksfnvsjkdfnvdfvdsdf what is this? I can't see!

EDIT: Oh dear, it's causing graphical glitches!
I feel less sorry for you as I was a noob and instead of ‘body’, I used ‘*’.

I ended up giving up and pressing the restart button.

Using ‘*’ crashes Google Chrome on my computer.

Visit the website of Andrew Sun!

Discuss Scratch