Thursday, January 17, 2013
Live Demo of Pure Professional CSS Live Demo Button
Live Demo
.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; }
.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; }
.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; }
.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; }
Tuesday, July 24, 2012
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>
Monday, July 23, 2012
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/AVvXsEgyjA6RgknnqkLc5VOIszsamUjr0YhDBF4NcO9IxMeyW8w0IiIf3UtlhUtc0ScHRZKzpgEIaA1vd6VG4De-BCW0d4AyGxBcN00FNi6SRTY6TjUhjEwVeF46pTfBhlUnq0r-HiHFXMmPVhgk/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>
.youtube-fblatest {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyjA6RgknnqkLc5VOIszsamUjr0YhDBF4NcO9IxMeyW8w0IiIf3UtlhUtc0ScHRZKzpgEIaA1vd6VG4De-BCW0d4AyGxBcN00FNi6SRTY6TjUhjEwVeF46pTfBhlUnq0r-HiHFXMmPVhgk/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.
Tuesday, July 17, 2012
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/AVvXsEg6aZIt-JJcrx4mDYjXTbue0DJT16Jh77uuMdHaUU1sT20mq-os15VfnxcX_9818VPFBHryZnSvtp3uIvPzR7Z7CFX_eIlW1nRF3oHxdldGTrRrHSP-AaQ_ma-JKtlhDXIzJ6ROXJ79b_gK/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>
Saturday, May 12, 2012
Live Demo of Black Posting Background CSS Version 2
| |
|
Friday, May 11, 2012
Live Demo of Image Posting Background
This is Live Demo of Image Posting Background
Santa: I found Aladdin's Lamp last week.
Banta: What did you do with it?
Santa: I rubbed it and asked him to increase all wives intelligence by 10 times.
Banta: But things don't seem to have changed with Preeto.
Santa: Let me finish. The ginnie laughed & told me, Multiplication does not apply to Zero. :P
Morbi vestibulum dignissim sapien. Vivamus velit magna, tristique sed, pulvinar id, consequat ut,
Santa: I found Aladdin's Lamp last week.
Banta: What did you do with it?
Santa: I rubbed it and asked him to increase all wives intelligence by 10 times.
Banta: But things don't seem to have changed with Preeto.
Santa: Let me finish. The ginnie laughed & told me, Multiplication does not apply to Zero. :P
Morbi vestibulum dignissim sapien. Vivamus velit magna, tristique sed, pulvinar id, consequat ut,
Subscribe to:
Posts (Atom)