Monday, February 13, 2017

Coding Writing Style

Add above ]]></b:skin>


/* coding writing style */ pre { background-color:white; background-image:-webkit-linear-gradient(top, #E8FAED 50%, white 50%); background-image:-moz-linear-gradient(top, #E8FAED 50%, white 50%); background-image:-ms-linear-gradient(top, #E8FAED 50%, white 50%); background-image:-o-linear-gradient(top, #E8FAED 50%, white 50%); background-image:linear-gradient(top, #E8FAED 50%, white 50%); -webkit-background-size:30px 30px; -moz-background-size:30px 30px; -ms-background-size:30px 30px; -o-background-size:30px 30px; background-size:30px 30px; background-repeat:repeat; font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace; color:#333; border:2px solid #666;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; position:relative; padding:10 17px; margin:10px 5px; overflow:auto; word-wrap:break-word; white-space:pre; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); } pre[data-codetype] { padding:29px 1em 7px 1em; } pre[data-codetype]:before { content:attr(data-codetype); display:block; position:absolute; top:0; right:0; left:0; background-color:#666; padding:20 27px; font:bold 41px/20px Arial,Sans-Serif; color:white; } pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;} pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;} pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;} pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;} pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;} pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;} pre[data-codetype="HTML"]:before {background-color:#0B7E88;} pre[data-codetype="CSS"]:before {background-color:#7B990C;} pre[data-codetype="JavaScript"]:before {background-color:#545448;} pre[data-codetype="JQuery"]:before {background-color:#395540;} pre[data-codetype="PHP"]:before {background-color:#FF9900;} pre[data-codetype="XML"]:before {background-color:#FF0C39;} .btHTML {background-color: #08464B;border: none;color: white;padding: 10px 12px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;cursor: pointer;} .btCSS {background-color: #7B990C;border: none;color: white;padding: 10px 12px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;cursor: pointer;} .btJavascripts {background-color: #545448;border: none;color: white;padding: 10px 12px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;cursor: pointer;} .btJQuery {background-color: #395540;border: none;color: white;padding: 10px 12px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;cursor: pointer;} .btPHP {background-color: #FF9900;border: none;color: white;padding: 10px 12px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;cursor: pointer;} .btXML {background-color: #FF0C39;border: none;color: white;padding: 10px 12px;text-align: center;text-decoration: none;display: inline-block;font-size: 8px;margin: 4px 2px;cursor: pointer;}


How to RUN Select All Paste This Code Below ]]></b:skin>


<script type='text/javascript'> function fnSelect(objId) { fnDeSelect(); if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(objId)); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(objId)); window.getSelection().addRange(range); } } function fnDeSelect() { if (document.selection) document.selection.empty(); else if (window.getSelection) window.getSelection().removeAllRanges(); } </script>


Posting With this Code

<pre data-codetype="HTML" id="code2"> <div align="right"> <input onclick="javascript:fnSelect('code2');" type="button" class="btHTML" value="Select All" /></div> ..... your code post here ....... </pre>

DEMO : Like This Writing Code into Text Area on This Page