Diseno Web

Category: Diseno Web

Tamanos de Header

Facebook
Header / Foto de cabecera 815×315 pixeles
Profile / Foto de Perfl  180×180 (Se actualizara a 160×160)
App Images / Imagenes de Aplicaciones 111×74 px.
Timeline 403×403 px
Shared Link 156x116px
Highlighted Post or Milestone 843×403 px

Feedburner
Header (Publicize > Email Subscriptions > Email Branding)
logo recomendado no mas de 200×200 px

 

Twitter Header
Header 1200×600 pixeles sugerido (se comprimira a 520×260 px), Peso inferior a 5Mb. Ratio 2:1 es decir el ancho debe ser el doble del alto.
Profile Picture 520×260 px
Shared image 375×375 px

Google+

Header Google+ 940×180 px (solo se ven 890×180 px)
Profile picture > Circulo de 120px, cuadrado circunscrito de 84×8 px.
Status update 150×150 px
Shared Image 497×373

 

 

LinkedIN
Logo horizontal 100x60px
Cover Photo 646x220px
Company Sauqre Logo 50x50px
Company Comment logo 30×30
Carrerrs 974×238
Products and services 646×220
Product Title 100×80

 

Pinterest

Profile 160×165
Board 222×150 px
Board Thumbnail 55×55
Pin Preview 192xalto escalable
Profile Picture 49×49
Pin 600xXpix

 

 

 

Otras fuentes::
http://www.entrepreneur.com/blog/225761

 

 

 

 

 

Modificar el Header o encabezado de WordPress , Tema Twenty Eleven

Para modificar el header o encabezado del tema TWENTY ELEVEN de WordPress, modifica las siguientes lineas en Style.css (del tema de Twenty eleven)

Eliminar espacio en blanco del encabezado

#site-title {
position: absolute;
left: 7.2%;
top: 0.125em;
}
#site-description {
position: absolute;
left: 7.6%;
top: 6.625em;
}

Reducir altura imagen de header, por defecto es 288 pixels

(1) Debes agregar en functions.php
function brick_header_height($size){
return 110;
}
add_filter(‘twentyeleven_header_image_height’,’brick_header_height’);

(2) Luego debes modificar en Style.css el valor height en #branding img, por el que necesites, en este caso 110 pixeles
#branding img {
height: 110px;
}

 

Cambiar tamano del  header,

Busca en el archivo functions.php las siguientes lineas, y modifica el ancho original de 1000 o el alto original de 288 por el numero que quieras y esa sera la nueva medida en pixeles. La manera mas facil, es luego de abrir el archivo, busca “288”, sin las comillas y encontraras la linea del alto del header.

 

 'width' => apply_filters( 'twentyeleven_header_image_width', 1000 ),
 'height' => apply_filters( 'twentyeleven_header_image_height', 288 ),