La plataforma Futudownloads está en desarrollo.

2 dic. 2011

Gadget: Fan box de Twitter

Fanbox de twitter es como el fanbox de facebook.
en facebook puedes hacer un fanbox que puedes agregar a tu web para que los demas puedan ver a cuantas personas les gusta tu pagina y dar la facilidad de dar click en me gusta sin tener que ir a la pagina.

El Fanbox de Twitter es igual. Puedes ver los seguidores del perfil de twitter y dar la facilidad de dar click en Seguir/Follow sin tener que ir al perfil.
  • para el fanbox de twitter es facil.
  • debes tener perfil en twitter.
  • ahora en blogger, en tu blog ve a diseño y añades un gadget HTML/javascript y pegarás lo siguiente.
<div class="textwidget"><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"><script type="text/javascript">fanbox_init("iho_jose");</script></div></div><style>.FB_SERVER_IFRAME {/* Ancho */ width: 300px !important; /* Alto */ height: 250px !important; </style>
  • La parte en Azul es donde podras solo el nombre del perfil (http://twitter.com/iho_jose), el nombre que aparece en el url de twitter que es el mismo (@iho_jose)
  • para adaptar el fanbox al ancho del sidebar de tu blog o web. modifica lo que aparece en rojo y verde.
  • lo que está en rojo es el ancho del gadget y lo que está en verde es el alto del gadget.
  • las medidas normales son las que lleva por default.
EJEMPLO: (twitter.com/iho_jose), (@iho_jose), (#iho_jose).



  • eso es todo es muy facil.
Ver mas...

BorderSkin - Descargar

Licencia: Gratis
Idioma: Inglés, Español, Arabe.
Version: 0.2.9
Tipo: ZIP (Portable)
Desarrollador: Komalo Soft
S Operativo :WinXP/Vista/7

Borderskin es un complemento muy util para aquellos usuarios de windows que usan windows 7 pero que no tienen la suficiente potencia para activar Aero glass que es la transparencia de windows.
Border skin le permite al usuario ver las ventanas de windows 7 en aero glass.
pero no activa la transparencia de la barra de tareas.

La transparencia de la barra de tareas será otro programa.

Si usas Windows 7 y no tienes aero glass, entonces descarga este fabuloso programa ya.
Requisitos del sistema
Procesador: Pentium 3, etc. 
Ram: 256 MB (512 recomendado) 
Tarjeta Grafica: 64 MB 
Descargar Descargas
Ver mas...

19 nov. 2011

Truco: Para que no copien texto ni imagenes de tu blog body

molesto de que copen el texto de tu blog sin darte credito, la solucion esta en script y cssñ pero esta version esta en body
  • ve a PLANTILLA y das click en EDICION DE HTML, expandes plantilla de artilugios y busca la siguiente etiqueta (Presiona Ctrl + F para busqueda rapida).
  • busca <body>
  • y reemplazalo por lo siguiente
<body onmousedown='return false;' onselectstart='return false;'>
  • Con eso no podran copiar ni texto ni imagenes
<body oncontextmenu='return false;' onmousedown='return false;' onselectstart='return false;'>
  • si pones este no podrtan copear nada y tambien desabilitara el click derecho
  • esto es todo para proteger tu contenido.
Ver mas...

Truco: Para que no copien el texto de tu blog css

a muchas personas les molesta que tenga un contenido original en otro sitio sin darle credito por escribitla hay un script ue sirve para que no copien nada pero hay dificultades con eso porque el buscador no funsiona bien en algunos momentos para aquellos que tienen escrito search y dan click para buscar y no funciona
este css es mas facil de usar y alterara ningun funsionamiento.
  • Solo pega esto antes de ]]></b:skin>
html{-webkit-user-select:none;-moz-user-select:none
}
Ver mas...

3 nov. 2011

Truco: Para que no copeen ningun texto de tu blog script

Algunos tienen el problema de ver su contenido original, contenido que al que tuvieron que dedicarle tiempo en otro lugar pues ya esta arreglado.
evita que los demas copeen tus entradas.
  • Solo agrega lo siguiente antes de </head>
<script language='JavaScript1.2'>

function disabletext(e){
return false
}

function reEnable(){
return true
}

//if the browser is IE4+
document.onselectstart=new Function (&quot;return false&quot;)

//if the browser is NS6
if (window.sidebar){
document.onmousedown=disabletext
document.onclick=reEnable
}
</script>

Ver mas...

29 oct. 2011

