Killer Tech Tips is a blog where you can find interesting and useful information on software and web tools that are useful for people who are not just based on computers, but also for people who are non-professional IT guys.
This blog is maintained by a 16 year old lad named Shankar Ganesh. The topics here range from blogging tips to computers to security to mobile phone, etc etc - You name it and you will find it there. Worth a try to visit the site. Homepage
I found this cool article about CSS tricks. I am just showing some of them.
Rounded corners without images
<div id=”container”>
<b class=”rtop”>
<b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
</b>
<!–content goes here –>
<b class=”rbottom”>
<b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
</b>
</div>
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
Double blockquote
blockquote:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, “Times New Roman”, Times, serif;
}
Find more tips @ StylizedWeb.com
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing larger versions of images.
ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.
more @ wildBit.com
People are always curious about how to use maximum space on blogger. The default templates are very simple and disgusting. We need something new after all. So take any template from blogger or another where you can get blogger compatible templates. And then do changes as per the instructions.
First goto your HTML template code and save it in your machine before starting changes.
Find #header-wrapper {
in your HTML code
Change value for width like width:860px; if its small value.This will make your blog's width wide and gives you more space fro your content and ads.By default width is about 660 pixels.
Find
#outer-wrapper {
width: 860px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 210px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float
*/
}
#left-sidebar-wrapper {
width: 210px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
and colored lines are changes or new additions. here left-sidebar-wrapper is for new sidebar. I have changed the widths as per total width of 860 pixels. For example 2 sidebars, each of 210 pixels(by default it is 220) and main post column is of 410 pixels.
Find <div id="content-wrapper"> and add below code after this line
<div id="left-sidebar-wrapper">
<b:section class="sidebar" id="sidebar1" preferred="yes">
</b:section>
</div>
Now save your template and goto Layout tab.
You will get new sidebar in design. Then you can add your new widgets in it. Use your whole blog.manage all your data as you wish. You can make it more wider if you need.
Over the last few years, all of the major browsers have included support for a special set of 140 colors that are recognized by their color name within HTML or CSS code.
This means that rather than having to remember that the color orange is specified with the hex code “#FFA500″, you can simply type the word “orange” when specifying a color in your code and the browser will automatically translate it to its hex code.
Below link is a handy reference list of all 140 browser-supported named colors, which you can quickly sort by color family or name.
Color Schemer
