Showing posts with label css. Show all posts
Showing posts with label css. Show all posts
Enjoy With Blurry Text CSS
Make stylish your blogs / web pages with making your text Blurryusing simple pretty code in CSS. We can do it by just making the text color transparent and adding some text shadow. Here’s the code for the same:
How to use this blurry text in your blog?
- Login to your blogger dashbord
- Click on Template
- Then click to Edit HTML button
- In your HTML codes press Ctrl + F to find the tag ]]</b:skin>
- Now just copy the below code and paste it above the tag ]]</b:skin>
- Then using simply below HTML code in your post to make your text blurry.
CSS Code for Blurry Text
.blurry
{color:#000000; /* Old browsers dont go transparent. */
font-size:50px;
font-family:arial;
text-shadow: 0 0 1px #000000, /* Many shadows blur out the area around the text */
3px 0 3px #000000,
0 3px 3px #000000,
-3px 0 3px #000000,
0 -3px 3px #000000;}
HTML Code for Blurry Text
<span class="blurry">
Entertainment Plateform</span>
DEMO BLURRY
Entertainment Plateform
Another more simple codes for Blurry
CSS Code Blur Text
.blur{
color: transparent;
text-shadow: 0 0 2px #006400;
}
HTML Code Blur Text
DEMO BLUR
<span class="blur">
Entertainment Plateform</span>
DEMO BLUR
Sample Text blur!
For using the blur text, follow the same instructions which are using in blurry
Download Blumentals Rapid CSS Editor 2015 Web Design Serial Key Download
Blumentals Rapid CSS Editor 2015 web site designer software latest updated new final released full version free download. Blumentals Rapid CSS Editor Professional 2015 HTML, CSS, JavaScript designer program offlinestable installer registered version free download, Blumentals Rapid CSS Editor CSS code creator multilingual portable full premium edition cracked version free download, Blumentals Rapid CSS Editor 2016 Profession, ultimate, personal or business edition full complete setup file free download, Blumentals Rapid CSS Editor trial version with activator free download, Blumentals Rapid CSS Editor 2016 for windows xp. vista, 7, 8, 8.1, 10 operating system 32bit-64bit full registered version free download. Blumentals Rapid CSS Editor for windows os x86/64 full version with serial key, keygen, patch, crack free download.
Installation tip: When finished your download software please unzip with WinRAR to open your file then install
*WinRAR software final full version download
*How to unzip any software with WinRAR software?
“Blumentals Rapid CSS Editor” Actually Web site or blog design, CSS Code Generator, HTML design, CSS code design, JavaScript (JS) design related.
“Blumentals Rapid CSS Editor” Actually Web site or blog design, CSS Code Generator, HTML design, CSS code design, JavaScript (JS) design related.
Þ “Blumentals Rapid CSS Editor” full version download 100% free
A Guide for CSS Style Sheet
Every CSS author has his preferred way of writing code. For example, a few peoples, prefer to write each property and selector on a separate line, while other would everything on one single line instead of separate line. Some writer/authors never add a semicolon to the last property on a selector (because it isn’t necessary); others prefer to remove the space between the colon and the value of a property. The list goes on. These are just a few examples of how divergent CSS authoring can be from person to person, look into any CSS discussion forum and you will find endless ongoing debates on each of these topics, and many more. You will also probably come to the conclusion that no one is fully right or wrong, there are valid arguments on each side of the fence. However, when dealing with large-scale style sheets, or style sheets that are to be applied to large-scale websites where performance and robustness are the most important factors/aspects, personal preferences usually have to be set aside to give way to a more flexible, logical/coherent way of writing the code.
You may also like this article: CSS Stylish Table
This approach will not be the most effective at the start (a newly hired developer will have to adapt to the conventions used in the organization, so he won’t be able to immediately start coding without becoming familiar with them), but it will make it easier for staff to edit and update style sheets created by other developers without having to take the time to understand (sometimes the correct word would be “decipher”) and become familiar with someone else’s CSS writing style. Having a set of conventions in place will also make it easier for authors to know which path to take. Even though there is always a degree of subjectivity when creating CSS solutions, if a CSS style guide is in place, many of the doubts will become non-existent since there are “rules” to be followed. It also becomes easier to detect errors, typos, and mistakes. This chapter focuses on the most important points where CSS authoring can be made more consistent and efficient. You will learn the following:
- Why you should have a CSS style guide in place
- Effective ways of formatting CSS
- How to use CSS comments in a useful way
- Best practices on ID and class naming
- Namespacing
You may also like this article: CSS Blurry Text
If you are producing a CSS style guide (as we recommend) that will be known and used by all the members of the team, it can and should include a reference to how CSS is formatted. This will make reading style sheets created by others easier and it will remove part of the subjectivity that is common among CSS authors when creating or editing the files. It should also indicate how comments should be made and encourage the use of them.
Creating and implementing a CSS style guide will remove some of the inconsistency that is often related to coding CSS, where different developers have different coding styles that can sometimes be extremely difficult for other people to read and understand. This slows down the development process and promotes errors, redundancy, and code bloat. A style guide is an instrumental tool to avoid this, allowing for code re-usability and efficiency through consistency, for a streamlined team environment for developing high-traffic sites. Companies such as the BBC or Drupal have CSS style guides in place that are publicly available and act as good references for anyone who is creating one.
You may also like this article: Wordpress Site Architecture
Creating and implementing a CSS style guide will remove some of the inconsistency that is often related to coding CSS, where different developers have different coding styles that can sometimes be extremely difficult for other people to read and understand. This slows down the development process and promotes errors, redundancy, and code bloat. A style guide is an instrumental tool to avoid this, allowing for code re-usability and efficiency through consistency, for a streamlined team environment for developing high-traffic sites. Companies such as the BBC or Drupal have CSS style guides in place that are publicly available and act as good references for anyone who is creating one.
You may also like this article: CSS Subscription Gadget
CSS Subscription Gadget for Blogger
If you want to make your blog most elegant and professional use STYLISH CSS Coddings. I have submitted here a widget for subscription box with social sharing designed in CSS.
 |  |
| Critical Component of a Website | CSS Cheat Sheet |
For using this script follow these instructions:
- Go to blogger
- Select layout
- Now select Add Gadget from layouts where you want to appear this subscription box.
- Select "HTML/Javascript"
- Copy the following codes
- Replace your own tags with RED color
- And finally save your gadget.
<style type="text/css">#subscribe-wrapper { background: urlundefinedhttp://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent; padding: 3px; } #subscribe-box { background: urlundefinedhttp://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7; border-radius: 15px; padding:5px; overflow: hidden; } a.linkopacity img { filter_alphaundefinedopacity=75); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -ms-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; padding: 3px; border: 0px; } a.linkopacity:hover img { filter_alphaundefinedopacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; -moz-box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); -webkit-box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); } #subscribe-box:hover table { top: 0; } #subscribe-box h1{ margin-top: 5px; color: black; font-family: arial; font-size: 15px; margin-bottom: 5px; line-height: 14px; font-weight: bold; text-align: center; letter-spacing: -1px; } #subscribe-box table { position: relative; top: 40px; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -ms-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; margin-bottom: 0px; } #subscribe-box td { padding: 2px; } #subscribe-box input{ background: white; border: medium none; font-size: 12px; padding: 10px; width: 150px; color: #666; font-family: arial; margin-bottom: 3px; width: 55%; } #subscribe-box input:focus{outline:none;} #subscribe-box .submit{ background: #E73827; color: #fff; cursor: pointer; font-weight: bold; text-shadow: 0 1px 2px black; width: 90px; font-family: arial; margin-left: -3px; font-size: 14px; }</style><div id=subscribe-wrapper> <div id=subscribe-box> <h1>Subscribe to Get Latest Songs, Software, Mobile Apps & Tips via email</h1> <form action=http://feedburner.google.com/fb/a/mailverify method=post onsubmit=window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=entertainmentplateform', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true target=popupwindow> <center> <input name=email onblur=if undefinedthis.value == "") {this.value = "enter your email address...";} onfocus=if undefinedthis.value == "enter your email address...") {this.value = ""} size=20 type=text value=enter your email address.../> <input name=uri type=hidden value=entertainmentplateform/> <input name=loc type=hidden value=en_us/> <input class=submit type=submit value=subscribe/></center></form> <center> <table> <tbody><tr><td><a class=linkopacity href=http://entertainment-plateform.blogspot.com/feeds/posts/default?alt=rss target=_blank><img src=http://1.bp.blogspot.com/-g4TxrK9fWDY/UbTIkKWmeaI/AAAAAAAADUc/OwGa_T5NR44/s320/rss.png/></a></td> <td> <a class=linkopacity href=http://www.facebook.com/entertainmentplateform target=_blank><img src=http://2.bp.blogspot.com/-qIsda29xTJ8/UbTIkOIoy9I/AAAAAAAADUg/chVLsbyGg-c/s320/facebook.png/></a> </td> <td> <a class=linkopacity href=http://twiiter.com/fazalullhaq target=_blank><img src=http://1.bp.blogspot.com/--080z8xWsz0/UbTIk54CQuI/AAAAAAAADUw/uTTqF4Uugiw/s320/twitter.png/></a> </td> <td> <a class=linkopacity href=https://plus.google.com/+Entertainment-plateformBlogspot target=_blank><img border=0 src=http://4.bp.blogspot.com/-UrTQlBd2ut4/UbTIkLW4h3I/AAAAAAAADUk/9hoDc7rUxV4/s320/Google.png/></a> </td> </tr></tbody></table> </center> </div></div> <a href=http://entertainment-plateform.blogspot.com title=Add CSS FeedBurner Subscription Box v3 to Blogger><span class=getfloat style=font-size: x-small;>Get This</span></a>
You have done! If you want to move your gadget drag it from layout and place where you want.
Stylish Table CSS
Everyone want to making their blog smashing. Here is a sample to make a simple table with little CSS tricks for making your blogger stylish.
CSS Codes
<style type="text/css">
.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;}
.tftable tr {background-color:#d4e3e5;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}
.tftable tr:hover {background-color:#ffffff;}
</style>
HTML Codes
<table class="tftable" border="1">
<tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr>
<tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td><td>Row:1 Cell:4</td><td>Row:1 Cell:5</td></tr>
<tr><td>Row:2 Cell:1</td><td>Row:2 Cell:2</td><td>Row:2 Cell:3</td><td>Row:2 Cell:4</td><td>Row:2 Cell:5</td></tr>
<tr><td>Row:3 Cell:1</td><td>Row:3 Cell:2</td><td>Row:3 Cell:3</td><td>Row:3 Cell:4</td><td>Row:3 Cell:5</td></tr>
<tr><td>Row:4 Cell:1</td><td>Row:4 Cell:2</td><td>Row:4 Cell:3</td><td>Row:4 Cell:4</td><td>Row:4 Cell:5</td></tr>
</table>
<p><small>Created with the <a href="http://entertainment-plateform.blogspot.com" target="_blank">HTML Table Generator</a></small></p>
DEMO
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 | Row:1 Cell:4 | Row:1 Cell:5 |
| Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 | Row:2 Cell:4 | Row:2 Cell:5 |
| Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 | Row:3 Cell:4 | Row:3 Cell:5 |
| Row:4 Cell:1 | Row:4 Cell:2 | Row:4 Cell:3 | Row:4 Cell:4 | Row:4 Cell:5 |
Subscribe to:
Posts (Atom)
