Maty7741

Bueno gente hoy les voy a dejar un menu User que hice para que puedan utilizarlos en sus Post.... ¿Como hago para ponerlo en mi post? Bueno, primero que tenes que hacer es copiar este codigo y pegarlo en tu post http://k20.kn3.net/EA861E58A.jpg http://k26.kn3.net/B193662AD.jpg http://k15.kn3.net/557601F85.jpg http://k23.kn3.net/82180420C.jpg Una vez copiado el codigo..solo queda reemplazar donde dice "Maty7741" por el nombre de tu usuario..y listo, ya tienes tu menu user en tu post!... Bueno hasta aqui llegó el post...cualquier duda que tengan me mandan un Mp....Nos estamos viendo....

Holo Taringueros!!!...navegando por la red me encontre con una pagina muy interesante que nos permite convertir páginas webs en archivos Pdf. Acá les dejo un mini tutorial hecho por mi para que lo puedan probar: Lo primero que hacemos en entrar a la pagina: www.pdfonfly.com En la parte inferior de la página nos vamos a encontrar con el siguiente cuadro: En este cuadro vamos a colocar la Url del Post, colocamos el código de seguridady presionamos sobre “convert to Pdf” Esperamos unos segundos y nos parecerá el el siguiente mensaje…tenemos que presionar sobre ”Click here to see your pdf ”..y listo podremos ver el archivo y guardarlo en nuestra PC.. Bueno hasta aquí llego el Post…espero que les sea útil..cualquier cosa me mandan un Mp

Buenas Taringueros!!...hoy voy a compartir con ustedes 8 Sliders (Pantallas o recuadros para imagenes) para que los puedan usar en sus diseños o Interfaces....bueno me dejo de charlas y aca les dejo los Sliders, que estan en Formato PNG....espero que les gusten... Deja cargar el Post

Como andan Taringueros!!..hoy les traigo algunas herramientas para los que andan metidos con el Diseño web..en este caso, aplicaciones online para aplicar estilos CSS3 en sus webs...espero que les sirva •Css3 Box Builder• Con esta herramienta se pueden realizar complejas cajas en CSS3 usando la interfaz de Photoshop, mas especificamente, las opciones de fusion de capas. •CSS3 Gradient Generator• Como su nombre ya lo indica con esta herramienta se pueden crear degradados complejos y obtener el codigo css correspondiente •Border Radius• Crea bordes redondeados introduciendo solamente un par de valores.. •CSS3 Maker• Herramienta con una Interfaz intuitiva con la mayoria de las propiedades CSS3, que ademas permite visualizar y descargar el codigo generado •Xeo CSS3• Es una herramienta que funciona como si fuera un aplicacion de escritorio..pero online..posee editor de codigo, vista previa, etc. •Compatibilidad con CSS Pie• Como sabemos, CSS3 no es soportado por todos los navegadores..CSS3 Pie permite utilizar la mayoría de las características interesantes de CSS3 en IE. Bueno gente hasta aqui llego el Post...espero q les sirva en algo...

Hola todos!!!....en mi primer post..Voy a mostrar cómo se puede modificar el gadget del Reloj ..Para poder agregarles imágenes y cambiar los colores…Dejen Cargar el Post Antes de empezar el tutorial les voy a mostrar cual es el resultado que se puede alcanzar…Tutorial►Buscar la carpeta donde se encuentran instalados los gadgets. Generalmente se encuentra en esta ubicación: Disco loca(C: ) Archivos de Programa/Windows Sidebar/Gadgets. Una vez ubicados, localizamos esta carpeta:►Ahora viene la parte más difícil del tutorial. Ubicados en Clock.Gadget, tendremos que modificar Permisos y Propietario de la carpeta images. Esto lo hacemos porque sino, no podríamos modificar su contenido, ya que se encuentran bloqueados.►Presionamos el botón secundario sobre la carpeta Images, luego vamos a propiedades. Nos dirigimos a la ficha Seguridad y luego a opciones avanzadas►Entramos a la ficha Propietario y Presionamos editar.►Dentro de este cuadro seleccionamos nuestro usuario y aceptamos todos los cuadros.►Volvemos a ingresar a las propiedades de Images. Entramos a Seguridad, opciones Avanzadas y nos dirigimos a la ficha Permisos.Luego vamos hacia Cambiar permisos.►En el nuevo cuadro elegimos nuestro usuario, y presionamos Editar.►Activamos control Total para que se habiliten todos los casilleros.►Cuando Aceptemos los cuadros nos aparecerá Este cuadro( Presionamos Cancelar para Sacarlo) Y después otro(ponemos aceptar)►Pasado lo mas difícil solo nos queda modificar el archivo trad (Porque yo tengo activado ese reloj) con el photoshop u otro programa.(no pongo imágenes de cómo lo edite xq sino el post se va hacer más largo todavía) y Reemplazarlo con el mismo nombre “trad”.esto ultimo es muy importante, tiene que ser el mismo nombre y .png.►La carpeta Images tendría que quedarles asi:Bien hasta aquí llego el post…. Gracias por leer el post...sé que es un poco largo el procedimiento pero el resultado lo vale!!!....Comenten y Pregunten si tienen alguna duda…Nos Vemos!!!!

