Useful gestures for old Opera. Switch between tabs and other

 

Tuesday, July 19, 2011 1:41:50 AM

customizing, accessibility, keyboard shortcuts, buttons, mouse gestures, maxwidth, layout, CSS

Switch between tabs

GestureLeft, GestureRight=Switch to previous page
GestureRight, GestureLeft=Switch to next page

JavaScript gestures

Restore page for widescreen monitors

GestureLeft, GestureUp=Maximize page | Restore page & Go to page,"javascript:window.resizeTo(1024,768); window.moveTo(250,250)"

NOTE: "Allow moving of windows" and "Allow resizing of windows" must be checked in Preferences/Advanced/Content/JavaScript Options.

CSS change: bigger fonts (when performed on links, GestureDown opens them in background).

GestureDown=Open link in background page | Go to page, "javascript:(function(){var newSS, styles='*{font-family: Tahoma,arial, helvetica, sans-serif !important; font-size:17px !important;line-height: 1.35em !important;}b, strong, em, h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}h1 {font-size: 30px !important;line-height: 1.0em !important;}h2{font-size: 22px !important;line-height: 1.2em !important;}h3 {font-size: 20px !important;line-height:1.4em !important;}h4 {font-size: 18px !important;line-height: 1.4em !important;}h5 {font-size: 16px !important;line-height: 1.2em !important;}h6 {font-size: 15px !important;line-height: 1.2em !important;}';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles); document.getElementsByTagName('head')[0].appendChild(newSS)}})()"

GestureDown, GestureUp=Open link in new page | Go to page, "javascript:(function(){var newSS, styles='*{font-family: Tahoma,arial, helvetica, sans-serif !important; color:black ; font-size:17px !important;line-height: 1.35em !important;}:link, :link *{color:\x23002989 !important;}:visited,:visited *{color:\x230E2461 !important;}b, strong, em, h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}h1 {font-size: 30px !important;line-height: 1.0em !important;}h2{font-size: 22px !important;line-height: 1.2em !important;}h3 {font-size: 20px !important;line-height:1.4em !important;}h4 {font-size: 18px !important;line-height: 1.4em !important;}h5 {font-size: 16px !important;line-height: 1.2em !important;}h6 {font-size: 15px !important;line-height: 1.2em !important;}';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);  document.getElementsByTagName('head')[0].appendChild(newSS)}})()"

GestureDown, GestureLeft=Go to page, "javascript:(function(){var newSS, styles='*{font-family: georgia,times new roman, times, serif !important; font-size:16px !important; line-height: 1.3em !important;}b, strong, em, h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}h1 {font-size: 28px !important;line-height: 1.0em !important;}h2{font-size: 22px !important;line-height: 1.2em !important;}h3 {font-size: 20px !important;line-height:1.4em !important;}h4 {font-size: 18px !important;line-height: 1.4em !important;}h5 {font-size: 16px !important;line-height: 1.2em !important;}h6 {font-size: 15px !important;line-height: 1.2em !important;}';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);  document.getElementsByTagName('head')[0].appendChild(newSS)}})()"

"Fit to Width" for widescreen monitors, fits stretched websites in maxWidth of 1024px

GestureRight=Forward | Go to page, "javascript:(function(){var newSS, styles='*{max-width:1024px !important;margin:auto !important;}';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);  document.getElementsByTagName('head')[0].appendChild(newSS);}})()"

or

GestureRight, GestureLeft, GestureRight=Go to page, "javascript:(function(){var newSS, styles='*{font-family: georgia,times new roman, times, serif !important; color:black; font-size:17px !important; line-height: 1.38em !important;}:link,:link *{color:\x23002989}:visited,:visited *{color:\x230E2461 }b, strong, em, h1, h2, h3, h4, h5, h6 {font-weight: bold }h1 {font-size: 32px !important;line-height: 1.0em }h2{font-size: 22px !important;line-height: 1.2em !important;}h3 {font-size: 20px !important;line-height:1.4em !important;}h4 {font-size: 18px !important;line-height: 1.4em !important;}h5 {font-size: 16px !important;line-height: 1.2em !important;}h6 {font-size: 15px !important;line-height: 1.2em !important;}';window.document.body.style.maxWidth='1024px'; window.document.body.style.position='absolute'; window.document.body.style.left='200px';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);  document.getElementsByTagName('head')[0].appendChild(newSS);}})()"

CSS change for easier reading:font black, background grey

GestureDown, GestureLeft=Go to page, "javascript:(function(){var newSS, styles='*{background:\x23ECECEC !important; color:black !important;}:link, :link *{color:\x23002989 !important;}:visited,:visited *{color:\x230E2461 !important;}';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);  document.getElementsByTagName('head')[0].appendChild(newSS);}})()"

The background color can be changed this way. Change "ECECEC" in "background:\x23ECECEC" for other html color codes. Beige: E3E0D1, FFFFF0, light blue: E6F0FA, yellow: F6F6E9.

CSS change for easier night reading:font black, background beige

GestureDown, GestureLeft, GestureRight=Go to page, "javascript:(function(){var newSS, styles='*{background:\x23E3E0D1 !important; color:black !important;}:link, :link *{color:\x23002989 !important;}:visited,:visited *{color:\x230E2461 !important;}';if(document.createStyleSheet){document.createStyleSheet('javascript:'+styles);}else{newSS=document.createElement('link');newSS.rel='stylesheet';newSS.href='data:text/css,'+escape(styles);  document.getElementsByTagName('head')[0].appendChild(newSS);}})()"

Copy document title and replace special characters (:,?,",|) with (-,_,')

GestureDown, GestureRight, GestureLeft=Go to page, "javascript:{var tit=document.title;document.write(tit.replace(/\?/g,'_').replace(/:/g,'-').replace(/\x22/g,'\'').replace(/\|/g,'-'))}" & Delay,100 & Select all & Copy & Back

Other

GestureUp, GestureDown=Stop | Refresh display (Reload from cache)
GestureUp, GestureDown, GestureUp=Reload
GestureUp, GestureRight=New page
GestureUp=Stop | Go to Top CM Bottom (or Stop | Go to start | Go to end)
GestureUp, GestureLeft=Find next & Find
GestureUp, GestureLeft, GestureUp=Go to parent directory
GestureLeft, GestureDown=Select user mode | Select author mode
GestureRight, GestureUp=Undo (reopen closed tab)
GestureRight, GestureDown=Enable javascript | Disable javascript
GestureDown, GestureRight=Close page
FlipBack=Zoom to, 100 (press and hold right button, then press left button)
FlipForward=Zoom in, 10 (press and hold left button, then press right button)
Button3=Paste | Page down & Delay, 5 & Page down (middle click)

Scroll with JavaScript

Page down:
GestureLeft, GestureDown=
or
Space=Enable javascript & Delay, 10 & Go to page,"javascript:(function(){window.scroll(0,window.pageYOffset + window.innerHeight)})()"
Page up:
GestureLeft, GestureUp=Enable javascript & Delay, 10 & Go to page,"javascript:(function(){window.scroll(0,window.pageYOffset - window.innerHeight)})()"

Page down with a line left from the previous screen:
Go to page,"javascript:(function(){window.scroll(0,window.pageYOffset + window.innerHeight - 30)})()"

Command "scrollBy" may also be used:
Go to page,"javascript:(function(){window.scrollBy(0,-window.innerHeight)})()"; Go to page,"javascript:(function(){window.scrollBy(0,window.innerHeight)})()""