La plataforma Futudownloads está en desarrollo.

28 jun. 2011

Gadget: Menu horizontal desplegable Css- Sunrise Gloss

Para los que usan plantillas del diseñador de plantilla primero deben hacer lo que dice en la siguiente entrada, Poner cualquier menu en las plantillas del diseñador de Blogger
este menu totalmente personalizable es genial por sus posibilidades de resultados
para poner este menu en blogger se debe seguir los suiguientes pasos
  • se va a diseño de HTML y expanden plantilla de artilugios
  • luego para busqueda rapida presione Ctrl + f y busque la etiqueta ]]></b:skin>
  • y encima de ella pon li siguiente
@charset "utf-8";
/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 74px;
background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/   
#nav-container a{   
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/   
#nav-container div, #nav-container ul{   
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/   
#nav-container div a, #nav-container ul a{   
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/   
#nav-container div a:hover, #nav-container ul a:hover{   
background-color: #FFFFFF;
background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/   
#nav-container .item-secondary-title{   
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/   
#nav-container .divider-horiz{   
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/   
#nav-container .divider-vert{   
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}
  • Lo que esta en rojo es donde vendra el Url de la imagen correspondiente
  • cuando lo hagan guarden los cambios
  • luego valla a elementos de pagina y añada un gadget HTML/javascript
  • y pegue lo siguiente

<div class="nav-container-outer">
   <img src="http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/nav-bg-l.jpg" alt="" class="float-left" /><img src="http://dl.dropbox.com/u/53097108/ihojosestudios/example/sunrise-gloss/nav-bg-r.jpg" alt="" class="float-right" />
   <ul id="nav-container" class="nav-container">
      <li><a class="item-primary" href="#">pestaña 1</a>
         </li>
  
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">pestaña 2</a>
  
         <ul style="width:150px;">
         <li><a href="#">subpestaña 2.1</a></li>
         <li><a href="#">subpestaña 2.2</a></li>
         <li><a href="#">subpestaña 2.3</a></li>
         <li><a href="#">subpestaña 2.4</a></li>
         <li><a href="#">subpestaña 2.5</a></li>
               </ul></li>
  
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">pestaña 3</a>
  
         <ul style="width:150px;">
         <li><a href="#">subpestaña 3.1</a></li>
         <li><a href="#">subpestaña 3.2</a></li>
         <li><a href="#">subpestaña 3.3</a></li>
         </ul></li>
  
      <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">pestaña 4</a>
  
         <ul style="width:150px;">
         <li><span class="item-secondary-title" >categoria 4.1</span></li>
         <li><a href="#">subpestaña 4.1</a></li>
         <li><a href="#">subpestaña 4.2</a></li>
         <li><a href="#">subpestaña 4.3</a></li>
         <li><span class="divider divider-horiz" ></span></li>
         <li><span class="item-secondary-title" >categoria 4.2</span></li>
         <li><a href="#">subpestaña 4.4</a></li>
         <li><a href="#">subpestaña 4.5</a></li>
         </ul></li>        
      
   <li class="clear">&nbsp;</li></ul>
</div>
  • lo que esta en rojo sera donde vendra el url de la imagen correspondiente
  • lo que esta en Fuchsia es el nombre de las pestaña y subpestañas
  • lo que esta en azul es donde vendra el url del enlace
  • lo que esta en azul mas claro es una categoria 
  • lo que esta en verde es el nombre de la categoria
  • lo que esta en purpura es la divicion de las categorias
  • si desea poner otra pestaña solo ponga esto antes de <li class="clear">&nbsp;</li></ul>.
<li><a class="item-primary" href="#">pestaña</a>
         </li>
  • si quiere poner una pestaña con subpestañas ponga esto antes de <li class="clear">&nbsp;</li></ul>.
<li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="#">pestaña</a>
  
         <ul style="width:150px;">
         <li><a href="#">subpestaña</a></li>
         <li><a href="#">subpestaña</a></li>
         <li><a href="#">subpestaña</a></li>
         </ul></li>
  • si quiere una subpestaña mas solo ponga esto antes de </ul>
<li><a href="#">subpestaña</a></li>
  • si desea poner una categoria ponga esto antes de la subpestaña que empieza la categoria <li><a href="#">subpestaña</a></li>
<li><span class="item-secondary-title" >categoria</span></li>
  • si quiere dividir pestañas con una linea solo ponga esto despues de la subpestaña que va a dividir <li><a href="#">subpestaña</a></li>
<li><span class="divider divider-horiz" ></span></li>
  • Listo ya tendras el menu en tu blog.
Ver Ejemplo

Ver mas...

26 jun. 2011

Gadget: Boton Tweet de twitter

este boton fue creado por twitter para que la gente compartiera lo que le gusta de una pagina en twitter.
el boton es facil de poner siguiendo estos pasos.
  • BOTON TWEET DE TWITTER
  • BOTON DE SGUIDORES DE TWITTER (follow).
  • BOTOn DE ETIQUETAR DE TWITTER.
  • BOTON DE MENCIONAR DE TWITTER.
  •  ve a esta pagina twitter- tweet buton y sigue los pasos que te de
  • WEB TWITTER GADGETZ
  • ve a diseño de HTML de tu blog y expande plantilla de artilugios
  • presiona Ctrl + f para una busqueda rapida.
  • busca la siguinete etiqueta para agregarla debajo de la entrada.
