Pixelar.me desarrollo Web desde Uruguay

Este blog esta cargo de Marcelo Ferreiro, como siempre el estilo del blog claro y de buen gusto algo ya común en Marcelo.

Entrando ya en el contenido, de verdad es muy bueno para aquellos que queremos aprender a crear themes para WordPress así como maquetarlos y otras yerbas y llevarlos a la práctica.

De las cosas que más me gustan de pixelar.me son sus videos tutoriales tratando los temas ya mencionados, pero sobre todo quiero destacar la sencillez de Marcelo en las presentaciones, dando la oportunidad a aquellos que estamos aprendiendo que entendamos mejor y podamos practicar los consejos e ideas que se dan.

Algo muy difícil de lograr si el usuario no sabe mucho de estos temas, pero Marcelo logra esa sencillez, que hace mucho más fácil el aprender temas de programación como en estos casos.

Algunos de los temas que encontraras aparte de los ya mencionados son, Freelancing, Internet, Códigos, Funciones, Recursos, Trucos PHP, Tutoriales PHP ,SEO, Tecnología, Plugins, Tips.

Esperamos que sea de utilidad todo lo que encontrar en esta web.

Y esperamos sus comentarios.

]]> http://www.dattahome.com/2010/06/07/pixelar-me-desarrollo-web-desde-uruguay/feed/ 0 http://www.dattahome.com/2010/06/07/pixelar-me-desarrollo-web-desde-uruguay/ http://feedproxy.google.com/~r/PlantillasWeb/~3/XJUm3mfWTkQ/ http://www.dattahome.com/2010/05/10/htmleando-com-web-para-desarrolladores/#comments Tue, 11 May 2010 00:16:37 +0000 Dattahome http://www.dattahome.com/?p=615

En este post vamos hablar de una web que va a ser de utilidad si estas buscando respuestas sobre desarrollo, su nombre Htmleando.com.

Sus temas, Html, php, api, css , dominio, estándares, google, herramienta, html, ie6, ie7, imagen, javascript, json, programación, prototype, regex, seo, symfony, trafico,  utf-8 y todo lo que respecta a temas de programación, te vas a encontrar con un sistema bien sencillo, el post es una pregunta y después tienes las respuesta al problema.

Sin muchas vueltas te las responden los editores con las habilidades para estos temas.

Escribo esta entrada en reconocimiento al servicio que hace esta web a todos aquellos que estamos en el tema de la programación o aprendiendo y muchas veces nos encontramos en un callejón sin salida.

Y aquí encontraran muchas de esas respuestas.

No si es  común para ustedes usar imágenes Gif en sus web, pero yo personalmente no las uso mucho, pero reconozco que debes en cuando es bueno usarlas sobre todo en pequeños banner para exponsor en las Webs.

Disponemos de barios software que son de utilidad para crearlas, pero en unas de mis incursiones en Internet me encontré con esta Web que te permite crear tus Gif online, de verdad me parece una idea muy buena, la pagina es http://gickr.com/.

Hice unas pruebas y funciona my bien, carga las imágenes rápido y puedes usar las imágenes de tu PC así como las que tienes en flirck solo pegando la url nada más.

Bueno mejor la prueban y me dicen.

Continuamos con mas plantillas, en esta oportunidad dejamos para ustedes dos plantillas echas en flash, una es muy apropiada para un negocio de hosting y la otra si estas interesado en empezar en línea una tienda de libros.

Las características de las plantillas es su color claro un diseño limpio que le permite al visitante localizar en la Web de inmediato lo que busca, algo muy importante en este tiempo donde todos andamos con muy poco tiempo.

Así que, como en otras oportunidades esperamos les sea de utilidad y agrado.

Descargar plantilla Flash Hosting

Descargar plantilla Flash para Tienda de Libros

Continuamos con dos plantillas más. En este caso estas plantillas son ideales al momento de montar tu empresa ya sea de Marketing o una empresa de hosting y dominios.

Muy fácil de editar con Frontpage o Dreamweaver, colocar tus enlaces hacer una pagina con tus datos presentaciones y mas.

Como siempre esperamos tus comentarios y opiniones.

Descargar Plantilla

Descarga tu Plantilla

El famoso diseñador TimVanDamme diseñó su mini sitio el Theme Visiting Card y todo el mundo lo elogió mucho por concepto único y muy bonito.

Algo bueno acerca del tema de tarjetas de visita es, usted no tendrá que tocar una sola línea de código. El tema viene con Tema Panel de control desde donde se puede establecer todos los aspectos del tema. Si no es necesario que algunos de ellos aparezcan, simplemente deje en blanco y no aparecerá.

Descargar – Demo

Este códigos muy sencillo si sabes de programación y lo se, pero lo dejo por si algunos de nuestr@s visitantes estan aprendiendo a programar.

Le será de utilidad si quiere darle un poco de vida a su página Web.

