Month: May 2013
JavaScript Content Typewriter
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style type=”text/css”>
body {
background:#333333;
font-family:Arial, Helvetica, sans-serif;
}
.text-container {
width:400px;
padding:10px;
font-size:12px; Read the rest of this entry »
Count Down Timer
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Day Counter</title>
<style type=”text/css”>
body {
margin:0px;
padding:0px;
font-family:Tahoma, Geneva, sans-serif;
}
.title {
display:block;
text-align:center;
padding:10px;
background:#CCCCCC;
width:500px;
margin:10px auto;
}
.number-box {
width:182px;
height:150px;
font-size:80px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
line-height:150px;
background:#0066CC;
border-radius:12px;
}
</style>
<script type=”text/javascript” src=”jquery-1.7.2.min.js”></script>
<script> Read the rest of this entry »
jQuery Gooey Menu
Description: jQuery Gooey Menu uses the popular “lava lamp” effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly highlighting the currently active item. Each menu is simply a standard UL list and very easy to customize, including the gooey effect itself.
The gooey effect is simply an absolutely positioned LI element dynamically added to the end of the menu. It is styled using just CSS to create the desired gooey menu look. Groovy!
Content Link: http://www.dynamicdrive.com/dynamicindex1/gooeymenu.htm
Floating Elements needs Clear-fix to get adjust with height
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style type=”text/css”>
body {
background:#0099CC;
}
.list {
padding:10px;
margin:0px;
width:990px;
min-height:400px;
background:#CCC;
margin:0px auto;
} Read the rest of this entry »
Jquery Navigation of Rotating Arrow
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”arrowimages/jquery-1.7.2.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(“#arrow_box”).html(” “);
$(“#arrow_box”).append(“<img src=’arrowimages/arrow1.jpg’>”);
});
function arrow_navigation(x,y){
var i = x;
var j = y;
$(“#arrow_box”).html(” “);
$(“#arrow_box”).append(“<img src=’arrowimages/arrow”+j+”.jpg’>”);
}
</script> Read the rest of this entry »
Key Board Shortcuts for Photoshop CS5
1. Select tools |
|
v | Move tool |
m (shift+m) | Rectangular or Elliptical Marquee tool |
l (shift+l) | Lasso tool or Polygona/ Magnetic Lasso tool |
w (shift+w) | Magic Wand tool, Quick Selection tool |
c (shift+c) | Crop tool, slide tool, slide select tool |
i (shift+i) | Eyedropper tool, Color Sampler tool, Note Tool, Count Tool |
j (shift+j) | Spot Healing Brush tool, Healing Brush tool, Patch tool, Red Eye tool |
b (shift+b) | Brush tool, Pencil tool, Color Replacement tool, Mixer Brush tool Read the rest of this entry » |
Key Board Shortcuts for Windows 7
1. Managing ‘Windows’ in Windows 7 |
Move and Resize Active Window |
|
Win+Arrow Down | Set window to Restored (if Maximized) or Minimized (if Restored) |
Win+Arrow Up | Maximize window (if Restored) |
Win+Shift+Arrow Down/Win+Shift+Arrow Up | Maximize Restored window vertically / Restore window to previous state |
Win+Arrow Right/Win+Arrow Left | Move Restored window to left/center/right. Works across multiple monitors |
Win+Shift+Arrow Right/Win+Shift+Arrow Left | Move window to left monitor / to right monitor when using multiple monitors |
Alt+Space | Opens the title bar menu |
Alt+Space+Enter | Restore Window |
Alt+Space+x | Maximize Window |
Alt+Space+n | Minimize Window |
F11 | Turn full page view on or off |
‘Maximized’ means full screen, ‘Restored’ means variable window size, and ‘Minimized’ means minimized to taskbar. |
Key Board Shortcuts for Dreamweaver CS5
Insert | |
Non-Breaking Space ( ) | Cmd-Shift-Space (works in Code & Design views) Option-Space also works, but only in Design view |
Line Break | Shift-Return |
Image | Cmd-Opt-I |
Table | Cmd-Opt-T |
Modify Read the rest of this entry » |
Command’s for Run Function (WINDOW+R)
1. Accessibility Controls – access.cpl
2. Accessibility Wizard – accwiz
3. Add Hardware Wizard – hdwwiz.cpl
4. Add/Remove Programs – appwiz.cpl
5. Administrative Tools – control admintools
6. Automatic Updates – wuaucpl.cpl
7. Bluetooth Transfer Wizard – fsquirt
8. Calculator – calc
9. Certificate Manager – certmgr.msc
10. Character Map – charmap
11. Check Disk Utility – chkdsk
12. Clipboard Viewer – clipbrd
13. Command Prompt – cmd
14. Component Services – dcomcnfg
15. Computer Management – compmgmt.msc
16. Control Panel – control Read the rest of this entry »
Simple Dropdown Menu Css
Html:
<div id=”menu”>
<ul id=”main_menu”>
<li id=”m1″><a href=”#” class=”menu_1″>Home</a></li>
<li id=”m2″><a href=”#” class=”menu_2″>Projects</a></li>
<li id=”m3″><a href=”#” class=”menu_3″ id=”active_3″>About</a>
<ul id=”sub”>
<li><a href=”#”>About Company</a></li>
<li><a href=”#”>About People</a></li>
</ul>
</li>
<li id=”m4″><a href=”#” class=”menu_4″>Careers</a></li>
<li id=”m5″><a href=”#p” class=”menu_5″>Contact</a></li>
</ul>
</div> Read the rest of this entry »