<div class='post-footer-line post-footer-line-1'>
  • debajo de ella pon el codigo que te de twitter
  • y listo el boton se vera haci



  • Actualizado este boton ahora hay cuatro botones diferentes pero el primero tiene la funcion de tres. (Compartir enlace, Etiquetar a #user, Mencionar a @user) y el otro es otra funcion (Seguir a @user).
COMO PONER EL BOTON COMO GASGET
  • para poner el boton como gadget has lo siguiente.
  • se hace el mismo proceso pero al pegar el archivo se tiene que cambiar un codigo
  • cuando copies el archivo lo pegas en donde se tiene que agregar.
  • el codigo se vera haci
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  • elimina lo que está en rojo y reemplazalo con lo siguiente.
 <script type='text/javascript'>
// IJ tutorials
//<![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
//]]>
</script>
  • el codigo se verá hací.
 <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
 <script type='text/javascript'>
// IJ tutorials
//<![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
//]]>
</script>
  • en cuelquiera de los cuatro botones funciona.
  • de esta forma podrás usar el boton como gadget, se recomienda usar como gadget el boton de seguidores.
COMO PONER LOS ESTILOS DE TWEET
forma de poner vista vertical u horizontal
  • este modo no lo encontré en el nuevo tweet pero aun funciona.
  • el codigo muestra que te saldrá hací.

      • para ponerlo vertical solo se agrega el siguiente codigo
      data-count="vertical"
      • de la siguiente forma
       <a href="https://twitter.com/share" data-count="vertical" class="twitter-share-button" data-via="iho_jose" data-lang="en" data-related="iho_jose" data-hashtags="iho_jose">Tweet</a>
      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
      • El boton se verá hací.



      Fuente | Twitter.com
      Ver mas...

      24 jun. 2011

      Truco: Eliminar Navbar de blogger

      aunque la barra que blogger nos deja es muy util hay personas que no quieren tener esa barra
      y para aquellos que no la quieren tener aqui esta el codigo que se las quitara 

      • Busca la etiqueta siguiente
      /* Variable definitions

      •  o antes de body {
      •  justo encima de la etiqueta pega lo siguiente
      #navbar-iframe {
      display:none;
      overflow:hidden;
      }
      • listo cuando mires ya no estara la barra
      Con NAVBAR

      Sin NAVBAR
      Ver mas...

      Gadget: Barra de herramientas flotante para blogger



      hay muchas barras flotantes pero que muchas se tienen que hacer con codigos HTML
      esta es la forma mas facil de hacer una barra de herramientas flotante para Blogger y otros sitios web.
      por el sitio web WIBIYA que te da facilidad de poner esta barra sin tener que utilizar HTML
      lo mejor tiene muchas aplicaciones para que utilises en la barra y con una cuenta premium todo puede ser personalizable
      tambien le puedes poner el icono de tu blog para que lleve el logotipo del blog.
      puede ser utilizado en los siguientes sitios web conocidos


      ir al sitio y crear barra de herramientas ↓↓↓↓↓
      Ver mas...

      14 jun. 2011

      Como poner Need for speed underground 2 en español

      este juego viene con muchos idiomas, pero los juegos como este normalmente no dicen como cambiar de idioma, pues es de una forma muy facil se los dire de la siguienete forma.
      • vayan a la carpeta de need for speed underground 2
      C:\archivos de programas\need for speed underground 2
      • luego vayan a la carpeta "Languages"
      C:\archivos de programas\need for speed underground 2\Languages
      • luego veran varios archivos con los nombres de los idiomas en formato BIN FILE
      • luego buscan el archivo que dice "English" y lo borran o quitan de esa carpeta
      • luego buscan el archivo que dice "Spanish" y le cambian el nombre a "English"
      • Listo, ahora cuando habran el juego les saldra en español
      • este procedimiento sirve para todos los idiomas.


      Sin descargar ningun archivo o parche tendran need for speed underground 2 en español
      Ver mas...

      10 jun. 2011

      Gadget: Menu deslegable DropDown

      Debes descargar las imagenes y el script que estaran al final
      para crear este menu desplegable debes hacer lo siguiente
      Para los que usan plantillas del diseñador de plantilla primero deben hacer lo que dice en la siguiente entrada, Poner cualquier menu en las plantillas del diseñador de Blogger
      • ve a "diseño" luego a "diseño HTML"
      • pon expandir plantilla de artilugios
      • para buscar mas rapido usa Ctrl+f para busqueda facil
      • luego busca este codigo
      ]]></b:skin>

      • Luego encima de el codigo pega esto
      body {margin:25px; font:12px Verdana, Arial, Helvetica}
      * {padding:0; margin:0}
      .dropdown {float:left; padding-right:5px}
      .dropdown dt {width:188px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(https://sites.google.com/site/ihotodo/archivos/header-dropdown1.gif)}
      .dropdown dt:hover {background:url(https://sites.google.com/site/ihotodo/archivos/header_over-dropdown1.gif)}
      .dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0}
      .dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none}
      .dropdown li {display:inline}
      .dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px}
      .dropdown a:hover {background:#d9e1e4; color:#000}
      .dropdown .underline {border-bottom:1px solid #b9d6dc}
      lo que esta en rojo sera donde pondras el url del las imagenes

      • luego busca el codigo
      </head>
      • Luego justo encima del codigo pega lo siguiente
      <script src='https://sites.google.com/site/ihotodo/archivos/dropdown.js' type='text/javascript'/>

      Lo que esta en rojo sera donde pongas el url del script, te recomendamos usar DROPBOX
      o GOOGLE SITES
      en dropbox tienes que descargar el programa, en google sites tienes que copiar el url
      https://sites.google.com/site/ihotodo/archivos/dropdown.js?attredirects=0&d=1
      borras lo que esta en rojo y listo
      • luego guardas los cambios
      • despues te vas a "elementos de la pagina"
      • luego das en "aladir gadget"
      • eliges el gadget "HTML / javascript "
      • y pega lo siguiente 
      <dl class="dropdown">
        <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)">Pestaña 1</dt>
        <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
          <ul>
            <li><a href="#" class="underline">Subpestaña 1-1</a></li>
            <li><a href="#" class="underline">Subpestaña 2-1</a></li>
            <li><a href="#" class="underline">Subpestaña 3-1</a></li>
            <li><a href="#" class="underline">Subpestaña 4-1</a></li>
            <li><a href="#">Subpestaña 5-1</a></li>
          </ul>
        </dd>
      </dl>

      <dl class="dropdown">
        <dt id="two-ddheader" onmouseover="ddMenu('two',2)" onmouseout="ddMenu('two',-1)">Pestaña 2</dt>
        <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
          <ul>
            <li><a href="#" class="underline">Subpestaña 1-2</a></li>
            <li><a href="#" class="underline">Subpestaña 2-2</a></li>
            <li><a href="#" class="underline">Subpestaña 3-2</a></li>
            <li><a href="#" class="underline">Subpestaña 4-2</a></li>
            <li><a href="#">Subpestaña 5-2</a></li>
          </ul>
        </dd>
      </dl>

       
      lo que esta en rojo sera el nombre de las pestañas y lo que esta en azul sera el url de la pestaña.
      • lo guardas y listo tendras el menu desplegable. (el menu es personalizable si sabes de HTML)
      si deseas poner otra pestaña solo pega esto despues del ultimo </dl>

      <dl class="dropdown">
        <dt id="two-ddheader" onmouseover="ddMenu('two',3)" onmouseout="ddMenu('two',-1)">Pestaña 2</dt>
        <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
          <ul>
            <li><a href="#" class="underline">Subpestaña 1-2</a></li>
            <li><a href="#" class="underline">Subpestaña 2-2</a></li>
            <li><a href="#" class="underline">Subpestaña 3-2</a></li>
            <li><a href="#" class="underline">Subpestaña 4-2</a></li>
            <li><a href="#">Subpestaña 5-2</a></li>
          </ul>
        </dd>
      </dl>


      si deseas poner otra subpestaña solo pega esto despues de <ul>
      <li><a href="#" class="underline">Subpestaña</a></li>

      el resultado sera el que veran en el ejemplo
      ver demo del resultado

      archivos
      imagen header
      imagen header_over
      script dropdown


      Ver mas...

      8 jun. 2011

      Como jugar halo mision en Multijugador

      Licencia: Gratis
      Idioma: All
      Version: H1
      Tipo: ZIP (Patch)
      Desarrollador:
      S Operativo : W-XP, W-Vista, W-7.


      • al instlara Halo 1 no lo juegues ni o actualises (si lo actualizas no podras jugar multijuagdor).
      •  copia el archivo "FUTUdownloads update" y pegalo en
        C:\archivos de programas\microsoft games\halo
      •  luego ejecutalo....
      •  luego de que termine, ve y ejecuta el archivo "registration", le das "si" y luego aceptar.
      •  luego copea el archivo "halo" y pegalo en
        C:\archivos de programas\microsoft games\halo
      •  te dira que ya existe un archivo con el mismo nombre y si deseas reemplazarlo, le vas a dar que si.
      •  listo ya estas listo para jugar halo tanto en mision como multijugador.
      este crack esta hecho para que lo utilises justo despues de la instalacion de halo mision
      en el archivo estan las instrucciones de uso, podras jugar halo en mision y en multijugador.
      el archivo te permitira de forma facil jugar en modo multijugador
      Descargar Descargas
      Ver mas...

      4 jun. 2011

      Gadget: Boton para compartir de facebook en blogger

      debes seguir estos pasos
      • Ve a diseño de HTML
      • Expande plantilla de artilugios.
      • busca la etiqueta que dice

      <div class='post-body entry-content'>
      • Luego justo debajo de ella pon este codigo


      <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='float:right; padding:5px;'> <a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div> </b:if>
      listo el boton se vera de esta forma



      Compartir
      Ver mas...