You are viewing our Forum Archives. To view or take place in current topics click here.
[TUT]How to edit internet pages live.
Posted:

[TUT]How to edit internet pages live.Posted:

Exalted_Slayer
  • Resident Elite
Status: Offline
Joined: Mar 28, 200915Year Member
Posts: 280
Reputation Power: 10
Status: Offline
Joined: Mar 28, 200915Year Member
Posts: 280
Reputation Power: 10
If this is in the wrong section please can someone move it, thanks.


Getting "Gyazo":


The guide is within the spoiler and Gyazo is user to crop pictures and upload them easily. Perfect for taking a quick picture of an edit.

This guide is to tell you how to get and how to use " [ Register or Signin to view external links. ] ". [ Register or Signin to view external links. ] enables the user to 'grab' part of the screen instantly. It then uploads to a link like [ Register or Signin to view external links. ] !

How to Download and Install!

1. [ Register or Signin to view external links. ]
2. Click the below button:

[ Register or Signin to view external links. ]

If you are a Mac or Linux user click the below button:

[ Register or Signin to view external links. ]

You will then get either of the below and click the correct one:

[ Register or Signin to view external links. ] [ Register or Signin to view external links. ]

Now (this is for [ Register or Signin to view external links. ] ) click save on the below window:

[ Register or Signin to view external links. ]

When it's done you should get:

[ Register or Signin to view external links. ] and then run [ Register or Signin to view external links. ] .

Then follow through the below setup:

[ Register or Signin to view external links. ]

Now, just click the below desktop item (providing you got one to go on your desktop):

[ Register or Signin to view external links. ]

While running it, you need to use "Alt+Tab" to switch windows. Drag it and let go and it will take a picture, crop what you wanted and open the uploaded location in your browser.


Editing a web page:


Before I start, this only takes place on your screen, it does nothing to the actual page. Just useful for taking pictures to say, "look at this!".

To start with, keep the below code handy:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0


Note: The code is "javascript:document.body.contentEditable='true'; document.designMode='on'; void 0" without the ". [code] is bugged and put the "0" from "void 0" out of the code area. Any Forum Admins might want to fix that .

Now, choose your browser. I personally use Google Chrome for this because it is easy to use and makes it look undetectable from people looking to see if the picture is edited.

I will post a step-by-step guide on how to edit below.

1. Open your browser, in this case Google Chrome.
2. Go to your desired website (I am doing TTG for the time being).
3. Enter "javascript:document.body.contentEditable='true'; document.designMode='on'; void 0" into your Address Bar.

Picture if you are unsure what this is:
[ Register or Signin to view external links. ]


4. Just edit away! You can do easy things like editing text right down too editing pictures (using "Inspect Element").

An example of what I have done:
[ Register or Signin to view external links. ]
#2. Posted:
PixelJunkie
  • TTG Senior
Status: Offline
Joined: May 24, 201014Year Member
Posts: 1,485
Reputation Power: 63
Status: Offline
Joined: May 24, 201014Year Member
Posts: 1,485
Reputation Power: 63
This has been posted before but you used more detail so i guess it's ok
#3. Posted:
Exalted_Slayer
  • Resident Elite
Status: Offline
Joined: Mar 28, 200915Year Member
Posts: 280
Reputation Power: 10
Status: Offline
Joined: Mar 28, 200915Year Member
Posts: 280
Reputation Power: 10
-MountainDew- wrote This has been posted before but you used more detail so i guess it's ok


Has it? :l. Well, I searched (not hard) and didn't find anything. Also, this is all my own work.
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.