Demo of Description Coding Background

Demo of Description Coding Background

.fblatest { font-size: 15px;font-family:
 Courier;font-weight: normal;font-style:italic; background-color: 
#000000; color: #ffffff; width: 90%; margin: 5px 10px; padding: 20px 
20px 20px 20px; border: 2px dotted lightgrey;   transition: 
background-color .777s; -webkit-transition: background-color .777s; 
-moz-transition: background-color .777s; -o-transition: background-color
 .777s; -ms-transition: background-color .777s; } .fblatest:hover { 
background-color: #0c991a ; color: #fff; box-shadow: -1px -1px 12px 2px 
gainsboro; border-radius: 10px; } .fblatest:active { background-color: 
CornflowerBlue ; color: #000; } 

<style>
prjue{
position:relative;
bacound:#333
color:white;
font-family:Monaco, Courier, MonoSpace;line-height:1.8;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:12px;padding:10px;margin:0 0 25px 0;overflow:auto}pre code{padding:0;color:white;background:#333;white-space:pre
}

pre[rel]{pa.kbn.mb,jbbjmbn-top:40px}pre[rel]:after{content:attr(rel);position:absolute;top:0;background:#F3A01E;padding:4px;left:0;right:0;font-size:36px;line-height:0;color:white;font:bold 20px "myriad-pro-1",Verdana;
</style>

uses("Welcome to my site")
</script>
</head>
</html>      

Loading

Read More ->>

Explanation Bar

1.HTML CSS and Other Coding Background

2.Blackino Pro Blockquote for HTML, CSS Codes

Loading

Read More ->>

Demo of Three Coloured Coding Background for HTML CSS and Other Codes

Live Demo of Coding background

 <style>
.youtube-fblatest {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GXYZc-xzsMnL3KXpf-c-6ll0gNcwNJALDhPcAbWXwtmXayTg7EaVgMynGDhgVVdL5Lb0K4SgP3OnfjJVAeSSNtbho2QiJMtUGs6hyphenhyphenU3UzV7YJNXcMppwi1s5QuYC4vVL1E50cowWCriY/s1600/fblatest-best.png) no-repeat;
padding: 22px;
padding-top: 17px;
position: relative;
}
</style>
<div class="fblatest">
<iframe allowfullscreen="" frameborder="0" height="352" src="http://www.fblatest.in/embed/5TGF_RQsnQrT"="525"></iframe><br />
<br /></div>

How to Use it:-

• Move Your Mouse it.
• Select the codes and See the effects.

Loading

Read More ->>

Live Demo of Blackino Blackquote

Live Demo of Blackino Blackquote

<blockquote style="-webkit-box-shadow: rgb(221, 221, 221) 4px 4px 4px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim69e1hDqsKNXbudHFA70XYeVUtqc9DbLLIEjII_UX83OlW2-G5x7xsxQgpKAumR0vdPw56yWh7CZxkIan0K_N_X-sh_xVWpwEq0dk8a4UC3R_4zDR2BD0Uq_QndBAXimkxRi6-VlV5zBz/s320/blockquote+black.jpg); background-origin: initial; background-repeat: repeat repeat; border-bottom-left-radius: 6px 6px; border-bottom-right-radius: 6px 6px; border-left-color: rgb(153, 0, 0); border-left-style: solid; border-left-width: 4px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; color: #dddddd; font-size: 15px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; outline-color: initial; outline-style: none; outline-width: medium; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 0px;">


<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><b><center><h1>"Blackino Blockquote"</h1></center><br><br>This is a Customize HTML blockquote Example for Blogger and We are very Happy to present it infront of all our readers and visitors. Our team hacked this Pro blockquote for our dear visitors.<br><br><br><br><h3>Thank You Very Much</h3>www.fblatest.in</b></i></span></blockquote>

Loading

Read More ->>