Ver la Versión Completa : Todo acerca de hosting. v.1.0 herramientas gratis para 5 participantes.
pablito2009
09-Dec-2012, 20:49
Introduccion.
El el mercado existen varios tipos de hosting (Alojamiento web).
El tipo de alojamiento web o hositing dependen de las caractetisticas que nuestro sitio web requiera. En el concepto General , podemos hablar de la lista de posibilidades.
1. Alojamiento GRATUITO.
.. Este lo podemos obtener en muchos lugares en el internet. Este servicio es extremadamente limitado , y regularmente se alojan en subdominios, y casi siempre en tu proyecto habran ads )(anuncios) los cuales le sirven a la empresa que te dio el servicio para generar ganancias. por medio de anuncios.
2. hosting COMPARTIDO.
Este hosting web más común y razonablemente bien de precio.
Este caso compartes espacio con otros sitios en el servidor, con las incovenientes que esto significa. Generalmente es cuando pagas por un espacio determinado en disco duro en un servidor.
3. Hosting Colocado.
Esto es parecido a un hosting dedicado, pero en este caso el servidor es tuyo, te pertenece, en lugar de alquilarlo. Tu servidor es ‘colocado’ en el datacenter o centro de datos de la empresa de alojamiento web.
Utilizas su infraestructura y su conexión a Internet de alta capacidad. Este servicio suele ser utilizado por empresas grandes que necesitan seguridad y alta fiabilidad.
3.Alojamiento dedicado
Con un plan de alojamiento dedicado dispones de un servidor para ti sólo. Esto te ofrece más fiabilidad y libertad para alojar más de un sitio web. Este tipo de alojamiento web suele ser utilizado por grandes sitios de comercio electrónico o sitios con un gran número de visitas. Aquí el precio ya sube aunque ganas en fiabilidad y seguridad.
Lo que se ofrecera en este tread es lo siguiente.
1. estaran abiertas las preguntas a todos.
2. se configuraran herramientas nesesarias para hacer lo practico.
3. se extendera el tituto desde hosting hasta diseño web.
4. se implementeara desde sitios html hasta administradores de contenido.
Apuntado a todos los que desean o tiene una pagina web, y aprender el mantenimiento de la misma sin estar atado a un pago mensual o unico cuando desea hacer cambios en el sitio .
Lo primero que veremos es hosting. basado en Cpanel .
Numero de mini pasos.
1. configuracion de alojamiento.
2. configuracion de servidores dns
3. configuracion de e-mail.
4. configuaracion y instalacion de script de administradores de contenidos.
5. configuracion y manejo de bases de datos mysql
6. todo acerca del cpanel para cliente.
los que quieran participar en este mini curso o guia de alojamiento
no tienen que pagar absolutamente nada. es totalmente gratuito.
Los requerimientos son .
Dejar su solicitud .en este tread ..se entregaran herramientas a 5 personas.
pero todos pueden participar ya que los participantes postearan capturas de pantalla de sus avances en sus proyectos.
Y todos pueden preguntar .. se tratara de responder a todas las preguntas.
pablito2009
09-Dec-2012, 20:50
Lista de participantes para herramientas.
Participantes. en la lista.
1. javmail -- Confirmado.ª
2. a2j
3 villeda --- Confirmado.ª
4. spartan 23/12 --- Confirmadoª
5. Gepser --- Confirmado.ª
Todos los que esten interesados pueden participar aqui exponiendo sus preguntas.
ya que los articulos se pondran aqui y se mostrara con captura de pantallas..
si esto va bien dentro de unas semana agregaremos 5 participantes mas a la clase.
Todos loas participantes nesesitan enviarme un pm con sus correos electronicos Validos.
javmail
10-Dec-2012, 10:09
Quiero participar :)
:ok:
juanchoxcd
10-Dec-2012, 10:16
Interesante :adictoalf:
estuardoerick
10-Dec-2012, 10:39
Que buen aporte y buena iniciativa mi amigo! éxitos en tus labores! :saludos:
villeda
10-Dec-2012, 10:42
Yo quiero
spartan2312
10-Dec-2012, 10:43
me interesa!!!
Me interesa, ¿puedo ser una de las 5 personas o sólo las primeras cinco?
Primera pregunta:
¿No necesito ninguna herramienta previa antes de participar acá? ¿Hosting, dominio?
¿Vas a enseñar o podrías incluir el cómo hacer traslados de páginas de un hosting gratuito a uno pagado (siempre que el pagado no sea la opción PAGA del mismo sitio en el que es gratis porque eso se hace automáticamente)?
presentarq
10-Dec-2012, 12:09
que rapido se llenaron los 5 participantes
fiajte que yo lo que necesito es usar mi dominio.net en gmail
lo configure en google apps pero no entran mensajes sfjasdkfjñsdkjfksdjfksdjfksd
solo puedo enviar pero para recibir lo tengo redireccionado a mi gmail normal
Williamgat
10-Dec-2012, 12:13
Yo tambien Pablito2009 si bien conosco algo, quiero saber a detalle, bien =)
crisaguilar
10-Dec-2012, 12:51
uffffffffff me super interesa yo empece con mi pagina al puro pedalaso no creo que este muy bien aunque funciona para lo que fue concebida pero me gustaria mejorarla :ok:
cerberus_gt
10-Dec-2012, 12:53
yo tambien quiero participar :si:
cerberus_gt
10-Dec-2012, 12:54
que rapido se llenaron los 5 participantes
fiajte que yo lo que necesito es usar mi dominio.net en gmail
lo configure en google apps pero no entran mensajes sfjasdkfjñsdkjfksdjfksdjfksd
solo puedo enviar pero para recibir lo tengo redireccionado a mi gmail normal
si ya tenes el servicio de google apps para tu dominio podes usarlo, ya que apartir del viernes este servicio gratuito, desaparecio en google :rvm:
presentarq
10-Dec-2012, 13:49
si ya tenes el servicio de google apps para tu dominio podes usarlo, ya que apartir del viernes este servicio gratuito, desaparecio en google :rvm:
si vos yo lo tenia ya ratos, pero no entran correos :rvm:
mickael_371
10-Dec-2012, 14:11
yooooo!!!!! tambien quiero participar.. !!! :)
AroGuerra
10-Dec-2012, 14:22
yo tambien me apuntooooo, buena iniciativa :si:
pablito2009
10-Dec-2012, 16:27
Me interesa, ¿puedo ser una de las 5 personas o sólo las primeras cinco?
Primera pregunta:
¿No necesito ninguna herramienta previa antes de participar acá? ¿Hosting, dominio?
¿Vas a enseñar o podrías incluir el cómo hacer traslados de páginas de un hosting gratuito a uno pagado (siempre que el pagado no sea la opción PAGA del mismo sitio en el que es gratis porque eso se hace automáticamente)?
No nesesitas ninguna herrramienta vamos a usar . un dominio padre . y subdominios.
El translado de paginas web de un servidor a otro estar incluido ..
saludos.
pablito2009
10-Dec-2012, 16:29
que rapido se llenaron los 5 participantes
fiajte que yo lo que necesito es usar mi dominio.net en gmail
lo configure en google apps pero no entran mensajes sfjasdkfjñsdkjfksdjfksdjfksd
solo puedo enviar pero para recibir lo tengo redireccionado a mi gmail normal
si ya tenes el servicio de google apps para tu dominio podes usarlo, ya que apartir del viernes este servicio gratuito, desaparecio en google :rvm:
Como lo dijo el amigo.. efectivamente.. google apps. ahh dejado de dar cuentas gratuitas en dicha fecha .. esto no afectara a las mas de 12 millones de cuentas existentes.....sin embargo .. buscaremos una solucion a todos nuestros clientes..ªªª
saludos.
ya envié mi PM validando correo :run:
pablito2009
10-Dec-2012, 16:44
OK apuntados los participantes. sin embargo tengo que esperar a que todos los participantes, confirmen sus email para arrancar con el projecto.
pablito2009
10-Dec-2012, 17:22
Primero pasos. y Conocimientos nesesarioa acerca del hosting.
Cuando se compra un hosting o alojamiento, nesesitamos saber algunas cosas basicas acerca de esto, como se explico en el articulo primario hay diferentes tipos de hosting.
La mas popular es el hosting compartido.
1. El hosting compartido .
Como su subfijo lo anuncia, comparte espacio y recursos de un servidor. con otros sitios, lo que comparten es Disco duro , Memoria Ram , ip´s , tambien comparten ancho de banda,
Ventajas. , es economico. y hace exactamente el mismo trabajo que un servidor dedicado.
Esta apuntados a sitio pequeños o empresas pequeñas que desean compartir su informacion en la internet si preocuparse de pagar grandes cantidades de dinero por el servicio de alojamiento.
Inconvenientes - porque esta compartiendo recursos con otros sitios web. podria recaer en sobrecarga del servidor y esto hara que el sitio este lento en carga o que este caido por mucho tiempo, Por eso cuando se contrata un hosting compartido se tiene que esta seguro que el servidor cuenta con las herramientas nesesarias para evitar que los sitios alojados en el mismo abusen de los recursos. y asi mantener la salud y la buena carga de todos los sitios que el servidor aloja.
Definición de dominio
Un dominio o nombre de dominio es el nombre que identifica un sitio web. Cada dominio tiene que ser único en Internet. Por ejemplo, "www.tiquiserver.com" es el nombre de dominio de la página web de Tiquiserver. Un solo servidor web puede servir múltiples páginas web de múltiples dominios, pero un dominio sólo puede apuntar a un servidor.
Un dominio se compone normalmente de tres partes: en www.tiquiserver.com (http://www.tiquiserver.com), las tres uves dobles (www), el nombre de la organización (Tiquiserver) y el tipo de organización (com).
Los tipos de organización más comunes son .COM, .NET, y .ORG, que se refieren a comercial, network, y organización (originalmente sin ánimo de lucro, aunque ahora cualquier persona puede registrar un dominio .org).
Puesto que Internet se basa en direcciones IP, y no en nombres de dominio, cada servidor web requiere de un servidor de nombres de dominio (DNS) para traducir los nombres de los dominios a direcciones IP. Cada dominio tiene un servidor de nombre de dominio primario y otro secundario.
SI EXISTE ALGUNA PREGUNTA posteenla trataremos de responderla con prontitud.
Primero pasos. y Conocimientos nesesarioa acerca del hosting.
Cuando se compra un hosting o alojamiento, nesesitamos saber algunas cosas basicas acerca de esto, como se explico en el articulo primario hay diferentes tipos de hosting.
La mas popular es el hosting compartido.
1. El hosting compartido .
Como su subfijo lo anuncia, comparte espacio y recursos de un servidor. con otros sitios, lo que comparten es Disco duro , Memoria Ram , ip´s , tambien comparten ancho de banda,
Ventajas. , es economico. y hace exactamente el mismo trabajo que un servidor dedicado.
Esta apuntados a sitio pequeños o empresas pequeñas que desean compartir su informacion en la internet si preocuparse de pagar grandes cantidades de dinero por el servicio de alojamiento.
Inconvenientes - porque esta compartiendo recursos con otros sitios web. podria recaer en sobrecarga del servidor y esto hara que el sitio este lento en carga o que este caido por mucho tiempo, Por eso cuando se contrata un hosting compartido se tiene que esta seguro que el servidor cuenta con las herramientas nesesarias para evitar que los sitios alojados en el mismo abusen de los recursos. y asi mantener la salud y la buena carga de todos los sitios que el servidor aloja.
Definición de dominio
Un dominio o nombre de dominio es el nombre que identifica un sitio web. Cada dominio tiene que ser único en Internet. Por ejemplo, "www.tiquiserver.com" es el nombre de dominio de la página web de Tiquiserver. Un solo servidor web puede servir múltiples páginas web de múltiples dominios, pero un dominio sólo puede apuntar a un servidor.
Un dominio se compone normalmente de tres partes: en www.tiquiserver.com (http://www.tiquiserver.com), las tres uves dobles (www), el nombre de la organización (Tiquiserver) y el tipo de organización (com).
Los tipos de organización más comunes son .COM, .NET, y .ORG, que se refieren a comercial, network, y organización (originalmente sin ánimo de lucro, aunque ahora cualquier persona puede registrar un dominio .org).
Puesto que Internet se basa en direcciones IP, y no en nombres de dominio, cada servidor web requiere de un servidor de nombres de dominio (DNS) para traducir los nombres de los dominios a direcciones IP. Cada dominio tiene un servidor de nombre de dominio primario y otro secundario.
SI EXISTE ALGUNA PREGUNTA posteenla trataremos de responderla con prontitud.
:adicto2:
Qué consecuencias trajo consigo la IPv6? ya están todos los servers funcionando bajo ese nuevo estándar? Su implementación trajo alguna consecuencia en los servidores DNS?
kameradpanzer
10-Dec-2012, 20:54
todavía se puede?? ya tenes mis datos!!!!! :clavito:
pablito2009
10-Dec-2012, 21:16
:adicto2:
Qué consecuencias trajo consigo la IPv6? ya están todos los servers funcionando bajo ese nuevo estándar? Su implementación trajo alguna consecuencia en los servidores DNS?
No . ningun servidor DNS fue afectado . y ningun servidor vio o nesesito hacer cambios desde que se implemento .es solo cueston de encriptacion y numero de decimales en cuanto a la conversion o letura de ip's.
Sin embargo creo que eso es para las coneccion de isp y sus sistemas, actualemete casi todos los servidores tiene su coneccion en dicho rango. y casi todos los internet providers actualizaron sus routers o modems para que el efecto a la v4 y v6 sean compatibles..
Cabe mencionar que esto no es nuevo si la implementacion se hizo desde hace varios años.
Algunos servidores . aun estan en v4 . y otros tienen ambos para garantizar el servicio
pablito2009
10-Dec-2012, 21:18
todavía se puede?? ya tenes mis datos!!!!! :clavito:
ya tengo la lista pero aun falta que confirmen . esperemos si no confima alguno .te hago saber sin embargo podes estar pendiente a al thread ya que todos pondremos capturas de pantalla..ªª
No . ningun servidor DNS fue afectado . y ningun servidor vio o nesesito hacer cambios desde que se implemento .es solo cueston de encriptacion y numero de decimales en cuanto a la conversion o letura de ip's.
Sin embargo creo que eso es para las coneccion de isp y sus sistemas, actualemete casi todos los servidores tiene su coneccion en dicho rango. y casi todos los internet providers actualizaron sus routers o modems para que el efecto a la v4 y v6 sean compatibles..
Cabe mencionar que esto no es nuevo si la implementacion se hizo desde hace varios años.
Algunos servidores . aun estan en v4 . y otros tienen ambos para garantizar el servicio
:gracias:
Cuando dos o más sitios comparten servidor ¿cómo están los archivos alojados físicamente? ¿por carpetas? ¿particiones de disco? En cualquiera de los dos casos ¿hay forma de acceder (con un poquito de hacking o no) a los archivos de otro sitio alojado en el mismo server?
pablito2009
10-Dec-2012, 21:29
No .. todos los archivos estan separados en carpetas. en el protocolo cpanel las carpetas esta despues del prefijo home. y de alli su estruccturacion .
En el cpanel solo los usuarios que tienen grant. para whm puede tener acceso a las carpetas con todos los parametros de seguridad . read . read only o . cualquier otra configuracion...
Es bastantante dificil acceder a otra carpeta a la que no sea del sitio al cual se tiene permiso de entrar.. aun cuando de hacking se trata.. nada es imposible . pero las empresas que dan el ambiente en este caso cpanel.ª invierten grandes cantidades de dinero para garantizar a sus clientes la serguridad de sus sitios en cuanto a hacking en el root hablamos .. ahora bien si hablamos de hackear o hacer deface a un sitio cualquiera sea la plataforma que sea esto es posible.. pero hackear el root .. es muy poco probable. 1 en un millon.ª
No .. todos los archivos estan separados en carpetas. en el protocolo cpanel las carpetas esta despues del prefijo home. y de alli su estruccturacion .
En el cpanel solo los usuarios que tienen grant. para whm puede tener acceso a las carpetas con todos los parametros de seguridad . read . read only o . cualquier otra configuracion...
Es bastantante dificil acceder a otra carpeta a la que no sea del sitio al cual se tiene permiso de entrar.. aun cuando de hacking se trata.. nada es imposible . pero las empresas que dan el ambiente en este caso cpanel.ª invierten grandes cantidades de dinero para garantizar a sus clientes la serguridad de sus sitios en cuanto a hacking en el root hablamos .. ahora bien si hablamos de hackear o hacer deface a un sitio cualquiera sea la plataforma que sea esto es posible.. pero hackear el root .. es muy poco probable. 1 en un millon.ª
Sin embargo se hablaba hace un tiempo de que google tenía acceso (en su motor de búsqueda) a algunos archivos de configuración del server lo que algunos aprovecharon para vulnerar los servers con tan sólo una pequeña búsqueda. ¿Eso hace de los sitios que comparten server algo más inseguro que los sitios con su propio server?
Otro tema
¿Qué pasa si necesito "apagar mi server"? ¿no puedo porque está compartido? ¿Es esa una desventaja respecto a un server propio?
pablito2009
10-Dec-2012, 21:42
no realmente no . todos los ambiente de hosting ,, son relativamente seguros..
mas creo que la vulnerabilidad es solo para sitios montados..y acceso via injeccion a archivos no al root del servidor... esto es poco probable.
Claro . .en el caso del reseteo del server.. si tu sitio esta en un compartido es tu hosting provider quien teiene que hacer todas las actualizaciones. del servidor en si .. y esto incluye los restart..s.. .
Sin embargo desde mi punto de vista.. un servicio compartido es ideal para los que no tienen conocimiento de servidores... porque este servidor es manejado .por el hosting provider.. y no por el cliente final .
De alli parte la garantia de que el servidor puede estar uptime 98%.. por lo mismo porque alguien o varias personas manejan dicho servidor.
qué pasa si el server por X o Y motivo está caído durante digamos 10 minutos. ¿Los correos recibidos en esos 10 minutos se pierden (asumiendo que el server de correo está allí mismo)?
pablito2009
10-Dec-2012, 22:01
en cuanto a servidor de correos . es regularmente alojado en una particion especial en el servidor. y todo conocemos la famosa herramiente chatch all mails..
la unica manera de que los mails se piedan en el retorno de donde se envio el mail . diciendo que la bandeja fue rechazada permamentemente.ª
El servidor de correos es un tema muy muy extenso .
por ahora estamos alocados en el tema Cpanel .ª
de lo contrario vamos a confundir a los otros participantes. ª
en cuanto a servidor de correos . es regularmente alojado en una particion especial en el servidor. y todo conocemos la famosa herramiente chatch all mails..
la unica manera de que los mails se piedan en el retorno de donde se envio el mail . diciendo que la bandeja fue rechazada permamentemente.ª
El servidor de correos es un tema muy muy extenso .
por ahora estamos alocados en el tema Cpanel .ª
de lo contrario vamos a confundir a los otros participantes. ª
:ok:
bueno, les dejo algo de preguntas a los demás :oscar:
juanchoxcd
10-Dec-2012, 22:20
Y el kraysie ?? No ha venido?? :maleado: así no va aprender
Interesante thread :adicto2:
Y el kraysie ?? No ha venido?? :maleado: así no va aprender
jhgfasjkdgfdasjhgfhdjasgfhdjka
villeda
10-Dec-2012, 22:31
Mande pm confirmando.
Poniendome al dia con las preguntas q ya hicieron
pablito2009
10-Dec-2012, 22:31
TODOS PUEDEN PREGUNTAR. . POR FAVOR TRATEN DE NO DESVIAR EL THREAD.
para garantizar que el thrad sea de ayuda para todos.
villeda
10-Dec-2012, 22:36
A la hora de escoger un servicio de hosting, que herramientas mínimas deberia tener el servidor? Porque hay algunos que no admiten ciertos softwares o scripts. O limitan la cantidad de uso del cpu q uno puede hacer, cómo saber esas limitaciones a la hora de escoger host?
A la hora de escoger un servicio de hosting, que herramientas mínimas deberia tener el servidor? Porque hay algunos que no admiten ciertos softwares o scripts. O limitan la cantidad de uso del cpu q uno puede hacer, cómo saber esas limitaciones a la hora de escoger host?
lo más común es que los servers de java cueste encontrarlos (gratis pues), casi todos los gratis abundan en php :(
pablito2009
10-Dec-2012, 22:49
correr javascript es comun en todos los servidores hoy en dia. ...
correr javascript es comun en todos los servidores hoy en dia. ...
me refería a jsp
pablito2009
10-Dec-2012, 23:22
asi es. lamentablemente el servidor java script consume grandes cantidades de memoria en el servidor. por eso el servicio es extremedamente caro .. y muy pocos hosting compartidos lo manejan al igual ASP y NET
saludos.
Marco para darle lectura y seguimiento a este tema que parace interesantisimo :si:
pablito2009
11-Dec-2012, 06:59
esperando la confirmacion del ultimo usuario . de no ser asi el usuario que le prosigue tomara su lugar.
crisaguilar
11-Dec-2012, 09:16
quien es el siguiente te voy a mandar mi correo :x:
villeda
11-Dec-2012, 16:55
lo más común es que los servers de java cueste encontrarlos (gratis pues), casi todos los gratis abundan en php :(
Entonces, cuales serían las funciones minimas que tiene que soportar un buen hosting?
Entonces, cuales serían las funciones minimas que tiene que soportar un buen hosting?
que te responda pablo pero en mi opinión depende de qué vas a alojar en él (php, jsp, asp)
pablito2009
11-Dec-2012, 17:01
Entonces, cuales serían las funciones minimas que tiene que soportar un buen hosting?
optare por posteao los standares. de hosting . compartido..
mySQL Database
PostgreSQL Database
FTP Account
Addon Domain
Parked Domain
PHP 5
PERL 5
Ruby on Rails
Apache Handlers
PHPMYAdmin
PHPPGAdmin
FrontPage Extensions
DNS Zone Editor
Cron Jobs
Custom Error Pages
SSL
Webalizer / Awstats
Zend / IonCube / Curl
pablito2009
11-Dec-2012, 17:07
estamos esperando la confirmacion de 2. a2j de lo contrario el siguiente en la lista tomara su lugar.
pablito2009
11-Dec-2012, 17:41
A la hora de escoger un servicio de hosting, que herramientas mínimas deberia tener el servidor? Porque hay algunos que no admiten ciertos softwares o scripts. O limitan la cantidad de uso del cpu q uno puede hacer, cómo saber esas limitaciones a la hora de escoger host?
Como se explico en el primer texto..
el hosting compartido es la mejor opcion para sitio o negocio que no requieran de software o scripts que no consuman muchos recursos en el servidor..
porque el dejar que un sitio compartido abuse de los recursos. hace que los demas sitios sean afectados..
LA manera mas facil de saber como estan proporcionados y las sanciones de abuso por parte de clientes o sitios web en un servidor compartido ..
es lee los terminos de servicio . alli tienen que figurar cuales son los limites de recursos en los servidores a contratar..
los standares comunes podria ser..
Utilizar el 25% o más de los recursos del sistema durante más de 90 segundos. Hay numerosas actividades que podrían causar tales problemas, que incluyen: scripts CGI, FTP, PHP, HTTP, etc
Ejecutar cualquier tipo de aplicaciones interactivas de chat en tiempo real que requieran recursos del servidor. Servicios alojados remotamente se permiten completamente.
Ejecutar stand-alone, los procesos de servidor en cualquier momento en el servidor. Esto incluye cualquier y todos los demonios, como IRCD.
Ejecutar cualquier software que interactúa con un IRC (Internet Relay Chat).
Ejecutar cualquier aplicación BitTorrent, tracker, o cliente.
Ejecutar cualquier tipo de tela de araña o indexador (incluyendo Google Cash / ADSPY)
Participar en todas las actividades file-sharing/peer-to-peer
Ejecutar cualquier servidor de juegos como Counter-Strike, Half-Life, Battlefield 1492, etc
Ejecutar las entradas de cron con intervalos de menos de 15 minutos.
Cuando se usa PHP incluye funciones para la inclusión de un archivo local, incluya el archivo local en lugar de la URL. En lugar de include (“http://yourdomain.com/include.php”) incluyen el uso (“include.php”)
Bryaan.dohc
11-Dec-2012, 18:19
Yo quiero participar :si:
Sent from my iPhone 4s using Tapatalk
pablito2009
11-Dec-2012, 21:36
ultimo dia para confirmar . la participacion . de lo contrario el 6 usuario tomara lugar del usuario que no confirmo.ª
spartan2312
11-Dec-2012, 22:23
vos como podria hacerce para que aparezca mi pagina en google, lei un par de veces lo de las keywords pero nada....... nunca que me salia con las que habia puesto, hay herramientas extras para eso o solo asi???
gracias.
pablito2009
12-Dec-2012, 04:54
vos como podria hacerce para que aparezca mi pagina en google, lei un par de veces lo de las keywords pero nada....... nunca que me salia con las que habia puesto, hay herramientas extras para eso o solo asi???
gracias.
Cuando hablamos de Posicionamiento . este tema es bastante extenso y todos lo conocemos como seo.
Las claves de oro para el seo son ..
1. el Nombre de dominio Tiene que tener coungruencia con el contenido del sitio .
2. crear una etiqueta Title en el header de la pagina principal con el titulo del sitio ., teniendo en cuenta la coungruencia con el nombre del domnio o rela 1.
ejemplo
<title>El tittulo del nombre del sitio</title>Siempre teniendo en cuenta de que el titulo no pase de 64 caracteres incluyendo los espacios.
3. Agregar a todas las paginas o en general la descripcion del sitio
en una etiqueta.
<meta name="description" content="" />Ejemplo
<meta name="description" content="aqui va la descripcion del sitio" />en esta etiqueta tambien es recomendable n oagregar menos de 50 caracteres ni mas de 154
Por el momento vamos a dejar el seo basico alli .. este tema lo ampliaremos cuando estemos en disenio... por ahora estamos por empezar hosting y Cpanel. SOLO ESTOY ESPERANDO AL USUARIO QUE FALTA..
Y ya que estoy aqui ..
los participantes tienen que tener interes en el tema y ganas de aprender.,
no porque sea gratuito quiere decir que no sea un curso serio..
1. tener coneccion a internet en un hora citada..
2. tener instalado teamviewer en sus pcs.
3. tenes mic para las preguntas mas rapidas..
4. hacer todas las preguntas hasta quedar claros.
5. posibilidad de usar hang out de Gmail.
Y vas a publicar las sesiones? seria interesante...
Y ya que estoy aqui ..
los participantes tienen que tener interes en el tema y ganas de aprender.,
no porque sea gratuito quiere decir que no sea un curso serio..
1. tener coneccion a internet en un hora citada..
2. tener instalado teamviewer en sus pcs.
3. tenes mic para las preguntas mas rapidas..
4. hacer todas las preguntas hasta quedar claros.
5. posibilidad de usar hang out de Gmail.
1. Fuera del horario laboral sí :si:
2. Lo instalo y ya.
3. No tengo pero escribo rápido.
4. ok
5. No tengo cámara... mi nexus 7 viene hasta el 20-21 dic, también me servirá para el micrófono :oscar:
pablito2009
12-Dec-2012, 19:09
Ok todos los 5 usuarios expongan el horario que mas se les acomode.ª
saludos.
Ok todos los 5 usuarios expongan el horario que mas se les acomode.ª
saludos.
6pm en adelante y/o fines de semana
villeda
12-Dec-2012, 20:56
Ok todos los 5 usuarios expongan el horario que mas se les acomode.ª
saludos.
Pues es de buscar el mas adecuado para todos, en lo personal puedo por la mañana de 8 a 10, por la tarde de 4 en adelante.
pablito2009
12-Dec-2012, 20:57
ok esperando las ultimas tres respuestas.? para que todos decidamos a que hora podra serª
spartan2312
12-Dec-2012, 23:18
ulugrun yo de tiempo que tenga asi para estar en la compu como de 10:30 en adelante, lo que podriamos hacer es citar las horas y me conecto desde X lado para ver la onda que por lo general me mantengo de un lado a otro pero ponele tipo 4pm me parece buena hora ya que casi siempre estoy a esa hora donde tengo otro pc
pablito2009
13-Dec-2012, 02:02
Esperando la respuesta de los demas para ponernos de acuerdo .ªª saludos.ª
spartan2312
13-Dec-2012, 10:43
Esperando la respuesta de los demas para ponernos de acuerdo .ªª saludos.ª
pablito, pero tenia una duda, va a ser todos los dias? o ponele quedamos viernes a las 4pm que si fuera ya solo un dia es mas facil poder estar presente a esa hora en la compu
:trend:
pablito, pero tenia una duda, va a ser todos los dias? o ponele quedamos viernes a las 4pm que si fuera ya solo un dia es mas facil poder estar presente a esa hora en la compu
:trend:
:word: curso por escrito como hasta ahora y un día full como dice pablito... pero vamos a ver porque el que da el curso es él akhsdgasghf
spartan2312
13-Dec-2012, 10:56
:word: curso por escrito como hasta ahora y un día full como dice pablito... pero vamos a ver porque el que da el curso es él akhsdgasghf
ahhhh buena onda!!!
pablito2009
13-Dec-2012, 18:41
estoy esperando aun ª la respuesta de los ultimos tres participantes...
para poder empezar al fin y otorgar las herramientas..
si estos no responden o no llevan seguimiento al threar . vamos a tomar de la lista de peticiones de participacion como va en el orden ..
saludos. a todos..
villeda
13-Dec-2012, 18:58
estoy esperando aun ª la respuesta de los ultimos tres participantes...
para poder empezar al fin y otorgar las herramientas..
si estos no responden o no llevan seguimiento al threar . vamos a tomar de la lista de peticiones de participacion como va en el orden ..
saludos. a todos..
Ok. Estamos pendientes siempre
estoy esperando aun ª la respuesta de los ultimos tres participantes...
para poder empezar al fin y otorgar las herramientas..
si estos no responden o no llevan seguimiento al threar . vamos a tomar de la lista de peticiones de participacion como va en el orden ..
saludos. a todos..
la mara como siempre :nismo:
pablito2009
13-Dec-2012, 21:16
Faltan dos . pero villeda no dijo a que hora podraª
villeda
13-Dec-2012, 21:22
Faltan dos . pero villeda no dijo a que hora podraª
Yo dije en la mañana de 8 a 10, por la tarde pues puedo acomodar cualquier hora. Y por la noche despues de las 9
pablito2009
13-Dec-2012, 21:55
ok me parece bien . casi lo paso por algo .
saludos villedaª
tengo una duda, nosotros en la empresa tenemos servidor propio y utilizamos linux suse, lo que no me agrada es que cada vez que alojamos un nuevo dominio, tengo contactar a navega para la creacion de los registros WWW y MX, no me gusta por que en dos ocaciones se tardaron un vergazo de tiempo y me saca de onda tener que estar presionandolos para la creacion de los registros.... hay alguna forma para que yo pueda realizar esa parte :huh:
pablito2009
13-Dec-2012, 22:18
tengo una duda, nosotros en la empresa tenemos servidor propio y utilizamos linux suse, lo que no me agrada es que cada vez que alojamos un nuevo dominio, tengo contactar a navega para la creacion de los registros WWW y MX, no me gusta por que en dos ocaciones se tardaron un vergazo de tiempo y me saca de onda tener que estar presionandolos para la creacion de los registros.... hay alguna forma para que yo pueda realizar esa parte :huh:
este es el caso de los dominios de primer nivel .el caso de .gt
no hay ningun tipo de control sobre el dominio. porque no hay panel
de control para modificar los registros ns dms o mx..
sin mencionar las redirecciones. .
o simplemente estan restringidas..
en tu caso no creo sea el servidor si no el registrador. a donde comprar los dominio . ªª porque si el servidor ya esta upline. no tiene porque esperar autorizacion de nadie , solo esperar la expancion de los registros en la red .
corregime si estoyhablando de otra cosa..o si tenes alguna otra duda..
saludos.
spartan2312
13-Dec-2012, 22:24
vos como puedo ver que versiones de php, mysql tengo que la otra vez queria subir una apliacicion al servidor pero me dio ciertos datos y solo php pude ver que version era, despues de esto me entro la duda como puedo subirle la version de php al server
iba a instalar joomla 3.XXX si mal no recuerdo
pablito2009
13-Dec-2012, 22:33
vos como puedo ver que versiones de php, mysql tengo que la otra vez queria subir una apliacicion al servidor pero me dio ciertos datos y solo php pude ver que version era, despues de esto me entro la duda como puedo subirle la version de php al server
iba a instalar joomla 3.XXX si mal no recuerdo
Nesesitas crear unahoja php en tu root. y nombrarla phpinfo.php
con el codigo
<?phpinfo();?>
luego vistar dicho archivo por ejemplo
http://www.[yourdomain].com/phpinfo.php
asi averiguas la informacion de la version PHP.
saludos.
StrikeGT
13-Dec-2012, 22:33
Muy interesante el tema.
Tengo una duda: Creé una página a puro HTML y me salió algo garrita pero ahí se va por ser primera vez, compre un dominio .com y la aloje ahí mismo donde compre el dominio con hosting gratuito. Ahora la empresa cambio de política (bravenet.com) y ya no ofrecen hosting gratuito entonces ahora mi página esta como WEBSITE EXPIRED. Hay forma de trasladar mi dominio a un hosting gratuito y que el traslado sea gratuito también?
Mi página ya aparecía en primer lugar al poner el titulo de la misma en Google, ya no será así ahora que cambie de lugar el dominio?
Hay algún hosting gratuito que recomendes y alguno pagado que sea barato y que ofrezca buen servicio?
Gracias por la ayuda y ya me quedo suscrito fijo.
pablito2009
13-Dec-2012, 22:42
NINGUN HOSTING GRATUITO ES BUENO.
todos tienen sus consecuencias.
desde ads hasta malwares.
si tenes un back up de el sitio..podes colgarlo donde querras.
si compraste el dominio alli tenes el derecho de reapuntarlo si tener
acceso al panel del domino
solo es cuestion de reapuntar los servidores dns.
y estos encontrara el diseño hospedado en el nuevo servidor.
transferir los datos no cuesta..
algunos hosting probider ofrecen el traslado gratis..
tu problema es . reapuntar los servidores dns a tu nuevo hosting..
YO NO RECOMIENDO ningun hosting gratuito.
saludos
Muy interesante el tema.
Tengo una duda: Creé una página a puro HTML y me salió algo garrita pero ahí se va por ser primera vez, compre un dominio .com y la aloje ahí mismo donde compre el dominio con hosting gratuito. Ahora la empresa cambio de política (bravenet.com) y ya no ofrecen hosting gratuito entonces ahora mi página esta como WEBSITE EXPIRED. Hay forma de trasladar mi dominio a un hosting gratuito y que el traslado sea gratuito también?
Mi página ya aparecía en primer lugar al poner el titulo de la misma en Google, ya no será así ahora que cambie de lugar el dominio?
Hay algún hosting gratuito que recomendes y alguno pagado que sea barato y que ofrezca buen servicio?
Gracias por la ayuda y ya me quedo suscrito fijo.
villeda
14-Dec-2012, 21:16
Como vamos a quedar al fin? Sigo pendiente
Como vamos a quedar al fin? Sigo pendiente
x2
pablito2009
14-Dec-2012, 22:13
x2
estoy a la espera de los horarios de los demas muchachos..~
de lo contrario pondre un horario yo.`
saludos.
pablito2009
15-Dec-2012, 00:18
ok en vista que no estan interesados. voya tratar de darle seguimiento a este tread sin hacer un webinar.
Creo con todo respeto que deberian aprobechar la oportunidad de aprender ....
acabo de enviar este mail . a los 5 con el acceso al panel de un dominio...
si tienen preguntas expongalas.. pueden entrar y confirmarme si se pudo entrar o no .
Detalles de logue para cpanel . Hosting v1.0.
Usuario: /*******/
Contraseña: /*******/
Control Panel URL:/*******/
mientras tu nombre de dominio se propaga podras usar http://www./*******/
Server Information
Nombre de Servidor: TIQUISERVER
Server IP: /*******/
Si está utilizando un dominio existente con su nueva cuenta de alojamiento, usted tendrá que actualizar los nombres de servidores para apuntar a los servidores de nombres se enumeran a continuación.
Nameserver 1: /*******/
Nameserver 2:/*******/
Cargando Su Sitio Web
Temporalmente se puede utilizar una de las direcciones que se indican a continuación para administrar su sitio web:
direccion FTP Temporal: /*******/
Y una vez que su dominio se ha propagado puede utilizar los datos a continuación: FTPHostname: /*******/
cabe mencionar que esta herramienta es de uso exclusivo para el CURSO . TIQUISERVER. LLC.
nesesito todos me confirmen para podamos avanzar.
saludos.
ok en vista que no estan interesados. voya tratar de darle seguimiento a este tread sin hacer un webinar.
Creo con todo respeto que deberian aprobechar la oportunidad de aprender ....
acabo de enviar este mail . a los 5 con el acceso al panel de un dominio...
si tienen preguntas expongalas.. pueden entrar y confirmarme si se pudo entrar o no .
Detalles de logue para cpanel . Hosting v1.0.
Usuario: /*******/
Contraseña: /*******/
Control Panel URL:/*******/
mientras tu nombre de dominio se propaga podras usar http://www./*******/
Server Information
Nombre de Servidor: TIQUISERVER
Server IP: /*******/
Si está utilizando un dominio existente con su nueva cuenta de alojamiento, usted tendrá que actualizar los nombres de servidores para apuntar a los servidores de nombres se enumeran a continuación.
Nameserver 1: /*******/
Nameserver 2:/*******/
Cargando Su Sitio Web
Temporalmente se puede utilizar una de las direcciones que se indican a continuación para administrar su sitio web:
direccion FTP Temporal: /*******/
Y una vez que su dominio se ha propagado puede utilizar los datos a continuación: FTPHostname: /*******/
cabe mencionar que esta herramienta es de uso exclusivo para el CURSO . TIQUISERVER. LLC.
nesesito todos me confirmen para podamos avanzar.
saludos.
1) yo si estoy interesado
2) no me ha llegado correo
3) cuando me llegue confirmo y te aviso
4) ya va a ser la una, me voy a dormir aksdhagslkjdhalskjdhff
pablito2009
15-Dec-2012, 03:32
1) yo si estoy interesado
2) no me ha llegado correo
3) cuando me llegue confirmo y te aviso
4) ya va a ser la una, me voy a dormir aksdhagslkjdhalskjdhff
Mails Reenviados.ª
saludos.
villeda
15-Dec-2012, 08:02
Si no estuviera interesado no estaria dandole seguimiento y comentando el treadh. Pero despues de la media noche ya es dificil estar respondiendo.
Ya recibi el correo :si:
villeda
15-Dec-2012, 11:36
1) yo si estoy interesado
2) no me ha llegado correo
3) cuando me llegue confirmo y te aviso
4) ya va a ser la una, me voy a dormir aksdhagslkjdhalskjdhff
Ya ingrese al panel y estuve viendo las funciones. vos diras con que seguimos ahora.
te envié pm porque no me llega el correo
mayrodi
15-Dec-2012, 13:23
Vos pablito yo quiero involucrarme en el curso, pero ya que no pude quedar entre los 5 puedo aun llevar la secuencia de lo que van a ir haciendo??
una pregunta espero no sea offtopic: cómo saber si un hosting es compartido o no? es que yo tengo uno, con un dominio ej www.midominio.net
desde mi cpanel puedo instalar aplicaciones, mysql ilimitadas, etc, pero tengo solo 5 gb mensuales de ancho de banda. será este un servidor compartido?
pablito2009
15-Dec-2012, 16:52
Vos pablito yo quiero involucrarme en el curso, pero ya que no pude quedar entre los 5 puedo aun llevar la secuencia de lo que van a ir haciendo??
una pregunta espero no sea offtopic: cómo saber si un hosting es compartido o no? es que yo tengo uno, con un dominio ej www.midominio.net
desde mi cpanel puedo instalar aplicaciones, mysql ilimitadas, etc, pero tengo solo 5 gb mensuales de ancho de banda. será este un servidor compartido?
Cual es tu Dominio¿?
villeda
19-Dec-2012, 08:33
Para revivir el tread, voy con una pregunta:
Que aspectos hay que tomar en cuenta para que no pase lo mismo que le paso al foro? Como evitar que una página se caiga durante tanto tiempo?
spartan2312
19-Dec-2012, 09:34
me di cuenta que se borraron varios mensajes, de los ultimos que se hayan escrito :/
mayrodi
19-Dec-2012, 11:38
Cual es tu Dominio¿?
parece que se borró mi respuesta. mi dominio es www.mayrodi.net
Kenned2011
19-Dec-2012, 12:13
que garra la mara, que no quiere aprender, yo no se mucho de estas cosas pero si hubiera otra oportunidad lo tomaria sin pensarlo tanto.
Kenned2011
19-Dec-2012, 12:14
que garra la mara, que no quiere aprender, yo no se mucho de estas cosas pero si hubiera otra oportunidad lo tomaria sin pensarlo tanto.
pablito2009
19-Dec-2012, 16:09
parece que se borró mi respuesta. mi dominio es www.mayrodi.net
ns1227.websitewelcome.com. 174.121.152.34
ns1228.websitewelcome.com. 174.121.152.35
100+ sitios estan en esta ip.
pablito2009
19-Dec-2012, 16:11
LAS personas que recibieron las herramientas ya tienen el primer post del curso..
no confirmaron si pudieron entrar al cpanel ... esperare hoy si no obtengo resultado .voy a poner el nombre de los usuarios que les prosigan....
pablito2009
19-Dec-2012, 16:30
Para revivir el tread, voy con una pregunta:
Que aspectos hay que tomar en cuenta para que no pase lo mismo que le paso al foro? Como evitar que una página se caiga durante tanto tiempo?
Para evitar esto es nesesario tener una herramienta de monitoreo en red.
nadie .. absolutamente nadie puede garantizar un estado online de una pagina.
al 100% . esto es nesesario dejarlo bien en claro.
hay menos riesgos si tu sitio tienen un ip dedicada y esta por lo menos en un servidor virtual o vps al contrario de estar en un hosting compartido ...
lo ideal es tener un servidor dedicado..
esta ultima opcion es cara... pero de igual forma no garantiza nada.
villeda
19-Dec-2012, 16:35
Ya ingrese al panel y estuve viendo las funciones. vos diras con que seguimos ahora.
LAS personas que recibieron las herramientas ya tienen el primer post del curso..
no confirmaron si pudieron entrar al cpanel ... esperare hoy si no obtengo resultado .voy a poner el nombre de los usuarios que les prosigan....
Yo si confirme que pude ingresar al panel.
Pero ya no dijiste con que proseguimos.
villeda
19-Dec-2012, 16:45
Yo si confirme que pude ingresar al panel.
Pero ya no dijiste con que proseguimos.
http://img69.imageshack.us/img69/8747/64354688.jpg
pablito2009
19-Dec-2012, 18:24
Voy a esperar la confirmacion de los demas..
de no dar seguimiento los usuarios actuales .. voy dar acceso a los siguientes users.
dependiendo cuantos no den seguiento el acceso estara abierto como va en la siguiente lista.
saludos.
Williamgat
crisaguilar
cerberus_gt
mickael_371
villeda
19-Dec-2012, 18:53
Ok
pablito2009
19-Dec-2012, 18:59
Se perdio el primer post ... del cursooooooªª
pablito2009
20-Dec-2012, 04:46
Bueno se perdio el primer post del curso.. imagino por la caida..
y los demas usuarios no confirmaron asi que oficialmente estan invitados los 3 participantes de la lista ya mencionada.. porque ni a2j ni javmail
asi que invitamos a los siguientes Williamgat
crisaguilar
entre mes aprendamos algo de este texto.
Cómo cambiar los hosting?
El cambio a un nuevo hosting puede ser un proceso muy suave o puede ser muy complicado. Después de estos pasos se asegurará¡ de que migrar de hosting no sea un dolor en ......
El primer paso es encontrar el nuevo host que cumpla con lo que usted busca basado en sus nesesidades.. Asegurese de no cancelar con su antiguo proveedor de hosting, no les diga que migrara.
Por el momento, que el cambio de servidor sea un secreto que ellos no sepan.., porque pueda que ellos pongan fin a su sitio web antes de tiempo poner fin a su sitio web o algun otro tipo de problemas.
En este punto, usted tendras dos cuentas de hosting el viejito y el nuevo.
Ahora habrá que subir su sitio completo desde el host viejo a lo nuevo.
Esto se puede hacer mediante la conexión ftp y descargar todos los archivos.
Despues de tener su sitio web completo descargado en su pc.
Conectarse via ftp o bien por el administrador de archivos si el nuevo hosting lo soporta
Algunas compañias de hosting ofrecen la migracion de sitios totalmente gratis. Pero usted debera proveer los datos de acceso de su hosting viejito.
y siempre este servicio de translado es limitado por eso asegurese de preguntar si su sitio web esta dentro del parametro gratuito.
Despues de tener todos los datos en el hosting nuevo , nesesita cambiar los nombres de servidores DNS de su Nombre de dominio.
note que para cambiar o redireccionar los nombres de servidores dns . es nesesario entrar al panel de control de nombre de dominio.
esto lo puede conseguir con la empresa donde compro el nombre de dominio o simplemente pedirles a ellos que reapunten sus servidores dns.
por lo general se ve asi*:
ns1.servidordns.com
ns2.servidordns.com
Cuando tu nuevo hosting te provea los nombres de servidores dns a donde apuntaras tu nombre de dominio, deberas cambiar o reapuntar por los
nuevos servidores dns o pedirle a la empresa que maneja o donde compraste tu nombre de dominio cambie o reapunte los servidores dns
por los nuevos dns.
ejemplo
ns1.nuevosdns.com
ns2.nuevosdns.com
si sigue estos simples pasos.. ustedes podran migrar su sitio web completamente sin enfrentar el sitio caido, por la expancion de los
servidores dns que regularmente dura en tre 24 a 72 horas. dependiendo de registrador de domino.
Si hay alguna pregunta al respecto .. sin pena..ªª
mayrodi
21-Dec-2012, 10:43
Buena info!!! tomando nota!!
villeda
21-Dec-2012, 15:39
Entonces, con que continuamos?
pablito2009
23-Dec-2012, 04:03
Cómo Crear un Subdominio en cPanel
http://tiquiserver.com/wp-content/uploads/2012/12/organizacionSubdominio-467x161.jpg
Los subdominios son una manera de crear diferentes cuentas a través de tu cuenta principal, las cuales tienen separadas URL’s. Por ejemplo tu página web “www. midominioregistrado .com” trata sobre tu empresa y empleados. Puedes crear una ruta específico y/o atajo para una sección concreta, por ejemplo para Ventas: “ventas.midominioregistrado.com”.
Cuando creas un subdominio no creas otra cuenta cPanel adicional. Sigues accediendo a través de tu cuenta cPanel principal. Un subdominio es una subcarpeta del nivel public_html que posee su propio cgi-bin y una dirección separada.
También podrás crear cuentas de e-mail con la extensión del subdominio. Por ejemplo puedes poner “
[email protected]” para que Ventas administre desde su Departamento u Oficina su propio correo con su propia dirección.
Para agregar un subdominio en tu cPanel sigue estos sencillos pasos:
1. Selecciona el menú Subdominios que aparece en el menú principal del cPanel.
2. Escribe el texto para el nuevo subdomino en el campo de texto. Selecciona el dominio apropiado bajo el cual crearás el subdominio.
3. Click en el botón Añadir. Una carpeta con el mismo nombre que el subdomino se creará dentro de public_html, también tendrá su propio cgi-bin (si los scripts cgi han sido activados para tu cuenta).
ya con esta informacion esta la primera tarea para los 5 .. y tienen 24 horas para completarla y reportar el subdominio aqui en el foro...
saludos.
cualqueir duda pregunten..
spartan2312
25-Dec-2012, 21:52
reportandome simon pude entrar al panel, ahorita me suscribo a este tema para que no lo olvide ver!!!
Es normal que se mire así?
http://fotos.subefotos.com/cec79faac955218731f2add56894bbd0o.png
spartan2312
26-Dec-2012, 11:36
Es normal que se mire así?
http://fotos.subefotos.com/cec79faac955218731f2add56894bbd0o.png
nel vos se tiene que ver bien, alli me imagino que es por tu señal de inter asi pasa con el facebook cuando esta muy lento
pablito2009
27-Dec-2012, 01:57
nel vos se tiene que ver bien, alli me imagino que es por tu señal de inter asi pasa con el facebook cuando esta muy lento
falta de ancho de banda..
trata de borrar galletitas y historial .. y recarga. denuevo.
POR FAVOR CONFIRMENME LOS OTROS 3 CON SCREEN SHOOTTTSS..
DEL PANEL DE CONTROL PARA PODER PROSEGUIR VAMOS MUY LENTOS..
VOY A DAR 24 HORAS PARA LAS CONFIRMACION, DE LO CONTRARIO HARE
PUBLICA LA INVITACION PARA REEMPLAZAR A LOS FALTANTES.
Los que ya confirmaron . ya pueden crear . un subdominio. para su uso
en el sitio. .. aqui unos treads atras esta el tuto. pueden poner lo que deseen y confirmen de igual forma con capturas de pantalla..
spartan2312
27-Dec-2012, 10:09
mucha me suscribi a esta onda pero no me llegan los mensajes :/
http://s2.subirimagenes.com/otros/previo/thump_8205289centine.jpg
http://s2.subirimagenes.com/otros/previo/thump_8205296spartan.jpg
falta de ancho de banda..
trata de borrar galletitas y historial .. y recarga. denuevo.
POR FAVOR CONFIRMENME LOS OTROS 3 CON SCREEN SHOOTTTSS..
DEL PANEL DE CONTROL PARA PODER PROSEGUIR VAMOS MUY LENTOS..
VOY A DAR 24 HORAS PARA LAS CONFIRMACION, DE LO CONTRARIO HARE
PUBLICA LA INVITACION PARA REEMPLAZAR A LOS FALTANTES.
Los que ya confirmaron . ya pueden crear . un subdominio. para su uso
en el sitio. .. aqui unos treads atras esta el tuto. pueden poner lo que deseen y confirmen de igual forma con capturas de pantalla..
qué raro, lo hice desde el chance donde hay más ancho de banda que en mi casa... en mi casa sí me funcionó bien y ya creé el subdominio
pregunta, cuando lo creé fue el único que había en la lista, nadie más ha hecho uno? o no puedo ver los de los demás?
spartan2312
27-Dec-2012, 10:14
qué raro, lo hice desde el chance donde hay más ancho de banda que en mi casa... en mi casa sí me funcionó bien y ya creé el subdominio
pregunta, cuando lo creé fue el único que había en la lista, nadie más ha hecho uno? o no puedo ver los de los demás?
bien yo ahorita que cree me aparecio el tuyo
bien yo ahorita que cree me aparecio el tuyo
ahhh ok, entonces fui el primero
pablito2009
27-Dec-2012, 11:15
mucha me suscribi a esta onda pero no me llegan los mensajes :/
http://s2.subirimagenes.com/otros/previo/thump_8205289centine.jpg
Si fueras tan amable de tachar el dominio central para evitar hotlinks.
Si fueras tan amable de tachar el dominio central para evitar hotlinks.
qué son los hotlinks?
pablito2009
27-Dec-2012, 11:19
Bueno como no puedo andar arriandolos como pollos. por eso pido cada tarea se publique aqui..
solo veo que spartan agrego la info..
villeda y gesper. naa a la espera.. voya mandar inviatacion a los dos usuarios en la lista para ver si se adieren . al post
pablito2009
27-Dec-2012, 11:20
qué son los hotlinks?
visitas sin anunciarse..ª!
Bueno como no puedo andar arriandolos como pollos. por eso pido cada tarea se publique aqui..
solo veo que spartan agrego la info..
villeda y gesper. naa a la espera.. voya mandar inviatacion a los dos usuarios en la lista para ver si se adieren . al post
osea que sólo villeda y yo seguimos en el curso?
pablito2009
27-Dec-2012, 11:22
williangat crisagilar y ciberus gt estan invitados para aderirse. al curso
pablito2009
27-Dec-2012, 11:28
osea que sólo villeda y yo seguimos en el curso?
no ni villeda ni gepser a puesto screen shot del subdominioª
estoy a la espera de los nuevos users. ya les mande invitacion.
no ni villeda ni gepser a puesto screen shot del subdominioª
estoy a la espera de los nuevos users. ya les mande invitacion.
pero si yo ya hice la tarea :powta: akshdgaksjdghajsd
va pues, acá está el screenshot
http://fotos.subefotos.com/e9bd7999b599c86eb3e4e78cdd8f24b2o.png
villeda
27-Dec-2012, 11:39
Ahi esta la mía
http://img819.imageshack.us/img819/7606/subde.jpg
http://img145.imageshack.us/img145/5880/sub2.jpg
villeda
27-Dec-2012, 11:42
falta de ancho de banda..
trata de borrar galletitas y historial .. y recarga. denuevo.
POR FAVOR CONFIRMENME LOS OTROS 3 CON SCREEN SHOOTTTSS..
DEL PANEL DE CONTROL PARA PODER PROSEGUIR VAMOS MUY LENTOS..
VOY A DAR 24 HORAS PARA LAS CONFIRMACION, DE LO CONTRARIO HARE
PUBLICA LA INVITACION PARA REEMPLAZAR A LOS FALTANTES.
Los que ya confirmaron . ya pueden crear . un subdominio. para su uso
en el sitio. .. aqui unos treads atras esta el tuto. pueden poner lo que deseen y confirmen de igual forma con capturas de pantalla..
Es muy dificil estarte respondiendo a la 1 de la madrugada. Yo he estado pendiente del curso.
pablito2009
27-Dec-2012, 11:43
Ahi esta la mía
http://img40.imageshack.us/img40/3773/subva.jpg
Si fueras tan amable de tachar el dominio central para evitar hotlinks.
por cierto ustedes sigan el tread y respondan en el dia. ª
villeda
27-Dec-2012, 11:48
Si fueras tan amable de tachar el dominio central para evitar hotlinks.
por cierto ustedes sigan el tread y respondan en el dia. ª
:si: listo, no me fije en eso. Pero ya lo edite
spartan2312
27-Dec-2012, 11:50
ya se puede poner uno a meter chivas a su server???
e insisto con lo del grupo de msn
ya se puede poner uno a meter chivas a su server???
esperate hombre, no seas desesperado aklsdhgaskjdghasdf
spartan2312
27-Dec-2012, 11:56
esperate hombre, no seas desesperado aklsdhgaskjdghasdf
si vaa :vwowner:
villeda
27-Dec-2012, 11:57
Y ahi esta la cuenta de correo con el subdominio
http://img685.imageshack.us/img685/3855/emailmg.jpg
http://img534.imageshack.us/img534/2395/email2m.jpg
pablito2009
27-Dec-2012, 12:17
si vaa :vwowner:
Meter chivas en el server??
como asi explicate!
y no seas desesperado..
por cierto los dos ustedes spartan y gepser .
hagan un correo tambien . alli mismo.
saludos.
pablito2009
27-Dec-2012, 12:19
una pregunta. gepser spartan y villeda. ya tienen conocimiento en servers. hosting. diseño . ??
villeda
27-Dec-2012, 12:27
una pregunta. gepser spartan y villeda. ya tienen conocimiento en servers. hosting. diseño . ??
Yo un poco, lo he ido aprendiendo a las malas. Pero nada muy avanzado.
spartan2312
27-Dec-2012, 12:35
una pregunta. gepser spartan y villeda. ya tienen conocimiento en servers. hosting. diseño . ??
ps fijate que yo aprendi diseño asi como a la fuerza, no empeze desde el inicio dirian...
y eh ido aprendiendo en marcha, motivo por el cual pedi que me incluyeras en el grupo de aprendizaje porque del cpanel, solo
solo crear correos, ver archivos, cuentas ftp asi como lo basico
y mi idea es empaparme todo lo que pueda, de hacer una pagina web ya se como diseñarla y todo mi interes mas que todo es aprender a hacer uso de los hosting!!!
pero los clientes con los que eh trabajado es asi como bueno quiero la pagina asi y asa, pago el host y dominio la subo y alli murio todo nunca me pongo a trastear en sus servers para que no haya clavo
cerberus_gt
27-Dec-2012, 12:37
confirmando :si:
spartan2312
27-Dec-2012, 12:39
llega llega
http://s2.subirimagenes.com/otros/previo/thump_8205566correo.jpg
pablito2009
27-Dec-2012, 12:42
esperemos las respuestas de los demas... esta abireto a cualquier pregunta acerca del cpanel.
se publicaran las respuestas aquiª
pablito2009
27-Dec-2012, 12:43
confirmando :si:
mandame tu email para enviarte el dato
crisaguilar
27-Dec-2012, 13:12
pablito2009
27-Dec-2012, 13:53
confirmado
[email protected]
informacion enviada .ponete al dia y responde las preguntas abiertas en el thread.
pablito2009
27-Dec-2012, 13:55
una pregunta. gepser ceberus gt y crisaguilar. ya tienen conocimiento en servers. hosting. diseño . ??
cerberus_gt
27-Dec-2012, 13:59
una pregunta. gepser ceberus gt y crisaguilar. ya tienen conocimiento en servers. hosting. diseño . ??
un cacho en hosting, servers un poco linux, unix, windows, diseño si nada
una pregunta. gepser spartan y villeda. ya tienen conocimiento en servers. hosting. diseño . ??
vos hacé de cuenta que yo no sé nada... pero poné el curso al nivel que los demás prefieran o que vos prefieras :oscar:
(sí sé alguito pero te voy a preguntar igual como si no supiera ni versh... eso sí, de lo que menos sé es de diseño pero me quito el vergazo)
pablito2009
27-Dec-2012, 14:16
vos hacé de cuenta que yo no sé nada... pero poné el curso al nivel que los demás prefieran o que vos prefieras :oscar:
(sí sé alguito pero te voy a preguntar igual como si no supiera ni versh... eso sí, de lo que menos sé es de diseño pero me quito el vergazo)
y porque aqui nesesitamos hablar con la mejor sinceridad agradeceria respondieras la pregunta sin evasibas.
un cacho en hosting, servers un poco linux, unix, windows, diseño si nada
Dado que ustedes saben de servers.
º vamos a dar por terminado lo basico en hosting..
creo que aqui todos. sabemos lo que estamos hablando ..
entonces no veo razon para seguir con un curso apuntado a princiapiantes..
y pasemos a lo no se sabe. Diseño
pablito2009
27-Dec-2012, 14:17
un cacho en hosting, servers un poco linux, unix, windows, diseño si nada
Me falta tu email . que para enviarte el dato del domino.
y porque aqui nesesitamos hablar con la mejor sinceridad agradeceria respondieras la pregunta sin evasibas.
va ta bueno pues, ahora qué sigue en el curso? vamos a diseñar nuestra página? :oscar:
pablito2009
27-Dec-2012, 14:22
va ta bueno pues, ahora qué sigue en el curso? vamos a diseñar nuestra página? :oscar:
si nos respondieras tus conocimientos como lo hicieron los demas.ª
para en determinado momento . poder contar con ayuda de ustedes mismos.
si nos respondieras tus conocimientos como lo hicieron los demas.ª
para en determinado momento . poder contar con ayuda de ustedes mismos.
he usado cpanel y he configurado mi propia página un par de veces pero no se me queda de memoria, muchas veces tengo que regooglear para recordarme, el diseño de páginas no mucho me gusta así que es de lo que menos sé
he usado joomla algunas veces y una vez tuve que crear un módulo (visor de imagenes) para dicho CMS
cualquier cosa de programación le entro 100% pero como dije, diseño no muy me gusta pero igual me gustaría trastear un poco para ir profundizando en ese campo
pablito2009
27-Dec-2012, 14:32
ok entonces esperemos la adicion de los demas.. para poder acordar si veremos cms joomla , wordpres o cualqueir otro de los tantos que hay .. o html puro . ..
si se usan cms. veremos si agregamos la creacion de modulos plugins. ahi tal ves aportas un poco de programacion , aunque para cada proyecto opensource la estructura de programacion en cuanto a diseño maquetacion y semantica son totalmente diferentes. por eso nesesitamos acordar en que vamos a trabajar. para no salirnos del guacal .y que todos aprobechen el curso y las herramientas.
ok entonces esperemos la adicion de los demas.. para poder acordar si veremos cms joomla , wordpres o cualqueir otro de los tantos que hay .. o html puro . ..
si se usan cms. veremos si agregamos la creacion de modulos plugins. ahi tal ves aportas un poco de programacion , aunque para cada proyecto opensource la estructura de programacion en cuanto a diseño maquetacion y semantica son totalmente diferentes. por eso nesesitamos acordar en que vamos a trabajar. para no salirnos del guacal .y que todos aprobechen el curso y las herramientas.
ok... según recuerdo no era difícil, lo que sí requería quebrarse la cabeza un ratito era la integración de esa onda... pero bueno, ahi dependerá de los demás y de vos en qué trabajemos, en html+JS puro sólo una vez ayudé a hacer una página, creo que son pocos los que programan sus páginas web así hoy en día
actualmente programo páginas en ASP aunque en su tiempo usé PHP
pablito2009
27-Dec-2012, 14:50
ok... según recuerdo no era difícil, lo que sí requería quebrarse la cabeza un ratito era la integración de esa onda... pero bueno, ahi dependerá de los demás y de vos en qué trabajemos, en html+JS puro sólo una vez ayudé a hacer una página, creo que son pocos los que programan sus páginas web así hoy en día
actualmente programo páginas en ASP aunque en su tiempo usé PHP
La mayoria de diseños estan anadidos a html5 js y php. .
asp es otro tema bastante delicado en cuanto alojamiento por la redundancia en cuanto uso de recursos se habla.. .. los servidores con modulos como flash server y asp server instalados. son creados unicamente para sitios que requieran bastante uso de recursos. , es por eso que no es comun. y es bastante caro en cuanto servidores. se habla.
aunque hoy en dia . la mayoria de cms incrustan .js en sus estructuras junto con la nueva plataforma html5 para mejorar el tiempo de carga y la visualisacion del diseño en si .
prueva de esto las podemos encontrar en los headers de las paginas. hechas con cms populares como joomla wordpress concret. y muchos mas. en muchos casos son apis publicos como el famosos de google.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
y muchos otros que son creados por emprendedores programadores aportandolos a opensource world para el uso de quien quiera .
herramientas impresindibles hoy en dia. pero confusas para algunos.
La mayoria de diseños estan anadidos a html5 js y php. .
asp es otro tema bastante delicado en cuanto alojamiento por la redundancia en cuanto uso de recursos se habla.. .. los servidores con modulos como flash server y asp server instalados. son creados unicamente para sitios que requieran bastante uso de recursos. , es por eso que no es comun. y es bastante caro en cuanto servidores. se habla.
aunque hoy en dia . la mayoria de cms incrustan .js en sus estructuras junto con la nueva plataforma html5 para mejorar el tiempo de carga y la visualisacion del diseño en si .
prueva de esto las podemos encontrar en los headers de las paginas. hechas con cms populares como joomla wordpress concret. y muchos mas. en muchos casos son apis publicos como el famosos de google.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
y muchos otros que son creados por emprendedores programadores aportandolos a opensource world para el uso de quien quiera .
herramientas impresindibles hoy en dia. pero confusas para algunos.
de acuerdo en lo que vos decís... yo uso asp porque la empresa privada donde trabajo usa asp (un banco) pero que sea mi elección pues no realmente
ya que mencionás el jquery creo que una buena alternativa eran los apis de yahoo, en su tiempo eran la mera toz
pablito2009
27-Dec-2012, 15:30
de acuerdo en lo que vos decís... yo uso asp porque la empresa privada donde trabajo usa asp (un banco) pero que sea mi elección pues no realmente
ya que mencionás el jquery creo que una buena alternativa eran los apis de yahoo, en su tiempo eran la mera toz
todos los apis son buenos . pero los mejores son siempre los desarrollados por programadores opensource.
esa es mi opinion . y porque e usado algunos muy muy buenos.
villeda
27-Dec-2012, 15:49
ok entonces esperemos la adicion de los demas.. para poder acordar si veremos cms joomla , wordpres o cualqueir otro de los tantos que hay .. o html puro . ..
si se usan cms. veremos si agregamos la creacion de modulos plugins. ahi tal ves aportas un poco de programacion , aunque para cada proyecto opensource la estructura de programacion en cuanto a diseño maquetacion y semantica son totalmente diferentes. por eso nesesitamos acordar en que vamos a trabajar. para no salirnos del guacal .y que todos aprobechen el curso y las herramientas.
Yo ya he usado wordpress, en lo personal me gustaria que usaramos joomla, asi aprendo a usarlo tambien.
Me gustaría crear una pagina que no sea de tipo blog :si:
Yo ya he usado wordpress, en lo personal me gustaria que usaramos joomla, asi aprendo a usarlo tambien.
Me gustaría crear una pagina que no sea de tipo blog :si:
a mi me gustaría crear una página en flash aksdhgalskjdasdf pero bueno, si se deciden por joomla está bien por mí, de hecho lo que decidan estará bien... si es html puro pues mejor
villeda
27-Dec-2012, 15:56
a mi me gustaría crear una página en flash aksdhgalskjdasdf pero bueno, si se deciden por joomla está bien por mí, de hecho lo que decidan estará bien... si es html puro pues mejor
Flash también me gustaria :si:
pablito2009
27-Dec-2012, 16:09
ok esperemos que dice lo demas...
cabe mensionar que una pagina en flash no es mas que una pelicula.. animada.
algo que no trae beneficio para ningun lado..ª
esperemos las demas propuestas.
ya te envié un correo desde mi nuevo correo pablo :si:
spartan2312
27-Dec-2012, 22:48
para mi seria mejor html5 para entrarle a las nuevas tecnologias
pablito2009
28-Dec-2012, 14:40
para mi seria mejor html5 para entrarle a las nuevas tecnologias
Veamos si los demas se adieren para acordar.
para mi seria mejor html5 para entrarle a las nuevas tecnologias
sí, eso podría estar bien
por cierto ayer mandé un correo desde mi nuevo correo de la tarea y nuca llegó, qué pasó?
pablito2009
28-Dec-2012, 19:23
bueno para empezar . html5 no es una nueva teckenolojia.
es la nueva version de html or Hypertext Markup Language**
entonces vamos desde coro.. pasamos de una pequenia plantilla en html5
y nos vamos de alli mismo a convertirla a wp y joomla theme..
asi que desde ahora los nesesito pilas a responder. si estan interesados.
a bajar este soft. http://notepad-plus-plus.org/download/v6.2.3.html
es mas que un block de notas pero grafico para codigo.
y dejenme saber por favor. si ya crearon el subdominio.
de ser asi .. lo primero que nesesitamos es crear. un documento nuevo
en plublic_html ,, desde el cpanel van a administrar archivos.. cuando esten
dentr a su izquierda arriba en el menu . le dan crear nuevo archivo.. lo titulan
index.html
pablito2009
28-Dec-2012, 19:24
sí, eso podría estar bien
por cierto ayer mandé un correo desde mi nuevo correo de la tarea y nuca llegó, qué pasó?
no tengo ningun correo . tuyo . y cual correo de tarea hablas..
no tengo ningun correo . tuyo . y cual correo de tarea hablas..
en mi dominio creé un correo y desde el panel podés mandar correos así que envié uno a vos con copia a mi desde ese correo y nunca llegó :dormir:
pd bajando notepad++
pablito2009
28-Dec-2012, 20:03
a diferencia del ya viejito html4. .
el nuevo html5 trajo con sigo nuevos cambios importantes en el lenguaje .
vamoa a trabajar con los tags. mas comunes y pondremos en practica los nuevos tags.
voy a listar lo que vamos a usar.
no usaremos programas como dramweber ni ningun otro . vamos a escribir tags. nada mas
1.
<!--aqui va el comentario-->
este se utiliza para adjuntar . comentarios pero aun esta . esto es importante
lo usemos porque es una buena forma de llevar un trabajo ordenado . y ayuda recordar que estubimos haciendo.. tambien todabia funciona el metodo antiguo
/* aqui va el comentario*/
2.dejamos atras el metodo de aclaracion a los navegadores en cuanto al tipo de codigo que estamos usando con el html5 las cosas son mas faciles.
ahora con esta linea de codigo al empezar tu trabajo sera suficiente para que los navegadores sepan que esta escrito en html5
<!DOCTYPE html>
3. Luego . importantisimo despues de esta linea.. como obligatoria.. ya que si no declaramos el idioma entonces no se esta escribiendo en html5.
Cabe notar que para escribir en html5 es nesesario saber html en sus versiones antiguas.. pero se puede empezar desde aqui. no hay problema. prosiguiendo con el dato . es.
<html dir="ltr" lang="es-ES">
con esto terminariamos la introduccion ..
y pasamos al punto siguiente.
4. la etiqueta head.
<head> que nesesita cerrarse con </head>
Todo lo que este aqui dentro de esta etiqueta. no se vera en el navegador.
y aqui pondremos los datos importantes para decirle a los navegadores como encontrarno, e indexarnos a los buscadores. aqui tambien pondremos los scripts si es que usaremos alguno.
REsumen ..
hasta ahora llevamos un trabajo asi
<!DOCTYPE html>
<html dir="ltr" lang="es-ES">
<head></head>
4.0.1
dentro del head anotaremos los tags y para que sirve cada uno.
4.1
<meta charset="utf-8">
este define el tipo de escritura . el utf-8 es para nuestra lengua castellano.
4.2
<title>aqui va el titulo de la pagina</title>
como puse alli . va el titulo de la pagina
4.3
<meta name="description" content="aqui va la descripcion del sitio de lo que trata el sitio. y lo que en el se puede encontrar." />
4.4
<meta name="keywords" content="aqui van las palabras clave separadas por una coma, ejemplo, negocio, tiquiserver, minicurso," />
4.5
<script type='text/javascript' src='....../js/jquery/jquery.js?ver=1.8.3'></script>
pueda que usemos scripts esta es la etiqueta donde la declaramos.
4.6
<style>
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style>
Pueda que usemos algo de stilo inline . aun es permitible en el html5 y muy
util por cierto.
no olviden cerrar la etiqueta head </head>
nos quedan entonces... el body y el footer
5.
<body> aqui ira todo el cuerpo de nuestra pagina.</body>
dentro del bodi podemos segmentar el sitio en posiciones
absolutas relativas flotantes. o fixed.
casi siempre dentro del body se utiliza la etiqueta
<header>todo lo que valla aqui sera nuestra cabecera.</header>
casi siempre dentro del header se pone el nemu horizontal o bien justo despues.
6. dentro del body ..
tendremos que poner la etiqueta footer o pie de pagina.
<footer> aqui va el pie de pagina< /footer>
justo depues cerramos la etiqueta body </body>
y por ultimo cerramos nuestra etiqueta </html>
recuerdan con esta abrimos el codigo.
Resumen ...
entonces quedaria asi .nuestra hoja primaria.
<!DOCTYPE html>
<html dir="ltr" lang="es-ES">
<head></head>
<body>
<header>
</header>
<footer>
</footer>
</body>
</html>
Preguntas__??
pablito2009
28-Dec-2012, 20:04
en mi dominio creé un correo y desde el panel podés mandar correos así que envié uno a vos con copia a mi desde ese correo y nunca llegó :dormir:
pd bajando notepad++
Por razones de seguridad en cuanto a spam nuestro servidor no permite enviar correos en cadena.~
pablito2009
28-Dec-2012, 20:17
mucha me suscribi a esta onda pero no me llegan los mensajes :/
Por favor edita la pic para no mostrar el dominio que trabajamos. .
spartan2312
28-Dec-2012, 20:57
solo llego a mi casa y me pongo al dia, mira sobre las imagenes que a veces nos pedis que pongamos mejor hagamos un dominio que tenga las carpetas de cada uno y alli vamos ennumerando las imagenes que subamos para que veas como vamos haciendo las cosas siento que seria como lo mejorcito para no estarlo posteando aqui
pablito2009
28-Dec-2012, 21:00
recorda no solo nostros estaos leendo esto es un foro publico y prometi a todos postear las fotos del trabajo que llevemos a cabo...para que todo tengan la infomacion abiertamente.
pablito2009
28-Dec-2012, 21:01
toy sperando . que se hagan presentes todos los participantes y den sus tareas y sus preguntas. :apurate::apurate::apurate::apurate:
villeda
28-Dec-2012, 21:03
Me pondre al dia mañana, ya que aqui en mi pueblo nos tienen sin energia eléctrica desde medio dia.
Mañano hago la tarea :si:
cuál tarea? lo último fue configurar el correo no?
creo que me perdí
... leyendo lo que pusiste de html5 :adicto2:
maruvin
28-Dec-2012, 22:04
me gustaria participar tenia un dominio hace un año pero lo trabaje con Joomla..... y en mente ando comprar un dominio propios siempre :D
cerberus_gt
28-Dec-2012, 22:08
Me falta tu email . que para enviarte el dato del domino.
ayer lo envie, pero veamos como van, yo tengo mi dominio :D
cerberus_gt
28-Dec-2012, 22:25
http://www.oncaweb.com/pruebas/imagen1.png
asi va el mio :D
pablito2009
28-Dec-2012, 22:31
http://www.oncaweb.com/pruebas/imagen1.png
asi va el mio :D
Recomiendo hagas el ejercicio y sigas es la manera mas pronta de aprender.
parece que no estamos haciendo nada. pero cuando estes mas buzo . te acordaras. eso te lo garantizo.
por cierto ya te envie el mail ayer.
cerberus_gt
29-Dec-2012, 07:27
Recomiendo hagas el ejercicio y sigas es la manera mas pronta de aprender.
parece que no estamos haciendo nada. pero cuando estes mas buzo . te acordaras. eso te lo garantizo.
por cierto ya te envie el mail ayer.
fijate que no tengo correo, por eso me parecio extraño,
el mio ya lo tengo en mi web www.oncaweb.com/pruebas/index.html
pablito2009
29-Dec-2012, 08:31
fijate que no tengo correo, por eso me parecio extraño,
el mio ya lo tengo en mi web www.oncaweb.com/pruebas/index.html
http://clix-net.com/emo/Sin%20título.jpg
villeda
29-Dec-2012, 09:20
Me pondre al dia mañana, ya que aqui en mi pueblo nos tienen sin energia eléctrica desde medio dia.
Mañano hago la tarea :si:
Ya tengo energía electrica! :fuck_energuate:
Aqui esta la tarea:
http://img88.imageshack.us/img88/7715/indexgi.jpg
http://img194.imageshack.us/img194/2873/pagecp.jpg
pablito2009
29-Dec-2012, 10:42
Ya tengo energía electrica! :fuck_energuate:
Aqui esta la tarea:
http://img88.imageshack.us/img88/7715/indexgi.jpg
http://img194.imageshack.us/img194/2873/pagecp.jpg
<!DOCTYPE html>
<html dir="ltr" lang="es-ES">
<head>
</head>
<body>
<header>
</header>
<footer>
</footer>
</body>
</html>
Muy buen ejemplo .~
pablito2009
29-Dec-2012, 12:46
fijate que no tengo correo, por eso me parecio extraño,
el mio ya lo tengo en mi web www.oncaweb.com/pruebas/index.html
Sigo sin tener acceso . a tu sitio. trate con VPN pero al parecer hay restriccion geologicamente..saludos.
villeda
29-Dec-2012, 13:28
Sigo sin tener acceso . a tu sitio. trate con VPN pero al parecer hay restriccion geologicamente..saludos.
Yo si puedo entrar
http://img69.imageshack.us/img69/6535/sc20121229132133.png
pablito2009
29-Dec-2012, 13:36
como vemos . no hay ningun tipo de cambio extraordinario en nuestra primera hoja de codigo.. ahora bamos a crear css y adjuntaremos imagenes a nuestro trabajo . que basicamente esta listo para poder aplicar nuestra hoja de estilo.
CSS en cascada.. vamos a crear en el publi_html una carpeta llamada images
es alli donde guardaremos las imagenes. de nuestro pequeño proyecto.
en el public_html del sitio central esta un zip con las imagenes. y alli mismo hay 3 archivos js los cuales utilizaremos en nuestro proyecto. las imagenes las copian en su carpeta nombrada images. y los js los suben en la carpeta del su subdominio.
hecho esto . crean un archivo llamado . style.css asi como crearon index
en la carpeta principal justo donde crearon el index.html
pablito2009
29-Dec-2012, 13:38
Yo si puedo entrar
http://img69.imageshack.us/img69/6535/sc20121229132133.png
es por tu locacion . pero en EEUU en CANADA las juropas y mas abajo en sud america no hay acceso . da un error 503 talves este restringida para locationes.
ejemplo trata con un proxy de usa..
en http://hidemyass.com
alli pones la pagina en mencion . y me contas si carga.
villeda
29-Dec-2012, 14:16
es por tu locacion . pero en EEUU en CANADA las juropas y mas abajo en sud america no hay acceso . da un error 503 talves este restringida para locationes.
ejemplo trata con un proxy de usa..
en http://hidemyass.com
alli pones la pagina en mencion . y me contas si carga.
De hecho si carga, la imagen q puse mas arriba es a travez de opera mini (usa proxy).
Aqui dejo entrando por medio de dos proxys gringos
http://img819.imageshack.us/img819/9902/67353611.jpg
http://img545.imageshack.us/img545/3013/58698812.jpg
pablito2009
29-Dec-2012, 15:14
vamos a preparar el estilo de nuestro proyecto. y voy a dar una explicacion . peque para que quede clarto.
Primero lo que ya . aprendimos imporntante poner comentarios en sus css
lo que se usa en el css para comentar es/*aqui va el comentarios*/
/* aqui van los comentarios este atributo declara el fondo de la web*/
#mc-main
{
background: #EBEBEB url('images/page.jpeg') top center no-repeat scroll;
margin:0 auto;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}
nuestra etiqueta central en nuestra nueva hoja de estilo de manera que usaremos etiquetas , divs, y los estilos identificadores los nombramos id´s o tal es el caso de esta nuestra primera linea de codigo #mc-main entonces nuestro css se declarara con el simbolos # es nuestro ejemplo #mc-main y entonces se llama el atributo con nuestro id en nuestro caso el idi seria mc-main y por ultimo las class. que es lo que definira donde y como se ordenara nuestro atributo .. estas van dentro de las llaves o corchetes. {}
en nuestra hoja de estilo inicial declararemos el background de nuestro sitio.
dentro de nuestros classes. todas nuestras classes si es que usaremos varias. las sparamos con punto y coma.. entonces. ira asi .
primero la ubicacion del back ground con color de fondo y usaremos una imagen la cual estara ya alocada en nuestra carpeta images/ la alocamos al centro en la parte de ariiba y le damos no repetir. : luego el margen . lo poneos a cero en lo algo y todos los demas izquierda derecha y abajo . ponemos auto.: luego declaramos el tamaño del la letra en general lo ponemos a 13px ... luego declaramos el tipo de letra. ... en lasiguiente declaramos el stilo de la fuente. la ponemos como normal y antes esta si estara en negrita o normal en nuestro caso esta normal, en la siguiente linea declaramos que este atributo . estara al 100% de la hoja. en la siguiente linea declaramos el minimo de altura tambien al 100%, se me paso por algo . tambien en las lineas declaramos la posicion de nuestro atributo . como relativo. es decir. este sera relativo tambien vemos left o izquierda como esta abajo del margen declara marginal a la izauierda a 0 y arriba a 0 tambien el siguiente es el cursor lo dejaremos como default. y por ultimo el overflow que es como rebalsado . le damos hiden .o esconder todo lo que se salga de la pagina.
una ves enpecemos a llenar con codigo nuestro css.
entonces nos queda llamar el css y esto se hace en el header con la etiquita ya mencionada.
pero antes vamos a insertar dentro de nuestra hoja html principa en dentro de la etiquita head. las siguientes lineas.
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">
despues vamos a modificar un poco nuestro html .
justo depues de . de la etiqueta <body>
vamoa a declarar la primera linea de css de la siguiente manera
<div id="mc-main">
esto llamara el background .. aunque solo veremos un pequenio cambio en nuestro html . ademas agregaremos dentro de la etiqueta body .
una etiqueta nueva en html5 llamada <article></article>
<article>
<h3>aqui va el cuerpo de la pagina</h3>
</article>
entonces al final quedara nuestro index.html asi
<!DOCTYPE html>
<html dir="ltr" lang="es"><head>
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
</head>
<body>
<div id="mc-main">
<header>
<h1>el Titulo de header</h1>
</header>
<article>
<h3>aqui va el cuerpo de la pagina</h3>
</article>
<footer>
<p><br></p>
</footer>
</body></html>
cabe mencionar que por erro de mi cabeza. en la declacion del lenguage.
no va es-ES entre comillas . si no solo es. Lo que paso esque estaba yo .
actulizando un archivo po de traduccion y alli se utiliza ese tipo de declaracion.
<link rel="stylesheet" href="style.responsive.css" media="all">
auno no lo creamos pero es buena idea agregarlo de una vez.
pablito2009
29-Dec-2012, 15:16
De hecho si carga, la imagen q puse mas arriba es a travez de opera mini (usa proxy).
Aqui dejo entrando por medio de dos proxys gringos
http://img819.imageshack.us/img819/9902/67353611.jpg
http://img545.imageshack.us/img545/3013/58698812.jpg
La unica manera que yo la pude ver . es .el vpn nuestro en GT.
realmente no se que pasa.
spartan2312
30-Dec-2012, 12:10
llega la mia
http://spartan2312.stereocentinela.net/imagenestareas/1.jpg
agregue lo de css pero no veo ningun cambio :/
asi llevo el index
http://spartan2312.stereocentinela.net/imagenestareas/4.jpg
pablito2009
30-Dec-2012, 12:34
llega la mia
agregue lo de css pero no veo ningun cambio :/
Veamos tu trabajo ya agregado lo poquito del css style
spartan2312
30-Dec-2012, 12:56
Veamos tu trabajo ya agregado lo poquito del css style
alli esta como lo puse y esta parecido al tuyo, lo revise varias veces pero no jala la imagen que tendria que ser de fondo digo yo
http://spartan2312.stereocentinela.net/imagenestareas/5.jpg
y esto es lo que esta en el servidor
http://spartan2312.stereocentinela.net/imagenestareas/6.jpg
pablito2009
30-Dec-2012, 12:57
si arreglaras los issues en tu index.
agrege los arreglos en el post anterior pare lo agrego de nuevo..
recorda acerca del idioma..
vamos a preparar el estilo de nuestro proyecto. y voy a dar una explicacion . peque para que quede clarto.
Primero lo que ya . aprendimos imporntante poner comentarios en sus css
lo que se usa en el css para comentar es/*aqui va el comentarios*/
/* aqui van los comentarios este atributo declara el fondo de la web*/
#mc-main
{
background: #EBEBEB url('images/page.jpeg') top center no-repeat scroll;
margin:0 auto;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}nuestra etiqueta central en nuestra nueva hoja de estilo de manera que usaremos etiquetas , divs, y los estilos identificadores los nombramos id´s o tal es el caso de esta nuestra primera linea de codigo #mc-main entonces nuestro css se declarara con el simbolos # es nuestro ejemplo #mc-main y entonces se llama el atributo con nuestro id en nuestro caso el idi seria mc-main y por ultimo las class. que es lo que definira donde y como se ordenara nuestro atributo .. estas van dentro de las llaves o corchetes. {}
en nuestra hoja de estilo inicial declararemos el background de nuestro sitio.
dentro de nuestros classes. todas nuestras classes si es que usaremos varias. las sparamos con punto y coma.. entonces. ira asi .
primero la ubicacion del back ground con color de fondo y usaremos una imagen la cual estara ya alocada en nuestra carpeta images/ la alocamos al centro en la parte de ariiba y le damos no repetir. : luego el margen . lo poneos a cero en lo algo y todos los demas izquierda derecha y abajo . ponemos auto.: luego declaramos el tamaño del la letra en general lo ponemos a 13px ... luego declaramos el tipo de letra. ... en lasiguiente declaramos el stilo de la fuente. la ponemos como normal y antes esta si estara en negrita o normal en nuestro caso esta normal, en la siguiente linea declaramos que este atributo . estara al 100% de la hoja. en la siguiente linea declaramos el minimo de altura tambien al 100%, se me paso por algo . tambien en las lineas declaramos la posicion de nuestro atributo . como relativo. es decir. este sera relativo tambien vemos left o izquierda como esta abajo del margen declara marginal a la izauierda a 0 y arriba a 0 tambien el siguiente es el cursor lo dejaremos como default. y por ultimo el overflow que es como rebalsado . le damos hiden .o esconder todo lo que se salga de la pagina.
una ves enpecemos a llenar con codigo nuestro css.
entonces nos queda llamar el css y esto se hace en el header con la etiquita ya mencionada.
pero antes vamos a insertar dentro de nuestra hoja html principa en dentro de la etiquita head. las siguientes lineas.
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">despues vamos a modificar un poco nuestro html .
justo depues de . de la etiqueta <body>
vamoa a declarar la primera linea de css de la siguiente manera
<div id="mc-main">
esto llamara el background .. aunque solo veremos un pequenio cambio en nuestro html . ademas agregaremos dentro de la etiqueta body .
una etiqueta nueva en html5 llamada <article></article>
<article>
<h3>aqui va el cuerpo de la pagina</h3>
</article>entonces al final quedara nuestro index.html asi
<!DOCTYPE html>
<html dir="ltr" lang="es"><head>
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
</head>
<body>
<div id="mc-main">
<header>
<h1>el Titulo de header</h1>
</header>
<article>
<h3>aqui va el cuerpo de la pagina</h3>
</article>
<footer>
<p><br></p>
</footer>
</body></html> cabe mencionar que por erro de mi cabeza. en la declacion del lenguage.
no va es-ES entre comillas . si no solo es. Lo que paso esque estaba yo .
actulizando un archivo po de traduccion y alli se utiliza ese tipo de declaracion.
<link rel="stylesheet" href="style.responsive.css" media="all">
auno no lo creamos pero es buena idea agregarlo de una vez.[/quote]
llega la mia
http://spartan2312.stereocentinela.net/imagenestareas/1.jpg
agregue lo de css pero no veo ningun cambio :/
asi llevo el index
http://spartan2312.stereocentinela.net/imagenestareas/4.jpg
pablito2009
30-Dec-2012, 13:01
por ahora no nos preocuparemos acerca de la visualicion del fondo . o la foto del fonde porque aun falta codigo .. y algunos llamados en el index. para que se vea..
quedo a la espera . de los demas....................
en la prueba se tiene que mostrar tu contenido dentro de un fondo gris..
si es asi esta perfecto.
alli esta como lo puse y esta parecido al tuyo, lo revise varias veces pero no jala la imagen que tendria que ser de fondo digo yo
http://spartan2312.stereocentinela.net/imagenestareas/5.jpg
y esto es lo que esta en el servidor
http://spartan2312.stereocentinela.net/imagenestareas/6.jpg
pablito2009
30-Dec-2012, 13:02
asi esta mi index..
<!DOCTYPE html>
<html dir="ltr" lang="es"><head>
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
</head>
<body>
<div id="mc-main">
<header>
<h1>el Titulo de header</h1>
</header>
<article>
<h3>aqui va el cuerpo de la pagina</h3>
</article>
<footer>
<p><br></p>
</footer>
</body></html>
perenseeee :powta: ya me llevan ventaja... :adicto2:
bueno, ahora sí, tarea completa
http://i47.tinypic.com/1z6gprr.jpg
villeda
31-Dec-2012, 09:56
Asi voy yo
http://img594.imageshack.us/img594/8302/15855269.jpg
http://img850.imageshack.us/img850/6650/43977206.jpg
http://img33.imageshack.us/img33/478/61036954.jpg
mientras postean algo más te hago una pregunta...
hay forma de poner algo diferente en lugar de "www" en el dominio? es decir, en lugar de www.google.com podría ser wxy.google.com?
pablito2009
02-Jan-2013, 22:13
mientras postean algo más te hago una pregunta...
hay forma de poner algo diferente en lugar de "www" en el dominio? es decir, en lugar de www.google.com (http://www.google.com) podría ser wxy.google.com?
WORLD WIDE WEB= PREFIX.
nunca habia escuchado algo aso ...
TE dice algo esto.. wxy.gepser.s*******a.net (http://wxy.gepser.stereocentinela.net)
pablito2009
02-Jan-2013, 22:15
ala que lento . o sera que realmente no les interesa..... aprender.
ni los viejitos ni los nuevos.. . . . . .. . realmente si yo hubiese tenido esta oportunidad. cuando no sabia... la hubiera aprovechado .
saludos.
villeda
02-Jan-2013, 22:50
ala que lento . o sera que realmente no les interesa..... aprender.
ni los viejitos ni los nuevos.. . . . . .. . realmente si yo hubiese tenido esta oportunidad. cuando no sabia... la hubiera aprovechado .
saludos.
Estamos esperando el siguiente paso :si:
Siempre pendiente
villeda
02-Jan-2013, 22:53
WORLD WIDE WEB= PREFIX.
nunca habia escuchado algo aso ...
TE dice algo esto.. wxy.gepser.s*******a.net (http://wxy.gepser.stereocentinela.net)
En ese caso el wxy es un subdominio.
pablito2009
02-Jan-2013, 22:56
En ese caso el wxy es un subdominio.
Asi es pero aqui la variante es el comodin...!!
u can no reach the url with www. prefixª
Asi es pero aqui la variante es el comodin...!!
u can no reach the url with www. prefixª
y algo asi?
http://ww25.youropenbook.org/
nótese que no es un www.ww25.etc
spartan2312
03-Jan-2013, 07:09
Estamos esperando el siguiente paso :si:
Siempre pendiente
alli tamos presentes!!!
pablito2009
03-Jan-2013, 08:22
y algo asi?
http://ww25.youropenbook.org/
nótese que no es un www.ww25.etc (http://www.ww25.etc)
Sigue siendo un subdominio.. con comodin.
regularmente usado para parquear dominio en el clusted de dns.
una ves estos expiran . es muy comun..
si existe la variante www. cada vez que agregas esto . se agrega otro subdominio mas con el prefijo del Comodin . en este caso ww25.
A quer vienen estas preguntas??
Sigue siendo un subdominio.. con comodin.
regularmente usado para parquear dominio en el clusted de dns.
una ves estos expiran . es muy comun..
si existe la variante www. cada vez que agregas esto . se agrega otro subdominio mas con el prefijo del Comodin . en este caso ww25.
A quer vienen estas preguntas??
es que mi navegador (uno de todos) lo detecta como sitio dañino y los otros no :S quería saber por qué la rareza del dominio
pablito2009
03-Jan-2013, 08:37
es que mi navegador (uno de todos) lo detecta como sitio dañino y los otros no :S quería saber por qué la rareza del dominio
Tu respuesta no es coungrente con mi pregunta..
No es un sitio dañino . el sitio esta parqueado en el Dns Cluster de Registradorªª
Tu respuesta no es coungrente con mi pregunta..
No es un sitio dañino . el sitio esta parqueado en el Dns Cluster de Registradorªª
ok y yo preguntaba ya que nadie más hace su tarea... recordate que spartan y villeda ya la hicieron, yo también... si nadie más quiere seguir pues sigamos nosotros.
spartan1987
04-Jan-2013, 07:28
mucha me pase a este user porque el otro no funcionan los pm's y lo van a borrar
spartan1987
04-Jan-2013, 08:20
vos pablito mira estaba con duda, pero no hay una tag que es para imagen en html??
<img src=" " style="max-width:100%;" alt="Descripcion">
esa misma no podemos utilizar para fondo, background si no estoy mal
o hay que hacerlo a puro tubo con el css??
pablito2009
04-Jan-2013, 10:23
no creo halla necesidad de agregar el backgroud in line en el index. .
lo que pasa es que no se muestra porque aun esta listo lo principal de css.
pablito2009
04-Jan-2013, 10:59
Terminamos de arreglar el css hasta el menú vertical.
vamos por partes. y trato de explicar . las variables.
son demaciadas para entrar en detalle.. sin embargo son libres
de preguntar acerca de la estructuración de css.
NOTE.que todos tienen un peque error en la primera línea del css.
justo en el background. código de colo ~~#E38y838~~ noten que
el que ustedes tienen tiene dos numerales. ªªª Arreglen su issue.
table, ul.mc-hmenu
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}
/* Reseteador de bordes de botones. Es importante para insertar etiquetas de botones * La sombra desplazable tiene que ser diferente por IE es por eso que odio Internet Explorer. */
.mc-button
{
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #E93301;
padding:0 15px;
margin:0 auto;
height:29px;
}
.mc-postcontent,
.mc-postheadericons,
.mc-postfootericons,
.mc-blockcontent,
ul.mc-vmenu a
{
text-align: left;
}
.mc-postcontent,
.mc-postcontent li,
.mc-postcontent table,
.mc-postcontent a,
.mc-postcontent a:link,
.mc-postcontent a:visited,
.mc-postcontent a.visited,
.mc-postcontent a:hover,
.mc-postcontent a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
line-height: 150%;
}
.mc-postcontent p
{
margin: 12px 0;
}
.mc-postcontent h1, .mc-postcontent h1 a, .mc-postcontent h1 a:link, .mc-postcontent h1 a:visited, .mc-postcontent h1 a:hover,
.mc-postcontent h2, .mc-postcontent h2 a, .mc-postcontent h2 a:link, .mc-postcontent h2 a:visited, .mc-postcontent h2 a:hover,
.mc-postcontent h3, .mc-postcontent h3 a, .mc-postcontent h3 a:link, .mc-postcontent h3 a:visited, .mc-postcontent h3 a:hover,
.mc-postcontent h4, .mc-postcontent h4 a, .mc-postcontent h4 a:link, .mc-postcontent h4 a:visited, .mc-postcontent h4 a:hover,
.mc-postcontent h5, .mc-postcontent h5 a, .mc-postcontent h5 a:link, .mc-postcontent h5 a:visited, .mc-postcontent h5 a:hover,
.mc-postcontent h6, .mc-postcontent h6 a, .mc-postcontent h6 a:link, .mc-postcontent h6 a:visited, .mc-postcontent h6 a:hover,
.mc-blockheader .t, .mc-blockheader .t a, .mc-blockheader .t a:link, .mc-blockheader .t a:visited, .mc-blockheader .t a:hover,
.mc-vmenublockheader .t, .mc-vmenublockheader .t a, .mc-vmenublockheader .t a:link, .mc-vmenublockheader .t a:visited, .mc-vmenublockheader .t a:hover,
.mc-headline, .mc-headline a, .mc-headline a:link, .mc-headline a:visited, .mc-headline a:hover,
.mc-slogan, .mc-slogan a, .mc-slogan a:link, .mc-slogan a:visited, .mc-slogan a:hover,
.mc-postheader, .mc-postheader a, .mc-postheader a:link, .mc-postheader a:visited, .mc-postheader a:hover
{
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.mc-postcontent a, .mc-postcontent a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #EB2700;
}
.mc-postcontent a:visited, .mc-postcontent a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #FE5425;
}
.mc-postcontent a:hover, .mc-postcontent a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #FF4824;
}
.mc-postcontent h1
{
color: #737678;
margin-top: 21px;
margin-bottom: 21px;
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h1
{
margin-top: 21px;
margin-bottom: 21px;
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h1 a, .mc-postcontent h1 a:link, .mc-postcontent h1 a:hover, .mc-postcontent h1 a:visited, .mc-blockcontent h1 a, .mc-blockcontent h1 a:link, .mc-blockcontent h1 a:hover, .mc-blockcontent h1 a:visited
{
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h2
{
color: #8F9294;
margin-top: 19px;
margin-bottom: 19px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h2
{
margin-top: 19px;
margin-bottom: 19px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h2 a, .mc-postcontent h2 a:link, .mc-postcontent h2 a:hover, .mc-postcontent h2 a:visited, .mc-blockcontent h2 a, .mc-blockcontent h2 a:link, .mc-blockcontent h2 a:hover, .mc-blockcontent h2 a:visited
{
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h3
{
color: #FF4824;
margin: 19px 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h3
{
margin: 19px 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h3 a, .mc-postcontent h3 a:link, .mc-postcontent h3 a:hover, .mc-postcontent h3 a:visited, .mc-blockcontent h3 a, .mc-blockcontent h3 a:link, .mc-blockcontent h3 a:hover, .mc-blockcontent h3 a:visited
{
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h4
{
color: #FE582A;
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h4
{
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h4 a, .mc-postcontent h4 a:link, .mc-postcontent h4 a:hover, .mc-postcontent h4 a:visited, .mc-blockcontent h4 a, .mc-blockcontent h4 a:link, .mc-blockcontent h4 a:hover, .mc-blockcontent h4 a:visited
{
font-size: 16px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h5
{
color: #B72801;
margin-top: 26px;
margin-bottom: 26px;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h5
{
margin-top: 26px;
margin-bottom: 26px;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h5 a, .mc-postcontent h5 a:link, .mc-postcontent h5 a:hover, .mc-postcontent h5 a:visited, .mc-blockcontent h5 a, .mc-blockcontent h5 a:link, .mc-blockcontent h5 a:hover, .mc-blockcontent h5 a:visited
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h6
{
color: #FE744D;
margin-top: 35px;
margin-bottom: 35px;
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h6
{
margin-top: 35px;
margin-bottom: 35px;
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h6 a, .mc-postcontent h6 a:link, .mc-postcontent h6 a:hover, .mc-postcontent h6 a:visited, .mc-blockcontent h6 a, .mc-blockcontent h6 a:link, .mc-blockcontent h6 a:hover, .mc-blockcontent h6 a:visited
{
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
header, footer, article, nav, #mc-hmenu-bg, .mc-sheet, .mc-hmenu a, .mc-vmenu a, .mc-slidenavigator > a, .mc-checkbox:before, .mc-radiobutton:before
{
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}
header, footer, article, nav, #mc-hmenu-bg, .mc-sheet, .mc-slidenavigator > a, .mc-checkbox:before, .mc-radiobutton:before
{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position: inside;
}
html, body
{
height: 100%;
}
body
{
padding: 0;
margin:0;
min-width: 1040px;
color: #343637;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.cleared {
font: 0/0 serif;
clear: both;
}
form
{
padding: 0 !important;
margin: 0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
li h1, .mc-postcontent li h1, .mc-blockcontent li h1
{
margin:1px;
}
li h2, .mc-postcontent li h2, .mc-blockcontent li h2
{
margin:1px;
}
li h3, .mc-postcontent li h3, .mc-blockcontent li h3
{
margin:1px;
}
li h4, .mc-postcontent li h4, .mc-blockcontent li h4
{
margin:1px;
}
li h5, .mc-postcontent li h5, .mc-blockcontent li h5
{
margin:1px;
}
li h6, .mc-postcontent li h6, .mc-blockcontent li h6
{
margin:1px;
}
li p, .mc-postcontent li p, .mc-blockcontent li p
{
margin:1px;
}
.mc-shapes
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.mc-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.mc-slidenavigator > a {
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}
.mc-slidenavigator > a:last-child {
margin-right: 0 !important;
}
.mc-object0
{
display: block;
left: 0%;
margin-left: -58px;
position: absolute;
top: 13px;
width: 405px;
height: 375px;
background-image: url('images/object0.png');
background-position: 0 0;
background-repeat: no-repeat;
z-index: 1;
}
.mc-headline
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 134px;
left: 0%;
line-height: 100%;
margin-left: 0px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 99;
}
.mc-headline,
.mc-headline a,
.mc-headline a:link,
.mc-headline a:visited,
.mc-headline a:hover
{
font-size: 45px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
padding: 0;
margin: 0;
color: #FFFFFF !important;
white-space: nowrap;
}
.mc-slogan
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 181px;
left: 0%;
line-height: 100%;
margin-left: 0px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 99;
white-space: nowrap;
}
.mc-slogan,
.mc-slogan a,
.mc-slogan a:link,
.mc-slogan a:visited,
.mc-slogan a:hover
{
font-size: 16px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding: 0;
margin: 0;
color: #070808 !important;
}
.mc-header
{
margin:0 auto;
position:relative;
height: 470px;
background-image: url('images/header.png');
background-position: center top;
background-repeat: no-repeat;
}
.responsive .mc-header
{
background-image: url('images/header.png');
background-position: center center;
}
.mc-header-inner{
position: relative;
width: 1040px;
z-index: auto !important;
margin: 0 auto;
}
.mc-header>.widget
{
position:absolute;
z-index:101;
}
Mi progresoª (http://pablito2009.stereocentinela.net./)
Terminamos de arreglar el css hasta el menú vertical.
vamos por partes. y trato de explicar . las variables.
son demaciadas para entrar en detalle.. sin embargo son libres
de preguntar acerca de la estructuración de css.
NOTE.que todos tienen un peque error en la primera línea del css.
justo en el background. código de colo ~~#E38y838~~ noten que
el que ustedes tienen tiene dos numerales. ªªª Arreglen su issue.
table, ul.mc-hmenu
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}
/* Reseteador de bordes de botones. Es importante para insertar etiquetas de botones * La sombra desplazable tiene que ser diferente por IE es por eso que odio Internet Explorer. */
.mc-button
{
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #E93301;
padding:0 15px;
margin:0 auto;
height:29px;
}
.mc-postcontent,
.mc-postheadericons,
.mc-postfootericons,
.mc-blockcontent,
ul.mc-vmenu a
{
text-align: left;
}
.mc-postcontent,
.mc-postcontent li,
.mc-postcontent table,
.mc-postcontent a,
.mc-postcontent a:link,
.mc-postcontent a:visited,
.mc-postcontent a.visited,
.mc-postcontent a:hover,
.mc-postcontent a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
line-height: 150%;
}
.mc-postcontent p
{
margin: 12px 0;
}
.mc-postcontent h1, .mc-postcontent h1 a, .mc-postcontent h1 a:link, .mc-postcontent h1 a:visited, .mc-postcontent h1 a:hover,
.mc-postcontent h2, .mc-postcontent h2 a, .mc-postcontent h2 a:link, .mc-postcontent h2 a:visited, .mc-postcontent h2 a:hover,
.mc-postcontent h3, .mc-postcontent h3 a, .mc-postcontent h3 a:link, .mc-postcontent h3 a:visited, .mc-postcontent h3 a:hover,
.mc-postcontent h4, .mc-postcontent h4 a, .mc-postcontent h4 a:link, .mc-postcontent h4 a:visited, .mc-postcontent h4 a:hover,
.mc-postcontent h5, .mc-postcontent h5 a, .mc-postcontent h5 a:link, .mc-postcontent h5 a:visited, .mc-postcontent h5 a:hover,
.mc-postcontent h6, .mc-postcontent h6 a, .mc-postcontent h6 a:link, .mc-postcontent h6 a:visited, .mc-postcontent h6 a:hover,
.mc-blockheader .t, .mc-blockheader .t a, .mc-blockheader .t a:link, .mc-blockheader .t a:visited, .mc-blockheader .t a:hover,
.mc-vmenublockheader .t, .mc-vmenublockheader .t a, .mc-vmenublockheader .t a:link, .mc-vmenublockheader .t a:visited, .mc-vmenublockheader .t a:hover,
.mc-headline, .mc-headline a, .mc-headline a:link, .mc-headline a:visited, .mc-headline a:hover,
.mc-slogan, .mc-slogan a, .mc-slogan a:link, .mc-slogan a:visited, .mc-slogan a:hover,
.mc-postheader, .mc-postheader a, .mc-postheader a:link, .mc-postheader a:visited, .mc-postheader a:hover
{
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.mc-postcontent a, .mc-postcontent a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #EB2700;
}
.mc-postcontent a:visited, .mc-postcontent a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #FE5425;
}
.mc-postcontent a:hover, .mc-postcontent a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #FF4824;
}
.mc-postcontent h1
{
color: #737678;
margin-top: 21px;
margin-bottom: 21px;
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h1
{
margin-top: 21px;
margin-bottom: 21px;
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h1 a, .mc-postcontent h1 a:link, .mc-postcontent h1 a:hover, .mc-postcontent h1 a:visited, .mc-blockcontent h1 a, .mc-blockcontent h1 a:link, .mc-blockcontent h1 a:hover, .mc-blockcontent h1 a:visited
{
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h2
{
color: #8F9294;
margin-top: 19px;
margin-bottom: 19px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h2
{
margin-top: 19px;
margin-bottom: 19px;
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h2 a, .mc-postcontent h2 a:link, .mc-postcontent h2 a:hover, .mc-postcontent h2 a:visited, .mc-blockcontent h2 a, .mc-blockcontent h2 a:link, .mc-blockcontent h2 a:hover, .mc-blockcontent h2 a:visited
{
font-size: 24px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h3
{
color: #FF4824;
margin: 19px 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h3
{
margin: 19px 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h3 a, .mc-postcontent h3 a:link, .mc-postcontent h3 a:hover, .mc-postcontent h3 a:visited, .mc-blockcontent h3 a, .mc-blockcontent h3 a:link, .mc-blockcontent h3 a:hover, .mc-blockcontent h3 a:visited
{
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h4
{
color: #FE582A;
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h4
{
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h4 a, .mc-postcontent h4 a:link, .mc-postcontent h4 a:hover, .mc-postcontent h4 a:visited, .mc-blockcontent h4 a, .mc-blockcontent h4 a:link, .mc-blockcontent h4 a:hover, .mc-blockcontent h4 a:visited
{
font-size: 16px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h5
{
color: #B72801;
margin-top: 26px;
margin-bottom: 26px;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h5
{
margin-top: 26px;
margin-bottom: 26px;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h5 a, .mc-postcontent h5 a:link, .mc-postcontent h5 a:hover, .mc-postcontent h5 a:visited, .mc-blockcontent h5 a, .mc-blockcontent h5 a:link, .mc-blockcontent h5 a:hover, .mc-blockcontent h5 a:visited
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h6
{
color: #FE744D;
margin-top: 35px;
margin-bottom: 35px;
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-blockcontent h6
{
margin-top: 35px;
margin-bottom: 35px;
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postcontent h6 a, .mc-postcontent h6 a:link, .mc-postcontent h6 a:hover, .mc-postcontent h6 a:visited, .mc-blockcontent h6 a, .mc-blockcontent h6 a:link, .mc-blockcontent h6 a:hover, .mc-blockcontent h6 a:visited
{
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
header, footer, article, nav, #mc-hmenu-bg, .mc-sheet, .mc-hmenu a, .mc-vmenu a, .mc-slidenavigator > a, .mc-checkbox:before, .mc-radiobutton:before
{
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}
header, footer, article, nav, #mc-hmenu-bg, .mc-sheet, .mc-slidenavigator > a, .mc-checkbox:before, .mc-radiobutton:before
{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position: inside;
}
html, body
{
height: 100%;
}
body
{
padding: 0;
margin:0;
min-width: 1040px;
color: #343637;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.cleared {
font: 0/0 serif;
clear: both;
}
form
{
padding: 0 !important;
margin: 0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
li h1, .mc-postcontent li h1, .mc-blockcontent li h1
{
margin:1px;
}
li h2, .mc-postcontent li h2, .mc-blockcontent li h2
{
margin:1px;
}
li h3, .mc-postcontent li h3, .mc-blockcontent li h3
{
margin:1px;
}
li h4, .mc-postcontent li h4, .mc-blockcontent li h4
{
margin:1px;
}
li h5, .mc-postcontent li h5, .mc-blockcontent li h5
{
margin:1px;
}
li h6, .mc-postcontent li h6, .mc-blockcontent li h6
{
margin:1px;
}
li p, .mc-postcontent li p, .mc-blockcontent li p
{
margin:1px;
}
.mc-shapes
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.mc-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.mc-slidenavigator > a {
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}
.mc-slidenavigator > a:last-child {
margin-right: 0 !important;
}
.mc-object0
{
display: block;
left: 0%;
margin-left: -58px;
position: absolute;
top: 13px;
width: 405px;
height: 375px;
background-image: url('images/object0.png');
background-position: 0 0;
background-repeat: no-repeat;
z-index: 1;
}
.mc-headline
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 134px;
left: 0%;
line-height: 100%;
margin-left: 0px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 99;
}
.mc-headline,
.mc-headline a,
.mc-headline a:link,
.mc-headline a:visited,
.mc-headline a:hover
{
font-size: 45px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
padding: 0;
margin: 0;
color: #FFFFFF !important;
white-space: nowrap;
}
.mc-slogan
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 181px;
left: 0%;
line-height: 100%;
margin-left: 0px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 99;
white-space: nowrap;
}
.mc-slogan,
.mc-slogan a,
.mc-slogan a:link,
.mc-slogan a:visited,
.mc-slogan a:hover
{
font-size: 16px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding: 0;
margin: 0;
color: #070808 !important;
}
.mc-header
{
margin:0 auto;
position:relative;
height: 470px;
background-image: url('images/header.png');
background-position: center top;
background-repeat: no-repeat;
}
.responsive .mc-header
{
background-image: url('images/header.png');
background-position: center center;
}
.mc-header-inner{
position: relative;
width: 1040px;
z-index: auto !important;
margin: 0 auto;
}
.mc-header>.widget
{
position:absolute;
z-index:101;
}
Mi progresoª (http://pablito2009.stereocentinela.net./)
leído desde ahorita pero no puedo entrar al sitio desde acá como les mostré antes :( cuando llegue a mi casa lo hago
pablito2009
04-Jan-2013, 14:01
AGREGO EL STILO DE NUESTRO MENU . QUE ES PURO CODIGO NO IMAGINES EN ACCION . Y ES LO MAS RECOMENDABLE PORQUE ACELERA LA CARGA DEL SITIO Y LO HACE MAS ACTUAL.
/* desque aquí el menú vertical y la alineación del mismo. */
.mc-nav
{
background: #161717 url('images/nav.png') scroll;
background: rgba(22, 23, 23, 0.2) url('images/nav.png') scroll;
z-index: 100;
font-size: 0;
position: absolute;
margin: 0;
bottom: 1px;
width: 100%;
text-align: left;
}
ul.mc-hmenu a, ul.mc-hmenu a:link, ul.mc-hmenu a:visited, ul.mc-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}
ul.mc-hmenu, ul.mc-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
ul.mc-hmenu li
{
position: relative;
z-index: 5;
display: block;
float: left;
background: none;
margin: 0;
padding: 0;
border: 0;
}
ul.mc-hmenu li:hover
{
z-index: 10000;
white-space: normal;
}
ul.mc-hmenu:after, ul.mc-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
ul.mc-hmenu, ul.mc-hmenu ul
{
min-height: 0;
}
ul.mc-hmenu
{
display: inline-block;
vertical-align: bottom;
}
.mc-nav:before
{
content:' ';
}
.desktop-nav.mc-nav{
width: 1040px;
padding-left: 0;
padding-right: 0;
}
.mc-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: auto;
background-position: center;
}
.mc-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: auto;
background-position: center;
}
.mc-hmenu
{
float: left;
}
.mc-menuitemcontainer
{
margin:0 auto;
}
ul.mc-hmenu>li {
margin-left: 1px;
}
ul.mc-hmenu>li:first-child {
margin-left: 0;
}
ul.mc-hmenu>li:last-child, ul.mc-hmenu>li.last-child {
margin-right: 0;
}
ul.mc-hmenu>li>a
{
padding:0 22px;
margin:0 auto;
position: relative;
display: block;
height: 61px;
cursor: pointer;
text-decoration: none;
color: #6E7172;
line-height: 61px;
text-align: center;
}
.mc-hmenu a,
.mc-hmenu a:link,
.mc-hmenu a:visited,
.mc-hmenu a.active,
.mc-hmenu a:hover
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
}
ul.mc-hmenu>li>a.active
{
background: #DB0000;
padding:0 22px;
margin:0 auto;
color: #FFFFFF;
text-decoration: none;
}
ul.mc-hmenu>li>a:visited,
ul.mc-hmenu>li>a:hover,
ul.mc-hmenu>li:hover>a {
text-decoration: none;
}
ul.mc-hmenu>li>a:hover, .desktop ul.mc-hmenu>li:hover>a
{
background: #5BC733;
padding:0 22px;
margin:0 auto;
}
ul.mc-hmenu>li>a:hover,
.desktop-nav ul.mc-hmenu>li:hover>a {
color: #FFFFFF;
text-decoration: none;
}
ul.mc-hmenu>li:before
{
position:absolute;
display: block;
content:' ';
top:0;
left: -1px;
width:1px;
height: 61px;
background: url('images/menuseparator.png') center center no-repeat;
}
ul.mc-hmenu>li:first-child:before{
display:none;
}
ul.mc-hmenu li li a
{
background: #BEC0C1;
border:1px solid #85888A;
padding:0 12px;
margin:0 auto;
}
ul.mc-hmenu li li
{
float: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.desktop-nav ul.mc-hmenu li li ul>li:first-child
{
margin-top: 0;
}
ul.mc-hmenu li li ul>li:last-child
{
margin-bottom: 0;
}
.mc-hmenu ul a
{
display: block;
white-space: nowrap;
height: 28px;
min-width: 7em;
border: 1px solid transparent;
text-align: left;
line-height: 28px;
color: #252727;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
margin:0;
}
.mc-hmenu li li a
{
border-top-width: 0 !important;
}
.mc-hmenu li li:hover a
{
border-top-width: 1px !important;
}
.mc-hmenu ul>li:first-child>a
{
border-top-width: 1px !important;
}
.mc-hmenu ul a:link,
.mc-hmenu ul a:visited,
.mc-hmenu ul a.active,
.mc-hmenu ul a:hover
{
text-align: left;
line-height: 28px;
color: #252727;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
margin:0;
}
ul.mc-hmenu ul li a:hover, .desktop ul.mc-hmenu ul li:hover>a
{
background: #85888A;
border:1px solid #FE582A;
margin:0 auto;
}
.mc-hmenu ul li a:hover
{
color: #28292A;
}
.mc-hmenu ul li a.mc-hmenu-before-hovered
{
border-bottom-width: 0 !important;
}
.desktop-nav .mc-hmenu ul li:hover>a
{
color: #28292A;
}
ul.mc-hmenu ul:before
{
background: #E93301;
margin:0 auto;
display: block;
position: absolute;
content: ' ';
z-index: 1;
}
.desktop-nav ul.mc-hmenu li:hover>ul {
visibility: visible;
top: 100%;
}
.desktop-nav ul.mc-hmenu li li:hover>ul {
top: 0;
left: 100%;
}
ul.mc-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background-image: url('images/spacer.gif');
}
.desktop-nav ul.mc-hmenu>li>ul
{
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.desktop-nav ul.mc-hmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
.desktop-nav ul.mc-hmenu ul.mc-hmenu-left-to-right
{
right: auto;
left: 0;
margin: -10px 0 0 -30px;
}
.desktop-nav ul.mc-hmenu ul.mc-hmenu-right-to-left
{
left: auto;
right: 0;
margin: -10px -30px 0 0;
}
.desktop-nav ul.mc-hmenu li li:hover>ul.mc-hmenu-left-to-right {
right: auto;
left: 100%;
}
.desktop-nav ul.mc-hmenu li li:hover>ul.mc-hmenu-right-to-left {
left: auto;
right: 100%;
}
.desktop-nav ul.mc-hmenu ul ul.mc-hmenu-left-to-right
{
right: auto;
left: 0;
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
.desktop-nav ul.mc-hmenu ul ul.mc-hmenu-right-to-left
{
left: auto;
right: 0;
padding: 30px 10px 30px 30px;
margin: -30px -10px 0 0;
}
.desktop-nav ul.mc-hmenu li ul>li:first-child {
margin-top: 0;
}
.desktop-nav ul.mc-hmenu li ul>li:last-child {
margin-bottom: 0;
}
.desktop-nav ul.mc-hmenu ul ul:before
{
border-radius: 0;
top: 30px;
bottom: 30px;
right: 30px;
left: 10px;
}
.desktop-nav ul.mc-hmenu>li>ul:before
{
top: 10px;
right: 30px;
bottom: 30px;
left: 30px;
}
.desktop-nav ul.mc-hmenu>li>ul.mc-hmenu-left-to-right:before {
right: 30px;
left: 30px;
}
.desktop-nav ul.mc-hmenu>li>ul.mc-hmenu-right-to-left:before {
right: 30px;
left: 30px;
}
.desktop-nav ul.mc-hmenu ul ul.mc-hmenu-left-to-right:before {
right: 30px;
left: 10px;
}
.desktop-nav ul.mc-hmenu ul ul.mc-hmenu-right-to-left:before {
right: 10px;
left: 30px;
}
/* desque aquí el estilo de la hoja y la aliniacion de la misma. */
.mc-sheet
{
background: #FFFBFA;
background: transparent;
border:1px solid transparent;
margin:10px auto 0;
position:relative;
cursor:auto;
width: 1040px;
z-index: auto !important;
}
.mc-layout-wrapper
{
position: relative;
margin: 0 auto 0 auto;
z-index: auto !important;
}
.mc-content-layout
{
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.mc-content-layout-row
{
display: table-row;
}
.mc-layout-cell
{
display: table-cell;
vertical-align: top;
}
.mc-block
{
margin:10px;
}
div.mc-block img
{
border: none;
margin: 0;
}
.mc-blockheader
{
background: #2F3131;
padding:12px 0;
margin:0 auto 4px;
}
.mc-blockheader .t,
.mc-blockheader .t a,
.mc-blockheader .t a:link,
.mc-blockheader .t a:visited,
.mc-blockheader .t a:hover
{
color: #FE582A;
font-size: 14px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
margin: 0 10px;
}
.mc-blockheader .t:before
{
content:url('images/blockheadericon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .mc-blockheader .t:before
{
/* Alimineamiento vertical : en medio en opera no se necesita alimineaminto adicional */
bottom: 0;
}
pablito2009
04-Jan-2013, 14:12
estas son la adiciones al index.
<!DOCTYPE html>
<html dir="ltr" lang="es-Es"><head <meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">
<script src="jquery.js"></script>
<script src="script.js"></script>
<script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
<style>.mc-content .mc-postcontent-0 .layout-item-old-0 { margin-top: 10px;margin-bottom: 5px; }
.mc-content .mc-postcontent-0 .layout-item-old-1 { border-spacing: 10px 0px; border-collapse: separate; }
.mc-content .mc-postcontent-0 .layout-item-old-2 { color: #DBDCDC; background: #2F3537; padding-right: 10px;padding-left: 10px; }
.mc-content .mc-postcontent-0 .layout-item-old-3 { margin-bottom: 5px; }
.mc-content .mc-postcontent-0 .layout-item-old-4 { border-spacing: 9px 0px; border-collapse: separate; }
.mc-content .mc-postcontent-0 .layout-item-old-5 { padding-right: 10px;padding-left: 10px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style></head>
<body>
<div id="mc-main">
<header class="mc-header clearfix">
<div class="mc-shapes">
<h1 class="mc-headline" data-left="0%">
<a href="#">MiniCurSO</a>
</h1>
<h2 class="mc-slogan" data-left="0%">Construllamos un tema....</h2>
<div class="mc-object0" data-left="0%"></div>
</div>
<nav class="mc-nav clearfix">
<ul class="mc-hmenu"><li><a href="#" class="active">Inicio</a></li><li><a href="#">Contacto</a></li></ul>
</nav>
</header>
<div class="mc-sheet clearfix">
<div class="mc-layout-wrapper clearfix">
<div class="mc-layout-cell mc-content clearfix">
<article class="mc-post mc-article">
<h1>Aquí va el cuerpo de mi sitio</h1>
</article></div>
</div>
</div>
</div>
</div>
<footer class="mc-footer clearfix">
<div class="mc-footer-inner">
<p><br>Aquí va el pie de mi pagina.</p>
</div>
</footer>
</div>
</body></html>
pablito2009
04-Jan-2013, 14:13
Preguntaª
Como declar la etiqueta del menú vertical en nuestro Proyento .?
spartan1987
04-Jan-2013, 15:58
jue puchis hoy si es un monton, en la noche lo hago en la casa que en el cel es un cacho tedioso ponerse a leer asi!!!
cerberus_gt
06-Jan-2013, 14:39
interesante, pablito me podes enviar el link de lo que tenias en el zip, para los styles, scripts y demas, a mi no me llego para poder ingresar al site los datos :rvm:
cerberus_gt
06-Jan-2013, 14:39
por eso sigo trabjaando en mi sitio :D
pablito2009
06-Jan-2013, 16:30
por eso sigo trabjaando en mi sitio :D
Datos en P;M
Interesante, me pongo al día mañana.
:puravida:
pablito2009
07-Jan-2013, 22:17
Agrego el codigo que reparara Internet explorer 7
lo nombraremos style.ie7.css y lo pondremos en el root.
del dominio o subdominio.
clearfix {
zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
}
.mc-textblock > div {
display: block;
line-height: normal;
zoom: 1;
}
.mc-header
{
z-index: 1;
}
.mc-hmenu>li, .mc-hmenu>li>a
{
display: inline !important;
zoom: 1;
float: none !important;
vertical-align: top;
}
ul.mc-hmenu, ul.mc-hmenu ul {
zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).className="cleared");
}
ul.mc-hmenu>li:first-child {
padding-right:1px;
}
ul.mc-hmenu>li{
zoom:expression(runtimeStyle.zoom=1,insertBefore(d ocument.createElement('span'),firstChild).classNam e='mc-hmenu-separator');
}
ul.mc-hmenu>li>span.mc-hmenu-separator
{
position:absolute;
display: block;
top:0;
left: -1px;
width: 1px;
height: 61px;
background: url('images/menuseparator.png') center center no-repeat;
}
ul.mc-hmenu>li:first-child>span.mc-hmenu-separator
{
display:none;
}
ul.mc-hmenu ul{
background-color: #E93301 !important;
}
.mc-content-layout, .mc-content-layout-row, .mc-layout-cell
{
display: block;
zoom: 1;
}
.mc-layout-cell
{
position:relative;
float: left;
clear: right;
}
pablito2009
07-Jan-2013, 22:19
Agrego el css para realocar el sitio en cellulares. notepads. y todos los dispositivos moviles.
le nombraremos style.responsive.css y lo pondremos siempre en el root.
.responsive body
{
min-width: 240px;
}
.responsive .mc-content-layout img,
.responsive .mc-content-layout video
{
max-width: 100%;
height: auto !important;
}
.responsive.responsive-phone .mc-content-layout img
{
float: none !important;
}
.responsive .mc-content-layout .mc-sidebar0,
.responsive .mc-content-layout .mc-sidebar1,
.responsive .mc-content-layout .mc-sidebar2
{
width: auto !important;
}
.responsive .mc-content-layout,
.responsive .mc-content-layout-row,
.responsive .mc-layout-cell
{
display: block;
}
.responsive .mc-slidenavigator
{
display: none !important;
}
.responsive .mc-collage
{
display: none !important;
}
.responsive .image-caption-wrapper
{
width: auto !important;
}
.responsive .mc-textblock
{
display: none;
}
.responsive.responsive-tablet .mc-vmenublock,
.responsive.responsive-tablet .mc-block
{
margin-left: 1%;
margin-right: 1%;
width: 48%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
pablito2009
07-Jan-2013, 22:35
Agrego la parte final de nuestro codigo style.css
el body y el footer. en su mayoria. ª
.mc-blockcontent
{
margin:0 auto;
color: #343637;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
.mc-blockcontent table,
.mc-blockcontent li,
.mc-blockcontent a,
.mc-blockcontent a:link,
.mc-blockcontent a:visited,
.mc-blockcontent a:hover
{
color: #343637;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
.mc-blockcontent p
{
margin: 6px 0;
}
.mc-blockcontent a, .mc-blockcontent a:link
{
color: #FF4824;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.mc-blockcontent a:visited, .mc-blockcontent a.visited
{
color: #FE7852;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.mc-blockcontent a:hover, .mc-blockcontent a.hover
{
color: #FF4824;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.mc-block ul>li:before
{
content:url('images/blockbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
margin-left: -11px;
}
.opera .mc-block ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.mc-block li
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
line-height: 125%;
color: #B72801;
margin-left: 10px;
}
.mc-block ul>li, .mc-block ol
{
padding: 0;
}
.mc-block ul>li
{
padding-left: 11px;
}
.mc-breadcrumbs
{
margin:0 auto;
}
a.mc-button,
a.mc-button:link,
a:link.mc-button:link,
body a.mc-button:link,
a.mc-button:visited,
body a.mc-button:visited,
input.mc-button,
button.mc-button
{
text-decoration: none;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position:relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #FCFCFD;
margin: 0 !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
line-height: 29px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mc-button img
{
margin: 0;
vertical-align: middle;
}
.firefox2 .mc-button
{
display: block;
float: left;
}
input, select, textarea
{
vertical-align: middle;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.mc-block select
{
width:96%;
}
input.mc-button
{
float: none !important;
}
.mc-button.active, .mc-button.active:hover
{
background: #A1A4A5;
padding:0 15px;
margin:0 auto;
}
.mc-button.active, .mc-button.active:hover {
color: #1B1C1D !important;
}
.mc-button.hover, .mc-button:hover
{
background: #BEC0C1;
padding:0 15px;
margin:0 auto;
}
.mc-button.hover, .mc-button:hover {
color: #000000 !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
background: #F9FAFB;
margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
width: 100%;
padding: 8px 0;
color: #7A1400 !important;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
input.mc-error, textarea.mc-error
{
background: #F9FAFB;
border:1px solid #E2341D;
margin:0 auto;
}
input.mc-error, textarea.mc-error {
color: #7A1400 !important;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
form.mc-search input[type="text"]
{
background: #F9FAFB;
border-radius: 0;
margin:0 auto;
width: 100%;
padding: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #7A1400 !important;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
form.mc-search
{
background-image: none;
border: 0;
display:block;
position:relative;
top:0;
padding:0;
margin:5px;
left:0;
line-height: 0;
}
form.mc-search input
{
top:0;
right:0;
}
form.mc-search>input {
bottom:0;
left:0;
vertical-align: middle;
}
form.mc-search input[type="submit"]
{
background: #FE8462;
margin:0 auto;
color: #8E1F01 !important;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position:absolute;
display:block;
left: auto;
border: 0;
top: 0;
bottom: 0;
right: 0;
}
label.mc-checkbox:before
{
background: #F9FAFB;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0 auto;
width:16px;
height:16px;
}
label.mc-checkbox
{
cursor: pointer;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 16px;
display: inline-block;
}
.mc-checkbox>input[type="checkbox"]
{
margin: 0 5px 0 0;
}
label.mc-checkbox.active:before
{
background: #BEC0C1;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0 auto;
width:16px;
height:16px;
display: inline-block;
}
label.mc-checkbox.hovered:before
{
background: #E5E6E6;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0 auto;
width:16px;
height:16px;
display: inline-block;
}
label.mc-radiobutton:before
{
background: #F9FAFB;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto;
width:12px;
height:12px;
}
label.mc-radiobutton
{
cursor: pointer;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 12px;
display: inline-block;
}
.mc-radiobutton>input[type="radio"]
{
vertical-align: baseline;
margin: 0 5px 0 0;
}
label.mc-radiobutton.active:before
{
background: #BEC0C1;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto;
width:12px;
height:12px;
display: inline-block;
}
label.mc-radiobutton.hovered:before
{
background: #E5E6E6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto;
width:12px;
height:12px;
display: inline-block;
}
a img
{
border: 0;
}
.mc-article img, img.mc-article, .mc-block img, .mc-footer img
{
margin: 2px 2px 2px 2px;
}
.mc-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
.mc-article table, table.mc-article
{
border-collapse: collapse;
margin: 1px;
}
.mc-post .mc-content-layout-br
{
height: 0;
}
.mc-article th, .mc-article td
{
padding: 2px;
border: solid 1px #4B4D4E;
vertical-align: top;
text-align: left;
}
.mc-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
pre
{
overflow: auto;
padding: 0.1em;
}
.preview-cms-logo
{
border: 0;
margin: 1em 1em 0 0;
float: left;
}
.image-caption-wrapper
{
padding: 2px 2px 2px 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper img
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper div.mc-collage
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper p
{
font-size: 80%;
text-align: right;
margin: 0;
}
.mc-postheader
{
color: #D62400;
margin: 10px 0 0;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postheader a,
.mc-postheader a:link,
.mc-postheader a:visited,
.mc-postheader a.visited,
.mc-postheader a:hover,
.mc-postheader a.hovered
{
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.mc-postheader a, .mc-postheader a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #FF401A;
}
.mc-postheader a:visited, .mc-postheader a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #FE3801;
}
.mc-postheader a:hover, .mc-postheader a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
color: #FF4824;
}
.mc-postmetadataheader
{
background: #EAEBEB;
margin:0 auto;
position:relative;
z-index:1;
padding: 1px;
margin-top: 5px;
}
.mc-postheadericons,
.mc-postheadericons a,
.mc-postheadericons a:link,
.mc-postheadericons a:visited,
.mc-postheadericons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
color: #B72801;
}
.mc-postheadericons
{
display:inline-block;
padding: 1px;
}
.mc-postheadericons a, .mc-postheadericons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #9E1A00;
}
.mc-postheadericons a:visited, .mc-postheadericons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-decoration: none;
color: #4D5051;
}
.mc-postheadericons a:hover, .mc-postheadericons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-decoration: underline;
color: #D62400;
}
.mc-postpdficon:before
{
content:url('images/postpdficon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .mc-postpdficon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.mc-postprinticon:before
{
content:url('images/postprinticon.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.opera .mc-postprinticon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.mc-postemailicon:before
{
content:url('images/postemailicon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .mc-postemailicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.mc-postcontent ul>li:before, .mc-post ul>li:before, .mc-textblock ul>li:before
{
content:url('images/postbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.opera .mc-postcontent ul>li:before, .opera .mc-post ul>li:before, .opera .mc-textblock ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.mc-postcontent li, .mc-post li, .mc-textblock li
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
color: #111212;
margin: 0 0 0 10px;
}
.mc-postcontent ul>li, .mc-post ul>li, .mc-textblock ul>li, .mc-postcontent ol, .mc-post ol, .mc-textblock ol
{
padding: 0;
}
.mc-postcontent ul>li, .mc-post ul>li, .mc-textblock ul>li
{
padding-left: 11px;
}
.mc-postcontent ul>li:before, .mc-post ul>li:before, .mc-textblock ul>li:before
{
margin-left: -11px;
}
.mc-postcontent ol, .mc-post ol, .mc-textblock ol, .mc-postcontent ul, .mc-post ul, .mc-textblock ul
{
margin: 1em 0 1em 10px;
}
.mc-postcontent li ol, .mc-post li ol, .mc-textblock li ol, .mc-postcontent li ul, .mc-post li ul, .mc-textblock li ul
{
margin: 0.5em 0 0.5em 10px;
}
.mc-postcontent li, .mc-post li, .mc-textblock li
{
margin: 0 0 0 0;
}
.mc-postcontent ol>li, .mc-post ol>li, .mc-textblock ol>li
{
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}
.mc-postcontent ul>li, .mc-post ul>li, .mc-textblock ul>li
{
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}
blockquote
{
background: #FFBFAE url('images/postquote.png') no-repeat scroll;
border:1px solid #FE8462;
padding:6px 6px 6px 43px;
margin:10px 10px 10px 50px;
color: #1E0700;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
/* makes block not to align behind the image if they are in the same line */
overflow: auto;
clear:both;
}
blockquote a, .mc-postcontent blockquote a, .mc-blockcontent blockquote a, .mc-footer blockquote a,
blockquote a:link, .mc-postcontent blockquote a:link, .mc-blockcontent blockquote a:link, .mc-footer blockquote a:link,
blockquote a:visited, .mc-postcontent blockquote a:visited, .mc-blockcontent blockquote a:visited, .mc-footer blockquote a:visited,
blockquote a:hover, .mc-postcontent blockquote a:hover, .mc-blockcontent blockquote a:hover, .mc-footer blockquote a:hover
{
color: #1E0700;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
/* Override native 'p' margins*/
blockquote p,
.mc-postcontent blockquote p,
.mc-blockcontent blockquote p,
.mc-footer blockquote p
{
margin: 0;
margin:3px;
}
.mc-postmetadatafooter
{
background: #E5E6E6;
margin:0 auto;
position:relative;
z-index:1;
padding: 1px;
}
.mc-postfootericons,
.mc-postfootericons a,
.mc-postfootericons a:link,
.mc-postfootericons a:visited,
.mc-postfootericons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
color: #B22701;
}
.mc-postfootericons
{
display:inline-block;
padding: 1px;
}
.mc-postfootericons a, .mc-postfootericons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #D12300;
}
.mc-postfootericons a:visited, .mc-postfootericons a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #4D5051;
}
.mc-postfootericons a:hover, .mc-postfootericons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #D12300;
}
.mc-footer
{
background: #2F3131;
margin:20px auto 0;
position: relative;
color: #A1A4A5;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-align: center;
padding: 0;
}
.mc-footer a,
.mc-footer a:link,
.mc-footer a:visited,
.mc-footer a:hover,
.mc-footer td,
.mc-footer th,
.mc-footer caption
{
color: #A1A4A5;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
.mc-footer p
{
padding:0;
text-align: center;
}
.mc-footer a,
.mc-footer a:link
{
color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.mc-footer a:visited
{
color: #FE5425;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.mc-footer a:hover
{
color: #E93301;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.mc-footer img
{
border: none;
margin: 7px;
}
.mc-footer-inner
{
margin: 0 auto;
width:1040px;
padding:10px;
padding-right: 10px;
padding-left: 10px;
}
.mc-rss-tag-icon
{
background: url('images/footerrssicon.png') no-repeat scroll;
margin:0 auto;
min-height:32px;
min-width:32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
}
.mc-rss-tag-icon:empty
{
vertical-align: middle;
}
.mc-footer li
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
line-height: 125%;
color: #FFCCC2;
}
.mc-page-footer,
.mc-page-footer a,
.mc-page-footer a:link,
.mc-page-footer a:visited,
.mc-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #CECFD0;
}
.mc-page-footer
{
position: relative;
z-index: auto !important;
padding: 1em;
text-align: center !important;
text-decoration: none;
color: #B6B8B9;
}
img.mc-lightbox
{
cursor: pointer;
}
#mc-lightbox-bg *
{
padding: 0;
margin: 0;
}
div#mc-lightbox-bg
{
top: 0;
left: 0;
width: 100%;
position: absolute;
height: 100%;
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 9999;
}
img.mc-lightbox-image
{
-webkit-transition: opacity 350ms ease-in-out;
-moz-transition: opacity 350ms ease-in-out;
-o-transition: opacity 350ms ease-in-out;
-ms-transition: opacity 350ms ease-in-out;
transition: opacity 350ms ease-in-out;
cursor: pointer;
z-index: 10000;
position: fixed;
border: 6px solid #fff;
border-radius: 3px;
opacity: 0;
filter: alpha(opacity=0);
}
img.mc-lightbox-image.active
{
opacity: 1;
filter: alpha(opacity=100);
}
.lightbox-error
{
position: fixed;
background: #fff;
z-index: 100;
opacity: 0.95;
padding: 20px;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
width: 300px;
height: 80px;
}
.loading
{
position: fixed;
background: #fff url('images/preloader-01.gif') center center no-repeat;
width: 32px;
height: 32px;
z-index: 10100;
opacity: 0.5;
padding: 10px;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
}
.arrow
{
height: 100px;
width: 82px;
z-index: 10003;
position: fixed;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
.arrow.left
{
left: 9px;
}
.arrow.right
{
right: 9px;
}
.arrow:hover
{
opacity: 1;
filter: alpha(opacity=100);
}
.arrow.disabled
{
display: none;
}
.arrow-t, .arrow-b
{
height: 6px;
width: 30px;
left: 26px;
background-color: #fff;
position: relative;
border-radius: 3px;
}
.arrow-t
{
top: 38px;
}
.arrow-b
{
top: 50px;
}
.close
{
width: 22px;
height: 22px;
position: fixed;
top: 30px;
right: 39px;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
.close:hover
{
opacity: 1;
filter: alpha(opacity=100);
}
.close .cw, .close .ccw
{
position: absolute;
top: 8px;
left: -4px;
width: 30px;
height: 6px;
background-color: #fff;
border-radius: 3px;
}
.cw
{
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Safari and Chrome */
-o-transform: rotate(45deg);
/* Opera */
-moz-transform: rotate(45deg);
/* Firefox */}
.ccw
{
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Safari and Chrome */
-o-transform: rotate(-45deg);
/* Opera */
-moz-transform: rotate(-45deg);
/* Firefox */}
.close-alt, .arrow-right-alt, .arrow-left-alt
{
display: none;
color: #fff;
font-size: 2.5em;
}
.ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt {
display: block;
}
.ie8 .cw, .ie8 .ccw {
display: none;
}
.mc-content-layout .mc-content
{
margin:0 auto;
}
/* Estilos adicionales CSS */
.mc-blockheader .t, .mc-vmenublockheader .t {white-space: nowrap;}
.responsive .mc-header .mc-slogan {
background-color: rgba(255, 255, 255, .9);
padding: 10px;
}
.responsive .mc-header .mc-shapes .mc-slogan {
display: inline-block !important;
padding: 2px;
margin-top: 0 !important
}
.responsive .mc-layout-cell.responsive-tablet-layout-cell {
margin: 1%;
width: 48% !important;
}
.responsive .mc-layout-cell {
padding-top: 1px;
margin-top: 5px;
margin-bottom: 5px;
}
/* final Estilos adicionales CSS */
pablito2009
07-Jan-2013, 22:50
terminando mi index e incluyendo el body y el footer .
<!DOCTYPE html>
<html dir="ltr" lang="es-ES"><head <meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<link rel="stylesheet" href="style.css" media="screen">
<link rel="stylesheet" href="style.responsive.css" media="all">
<script src="jquery.js"></script>
<script src="script.js"></script>
<script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
<style>.mc-content .mc-postcontent-0 .layout-item-old-0 { margin-top: 10px;margin-bottom: 5px; }
.mc-content .mc-postcontent-0 .layout-item-old-1 { border-spacing: 10px 0px; border-collapse: separate; }
.mc-content .mc-postcontent-0 .layout-item-old-2 { color: #DBDCDC; background: #2F3537; padding-right: 10px;padding-left: 10px; }
.mc-content .mc-postcontent-0 .layout-item-old-3 { margin-bottom: 5px; }
.mc-content .mc-postcontent-0 .layout-item-old-4 { border-spacing: 9px 0px; border-collapse: separate; }
.mc-content .mc-postcontent-0 .layout-item-old-5 { padding-right: 10px;padding-left: 10px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style></head>
<body>
<div id="mc-main">
<header class="mc-header clearfix">
<div class="mc-shapes">
<h1 class="mc-headline" data-left="0%">
<a href="#">MiniCurSO</a>
</h1>
<h2 class="mc-slogan" data-left="0%">Construllamos un tema....</h2>
<div class="mc-object0" data-left="0%"></div>
</div>
<nav class="mc-nav clearfix">
<ul class="mc-hmenu"><li><a href="#" class="active">Inicio</a></li><li><a href="#">Contacto</a></li></ul>
</nav>
</header>
<div class="mc-sheet clearfix">
<div class="mc-layout-wrapper clearfix">
<div class="mc-layout-cell mc-content clearfix">
<article class="mc-post mc-article">
<h3>Aquí va el cuerpo de mi sitio</h3>
</article></div>
</div>
</div>
</div>
</div>
<footer class="mc-footer clearfix">
<div class="mc-footer-inner">
<p><br>pie de mi pagina.</p>
</div>
</footer>
</div>
</body></html>
pablito2009
08-Jan-2013, 07:57
Agrego mi contenido en el body de mi demo.
cabe notar que la tabla de stilo la hice en un editor html como este ..del foro.
<article>
<table style="width: 100%; height: auto;" border="0" cellpadding="20">
<tbody>
<tr>
<td style="background-color: transparent; border-style: solid; border-width: 1px; border-color: transparent;">
<h3>Ultimas Noticias</h3>
<hr style="border: none; background-color: #cccccc; color: #cccccc; height: 1px;" />
<h4>03/15/11</h4>
<p>Aqui van las ultimas noticias de nuestro proyecto. <a href="#"> Mas...</a></p>
<h4>02/21/11</h4>
<p> </p>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto. </span><a style="font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 19px;" href="#"><span style="font-weight: normal;"><span style="font-size: 13px;"> </span><span style="font-size: 11px;">Más</span><span style="font-size: 13px;">...</span></span></a></span></h4>
<h4>01/15/11</h4>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<p><a href="#">Mas...</a></p>
</td>
<td style="border-color: transparent; background-color: transparent; border-style: solid; border-width: 1px;" colspan="3">
<h1>Parte del articulo :aside: </h1>
<hr style="border: none; background-color: #cccccc; color: #cccccc; height: 1px;" />
<p><img style="float: left; margin-right: 10px;" alt="" src="http://stereocentinela.net/pablito2009/images/shutterstock_28649449.jpg" width="225" height="212" /></p>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<p> </p>
<p><a href="#">Ver Mas...</a></p>
</td>
</tr>
<tr>
<td style="background-color: transparent; border-style: solid; border-width: 1px; border-color: transparent;">
<h3>Reciente</h3>
<hr style="border: none; background-color: #cccccc; color: #cccccc; height: 1px;" />
<p style="text-align: center;"><img alt="" src="http://stereocentinela.net/pablito2009/images/top3.png" width="125" height="125" /></p>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<p style="text-align: center;"><a class="mc-button" href="#">Ver Mas</a></p>
</td>
<td style="border-color: transparent; background-color: transparent; border-style: solid; border-width: 1px;">
<h3>Servicios</h3>
<hr style="border: none; background-color: #cccccc; color: #cccccc; height: 1px;" />
<p style="text-align: center;"><img alt="" src="http://stereocentinela.net/pablito2009/images/top1.png" width="125" height="125" /></p>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<p style="text-align: center;"><a class="mc-button" href="#">Ver Mas</a></p>
</td>
<td style="border-color: transparent; background-color: transparent; border-style: solid; border-width: 1px;">
<h3>Ofertas</h3>
<hr style="border: none; background-color: #c4d8e9; color: #c4d8e9; height: 1px;" />
<p style="text-align: center;"><img alt="" src="http://stereocentinela.net/pablito2009/images/top2.png" width="125" height="125" /></p>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<p style="text-align: center;"><a class="mc-button" href="#">Ver Mas</a></p>
</td>
<td style="border-color: transparent; background-color: transparent; border-style: solid; border-width: 1px;">
<h3>Contacto</h3>
<hr style="border: none; background-color: #c4d8e9; color: #c4d8e9; height: 1px;" />
<p style="text-align: center;"><img alt="" src="http://stereocentinela.net/pablito2009/images/top4.png" width="125" height="125" /></p>
<h4><span style="color: #343637; font-family: Tahoma, Arial, Helvetica, sans-serif;"><span style="font-size: 13px; font-weight: normal;">Aqui van las ultimas noticias de nuestro proyecto.</span></span></h4>
<p style="text-align: center;"><a class="mc-button" href="#">Ver Mas</a></p>
</td>
</tr>
</tbody>
</table></article>
pablito2009
08-Jan-2013, 08:07
y para terminar agrege mi spacio en el fotter..
cabe notar que fue hecho en un editor html como este el del foro
<p>MiniCurso 2012-2013. Todos los Derechos Reservados.</p>
<p><a href="#"><img width="32" height="32" alt="" src="http://stereocentinela.net/pablito2009/images/rss_32.png" class=""></a><a href="#"><img width="32" height="32" alt="" src="http://stereocentinela.net/pablito2009/images/facebook_32.png" class=""></a><a href="#"><img width="32" height="32" alt="" src="http://stereocentinela.net/pablito2009/images/twitter_32.png" class=""></a></p>
<p>Mini Curso <a href="http://www.Tiquiserver.com">Tiquiserver / StudioClix</a>.</p>
con esto Queda terminido en su totalida mi demo.
esperando que aprendieran algo sobre html5 y sus reglas..
Hoy en dia. se dice que usar editores de contenido . es una pabada.
a lo cual en mis años de experiencia. opino humildemente que como
siempre los criticos estan equivocados.
algunos incluso son autoadministrables.
pero la mayoria de cms opensurce son buenos.
cada web master o empresa de diseño .. escoge la que mas se acople
a el conocimiento de sus diseñadores. o bien sea mas util , en sentidos.
seo, segmentacion , utilidad, costo , mantenimiento, programacion, herramientas.
Con un cms se simplifican las cosas en mas de un 50% , ..
Tambien se dice que por que una pagina esta hecha en cms. es insegura
y barata. a lo cual tambien no se esta de acuerdo..
se dice que lo mejor es html y si se tiene clientes una base de datos mezclada con php. Que por que es mas seguro.
de nuevo .. lo mismo se puede infiltrar la seguridad de un html o de un php.
este este ligado a un cms o hecho a mano. o desde 0
se Corren los mismos peligros....
en mi opinion . una pagina hecha en html es mas probable su clonacion ., robo, hoy en dia es tan facil hacer una copia en una pagina hecha en puro html. sea cual sea su version.
mientra que un cms que maneja templates. themes, o temas. es no imposible pero bastante complicado robar el codigo de el tema..
cualquier duda .. pregunten .. saludos.
quiero entrar y me sale esto
Esta página web no está disponible
Es posible que la página web en http://50.XXX.XXX.XXX:20XX/ no funcione temporalmente o se haya trasladado de manera permanente a una nueva dirección web.
Error 330 (net::ERR_CONTENT_DECODING_FAILED): Error desconocido.
me falta la última parte de la tarea... diste de baja la dirección que nos diste? yo quiero terminar la demo
pablito2009
08-Jan-2013, 17:48
quiero entrar y me sale esto
me falta la última parte de la tarea... diste de baja la dirección que nos diste? yo quiero terminar la demo
no esta funcionando . talvez. tu ip la blokeo el servidor...
trata con un proxy o estara liberada en un par de horas
pablito2009
09-Jan-2013, 18:06
Bueno muchachos nuestro mini curso a terminado.
estaba en mis deseos seguir haciendo la transicion de este proyecto a plantilla cms. pero no veo lamentablemente ustedes le esten dando el seguimiento nesesario ..
De todas formas . seguire respondiendo a sus preguntas.
saludos.
vBulletin® v3.8.5, Copyright ©2000-2024, Jelsoft Enterprises Ltd. Traducido por mcloud - vBhispano.com