Skip to main content

Posts

Showing posts with the label CSS
Commercial Photography

A Guide for CSS Style Sheet

E very 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 t...

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; -mo...

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</...

Enjoy With Blurry Text CSS

Make stylish your blogs / web pages with making your text Blurry using 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 ]]&lt;/b:skin&gt; Now just copy the below code and paste it above the tag ]]&lt;/b:skin&gt; 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 */    ...