Sv Community El Salvador
Soporte y Tecnología => Diseño & Webmaster Corner => Mensaje iniciado por: vlad en abril 21, 2008, 10:15:38 am
-
Me gustaría hacer una pagina que tuviera este mismo diseño: http://www.kmess.org/
La verdad es que estoy algo iletrado en cuanto a diseño web :phew: digamos que no toco el HTML desde el tiempo en que los frames no eran bien soportados aun :rofl: asi que imaginaran que estoy completamente oxidado y perdido en esto.
Me gustaria, de ser posible, tener una plantilla/template base que pudiera modicar hasta llegar a eso, o si no algunas orientaciones sobre como hacerlo.
Gracias.
-
es una combinacion de etiquetas divs lo que necesitas,
la idea es esta mira el diseño es liquido o sea que se adapta al tamaño/resolucion de la pantalla o navegador, eso lo conseguis poniendo en la propiedad ancho del div principal(donde metes todo) en 100% en vez de ponerle un tamaño definido en pixeles, luego todo lo demas es puro CSS
checate la pagina un poco para que veas que son etiquetas divs, estas etiquetas tienen un ID y el css le da formato a este ID a traves de reglas, como esta por ejemplo
#top
{
background-color: #99ccff;
border: 1px solid #82A0C8;
}esa regla es para la barra superior del header
dejame ver si armamos algo pa que te hagas una mejor idea...
te recomiendo que uses dreamweaver CS3 trae varios diseños starter que podes usar :thumbsup:
-
Otra manera de la te podes apoyar es que instales el firebug en Firefox que te permite ver el codigo fuente de la pagina web y los CSS a cuales estan enlazados, la verdad es super util y entendible por cualquier duda ahi tamos..! :big_boss:
-
Mira estos layouts
http://blog.html.it/layoutgala/
Ahi hay unos de 3 columnas como el de esa pagina que has puesto, lo unico que necesitas es darle padding para crear espacio de separación y estas listo :thumbsup:
-
Gracias, voy a empezar por bajar el CS3 como dice salvadoresc, usar este template (http://blog.html.it/layoutgala/LayoutGala14.html) de los que puso rdoggsv y usar el firebug que recomienda JGuillen™para copiar los colores =D
Gracias a los tres, ya puedo empezar con eso; sus respectivos K+ ya estan :)
-
Una utilidad muy buena para copiar colores es el ColorPic aca te dejo el enlace te puede servir..
http://www.download.com/ColorPic/3000-2191_4-10123495.html
Y cualquier duda aca estamos man..! :thumbsup:
-
una recomendacion, para que no se te escape es que en el layout que has escogido, las reglas css estan en el encabezado, esta bien que las mantengas ahi mientras trabajas una pagina dentro de dreamweaver, pero solo, recalco solo mientras diseñas la plantilla cuando termines la plantilla sacala para que lo tengas como hoja de estilos externa.
alguien preguntara porque hacerlo interno mientras diseño? pues resulta que dreamweaver mientras trabajas una pagina web con una hoja de estilos externa y modificas una prodiedad del CSS, lo que en realidad hace es abrir el archivo y editarlo, entonces un error muy comun es que si no te guste presiones ctrl+z :D pero eso te deshace la ultima accion en la pagina html y no en el CSS, para deshacer el cambio del css tendrias que irte al archivo CSS abierto lo veras en una etiqueta y ahi presionar ctrl+z, luego volver a la pagina para ver el cambio.
mientras que si lo haces incrustado mientras diseñas no tenes que estar cambiando de archivo para eso, lo haces ahi mismo y AL FINAL lo exportas o moves... para que se pueda usar la misma hoja de estilos en multiples paginas :thumbsup:
-
Gracias por las sugerencias, aunque como siempre la falta de ganas y el mañosismo :rofl: me hizo terminar copiando la web practicamente bajandola y cambiandola a mi gusto...
Despue le pediré permiso a los de KMess...
PD: foro.todosv.com (http://foro.todosv.com)
-
Hey te quedo de pelos Vlad :D
-
Bueno, meses despues gracias a su ayuda y varios consejos de salvadoresc por MP, por fin termine mi pagina de incio :D
www.todosv.com (http://www.todosv.com)
-
ya te la cancelaron la queria ver pero ni mdo
-
ya te la cancelaron la queria ver pero ni mdo
TodoSV.com estará en linea pronto... espero :phew:... pequeños problemas con el $$$ pero espero que para el jueves este viva de nuevo.
-
TodoSV.com estará en linea pronto... espero :phew:... pequeños problemas con el $$$ pero espero que para el jueves este viva de nuevo.
Pochika porq si ke hace falta el XMR :thumbsup:
-
Pochika porq si ke hace falta el XMR :thumbsup:
Tambien a Todosv le hace falta un pokitin de colaboracion ($) jejejeje :D
-
Tambien a Todosv le hace falta un pokitin de colaboracion ($) jejejeje :D
Bien dicho man