We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Caustic; Black-Grey / Green
Topic Started: May 1 2014, 04:16 AM (3,467 Views)
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
"IMPORTANT!" A friend I had testing pointed out that with normal members, the inbox and preferences menu could still extend past the page. Fixed. Please update the CSS if necessary.
-- IMPROVED - Inbox and Preference menus are no longer off to the left.


NEW! Added support for the 40 standard cheshire emoticons. Please update the CSS if necessary.

Past Edit History - Click to Toggle:



Name: Caustic
Author: Meta_Ing
Date Created: ?/??/???? - 5/1/2014
Edits Allowed: Go nuts.
Side Notes - Click to toggle:

Preview:
Posted Image



Layout:
Code: HTML
 
<!-- TOPMENU -->
<hr class="sep clear" />
<div id="wrap">
<!-- SUBMENU -->
<!-- HEADER -->
<hr class="sep clear" />
<!-- NAV -->
<!-- BOARD -->
<h6 id="skincopy">
<strong>Caustic</strong> designed by <strong>Meta Ing</strong> of <span class="unimportant">(what used to be)</span> <a href="http://if.invisionfree.com"><abbr title="Zathyus Networks Resources">ZNR</abbr> / <abbr title="Zathyus Networks Support">ZNS</abbr></a>
</h6>
</div>


CSS:
Code:
 
