juegoscd
Usuario (Venezuela)

En este tutorial aprenderas a crear atractivos botones animados que imitan el comportamiento real de un botón fisico, todo eso sin usar ni una sola imagen ni javascript. Estructura HTML Trabajaremos con 3 enlaces que serviran de botones , todos tendrán el mismo efecto pero con colores diferentes, nota las clases que usaremos para identificar cada uno de ellos: <a class="button azul">Hazme clic</a> <a class="button beige">Hazme clic</a> <a class="button rojo">Hazme clic</a> Código CSS [/align] Empezaremos con unas propiedades básicas para el body y para el boton(estilos tipográficos, padding, margins body{ background: #d0d9d6; padding-top: 15%; text-align: center; } .button{ /* estilos tipograficos */ color: #fff; font-family: sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; /* padding, margin y borde */ padding: 20px 40px; margin-right: 30px; cursor: pointer; border: 0; border-radius: 50px; /* propiedades para la animacion */ transition: all 0.20s linear; -webkit-transition: all 0.20s linear; -moz-transition: all 0.20s linear; position: relative; bottom: 0; } .azul{ background: #04a8bf; box-shadow: 0px 5px 0 #0491a5; } .beige{ box-shadow: 0px 5px 0 #7e8783; background: #9ca6a2; } .rojo{ background: #bf1b04; box-shadow: 0px 5px 0 #8F1502; } Animando el boton La animación del boton esta pensada para que se ejecute cuando este sea presionado, entonces necesitamos crear selectores que apunten a este evento. .button:active{ bottom: -5px; } El primer selector es uno general que va a seleccionar a todos los elementos que tengan de clase .button y le diremos que cuando este sea presionadoactive) se cambie el valor de la propiedad bottom a -5px de esta manera hacemos que el elemento se agache un poco como si realmente estuviese presionado: En este punto ya podemos notar que el transition que definimos al inicio esta tomando efecto y animando el boton cuando este es presionado, sin embargo podemos mejorar aun este efecto, para ello vamos a definir otros 3 selectores del tipo :active para cada uno de los botones : .azul:active{ } .beige:active{ } .rojo:active{ } Lo que haremos sera hacer que el box-shadow que le daba aquella sensación tridimensional se esfume cuando el boton sea presionado imitando así el comportamiento real de un botón fisico. .azul:active{ box-shadow:0 0 0 #0491a5, inset 0 0 5px rgba(0, 0, 0, 0.4); } .beige:active{ box-shadow:0 0 0 #7e8783, inset 0 0 5px rgba(0, 0, 0, 0.4); } .rojo:active{ box-shadow:0 0 0 #9a1604, inset 0 0 5px rgba(0, 0, 0, 0.4); } Ademas de ello vamos a agregar una sombra interna que tenga de color un valor rgba(0, 0, 0, 0.4), que traducido seria red=0 green=0 blue=0 y alpha=0.4 haciendo un color negro pero un poco transparente: Ten en cuenta que este efecto no se va a poder apreciar en versiones arcaicas de navegadores(IE6, FF2) ya que estos no soportan la propiedad transition y menos aun box-shadow. Y con eso termino este tutorial espero les haya gustado y servido demo
[[171108522930776]][[164413893600463]](*:clevergirl:*) SIN LOS (* y *)[[fapfapfapfap.b]](*:ilied:*)SIN LOS (* y *)(*:f7u12:*) SIN LOS (* y *)[[106043532814443]][[171108522930776]][[218595638164996]] (CLICK) AQUI PARA VER LA SORPRESASUIGUEME
Bueno, vamos a crear un exelente menú con HTML y CSS, empecemos!Comenzamos con el HTML: <div id="navlist"> <ul> <li><a href="#" class="active">Ejemplo 1</a></li> <li><a href="#">Ejemplo 2</a></li> <li><a href="#">Ejemplo 3</a></li> <li><a href="#">Ejemplo 4</a></li> </ul></div> Nos quedaría algo así:ásicamente lo que hicimos acá fue crear un div, darle un id llamado navlist. Dentro de este div le agregamos una lista con el texto que queremos darle a este menú.Seguimos con el CSS: body{ background-color:#222; margin:0px; padding:0px; font-family: Verdana, Arial, sans-serif; font-size: 12px;}a{ text-decoration:none;}#navlist { float: left; width: 170px; margin-top: 30px; margin-left: 5px;}#navlist ul { list-style: none;}#navlist li a{ display: block; height: 25px; width: 100px; padding: 9px; margin: 5px; background: inherit; border-right: 4px solid #444; color: #999; text-transform: lowercase; font-size: 0.9em;}#navlist li a:hover { color: #f4f4f4; background: #333; border-right: 4px solid #98cb00;}#navlist li .active { color: #999; background: #333; border-right: 4px solid #444;} Bueno, acá le dimos estilos al body, un fondo y el tipo de fuente. Al navlist le dimos forma, un ancho, un alto, hover, active y varias cosas más.Y nos quedaría algo así:
primero deven tener : http://www.taringa.net/posts/info/14004901/Listo--Mi-scrip-de-servidor-de-archivos-_v1__.html (hay esta el scrip) ACTUALIZACION crear un archivo llamado config.php con el suigiente codigo <?php $titulo = "tu titulo"; $lema = "tu lema"; $mensaje = "tu mensaje"; ?> completemos: titulo (pon el titulo de tu web) como aqui http://fileshost.tuhost.info/ donde dise fileshost va el TITULO lema (pon el lema de tu web) como aqui http://fileshost.tuhost.info/ donde dise Servidor de archibo va el lema donde dise mensaje ponen un mensaje de bienvenida para los que entren a su web paso 2: subir el archivo (config.php) acabado de hacer O J O a su ftp paso 3: depues de editar el config.php y ponerle sus datos... paso 4: editar el index.php y buscar <h1><a href="#">Files<span class="surname-color">host</span></a></h1> y remplazarlo por <h1><a href="#"><?php echo $titulo ?></span></a></h1> luego buscar <h2 class="mid-color-text"><em>Servidor de archibo</em></h2> y remplazarlo por <h2 class="mid-color-text"><em><?php echo $lema ?></em></h2> luego buscar <div id="main"> y abajo `poner <div class="error"><?php echo $mensaje ?></div> bueno eso es todo: dentro unos dias saco la segunda actualizacion
Taringa <!-- SiteSearch Taringa --> <FORM method=GET action="http://www.taringa.net/buscar/"> <input type=hidden name=ie value=UTF-8> <input type=hidden name=oe value=UTF-8> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.taringa.net/"> <IMG SRC="http://o1.t26.net/img/logo.png"border="0" ALT="Google"> </A> </td> <td> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Buscar en Taringa!"> <font size=-1> <input type=hidden name=domains value="Taringa "><br><input type=radio name=sitesearch value=""> WWW <input type=radio name=sitesearch value="Taringa" checked> Taringa<br> </font> </td></tr></TABLE> </FORM> <!-- SiteSearch taringa --> Google <!-- Búsqueda Google --> <center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Búsqueda Google"> </td></tr></TABLE> </FORM> </center> <!-- Búsqueda Google --> Facebook <!-- Búsqueda facebook --> <center> <FORM method=GET action="http://www.facebook.com/search/"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.facebook.com/"> <IMG SRC="http://cdn.androidcentral.com/sites/androidcentral.com/files/postimages/44876/facebook-android.jpg" border="0" ALT="facebook" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Búsqueda Facebook"> </td></tr></TABLE> </FORM> </center> <!-- Búsqueda Faceebook --> Twitter <!-- Búsqueda twitter --> <center> <FORM method=GET action="https://twitter.com/#!/search/"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="https://twitter.com/"> <IMG SRC="http://imagenes.lapatilla.s3.amazonaws.com/site/wp-content/uploads/2011/06/twitter2.jpg" border="0" ALT="twitter" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=es> <INPUT type=submit name=btnG VALUE="Búsqueda Twitter"> </td></tr></TABLE> </FORM> </center> <!-- Búsqueda twitter -->
lo primero que vamos hacer es un archivo llamado comentario.php con el siguiente codigo <form method="post" action="comentar.php"> <?php include("com.html"); ?> <hr> <textarea name="comentario">Comenta...</textarea><p/> <input type="submit" value="publicar"> <font size="1"><a href="http://www.taringa.net/juegoscd">BY: juegoscd</font> <p><hr> </form> y luego hacer un archivo llamado comentar.php con el siguiente código <?php $comentario =$_POST['comentario']; $grabar = fopen("com.html","a"); fwrite ($grabar,"<p>--------------------------<p>$comentario</p>"); fclose($grabar); include ("index.php");?> y listo Demo: http://fileshost.tuhost.info/comentario.php

holoa amigo aqui les traigo un nuevo post 1 seleccionamos la imagen demo: http://imgur.com/ (le dan en computer) cuando les salga un cuadro donde ponen el nombre de la imagen ponen la URL de la imagen Luego le dan en ABRIR y en el caso de imgur le dan en Start Upload"
¿Por qué nos gusta el manga y el animé?Por Dexter Freeman*Preludio Este texto nace por una razón: Hace un tiempo leí un discurso de un usuario que en este momento olvidé, sobre un tema similar al que leerán a continuación y (si bien no voy a criticarlo para bien o para mal porque era una opinión, y en este país hay libertad de expresión), me inspiró a escribir este “ensayo”. Voy a tratar de ser claro y dinámico pues sé que la lectura en Internet es más hacendosa que en una hoja impresa. Aún así, sé que haré un repaso que podrá pecar de simple y escueto para semejante magnitud de tal expresión artística, pero trataré de resumir y explicar lo mejor que puedo mi punto de vista. Gracias por leer. Introducción ¿Qué son el manga y el anime? Primeramente me parece correcto definir qué considero yo manga y animé. El manga no es más que un comic japonés, una historieta nipona o dibujitos orientales con globitos de diálogo que cuentan una historia. Es el equivalente a la historieta argentina, al comic norteamericano o al tebeo español, pero en su versión japonesa. El animé es el dibujo mismo pero animado para reflejarlo audiovisualmente. Y es también japonés. Es como los dibujitos de Disney, Hijitus o Las aventuras animadas de Tin Tin, pero de otro país pequeño. En resumidas cuentas: el manga y el anime son la forma de denominar las expresiones artísticas japonesas de la historieta y del dibujo animado, respectivamente. Ya con esto en claro, puedo comenzar a argumentar por qué muchos consumen estas formas de expresión e idolatran a otro tipo de héroes distintos a los que el “supermanismo” nos tiene acostumbrados. Nexo En suma, nos gusta y preferimos las historias japonesas. Pero, ¿por qué? Una concisa primera aproximación sería que las historias tienen una visión que es muy diferente a lo que estamos acostumbrados a consumir. Diferente en el buen sentido. No mejores ni peores, pero sí más ricas en un sentido narrativo, visual y estético. Gracias a las posibilidades de la aldea global, hoy este arte se ha expandido por el mundo y podemos acceder a lo que antes no. Así, después de toda una era de supermanes y un mercado saturado, podemos ver algo nuevo y bueno. Desde el comienzo, notamos que es totalmente incomparable y nos gusta por esos detalles que diferencian para bien a lo japonés del resto. Comentaré algunos. Héroes y villanos Los héroes son muy distintos. Más vulnerables, pueden sangrar y a veces perder, son hasta más humanos. Buscan la superación propia todo el tiempo oscilando entre lo que se considera bien y mal. Y sus enemigos son más humanos aún, se los ve reflexionar y equivocarse, a diferencia del malvado todopoderoso y 100% maligno que nos muestra la cultura occidental. Algunos personajes comienzan siendo enemigos y terminan formando parte de las filas de “los buenos”, por catalogar a los protagonistas, después de replantearse su situación o por diversos desenvolvimientos de las tramas. Los ejemplos más claros de esto los encontramos en Dragon Ball, con Vegeta, Piccolo y Majin Bu. Vegeta es, en esencia, malvado, pero vagando entre las filas del bien y el mal, decide finalmente formar parte de la salvaguardia de su gente. También en Hu Hu Hakusho sucede lo mismo con algunos personajes sospechosamente similares a los de las Esferas del Dragón. Una buena historia para contar Las historias desvarían de un tópico a otro, muchas veces sin dejarlo totalmente en claro, para presentarnos relatos cargados de imaginación y un arte visual que va de la mano con la estética planteada en cada aventura. El cuento contado, no sólo sobrepasa el estereotipo “héroe contra villano, chica que rescatar, lección que aprender”, sino que las historias llegan hasta donde la imaginación pueda llegar. Cuentan leyendas increíbles y de una fantasía sin límites. En muchos casos, generalmente en los animes de ciencia ficción, hasta la narración futurista presenta implícitas ciertas críticas a la sociedad y al ser humano que dejan pensando a su espectador. Se me viene a la cabeza Gantz. En este anime podemos notar un ataque implícito a la falta de empatía del ser humano y a su egoísta búsqueda de la satisfacción personal. Speed Grapher también tiene una crítica similar, pero desde otro punto de vista. A ver cómo me lo contás La animación y la forma de expresar cada relato evolucionan día a día. No sólo buscan contarnos su fábula con tomas y planos originales, también van describiendo desde dentro de la cabeza del protagonista, con imágenes confusas que buscan una finalidad estética para acompañar el relato o con innovadoras escenas y personajes que salen de cualquier estereotipo que pueda existir. De esa forma, contarnos una aventura nos transporta al acontecimiento mismo sin conocer a ciencia cierta en qué va a desembocar cada situación. También hay muchos mangas y animes que encasillados en ciertos géneros establecidos, rompen las normas de dicho género para crear un producto que sobresale de sus pares. El manga/anime policial Death Note ejemplifica perfectamente lo indicado. En el primer capítulo nos enseña quién es el asesino y en toda la trama juegan un papel importante los hechos sobrenaturales. Esto rompe dos pautas comunes del policial: hay que descubrir al asesino y todo tiene su explicación lógica. De todo Hay mangas y animes destinados a niños, a adolescentes, a jóvenes, a adultos, aunque a veces las tramas atraen a personas de edad indistinta. No sólo se clasifican por edad, sino también por sexo (o inclinación sexual). Los hay cuyo género es comedia, ciencia ficción, parodia, drama, romance o hasta varios géneros juntos que se mezclan y comprenden un interesante híbrido. Existen eróticos, pornográficos, caricaturescos, basados en leyendas, perversos, terroríficos, y otra vez puede fusionarse todo para conformar uniformidades. Hay de todo y para todos los gustos. Decir la popular frase “esos son dibujitos para niños”, es hablar desde la ignorancia. Conclusión Sería muy fácil caer en facilismos para explicar el gusto por el manga y el anime: que consumimos dibujitos por las chicas voluptuosas, la violencia extrema y los colores llamativos, o que el hecho de que nos bombardeen con basura hollywoodense nos hizo buscar otras formas de expresión y esto es igual de decadente pero viene de otro lado. Pero sostengo que las formas orientales de contar historias reflejan mejor nuestras formas de sentir y pensar, en muchos casos son más convincentes e imaginativas, y generalmente están relatadas con excelencia y creatividad. Todos tendríamos que tener la cabeza lo suficientemente abierta para darle una oportunidad a las historietas y a los dibujos animados japoneses. Sostengo y mantengo que hay por lo menos un manga o un anime que, seas quien seas, te va a interesar. Y si no te gusta, no te gusta. Después de todo es una expresión artística, como la música. Conozco a un amigo al que no le gustan Los Simpsons. Bonus track (cuasi aficionado) Animés como Evangelion, Dragon Ball, Saint Seiya, Sailor Moon, Death Note son clásicos. El caso del primero es prodigioso: es un clásico de clásicos no sólo dentro del anime, sino en el mundo de la ciencia ficción. Veremos qué sale de la remake. Yo recomiendo Gantz. Pero el manga, porque el anime deja un gusto a disconformidad difícil de quitar. Monster también es muy bueno. A medida que avanza el anime, el protagonista se va relacionando con individuos de distintas nacionalidades y creo que cada uno está muy bien personificado. Todo eso sumado a las excelentes personalidades que logra el autor. Y por último invito a ver la película que cierra Fullmetal Alchemist, aunque para entenderla hay que tragarse los 52 capítulos. Del remake no tengo conocimiento. Otra cosita para cerrar: hay un comic dando vueltas por ahí en donde luchan Superman y Goku y, al final, (cuidado que voy a contarles el desenlace) Goku es vencido. Me parece que no fue un final adecuado. En primer lugar, Goku solo se transforma en Super Saiyayin de primer nivel, y en segundo término, todos conocemos al señor Goku. Seguirá entrenando y haciéndose más fuerte hasta poder vencer a Superman (cuya fuerza es fija y está estancada desde que fue expuesto al sol de la Tierra). Perdón por este agregado a modo de bonus track que no se relaciona con el ensayo en sí, pero hace mucho tiempo que quería expresar todas estas opiniones y recomendaciones, y hoy tengo la oportunidad. De nuevo: gracias por tomarte el tiempo de leer mi pequeño discurso. Un abrazo. Salud.
Bueno hoy les vengo a compartir un tutorialPrimero se registran en http://www.emailmeform.com/ Luego de ques e allan registrado se meten aqui Y DEVERAN ENCONTRAR UNA HOJA QUE DISE Form Title Hy le iran agregando lo que quieren que lleve su formulario luego de tenerlo le dan en save form y se van otra ves a Despues la hoja que hicieron y la guardaron el pasaran el clik por ensima y les saldra abajo una opcion que dise code o aqui la url Nota: no agarren el que dise html javascrip agarren el que dise HTML Only y copian el codigo html y luego lo pegan en su web site: y quedara asi : DEMO Dame pts si te sirvio sugueme
dijo:<form action="http://www.taringa.net/buscar/" method="get" target="_blank"> <table width="100%" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="23%" align="right" valign="top"><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcTQpsBauaUCtDvL_6WxI-uVhUQPQi7W0qRgDO-uTo4tnjJtmYna6S3x8UvNMA" width="128" height="53" alt="taringa Logo" /></td> <p> <td width="77%" align="center"> <input type="text" name="q" size="75" maxlength="255" value=""> <input type="submit" name="btnG" value="Buscar En Taringa"><span style="font-size:-1;"><br /></span></td> </tr> </table> <!-- SiteSearch taringa --> </form>demo http://cdfotoshoponline.blogspot.com/esto es para poner un buscador de taringa en su web... ya fue probado y si sirve