Buenas taringueros!!..hoy les traigo un pack compuestos por 16 sombras en formato Psd para que puedan editarlos y usarlos en sus diseños....espero que les sea util..al final dejo el link de Deviantart para que puedan descargar el pack... Link: http://matiasweb41.deviantart.com/art/Pack-de-Sombras-en-PSD-286832944

Como anda Taringueros…..en este Post vamos a realizar paso a paso un pagina web muy sencilla viendo cosas básicas de Html/css.Al tutorial lo hice usando mis palabras, así que nada de palabras muy técnicas ni nada por el estilo…lo importante es que lo entiendan…bueno me dejo de charla y arranco con el Tutorial. Primero Imagen de la pagina sencilla que vamos a lograr ¿Que Herramientas vamos a Usar? Pensarán que esta es la parte donde le digo que se descarguen el Dreamweaver, el Notepad++,o algún programa parecido. Pero no ,lo único que vamos a necesitar es Una Web: ccsdesk.com. Esta pagina es una herramienta online excelente: Permite insertar código Html y Css..ver el resultado en pantalla y además descargarlo para poder tener el archivo en tu PC. Lo recomiendo, si quieres probar tus códigos y no quieres instalar nada ,esta página (obio con sus limitaciones) es para vos. Antes de Empezar Todos al hacer Post sabemos un poco lo que es BBCode..Si lo conoces no te va a ser muy difícil el HTML.Este lenjuage se maneja atraves de Etiquetas, las cuales tienen que abrirse y cerrarse. [Hay excepciones]Ejemplo:Si queres escribir un Parrafo, la manera correcta seria <p>contenido del párrafo</p>. Ademas Una etiqueta puede tener en su interior otras etiquetas. Ejemplo<body><h1>Titulo</h1></body>…en este ejemplo dentro de la etiqueta body tenemos un titulo, que se introduce con la etiqueta h1. Mas adelante veremos Ejemplos mas demostrativos.Por ahora sepan que puede haber etiquetas que contienen otras. Otras Etiquetas que Vamos a Utilizar(Pongo solo la etiqueta de Apertura ustedes ya saben que después tienes que cerrarla) van a ser: <div>:Crea secciones en Nuesta Web..como Si fueran bloques.A esta la vamos a usar mucho. <ul> y <li>:ul representa Toda lista desordenada y li representa cada elemento de la lista (o sea cada viñeta) <a>: esta sirve para poner links.Por ejemplo si yo kiero que aparezca un link con la palabra taringa y me lleve a esa pagina. Seria algo asi: <a href=”Link de la pagina de taringa”>Taringa</a>. Por ultimo si queremos agregar una imagen en la pagina el código seria asi : <img src=”link de la Imagen”>..Como verán esta etiqueta no hace falta que se cierre. Hay Muchas mas etiquetas pero nosotros solo vamos a utilizar estas. Dividiendo Nuestra Web Como ya dijimos la etiqueta div sirve para dividir en bloques nuestra pagina..pero para que?..para poder cambiar la apariencia de Cada una por separado y ser mas ordenados. Ademas podemos asignarles a cada div un identificador unico para poder reconocerlo y después modificarlo con Css. La manera correcta de hacerla es la siguiente: <div id=”contenedor”>contenido </div> Nuestra web va a estar dividida en 4 sectores. Un div contenedor que va a envolver a otros 3 divs: nav ; post , y pie. El código seria el siguiente: <div id=”contenedor”> <div id=”nav”> </div> <div id=”post”> </div> <div id=”pie”> </div> </div> Ahora vamos a introducir contenido a cada una de las Divs usando la etiquetas que vimos anteriormente. <div id="contenedor"> <div id="Nav"> <ul> <li><a href="#">Perfil</a></li> <li><a href="#">Informacion</a></li> <li><a href="#">Contacto</a></li> </ul> </div> <div id="post"> <h3>Mis Post</h3> <ul> <li><a href="#">Elementos de Interfaces en PSD</a></li> <li><a href="#">Slider para Interfaces</a></li> <li><a href="#">Pack de Sombras</a></li> </ul> <img src="http://k38.kn3.net/BEEB4FC18.jpg"> </div> <div id="Pie"><p>Maty7741web.2012</p></div> </div> Entramos a cssdesk.com.Lo primero que hacemos es borrar todo el código de los dos bloques (html y css). En el bloque de html copiamos y pegamos todo el código anterior. Hasta el momento la pagina nos tendría que mostrar esto: >>>>Ver IMAGEN<<<<< La verdad que por ahora horrible…..pero no desesperes taringuero….mejoraremos la apariencia con Css….ha me olvidaba para poner los link en las etiquetas <a> tienen que reemplazar “#” Tiempo de Aplicar CSS Es hora de aplicar estilos a nuestra etiquetas . para eso se usa Css..vamos aplicar como es la estructura del css. ul {propiedad 1; propiedad 2;} … aplicamos las propiedades a todas la etiquetas <ul>. #contenedor{propiedad 1; propiedad 2;} ….aplicamos las propiedades al div con el id contenedor. #nav ul {propiedad 1; propiedad 2;}….aplicamos las propiedades solamente a la etiqueta <ul> que esta dentro de la div nav. (en este caso no de aplicaría a la etiqueta <ul> que esta dentro del div post) Estilos al todo el documento Pegamos este código en el bloque Css. A partir de Ahora todos los códigos los vamos a pegar en la parte de CSS. body,html{ margin:0px;padding:0px;background-color: #eeeeee;height:100%;} Con margin y padding:0px; eliminamos los margenes que vienen por defecto en los navegaodres Con Background-color:le damos color a todo el documento. Nos quedaría algo asi: >>>Ver imagen<<< Estilos al contenedor Pegamos este código: #contenedor{ width:1000px;height:100%;margin:0 auto; background-color:#ffffff;} Explicacion: Con width:1000px le damos el ancho a nuestro div Con margin: 0 auto centramos todo el div Hasta ahora >>>Ver Imagen<<< Estilos al “nav” Codigo: #Nav{ margin: 0 auto;width:100%;height:65px;background:url("http://o1.t26.net/img/header/musica.jpg") repeat-x;} #Nav ul{width:500px; margin:0 auto;list-style:none;} #Nav ul li{ float:left;height:15px;margin:18px;} #Nav ul li a {font:bold 21px Arial, Helvetica, sans-serif;padding:0 18px; height:37px;float: left;color:#f7f7f7; display:block;text-decoration:none;} #Nav ul li a:hover {font:bold 22px Arial, Helvetica, sans-serif;padding:0 18px; height:37px;float: left;color:#cfe9f4;border-bottom:solid 2px #cfe9f4;} Explicacion Con #nav{background:url(“link”) elegimos una imagen como fondo de div.[yo use el de taringa] Con repeat-x la imagen se va a repetir solo para el costado[como un mosaico] Con #Nav ul { list-style:none;} sacamos las viñetas de toda la lista. Con #nav ul li {float:left} todos los elementos de la lista de ponen una a lado de otro. Con #nav ul li a modificamos las propiedades de los links que están dentro de las viñetas. Con display block el link se conviete en un cuadrado, como un botón. Con decoration: none se quita el subrayado de los links Con #nav ul li a:hover elegimos las propiedades cuando el mouse entre sobre el link [ cambiamos el color de la letra y pusimos un borde en la parte de abajo con border-bottom] Ya va tomando color no tiene que quedar asi >>>Ver Imagen<<< Estilos a “post” Código #post{height:100px;} #post ul li{list-style:none;} #post li a{background:url("http://k13.kn3.net/0A1F2B118.png") no-repeat left center;padding-left:17px;} #post li a:hover {margin-left:10px;} Explicacion Lo que hice fue sacar el punto negro con list.style:none..agregarle una imagen como fondo con Background:url, ponerla en en centro y a la izquierda con no-repeat left center, y con padding left:17px corri el texto hacia un costado Con #post li a:hover {margin-left:10px;} cad aver que pases con el mouse sobre el link te >>>Ver Imagen<<< Por ultimo estilos a “pie” Codigo #Pie p{position:absolute;bottom:0px;border-top:dotted 5px #4081af; width:1000px; height:20px; text-align:center;} Con position:absolute;bottom:0px el parrafo queda el parte de abajo Con border-top:dotted 5px #4081af aplicamos un border en la parte de arriba Con text-align:center centramos el texto >>>Ver Imagen<<< Algunos Arreglos Codigo: h3{margin:10px;} img {display: block;margin: auto;} explicacion Pusimos un margen al titulo para que no quede muy pegado al div y centramos la imagen >>>IMAGEN FINAL<<< Bueno Taringueros este fue un tuto muy cortito..deje un monton de cosas sin explicar, yo solo doy una simple base sobre el tema ahora depende de ustedes seguir averiguando. Los lenguajes van mejorando año tras a año esta el html 5 el css3…pero si entendes estos conceptos no van a tener problemas con los nuevos. Cualkier duda que tengan me mandan un MP..comente y cuenten como le fue…