De paso les decimos que en la Web  http://www.mundojavascript.com/ encontraras muchos mas de estos si estas interesado, será hasta la próxima.

El Codigo:

Este es el script que puedes seleccionar, copiar y pegar directamente.
Esta parte del script hay que pegarlo entre las etiquetas HEAD y /HEAD:

<style>

<!–

.menuskin{
position:absolute;
width:165px;
background-color:menu;
border:2px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
visibility:hidden;
}

.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
}

#mouseoverstyle{
background-color:highlight;
}

#mouseoverstyle a{
color:white;
}
–>
</style>

<script language=”JavaScript1.2″>

//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]=’<div><a href=”http://www.precios10.com”>Ordenadores</a></div>’
linkset[0]+=’<div><a href=”http://www.cambiabanners.com”>Intercambio de banners</a></div>’
linkset[0]+=’<div><a href=”http://www.iaupa.com”>Recursos web</a></div>’

linkset[1]=’<div><a href=”http://msnbc.com”>MSNBC</a></div>’
linkset[1]+=’<div><a href=”http://cnn.com”>CNN</a></div>’
linkset[1]+=’<div><a href=”http://abcnews.com”>ABC News</a></div>’
linkset[1]+=’<div><a href=”http://www.washingtonpost.com”>Washington Post</a></div>’

////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf(“Opera”)==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function showmenu(e,which){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

menuobj=ie4? document.all.popmenu : ns6? document.getElementById(“popmenu”) : ns4? document.popmenu : “”
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write(‘<layer name=gui bgColor=#E6E6E6 width=165 onmouseover=”clearhidemenu()” onmouseout=”hidemenu()”>’+which+’</layer>’)
menuobj.document.close()
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn’t enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it’s width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility=”visible”
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? “hidden” : “hide”
}

function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout(“hidemenu()”,500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className==”menuitems”){
source_el.id=(state==”on”)? “mouseoverstyle” : “”
}
else{
while(source_el.id!=”popmenu”){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className==”menuitems”){
source_el.id=(state==”on”)? “mouseoverstyle” : “”
}
}
}
}

if (ie4||ns6)
document.onclick=hidemenu

</script>

Esta parte del script hay que pegarlo entre las etiquetas BODY y /BODY, donde se quiera que aparezca el efecto:

<div id=”popmenu” onMouseover=”clearhidemenu();highlightmenu(event,’on’)” onMouseout=”highlightmenu(event,’off’);dynamichide(event)”>

</div>

<a href=”#” onMouseover=”showmenu(event,linkset[0])” onMouseout=”delayhidemenu()”>Enlaces 1</a><br>
<a href=”#” onMouseover=”showmenu(event,linkset[1])” onMouseout=”delayhidemenu()”>Enlaces 2</a>

Hay que añadir el siguiente evento onload dentro de la etiqueta BODY:

onload=songticker()

Enjoy it

que añadir el siguiente evento onload dentro de la etiqueta BODY:

uiente evento onload dentro de la etiqueta BOD

Este nuevo cambio era lo por un tiempo hemos querido y hoy se a echo realidad, para mi es gusto presentar esta Web renovada con el Theme para WordPress Magazine Basic que de echo lo puedes bajar aquí.

Mas un estilo de revista desde el principio lo hemos estado por hacer y ya esta pronto espero que sea de su agrado en lo que es a mi personalmente me agrada mucho.

Lo que mas me gustado de este Theme es lo fácil de personalizar si quieres dos columnas, tres columnas las dos a la derecha a la izquierda como quieras es muy fácil, también contiene las opciones de la cabecera con o sin imágenes y la oportunidad de hacer SEO con este Theme, la verdad un lujo.

Es interesante que no andaba buscándolo en ese momento, lo encontré en un post en Bitácoras.com en esta entrada.

Veamos como funciona, si tienen comentarios sobre el cambio será muy bien venido.

José Conti ha publicado un tutorial de 20 ideas para optimizar tu WordPress, realmente muy buenas.

Esto es lo José nos dice al empezar su presentación.

Si alguna vez has experimentado un panel de administración de WordPress lento, mensajes que”ha caído el servidor MySQL”,  las páginas tardan una eternidad en cargar o si deseas preparar tu sitio para un importante aumento en el tráfico (por ejemplo llegas a la primera página de Digg) esta es la guía que estabas buscando.

Pero si más los invito a visitar su Blog.

Pensando en darle un toque diferente a mis paginas Web estuve buscando fondos para las mismas, de esa manera di con Background Labs.

Como se muestra en la imagen tienes una guía de los colores que definen los tipos de fondos, tras ese link te encontraras con varias ideas de tramas para usar.

Background Labs ofrece una gran variedad de entornos, patterns, texturas y gráficos para su uso en la personalización de tus páginas de MySpace, Twitter, Blogs y sitios Web.

Esperamos que encuentres los formatos y las características útiles.