Gadget: Menu desplegable Sexy Dropdown Jquery


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
  • EXPANDEN PLANTILLA DE ARTILUGIOS BUSCAN DONDE DICE
 ]]></b:skin>
  • Y ENCIMA PEGAN ESTO
/* Sexy Drop Down Menu
----------------------------------------------- */
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 100%;
background: #222;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
background: url(http://1.bp.blogspot.com/-S_PzmB_-4to/Ti2zh7QgcpI/AAAAAAAABAE/_0uYLYYxinI/s1600/topnav_bg.gif) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative;
}
ul.topnav li a {
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover {
background: url(http://2.bp.blogspot.com/-nTvdecPPxi4/Ti2z5-elFvI/AAAAAAAABAM/9ZWEp8jmd-E/s1600/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span {
width: 17px;
height: 35px;
float: left;
background: url(http://2.bp.blogspot.com/-fKWbb_L18-Q/Ti20LPguXWI/AAAAAAAABAU/eieNJaZ5brw/s1600/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {
background-position: center bottom;
cursor: pointer;
}
ul.topnav li ul.subnav {
list-style: none;
position: absolute;
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
}
ul.topnav li ul.subnav li {
margin: 0; padding: 0;
border-top: 1px solid #252525;
border-bottom: 1px solid #444;
clear: both;
width: 170px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(http://3.bp.blogspot.com/-z3TZU7IR6Lo/Ti20fIJU7xI/AAAAAAAABAc/KiyzT3hPjXo/s1600/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
background: #222 url(http://3.bp.blogspot.com/-z3TZU7IR6Lo/Ti20fIJU7xI/AAAAAAAABAc/KiyzT3hPjXo/s1600/dropdown_linkbg.gif) no-repeat 10px center;
}


  • para cambiar fuente cambia lo que esta en violeta por cualquiera de estos

  • Arial, Helvetica, sans-serif
  •  Georgia, "Times New Roman", Times, serif
  •  "Courier New", Courier, monospace
  •  Tahoma, Geneva, sans-serif
  •  Verdana, Geneva, sans-serif
  •  "Trebuchet MS", Arial, Helvetica, sans-serif
  •  "Arial Black", Gadget, sans-serif
  •  "Times New Roman", Times, serif
  •  "Palatino Linotype", "Book Antiqua", Palatino, serif
  •  "Lucida Sans Unicode", "Lucida Grande", sans-serif
  •  "MS Serif", "New York", serif
  •  "Lucida Console", Monaco, monospace
  •  "Comic Sans MS", cursive
  • BUSCAN DONDE DICE </head>
  • Y ENCIMA PEGAN ESTO

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

$(&quot;ul.subnav&quot;).parent().append(&quot;<span/>&quot;); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

$(&quot;ul.topnav li span&quot;).click(function() { //When trigger is clicked...

//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find(&quot;ul.subnav&quot;).slideDown(&#39;fast&#39;).show(); //Drop down the subnav on click

$(this).parent().hover(function() {
}, function(){
$(this).parent().find(&quot;ul.subnav&quot;).slideUp(&#39;slow&#39;); //When the mouse hovers out of the subnav, move it back up
});

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass(&quot;subhover&quot;); //On hover over, add class &quot;subhover&quot;
}, function(){ //On Hover Out
$(this).removeClass(&quot;subhover&quot;); //On hover out, remove class &quot;subhover&quot;
});

});
</script>
  • GUARDAN Y VAN A ELEMENTOS DE PAGINA. 
  • BUSCAN AŃADIR GADGET y DAN DONDE DICE HTML/JAVASCRIPT Y PEGAN LO SIGUIENTE
<ul class="topnav">
<li><a href="URL del enlace">Pestańa1</a></li>
<li>
<a href="URL del enlace">Pestańa2</a>
<ul class="subnav">
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
</ul>
</li>
<li>
<a href="URL del enlace">Pestańa 3</a>
<ul class="subnav">
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
</ul>
</li>
<li><a href="URL del enlace">Pestańa 4</a></li>
<li><a href="URL del enlace">Pestańa 5</a></li></ul>

  • Si quieren agregar una pestaña  solo agreguen lo siguiente antes de </ul>
<li><a href="URL del enlace">Pestańa</a></li>
  • Si quieren añadir un pestaña con subpestañas agreguen esto antes de </ul> 
<a href="URL del enlace">Pestańa</a>
<ul class="subnav">
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
  • Si quieren añadir una subpestaña a una pestaña solo agreguen esto antes de </ul>
<li><a href="URL del enlace">Sub Pestańa</a></li>
Ver mas...

18 oct. 2011

Show Desktop Apps - Descargar

Licencia: Gratis
Idioma: Ingles.
Version:1.0
Tipo: .EXE (Portable)
Desarrollador:
S Operativo :WinXP.

Show desktop es una aplicacion Creada para Windows que sirve para reaparecer los complementos del escritorio, Aunque Windows ya tiene esa funcion hay veces en que la funcion funciona y hace desaparecer los complementos pero no los vuelve a reaparecer, por eso se hizo esta aplicacion.
Para aquellos usuarios de Windows que tienen este problema ya lo tienen solucionado con Show Desktop.
Descargar Descargas
Ver mas...

30 sept. 2011

EOF creator - Descargar

Licencia: Gratis
Idioma: Inglés.
Version: 1.7
Tipo: ZIP (Portable)
Desarrollador:
S Operativo : WinXP/Vista/7.

este genial programa para crear canciones para frets on fire y guitar hero 3, has tus canciones favoritas para frets on fire y tocalas con el juego comop si fuera guitar hero o rock band. este programa no tiene necesidad de instalarce y es muy liviano.
Requisitos minimos del sistema
Procesador: Pentium 3, →.
Ram: 256 MB (512 recomendado)
Tarjeta Grafica: 64 MB
Descargar Descargas
Ver Tutorial
DESCARGA JUEGO FRETS ON FIRE MODO GUITAR HERO
Ver mas...

28 sept. 2011

Pimp My USB - Descargar

Licencia: Gratis
Idioma: Inglés.
Version: 0.5b
Tipo: ZIP (Portable)
Desarrollador:
S Operativo : WinXP/2003/Vista/7

Descarga este fabuloso programa portable y totalmente gratis de personalizacion del Fondo de una USB, el icono de ella y de las carpetas, pero no solo eso aquellos que tienen habilidad para encontrar carpetas de la pc en el programa podra personalizar las carpetas de su PC.
En Windows Vista y Windows 7 no es posible cambiar el fondo de la carpeta pero si es posible cambiar los iconos y color de texto.
Descargar Descargas
Ver mas...

16 sept. 2011

Manual: Agregar Subtitulos a video con VirtualDubMod

 para ver bien la imagen has click sobre ella.
VIDEO:







1: como seleccionar un video y que formatos son aceptados.
-Al ejecutar virtualdubmod sale una ventana casi vasia en la cual vendra el video en dos modos, en la primera vendra el video original y en la segunda vendra el mismo video pero con la vista previa de las modificaciones hechas.
  -el virtual dub se ve haci.


-Luego para abrir un video se da en "FILE".


-Los formatos aceptables por virtual dub mod son:
AVI, MPG, MPEG, MPV, M1V, M2V, M2P, VOB, OMG, MKV, BMP, TGA, PNG, GIF, PCX, AVS, VDR.
-Al subir el video se vera de esta forma.



2: AGREGAR SUBTITULOS SRT, ASS, SSA, SUB, SMI, XSS, PSB, TXT.
-Para agregar subtitulos se debe tenar un plug-in llmadado "TEXTSUB" [Has click aqui para descargar plug-in] el cual para instalarlo en virtual dub sigue las instrucciones sombreadas

-descarga el plug-in y guardalo en la carpeta Plug-ins de VirtualDubMod.
C:\archivos de programas\VirtualDubMod\Plug-ins
-luego abre el programa y ya estara.
-para agregar los subtitulos abre el video al cual se le agregaran los subtitulos, luego ve a "VIDEO" y luego a "FILTERS" y se le da en "ADD" y se busca "TEXTSUB"



-se vera el resultado de esta forma.


-si quieren una mejor compresion descarguen DIVX que comprimira los videos a buena calidad sin que pese tanto.
-para guardar se da en "SAVE AS..." y se le pone un nombre.


-para compresion en menos peso da click en "CHANGE" y te sadra un grupo de compresores
el mas recomendado en DIVX "[DivX 6.9.2 Codec (1 Logical CPU)]".


-despues de elegirlo guardan el video y listo tendran su video subtitulado ASS y ligero.

DESCARGAR VIRTUALDUBMOD
Ver mas...

VirtualDubMod - Descargar

Licencia: Gratis
Idioma: Multi Lang
Version: Mod 1.5.10.2
Tipo: ZIP (Portable)
Desarrollador:
S Operativo :WinXP/Vista/7

Goza del programa mas utilizado para agregar subtitulos ASS, SSA a sus videos, lo mas utilizado por los fansubs y con el plug-in de text sub gratis.
el programa esta en modo portable y no hay nescesidad de instalarlo.
su peso es de tan solo 1.9MB.
y al momento de guardar el video te da la fabulosa opcion de cambiar el compresor de forma inmediata.

Para los fanaticos de fansub que quieren agregar sus subtitulos a sus videos anime este es el programa indicado.
Requisitos minimos del sistema
Procesador: Pentium 4, →.
Ram: 512 MB
Tarjeta Grafica: 64 MB
Descargar Descargas
Ver mas...

1 sept. 2011

Manual: como usar Pocket Divx Encoder

este programa es muy facil de utilizar muchos lo utilizan para codificar una pelicula y ponerle subtitulos SRT y quede en un formato que es legible por un reproductor de DVD o BLUERAY
MANUAL




Indice


Como Poner Subtitulos a un video

Los subtitulos que acepta este programa debe ser SRT que es un formato simple y facil de manejar.
debes saber que para que los subtitulos funcionen deben tener el mismo nombre del video, osea que si el video o pelicula se llama "transformers" los subtitulos deben llamarse "transformers.srt".


VER IMAGEN GRANDE

Luego de darle si porque ha detectado los subtitulos automaticamente, le puedes dar previsualizar para ver como quedara el resultado.


y veras un resultado de como va quedando el video, Luego le das a la opcion añadir a la lista y le das codificar Todo y esperas a que se decodifique el video y el resultado sera un video AVI que ya tiene sus subtitulos SRT.

DESCARGA POCKET DIVX ENCODER

-

Como cambiar Idioma a PocketDivxEncoder

Es un metodo facil el programa tiene varios idiomas.
para cambiar de idioma solo hay que presionar el boton. HELP

y encontraras la opcion haci:

y cambiaras el idioma al que quieras los idiomas son:
CZ- checo
DE- aleman
DU- holandes
EN- inglés
ES- español
FR- frances
HU- hungaro
IT- italiano
KO- coreano
PT- portugues
PT_BR- brasilero
RU- ruso
TH- tailandes
TR- sueco  


-Cambiar la Fuente y Tamaño de Subtitulos-

Este programa esta basicamente para agregar subtitulos srt entonces debe tener la opcion de cambiar el tamaño de fuente, color y el estylo de la fuente.
te vas al boton AYUDA (HELP)

Te aparecera unas opciones haci:


en donde dice "choose your subtitles font:" es donde elegiras que tipo de letra tendran los subtitulos
para elegir uno te vas a
C:\WINDOWS\Fonts
 La segunda opcion es "Size:" que es tamaño de la letra el tamaño recomendado es (3). que es un tamaño normal.
la Opcion "CP:" es el acento de los subtitulos y parte del estilo de la letra. es recomendable dejar como esta.
Ver mas...

12 ago. 2011

Aegisub - Descargar

Licencia: Gratis
Idioma: Multi Lang
Version: 2.1.9
Tipo: .EXE
Desarrollador: Aegisub
S Operativo :WinXP/Vista/7

El fabuloso programa que te permite crear subtitulos y personalizarlo, tambien se puede hacer karaoke y ponerle efectos...
los subtitulos saldran en ASS y no pega los subtitulos al video eso es tarea de otros programas y el mas utilizado es Virtualdub
este programa es mas utilizado para los famosos fansubs que es el metodo que usan los fanaticos del anime para traducir un anime mediante subtitulos...
el programa es complicado de utilizar y por eso se hara un tutorial de como utilizar el aegisub, como hacer efectos y como poner los subtitulos a un video...
Requisitos minimos del sistema
Procesador: Pentium 4, →.
Ram: 512 MB
Tarjeta Grafica: 64 MB
Descargar 2.1.9 (HTTP) Descargas
Descargar 2.1.9 portable Descargas
Ir a pagina del autor Visitas desde aqui
Ver mas...

10 ago. 2011

Pocket Divx Encoder - Descargar

Licencia: Gratis
Idioma: Multi Lang
Version: 0.3.60 (Neo version 0.3.96) y (version BETA 0.4.5)
Tipo: .EXE (Portable)
Desarrollador: PocketD
S Operativo : WinXP/Vista/7.

esta es una util erramienta para los que quieran agregarles subtitulos SRT a sus videos, este programa le permite al usuario abrir un video, añadirle subtitulos, aumentar la calidad del video y del sonido, cambiar las dimenciones del video y durante la codificaion del video el equipo no se verá afectado por esta acción.

Pokect divx encoder es facil de utilizar, no es pesado y se puede poner en español.
Requisitos minimos del sistema
Procesador: Pentium 3, →.
Ram: 256 MB (512 recomendado)
Tarjeta Grafica: 64 MB
Descargar 0.3.60 Descargas
Descargar 0.3.96 Descargas (pagina del autor)
Descargar 0.4.5 Beta Descargas (Pagina del autor)
Ver mas...

10 jul. 2011

3D live Pool - Descargar

Licencia: Gratis
Idioma: Inglés.
Version: 1.0
Tipo:  .exe (Portable)
Desarrollador:
S Operativo :Win95/98/98SE/Me/2000/NT/XP/Vista/7
este fabuloso juego 3D de Pool, billar y mas sin nesesidad de instalarse este juego no pesa mas de 3MB y puedes llevarlo a donde quieras para jugarlo con tus amigos.
con una facilidad de uso muy buena.
Requisitos del sistema
Procesador: Pentium 3, →.
Ram: 256 MB
Tarjeta Grafica: 64 MB
Descargar Descargas
Ver mas...

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

      27 may. 2011

      Gadget: Boton "me gusta" de facebook en blogger

      sigue los siguientes pasos:
      • ve a "diseño" del blog
      • ve a "diseño de HTML"
      • expande plantilla de artilugios.
      • busca la etiqueta

      <div class='post-footer-line post-footer-line-1'>
      • luego debajo de esa etiqueta pega lo siguiente

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;height=40&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>
      </b:if>
      • Si quieres que quede arriba del post agregala debajo de esta linea
      <div class='post-header-line-1'/>
      • puedes cambiar light por dark para cambiar el estilo

      PARA VER BIEN EL PROCESO MIRA ESTE VIDEO
      Ver Tutorial
      Ver mas...

      21 may. 2011

      Frets on Fire Modo GH3 o RB - Descargar

      Licencia: Gratis
      Idioma: Inglés, Español.
      Version: Mod
      Tipo: ZIP (RAR) (Portable)
      Desarrollador: Unreal Voodoo
      S Operativo : W-XP, W-Vista, W-7.

      Frets on Fire es un nuevo juego gratuito donde te convertirás en todo un guitarrista profesional utilizando simplemente tu teclado.
      Con un funcionamiento muy parecido a los populares juegos musicales, tendrás que pulsar la tecla adecuada a la nota y "rasguear" tu guitarra para conseguir tocar la nota. El juego incluye un peculiar tutorial, que te enseñará todo lo que necesitas saber para tocar en Frets on Fire.
      Frets on Fire contiene tres canciones, pero puedes importar y adaptar otras canciones, siempre que estén en formato OGG.
      Requisitos minimos del sistema
      Procesador: Pentium 3, →.
      Ram: 256 MB (512 MB recomendado)
      Tarjeta Grafica: 64 MB
      Video Ejemplo
      Descargar
      Ver Tutorial
      Ver mas...

      18 mar. 2011

      Pacman - Onilne


      este clasico fue uno de los juegs mas jugados en los 80s porque este juegos cambio el estilo de juegos de esa epoca donde todos los juegos eran de naves y carros este juego revoluciono el campo de los videojuegos para eso entoces...
      Ver mas...

      23 ene. 2011

      Pacman - Descargar

      Pacman.svg
      Licencia: Gratis
      Idioma: Inglés
      Version: 1.0
      Tipo: .exe (portable)
      Desarrollador: Namco
      S Operativo : Windows XP, Vista, 7.

      Para otros usos de este término, véase Pac-Man (desambiguación).

      Pac-Man (パックマン Pakku Man?) es un videojuego arcade creado por el diseñador de videojuegos Toru Iwatani de la empresa Namco, y distribuido por Midway Games al mercado estadounidense a principios de los años 1980.
      Desde que Pac-Man fue lanzado el 21 de mayo de 1980, fue un éxito. Se convirtió en un fenómeno mundial en la industria de los videojuegos, llego a tener el Récord Guiness del videojuego de arcade más exitoso de todos los tiempos con un total de 293.822 máquinas vendidas de 1981 a 1987 y acabó con el dominio de Space Invaders, donde la 'acción predominante era shoot-em-up (disparar a todos)' para reemplazarla por un formato único, más humorístico y poco violento que gustó a muchísimas personas.
      historia completa (wikipedia )
      Requisitos minimos del sistema
      Procesador: Pentium 3, →.
      Ram: 256 MB
      Tarjeta Grafica: 64 MB
      Descargar descargas
      Ver mas...