/* Mozilla, why won't you just accept ::selection? */
::selection{background:rgba(80,220,100,0.25)}
::-moz-selection{background:rgba(80,220,100,0.25)}
/* --------------------------------------------------------- */
html,body{background:#181818;font:normal 12px Consolas,monaco,monospace;color:#B0B0B0;text-shadow:-1px -1px 1px rgba(0,0,0,0.5),1px -1px 1px rgba(0,0,0,0.5),-1px 1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(0,0,0,0.5);margin:0;}
table{border-spacing:1px;border-collapse:separate;empty-cells:show;width:100%;background:#000}
a,#shoutrefresh{transition:text-shadow 0.5s ease-in-out,color 0.5s ease-in-out;text-decoration:none}
a:link,a:visited,#shoutrefresh{color:#50DC64;}
a:hover,a:active,#shoutrefresh:hover{color:#70FC84;text-shadow:-1px -1px 1px rgba(80,220,100,0.3),1px -1px 1px rgba(80,220,100,0.3),-1px 1px 1px rgba(80,220,100,0.3),1px 1px 1px rgba(80,220,100,0.3);}
hr{margin:1rem;border-width:1px 0;border-style:dashed none;border-color:#000 transparent #303030;}
abbr,abbr a,a abbr{cursor:help;border-bottom:none}
img{border:none;vertical-align:middle;}
/* --------------------------------------------------------- */
/* Makes the (current) "solvemedia" easier (for humans) to read */
#adcopy-outer table,#adcopy-outer td{background:transparent;text-shadow:none}
/* --------------------------------------------------------- */
input,button,select,textarea{transition:box-shadow 0.5s ease;margin:0.25rem;vertical-align:middle}

input:focus,button:focus,select:focus{box-shadow:-2px -2px 2px 0 rgba(80,220,100,0.25),2px -2px 2px 0 rgba(80,220,100,0.1),-2px 2px 2px 0 rgba(80,220,100,0.25),2px 2px 2px 0 rgba(80,220,100,0.25);}

input,textarea,select{background:#101010;padding:0.25rem;border:1px solid #000;border-bottom-color:#303030;border-right-color:#303030;color:#B0B0B0}

button,input[type="reset"],input[type="submit"],input[type="button"]{background:#303030;border:1px solid;border-color:#505050 #101010 #101010 #505050;color:#B0B0B0;padding:0.25rem;}

button:active,input[type="reset"]:active,input[type="submit"]:active,input[type="button"]:active{border-color:#101010 #505050 #505050 #101010;background:#282828;}

/* Really, firefox? At least you fully support it, I suppose, according to http://caniuse.com/css3-boxsizing ... */
textarea{display:block;width:100%;margin:1rem auto;-moz-box-sizing:border-box;box-sizing:border-box;}
/* --------------------------------------------------------- */
hr.sep{visibility:hidden;height:0;border:none;background:transparent;margin:0;padding:0;}
.clear{clear:both;}
#top{padding:1rem}
#top_info{float:left;padding:0!important;margin-left:3rem}
#top_menu{float:right;padding:0;margin:0 0rem 0 0;text-align:right;}
#top_menu>li,#profile_menu{list-style:none;padding:0;margin:0;position:relative;}
#top_menu>li{float:right;padding:0 3rem}
ul.drop_menu>li>ul{padding:0;position:absolute;left:0;visibility:hidden;background:rgba(0,0,0,0.8);width:100%;list-style:none;border:1px solid #404040;text-align:center;border-radius:0.25rem;opacity:0;font-size:0.9rem;transition:opacity 1s ease,visibility 1s ease}
ul.drop_menu>li:hover>ul{background:rgba(0,0,0,0.9);visibility:visible;opacity:1}
ul.drop_menu>li>ul>li a{display:block;padding:0.5rem}
/* --------------------------------------------------------- */
#wrap{background-color:#282828;
background-image:
url(http://z5.ifrm.com/30092/155/0/f5270493/wbtl.png),
url(http://z5.ifrm.com/30092/155/0/f5270491/wbtr.png),
url(http://z5.ifrm.com/30092/155/0/f5270492/wbbl.png),
url(http://z5.ifrm.com/30092/155/0/f5270490/wbbr.png),
url(http://z5.ifrm.com/30092/155/0/f5270489/wbtc.png),
url(http://z5.ifrm.com/30092/155/0/f5270488/wbbc.png),
url(http://z5.ifrm.com/30092/155/0/f5270487/wblc.png),
url(http://z5.ifrm.com/30092/155/0/f5270486/wbrc.png);
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,repeat-y,repeat-y;background-position:left top,right top,left bottom,right bottom,center top,center bottom,left center,right center;margin:1rem;padding:30px}

#skincopy{
margin:1.2rem 1rem 1rem;
font-weight:normal;
font-size:0.8rem;
text-align:center;
background:#101010;
border:1px solid #484848;
padding:1rem;border-radius:2rem;
float:right;
line-height:0;
box-shadow:0 0.5rem 0.5rem 0 rgba(0,0,0,0.5)
}

#foot{margin-top:1rem;clear:both}

/* --------------------------------------------------------- */
.category,.calendar,#cal_end,.exclusivebutton{margin:1rem 0;}
.exclusivebutton{clear:both}
.cat_head {background:transparent;border-spacing:0;border-collapse:collapse;}
.cat_head td{background:transparent;border:none;padding:0}

h2
{
background-image:
url(http://z5.ifrm.com/30092/155/0/f5270317/mtl.png),
url(http://z5.ifrm.com/30092/155/0/f5270319/mtr.png),
url(http://z5.ifrm.com/30092/155/0/f5270318/mtc.png);
background-repeat:
no-repeat,
no-repeat,
repeat-x;
background-position:
left top,
right top,
center top;
height:30px;
margin:0;
text-indent:108px;
font:normal 1rem Consolas,monaco,monospace;
line-height:24px;
color:#70FC84;
white-space:nowrap;
}
span.collapse,span.uncollapse{float:right;cursor:pointer;margin-right:1rem;font-size:3rem;font-weight:bold;color:#707070;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px rgba(255,255,255,0.2),1px 1px 1px rgba(255,255,255,0.2);transition:color 0.5s ease;text-indent:0}
span.collapse a,span.uncollapse a{color:#707070;transition:color 0.5s ease}
span.collapse:hover,span.uncollapse:hover{color:#909090;}
span.collapse a:hover,span.uncollapse a:hover{text-shadow:inherit;color:#909090}

th,h4,.search_results h3{background:url(http://z5.ifrm.com/30092/155/0/f5270658/tm.png) repeat-x left top #202020;border:1px solid #282828;border-top-color:#303030;padding:0.5rem;font-weight:normal;text-align:left;margin:0}

thead th,#portal h2,#blog_main h2{background:url(http://z5.ifrm.com/30092/155/0/f5270773/thth.png) repeat-x center bottom #000;height:30px;padding:0 0.5rem;vertical-align:middle;border:1px solid #282828;border-top-color:#484848;color:#B0B0B0;text-indent:0;}

td,.portal_content,.search_results,.blog_entry>blockquote,.blog_options,#blog_comments{background:#202020;border:1px solid #282828;border-top-color:#303030;padding:0.5rem}
#copyright,.c_mark,#foot_links,tr.generic td,#c_bbcode{text-align:center;}
#copyright{margin-bottom:1rem;clear:both}
#foot_datetime{text-align:right;}

th h2{background:none;text-indent:0;color:#B0B0B0}

.c_mark{width:1%;}

.c_forum>div{font-size:0.9rem;margin:0.5rem 0}

.c_foot,.post_sep{background:url(http://z5.ifrm.com/30092/155/0/f5271458/ft.png) repeat-x bottom left #202020}
.post_sep{padding:0}

.c_cat-mark{text-align:center}
/* --------------------------------------------------------- */
#logo{font-weight:bold;font-size:4rem;padding:0;text-align:center}

#submenu{float:right;}
#submenu a{display:inline-block;padding:1rem;}

#nav{list-style:none;padding:0;margin:1rem 0;}
#nav li{display:inline-block;padding:0;}
/* --------------------------------------------------------- */
#pmtoast{position:fixed;bottom:2rem;right:2rem;width:250px;background:rgba(0,0,0,0.8);box-shadow:-3px -3px 3px 0 rgba(80,220,100,0.25),3px -3px 3px 0 rgba(80,220,100,0.25),-3px 3px 3px 0 rgba(80,220,100,0.25),3px 3px 3px 0 rgba(80,220,100,0.25);border-radius:0.5rem;border:1px solid #50DC64;transition:background 0.5s ease;line-height:1.5rem;z-index:9999}
#pmtoast:hover{background:rgba(0,0,0,0.9);}
#pmtoast a{padding:1rem;display:block;}
#pmclose{text-align:right;border-top:1px solid #50DC64;}

.pm_new td{font-weight:bold;background:#181818;border-color:#282828 #202020 #202020}
/* --------------------------------------------------------- */
dl.notice{margin:2rem;border-radius:0.25rem;padding:1rem;}
dl.notice dt{font-weight:bold;font-size:2rem}
dl.notice dd{padding-top:1rem;margin:0;}
dl.notice.info{background:rgba(100,80,220,0.25);border:1px solid #6450DC;}
dl.notice.error{background:rgba(220,80,100,0.25);border:1px solid #DC5064;}
/* --------------------------------------------------------- */
.c_user{width:20%;text-align:center;}
.c_user,.c_post{vertical-align:top;}

.c_sig{vertical-align:top;height:0}

/* It annoys me when posted images cause the board to stretch horizontally, but if you don't mind, you may delete the following line */
.c_post img{max-width:728px;}

.c_username,.c_postfoot td:first-of-type{text-align:center;}

.warn,.usertitle{margin:0.5rem 0;line-height:2rem}

.user_info,.user_profile{background:rgba(0,0,0,0.25);text-align:left;border:1px solid #303030;}
.user_info>*,.user_profile>*{padding:0.5rem;margin:0;}
.user_info>*:empty,.user_profile>*:empty{display:none;}
.user_info dt{float:left;clear:left}
.user_info dt,.user_profile dt{font-weight:bold}
.user_info dd,.user_profile dd{font-style:italic;}
.user_profile dd{margin:0 1rem;}

.ucp,.profile{margin:1rem 0}

.c_topicfoot{text-align:center;}

.editby{margin:0.5rem 0;padding:0.25rem;font-size:0.8rem;font-style:italic;background:rgba(0,0,0,0.5);color:#707070;border-radius:0.5rem;border:1px solid #303030;display:table;}

.poll {margin:1rem 0;}
.poll td{vertical-align:middle}
.c_poll-bar div{background:#50DC64;border-radius:1rem;border:1px solid #70FC84;border-bottom-color:#30BC44;border-right-color:#30BC44;height:1rem}
.c_poll-answer,.c_poll-bar{width:45%}

#c_emot{width:20%;text-align:center}
#emot_list{list-style:none;max-height:250px;overflow-y:auto;background:rgba(0,0,0,0.5);border:1px solid #303030;border-radius:0.5rem;padding:0;margin:1rem auto}
#emot_list li{display:inline-block;margin:0.5rem;cursor:pointer}
#emot_end{display:block}

#c_post-preview{margin:1rem auto;background:rgba(0,0,0,0.25);border:1px solid #404040;padding:0.5rem;border-radius:0.5rem;position:relative}
#c_post-close{top:1.5rem!important;right:0.75rem!important;font-size:1.5rem;z-index:1}
#c_post-resize{text-align:right;font-size:1.5rem;font-weight:bold;padding:0 0.5rem;cursor:pointer;float:right}

/* --------------------------------------------------------- */
#fast-reply{text-align:center;margin:1rem 0;padding:0}
#fast-reply dt,#fast-reply dd{padding:0;margin:0}
#fast-reply dd{position:relative}
#fast-reply dd p{position:absolute;bottom:-1rem;right:0;}
/* --------------------------------------------------------- */
.calendar{table-layout:fixed;}
.calendar th{text-align:center}
.calendar td{vertical-align:top;overflow-y:auto;}
.calendar td>div{margin:-0.5rem;margin-bottom:0.5rem;padding:0.5rem;background:#000;}
.calendar td ul{list-style:none;margin:0;padding:0;line-height:1.5rem;}
td.cal_inactive div{background:#181818;color:#404040;font-style:italic;}
#cal_current{outline:#50DC64 3px solid;}
/* --------------------------------------------------------- */
/* I have no association with the following */
#boardmeta{display:table;width:100%}
.meta_menu{display:table-cell}
.meta_menu h3{font-size:1.5rem;font-weight:bold;margin:0}
.meta_menu>img{float:left;}
.meta_menu ul{list-style:none;padding:1rem;margin:0 1rem;float:left;}
.meta_menu ul li{margin-bottom:0.5rem}
.meta_box{background:rgba(80,220,100,0.25);padding:1rem;margin:2rem;border:1px solid #50DC64;border-radius:0.25rem}
.meta_box h3{margin:0 0 1rem 0;padding:0;font-size:2rem;font-weight:bold}
.meta_box h3 a{margin-bottom:-1rem;display:inline-block}
/* --------------------------------------------------------- */
#ucp_gallery ul{list-style:none;margin:0;padding:0;}
#ucp_gallery li{float:left;margin:1rem;}
/* --------------------------------------------------------- */
#portal_l,#portal_r{width:20%}
#portal_l{float:left;clear:left}
#portal_l table,#portal_r table{margin:-1px 0}
#portal_r{float:right;clear:right}
#portal_news,#portal_l,#portal_r{overflow:hidden;background:#000;margin:0 0.5rem}
#portal_clear{clear:both;}
#portal_foot .portal_box:not(:last-of-type){margin-bottom:1rem;}
#portal_foot .portal_box:not(:last-of-type) .portal_content{outline:#000 1px solid;}
.portal_content,h4,#portal_main h2{margin:1px;}
.portal_content img{max-width:100%;}
/* --------------------------------------------------------- */
.search_results{outline:#000 1px solid;margin:1rem 0;position:relative}
.search_results h3{margin:-0.5rem -0.5rem 0.5rem;border:none}
.search_results cite{position:absolute;top:0.5rem;right:0.5rem}
.search_results p{text-align:right;font-style:italic;margin:0.5rem 0 0;font-size:0.9rem;}
/* --------------------------------------------------------- */
blockquote code{white-space:pre-wrap;word-wrap:normal}
blockquote,.spoiler,.spoiler_toggle{width:640px;max-width:640px;max-height:480px;background:rgba(0,0,0,0.2);overflow:auto;margin:1rem auto;word-wrap:break-word;border-radius:0.5rem;border:1px solid #282828;padding:0.5rem}
blockquote blockquote,blockquote .spoiler_toggle,blockquote .spoiler,.spoiler .spoiler_toggle,.spoiler .spoiler,.spoiler blockquote{width:95%;max-width:95%}
blockquote dl{padding:0.5rem;margin:-0.5rem;margin-bottom:0.5rem;}
.spoiler_toggle,blockquote dl{font-weight:bold;position:relative;background:rgba(0,0,0,0.5)}
blockquote dd{position:absolute;top:0.5rem;right:0.5rem;font-size:0.9rem}

/* WHY? WHY AREN'T .spoiler_toggle AND .spoiler WRAPPED IN A SINGLE CONTAINER? D= */

.spoiler_toggle{margin-bottom:0;border-radius:0.5rem 0.5rem 0 0;border-bottom:none;cursor:help}
.spoiler{margin-top:0;border-radius:0 0 0.5rem 0.5rem;border-top:none;}
/* --------------------------------------------------------- */
#blog_sidebar{float:right;background:rgba(0,0,0,0.5);margin:0 0 1rem 0.5rem;padding:0.5rem;border:1px solid #303030;border-radius:0.5rem;}
#blog_main{background:#000;border:1px solid #303030;padding:0 1px;overflow:hidden}
.blog_entry>blockquote{width:auto;max-width:none;max-height:none;overflow:visible;margin:0;border-radius:0}
.blog_entry img{max-width:100%;}
#blog_main h2,.blog_options,#blog_comments{margin:1px 0}
.blog_date{float:right;margin:0.5rem 1rem 0 0}
.blog_options{text-align:right;font-style:italic;font-size:0.9rem}
#blog_head{padding:0.5rem}
#blog_head h1{float:left;margin:0;padding:0;font-size:3rem;font-weight:bold}
#blog_user{float:right}
#blog_sub{clear:both;text-align:right;margin:0;padding:0.5rem}

#blog_about h3,#blog_categories dt{margin:0;padding:0;font-size:1.2rem;font-weight:bold}
#blog_about h3{margin-left:-2rem}
#blog_about,#blog_categories dd{padding:0;margin-left:2rem;line-height:1.5rem;}

.cornercanvas{display:none!important;}
/* --------------------------------------------------------- */
#shoutbox{margin:-0.5rem;padding:0;list-style:none;}
#shoutbox li{padding:0.5rem}
#shoutbox .odd{background:rgba(0,0,0,0.25)}
#shoutbox li dd{padding:0;margin:0;line-height:1.5rem}
#shoutbox li dt{float:right;font-size:0.9rem;font-style:italic;margin-left:1rem;color:#686868}

#shoutpost p{display:inline-block;margin:0}
#shoutwrap td[style="width:250px;"]{text-align:center}
/* --------------------------------------------------------- */
ul.cat-topicpages,ul.cat-pages{list-style:none;margin:0.5rem auto;padding:0;float:right;clear:both}
ul.cat-topicpages li,ul.cat-pages li{display:inline-block;background:rgba(0,0,0,0.2);border:1px solid #303030;padding:0.5rem;text-align:center;border-radius:0.25rem;overflow:hidden}
ul.cat-topicpages li a,ul.cat-pages li a,ul.cat-pages li span{display:block;margin:-0.5rem;padding:0.5rem}
ul.cat-pages li span{background:rgba(0,0,0,0.5);font-weight:bold;}
ul.cat-topicpages li.cat-pageshead,ul.cat-pages li.cat-pageshead{background:none;border:none;}

.topic-buttons,.cat-buttons{float:right;margin:1rem 0}
/* --------------------------------------------------------- */
#faq td{vertical-align:top}
#faq dl{margin:0;padding:0;line-height:1.5rem}
#faq dt{font-weight:bold;font-size:1.5rem;margin-bottom:1rem}
#faq dd{margin:0 0 0 1rem;padding:0}
/* --------------------------------------------------------- */
#acplogin{margin:0 auto;display:table}
/* --------------------------------------------------------- */
.custom_post-button,.custom_mini-button{margin:0 0.25rem;display:inline-block;font-weight:bold;text-align:center;text-shadow:0px -1px 1px #000,0px 1px 1px rgba(255,255,255,0.5)}

.custom_post-button{width:88px;height:29px;line-height:29px;}
.custom_mini-button{width:60px;height:21px;line-height:21px;background:url(http://z5.ifrm.com/30092/155/0/f5271588/eb.png) no-repeat center center transparent;font-size:0.9rem}

.custom_post-button.active{background:url(http://z5.ifrm.com/30092/155/0/f5271464/pb.png) no-repeat center center transparent;}
.custom_post-button.inactive{background:url(http://z5.ifrm.com/30092/155/0/f5271463/cb.png) no-repeat center center transparent;}

.custom_warn-wrap{height:13px;margin:0;background:#101010;display:inline-block;padding:1px;border-radius:3px;border:1px solid #303030;}
.custom_warn-wrap.bar{width:75px;text-align:left}
.custom_warn-wrap.btn{width:13px;text-align:center}

.unimportant{font-size:0.5rem;vertical-align:middle;color:rgba(255,255,255,0.4);}
.sidenote{font-size:0.8rem;vertical-align:middle;color:rgba(255,255,255,0.4);font-style:italic}
/* --------------------------------------------------------- */

/* Cheshire Emoticon System - http://if.invisionfree.com/topic/5146942/1/ */

/*
http://z5.ifrm.com/30092/155/0/f5271823/emot1b.png - Green
http://z5.ifrm.com/30092/155/0/f5271824/emot2b.png - Blue
http://z5.ifrm.com/30092/155/0/f5271825/emot3b.png - Red
*/

img[alt="^_^"],img[alt=":annoyed:"],img[alt=":cry:"],img[alt=":devious:"],img[alt=":doh:"],img[alt=":D"],img[alt=":drat:"],img[alt=":ermm:"],img[alt=":facepalm:"],img[alt=":geek:"],img[alt=":glare:"],img[alt=":lol:"],img[alt=":/"],img[alt=":O"],img[alt=":orly:"],img[alt=":oy:"],img[alt=":P"],img[alt=":("],img[alt=":shock:"],img[alt=":sick:"],img[alt=":)"],img[alt=":smug:"],img[alt=":#"],img[alt=":srsly:"],img[alt=":|"],img[alt=":stunned:"],img[alt=":tut:"],img[alt=":up:"],img[alt=":r"],img[alt=";)"],img[alt=":yes:"],img[alt=":zip:"],img[alt=":zombie:"],img[alt=":shifty:"]{background:url(http://z5.ifrm.com/30092/155/0/f5271823/emot1b.png) no-repeat center center transparent}

img[alt=":cool:"],img[alt=":puppyeyes:"]{background:url(http://z5.ifrm.com/30092/155/0/f5271824/emot2b.png) no-repeat center center transparent}

img[alt=":blush:"],img[alt=":mad:"],img[alt=":wub:"]{background:url(http://z5.ifrm.com/30092/155/0/f5271825/emot3b.png) no-repeat center center transparent}


Note: If your browser has web developer tools, try the script I've posted here to quickly and easily transfer the images. If not, the table below can be used for manual transfer.

Images Table - Click to Toggle
Attached to this post:
Attachments: Caustic.docx (261.16 KB)
Edited by Meta Ing-ZNR, May 9 2014, 12:20 PM.
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
Hah, that text is actually made tiny and difficult to read on purpose. I applied my "unimportant" class to it (font size 0.5rem), which is mainly made for "joke" and unserious/... unimportant text. It's basically the equivalent to when I do things like this.

Thanks!
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
Thanks!

To be honest, I had never really thought of the old computers while designing this theme (color-wise, anyway), but I can definitely see the resemblance. I've actually used this sort of green in a skin I made quite a while back, and both times, it was loosely based on this from Metroid Zero Mission.
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
That's actually quite clever, Ferby. I'd never thought of using a script to change all the images at once, so thanks for sharing.

So with that, here's a quick script using that concept to transfer the images. If your browser has web developer tools, simply open them up by pressing - if you're on windows (not sure for Mac, Linux, or Chrome OS users) - ctrl+shift+i (or f12 in internet explorer because it likes to be complicated :ermm: ) when you're on the edit all images page, paste the following in the console, and press enter:

Code:
 
var n=['img_0_0','img_0_1','img_0_2','img_0_3','img_0_4','img_0_5','img_0_6','img_0_7','img_0_8','img_0_9','img_0_10','img_0_11','img_0_12','img_0_13','img_0_14','img_0_15','img_0_16','img_0_17','img_0_18','img_0_19','img_0_20','img_0_21','img_0_22','img_0_23','img_0_24','img_0_25','img_0_26','img_1_0','img_1_1','img_1_2','img_1_3','img_1_4','img_1_5','img_2_0','img_2_1','img_2_2','img_2_3','img_2_4','img_2_5','img_3_0','img_3_1','img_3_2','img_3_3','img_3_4','img_3_5','img_3_6','img_3_7','img_3_8','img_4_0','img_4_1','img_4_2','img_4_3','img_4_4','img_4_5','img_4_6','img_4_7','img_4_8','img_4_9','img_5_0','img_5_1','img_5_2','img_5_3','img_5_4','img_5_5','img_5_6','img_5_7','img_5_8','img_5_9','img_5_10','img_5_11'],o=[' &rarr;','','<img src="http://z5.ifrm.com/30092/155/0/f5271752/totop.png" alt="^" />','<img src="http://z5.ifrm.com/30092/155/0/f5271630/rules.png" alt="">','<span class="custom_mini-button"><span class="sidenote">!</span> Report</span>','<img src="http://z5.ifrm.com/30092/155/0/f5271631/avatar.png" alt="No Avatar" />','<img src="http://z5.ifrm.com/30092/155/0/f5271624/pipc.png" alt="*" />','<img src="http://z5.ifrm.com/30092/155/0/f5271623/pipl.png" alt="[" />','<img src="http://z5.ifrm.com/30092/155/0/f5271625/pipr.png" alt="]" />','','','','<img src="http://z5.ifrm.com/30092/155/0/f5271627/atchm.png" alt="" />','','','<span class="custom_mini-button"><span class="sidenote">&laquo;</span> Forward</span>','','','','','<img src="http://z5.ifrm.com/30092/155/0/f5271569/event.png" alt="Events" />','<img src="http://z5.ifrm.com/30092/155/0/f5271564/stats.png" alt="Stats" />','<img src="http://z5.ifrm.com/30092/155/0/f5271565/users.png" alt="Users" />','<span title="Expand">+</span>','<span title="Collapse">-</span>','<img src="http://z5.ifrm.com/30092/155/0/f5271628/atchi.png" alt="" />','<img src="http://z5.ifrm.com/30092/155/0/f5271629/clock.png" alt="" />','<img src="http://z5.ifrm.com/30092/155/0/f5270654/fmnpa.png" alt="New Posts" />','<img src="http://z5.ifrm.com/30092/155/0/f5271560/opstf.png" alt="No New Posts" />','<img src="http://z5.ifrm.com/30092/155/0/f5271562/passf.png" alt="Password Protected" />','<img src="http://z5.ifrm.com/30092/155/0/f5271561/readf.png" alt="Read Only" />','<img src="http://z5.ifrm.com/30092/155/0/f5271750/redir.png" alt="Redirect" />','<img src="http://z5.ifrm.com/30092/155/0/f5271559/trash.png" alt="Trash" />','<span class="custom_post-button active">Topic</span>','<span class="custom_post-button active">Reply</span>','<span class="custom_post-button inactive">Locked</span>','<span class="custom_post-button inactive">Poll</span>','<span class="custom_post-button active">Rpt Event</span>','<span class="custom_post-button active">Event</span>','<img src="http://z5.ifrm.com/30092/155/0/f5271577/tnew.png" alt="Topic" />','<img src="http://z5.ifrm.com/30092/155/0/f5271578/told.png" alt="Topic (No New Posts)">','<img src="http://z5.ifrm.com/30092/155/0/f5271581/hold.png" alt="Topic">','<img src="http://z5.ifrm.com/30092/155/0/f5271582/hold.png" alt="Topic (No New Posts)">','<img src="http://z5.ifrm.com/30092/155/0/f5271579/pnew.png" alt="Poll" />','<img src="http://z5.ifrm.com/30092/155/0/f5271580/pold.png" alt="Poll (No New Posts)">','<img src="http://z5.ifrm.com/30092/155/0/f5271583/lock.png" alt="Topic (No New Posts)">','<img src="http://z5.ifrm.com/30092/155/0/f5271757/move.png" alt="Topic (No New Posts)">','*','<span class="custom_mini-button"><span class="sidenote">x</span> Delete</span>','<span class="custom_mini-button"><span class="sidenote">*</span> Edit</span>','<span class="custom_mini-button"><span class="sidenote">"</span> Quote</span>','','<span class="custom_mini-button"><span class="sidenote">"</span> Quote+</span>','<span class="custom_mini-button">ON|PM</span>','<span class="custom_mini-button">ON<span class="unimportant">|(No PM)</span></span>','<span class="custom_mini-button">OFF|PM</span>','<span class="custom_mini-button">OFF<span class="unimportant">|(No PM)</span></span>','<span class="custom_mini-button"><span class="sidenote">?</span> User</span>','<span class="custom_warn-wrap bar"></span>','<span class="custom_warn-wrap bar"><img src="http://z5.ifrm.com/30092/155/0/f5271617/warn1.png" alt="#" /></span>','<span class="custom_warn-wrap bar"><img src="http://z5.ifrm.com/30092/155/0/f5271618/warn2.png" alt="##" /></span>','<span class="custom_warn-wrap bar"><img src="http://z5.ifrm.com/30092/155/0/f5271619/warn3.png" alt="###" /></span>','<span class="custom_warn-wrap bar"><img src="http://z5.ifrm.com/30092/155/0/f5271620/warn4.png" alt="####" /></span>','<span class="custom_warn-wrap bar"><img src="http://z5.ifrm.com/30092/155/0/f5271621/warn5.png" alt="##" /></span>','<span class="custom_warn-wrap btn"><img src="http://z5.ifrm.com/30092/155/0/f5271754/warnu.png" alt="+" /></span>','<span class="custom_warn-wrap btn"><img src="http://z5.ifrm.com/30092/155/0/f5271753/warnd.png" alt="-" /></span>','<span class="custom_warn-wrap btn"><img src="http://z5.ifrm.com/30092/155/0/f5271603/warnn.png" alt="?" /></span>','<img src="http://z5.ifrm.com/30092/155/0/f5271598/wmrkn.png" alt="Warn Note" />','<img src="http://z5.ifrm.com/30092/155/0/f5271756/wmrku.png" alt="Warn Up" />','<img src="http://z5.ifrm.com/30092/155/0/f5271755/wmrkd.png" alt="Warn Down" />'];
for(var i=0,q=0,l=o.length,t=document.getElementsByTagName('textarea'),p=document.getElementsByClassName('img_preview');i<l;i++){
if(t[q].name==n[i]){t[q].value=o[i],p[q].click();q++}
}


This script will also click all of the image preview links for your convenience, so you can make sure that everything looks correct.

For those whose browser doesn't have web developer tools, I've left the image table in the original post so you can still transfer the image manually.

I hope the instructions for using the script are clear enough; if not, let me know and I will make an effort to explain it more simply.
Edited by Meta Ing-ZNR, Jul 2 2014, 12:40 AM.
Offline Profile Quote Post Goto Top
 
Meta Ing-ZNR
Member Avatar
---
[ *  *  *  * ]
Thanks for pointing that out, DaPizzaMan, and thanks for fixing it, Helena. =)

I'll have to remember to add the changes we made to the original topic.
Edited by Meta Ing-ZNR, Jul 8 2014, 03:17 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply