Test Posted By: এসো বন্ধু 12:01 AM 4 Comments [button size="large" color="blue" src="http://www.example.com"] Download [/button] Tweet Share Share Share Share
[image url="http://ask.mybloggertricks.com/uploads/default/767/77f624bc8120838b.png" src="IMAGE"/]
ReplyDeletetest
ReplyDelete<style type="text/css">
ReplyDelete.pseudo-elements {
position:relative;
width: 300px;
height: 313px;
background: url(IMAGE URL HERE);
}
.color:after {
content: '';
position: absolute;
width: inherit;
height: inherit;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.35);
}
</style>
<div class="post-body entry-content" id="post-body-6934099615527667733" itemprop="description articleBody">
ReplyDelete<div dir="ltr" style="text-align: left;" trbidi="on">
<title>Comment Code Parser</title>
<style type="text/css">
#codes {
border:none;
width:98%;
height:200px;
margin:10px auto 10px;
display:block;
background-color:#42576c;
padding:5px;
font:normal 12px 'Courier New',Monospace;
}
#codes:focus {background-color:#384c60;color:white;}
.button-group {
margin:0px auto 0px;
text-align:center;
}
button,button[disabled]:active {
background-color:#384c60;
font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;
color:#999;
padding:5px 10px;
border:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
}
button:active {background-color:#21afa4;color:black;}
button[disabled],button[disabled]:active {opacity:0.4;cursor:default;}
#opt1,
#opt2,
#opt3,
#opt4,
#opt5 {
display:inline-block;
margin:0px 10px 0px 0px;
vertical-align:middle;
border:none;
outline:none;
}
</style>
<textarea id="codes" placeholder="Write / paste the code here and click 'Conversion'" spellcheck="false"></textarea>
<br>
<div class="button-group">
<button id="cvrt" onclick="cdConvert();this.disabled = true;" disabled="">Conversion</button>
<button onclick="cdClear();">Clear</button>
</div>
<input checked="true" id="opt1" type="checkbox">Conversion <code>&</code> to be <code>&amp;</code><br>
<input id="opt2" type="checkbox">Conversion <code>'</code> to be <code>&#039;</code><br>
<input id="opt3" type="checkbox">Conversion <code>"</code> to be <code>&quot;</code><br>
<input checked="true" id="opt4" type="checkbox">Conversion <code><</code> to be <code>&lt;</code><br>
<input checked="true" id="opt5" type="checkbox">Conversion <code>></code> to be<code> &gt;</code>
<br>
<script type="text/javascript">
function cdClear() {
var wtarea = document.getElementById('codes');
wtarea.value = '';
wtarea.focus();
document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
var ctarea = document.getElementById('codes'),
cv = ctarea.value,
opt1 = document.getElementById('opt1'),
opt2 = document.getElementById('opt2'),
opt3 = document.getElementById('opt3'),
opt4 = document.getElementById('opt4'),
opt5 = document.getElementById('opt5');
cv = cv.replace(/\t/g, " ");
if (opt1.checked) cv = cv.replace(/&/g, "&");
if (opt2.checked) cv = cv.replace(/'/g, "'");
if (opt3.checked) cv = cv.replace(/"/g, """);
if (opt4.checked) cv = cv.replace(/</g, "<");
if (opt5.checked) cv = cv.replace(/>/g, ">");
if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
cv = cv.replace(/^/, "<i rel=\"pre\">");
} else {
cv = cv.replace(/^/, "<i rel=\"code\">");
}
cv = cv.replace(/$/, "</i>");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
};
</script>
</div>
<div style="clear: both;"></div>
</div>