Codigo HTML
<div id='topbar'>
<div id='topstart'><div class='livesearchform'>
<form action='/search' id='searchform' method='get' name='searchform'>
<input id='search-box' name='q' onblur='if (this.value == "") {this.value = "Buscar";}' onfocus='if (this.value == "Buscar") {this.value = "";}' size='20' type='text' value='Buscar'/>
<input id='searchsubmit' style='display: none;' type='submit' value='go'/>
</form>
</div>
</div>
<div class='welcome'>TU TEXTO</div></div>Luego de eso , debe ser usado el codigo CSS mencionado antes , Pegar este codigo justo antes de
Codigo CSS
/* --(Barra Windows vista)-- */
#searchform {
float:right;
margin: auto;
height: 30px;
padding: 2px 4px;
text-align: center;
}
#topbar {
height:30px;
background-image: url('http://img218.imageshack.us/img218/362/topbarbz2.png');
background-repeat: repeat-x;
background-position: left top;
}
.welcome {
padding-top: 2px;
line-height:150%;
font-size:16px;
color:#FFF;
font:105% 'Segoe UI','Lucida Grande', Verdana, Arial, Sans-Serif;
}
.welcome a {
color:#FFF080;
background:none;
}
.welcome a:hover {
text-decoration:underline;
color:#FFF000;
}
#topstart {
float:left;
margin-left:8px;
height:38px;
width:44px;
background-image: url('http://img229.imageshack.us/img229/6668/topstartfv5.png');
background-repeat: no-repeat;
background-position: left top;
}
.livesearchform {
width:210px;
height:30px;
padding:4px 0px 0px 8px;
position:absolute;
right:0px;
background:url('http://img229.imageshack.us/img229/7002/lsinputmn4.png') 1px 3px no-repeat;
}
input#search-box {
width:180px;
position:absolute;
top:4px;
right:30px;
font-family: 'Segoe UI', Verdana, Sans-Serif;
border:0;
background: transparent;
}
Existen varios curso de windows 7 y de windows en el mercado
interesantes y a bajo precio o gratuitos
0 opiniones:
Publicar un comentario
Hola , el blog nesesita tu commentario asi que por favor escribe lo que tu de verdad quieras