Volver al Los Comentarios de Sitios Web

Sitio de la evaluación: el futuro del Cuerpo

  • futurebuzz
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: Abr 13, 2004
  • Mensajes: 75
  • Loc: Birmingham England
  • Status: Offline

Nota Abril 16th, 2004, 10:50 am

Hey i acaba de descargar Netscape y Mozilla, y mi sitio se ve sh! Te. La sombra sobre la mesa y el menú de la izquierda no es visible cuando la gente me lo dijo. El menú principal no se ve demasiado...También eso. Banner jpg thingy mira pantalones, en IE se ve como yo quiero que...claro!

No está seguro de lo que quiero hacer en esta etapa, se necesita mucho tiempo para diseñar un sitio grande y yo no tengo tiempo para hacerlo compatible con todos los navegadores. La enfermedad sólo hay que advertir a la gente antes de que entren..." Este sitio está optimizado para IE, etc, etc". En el futuro, tengo que ver la popularidad de otros navegadores y ajustar mi sitio web en consecuencia.

Estoy cada vez más conscientes de la utilización de CSS. Esto es lo que está en mi CSS externa en el mo...

Código: [ Select ]
BODY {background-image:url('4.jpg'); background-repeat:repeat }

.class90

td { background-image: url('90.jpg');
   background-position: 20px 10px }
   
.class91

td { background-image: url('4.jpg');
   background-position: 20px 10px }

body {scrollbar-arrow-color: fffff0;
scrollbar-base-color:000066;
scrollbar-dark-shadow-color: fffff0;
scrollbar-track-color: 000066;
scrollbar-face-color: 000000;
scrollbar-shadow-color:fffff0;
scrollbar-highlight-color: fffff0;
scrollbar-3d-light-color: fffff0;
}


.class1 A:link {text-decoration: none; color:#990033}
.class1 A:visited {text-decoration: none; color:#990033}
.class1 A:hover {text-decoration: none; color:#990033}
.class1 A:active {text-decoration: none; color:#990033}



.class2 A:link {text-decoration: none; color:#fffff0}
.class2 A:visited {text-decoration: none; color:#fffff0}
.class2 A:hover {text-decoration: none; color:#fffff0}
.class2 A:active {text-decoration: none; color:#fffff0}



.class3 A:link { text-decoration: underline overline;color:#000000}
.class3 A:visited { text-decoration: underline overline; color:#000000}
.class3 A:hover { text-decoration: underline overline; color:#000000}
.class3 A:active {text-decoration: underline overline; color:#000000}

.text {

font-size: 16px;

font-weight: bold;

color:#fffff0;

position: absolute;

left: 16px;

top: 76px;

z-index: 2

}

.shadow {

font-size: 16px;

U

font-weight: bold;

color:#000000;

position: absolute;

left: 18px;

top: 78px;

z-index: 1

}
  1. BODY {background-image:url('4.jpg'); background-repeat:repeat }
  3. .class90
  5. td { background-image: url('90.jpg');
  6.    background-position: 20px 10px }
  7.    
  8. .class91
  10. td { background-image: url('4.jpg');
  11.    background-position: 20px 10px }
  13. body {scrollbar-arrow-color: fffff0;
  14. scrollbar-base-color:000066;
  15. scrollbar-dark-shadow-color: fffff0;
  16. scrollbar-track-color: 000066;
  17. scrollbar-face-color: 000000;
  18. scrollbar-shadow-color:fffff0;
  19. scrollbar-highlight-color: fffff0;
  20. scrollbar-3d-light-color: fffff0;
  21. }
  24. .class1 A:link {text-decoration: none; color:#990033}
  25. .class1 A:visited {text-decoration: none; color:#990033}
  26. .class1 A:hover {text-decoration: none; color:#990033}
  27. .class1 A:active {text-decoration: none; color:#990033}
  31. .class2 A:link {text-decoration: none; color:#fffff0}
  32. .class2 A:visited {text-decoration: none; color:#fffff0}
  33. .class2 A:hover {text-decoration: none; color:#fffff0}
  34. .class2 A:active {text-decoration: none; color:#fffff0}
  38. .class3 A:link { text-decoration: underline overline;color:#000000}
  39. .class3 A:visited { text-decoration: underline overline; color:#000000}
  40. .class3 A:hover { text-decoration: underline overline; color:#000000}
  41. .class3 A:active {text-decoration: underline overline; color:#000000}
  43. .text {
  45. font-size: 16px;
  47. font-weight: bold;
  49. color:#fffff0;
  51. position: absolute;
  53. left: 16px;
  55. top: 76px;
  57. z-index: 2
  59. }
  61. .shadow {
  63. font-size: 16px;
  65. U
  67. font-weight: bold;
  69. color:#000000;
  71. position: absolute;
  73. left: 18px;
  75. top: 78px;
  77. z-index: 1
  79. }


No sé si el código es correcto, sé que si no funciona en IE, seguro de la de otros navegadores.

Quiero aprender lo más posible con el CSS.

He hecho algunos cambios básicos a la página ahora. Incluyendo el menú central lol...No se ven tan mal después de todo. Sólo hay un sinfín de opciones tantos.

Una vez más, gracias por su conocimiento y tiempo!

¿Cuál es la dirección URL de su sitio / s?
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Abril 16th, 2004, 10:50 am

  • Nucleo
  • SausagePorkPie
  • Mastermind
  • Avatar de Usuario
  • Registrado: Ago 16, 2003
  • Mensajes: 2297
  • Loc: UK - England
  • Status: Offline

Nota Abril 16th, 2004, 10:58 am

* debes editar tu post y poner todo el código en el (código) (/ code) * Etiquetas

(sustituir los "()" por "[]")
Codebuddies - Website Development Resource
|INCLUDE(), INCLUDE_ONCE(), REQUIRE() IN PHP | - / - |MICROSOFT CRM 4.0 ONCLICK EVENT WITHIN FORM |
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Mar 24, 2004
  • Mensajes: 1855
  • Loc: Uk
  • Status: Offline

Nota Abril 16th, 2004, 11:13 am

yar mods no les gusta que otros!

um, esto es los resultados de la validación de los sitios de CSS:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.futurecorps.net%2F00.htm+&warning=2&profile=css2&usermedium=all

Lamentablemente hay un montón de errores! Por favor, no deje que esto le puso fuera sin embargo, sólo alrededor del 5% de los sitios web (que si) validar!

No tengo el tiempo para ir a través y echar un vistazo a él, pero a primera vista yo diría que el 90% de los errores son la falta de unidades de longitud. Cuando usted tiene 2top: 100 ", por ejemplo, cambiar a" top: 10px "(px de píxeles).

También quisiera aconsejarle a su nombre las clases más "útil". Clase1 class2 y class3 son bastante inútiles si volver a esto después de 6 meses y desea editar y lo entiendo. Da los nombres de cosas.

Las sombras no funcionan porque son los filtros (creo). Filtros de trabajo sólo en IE. El menú es dissappeared porque la atenuación / alfa efecto no funcionará en los navegadores, el autor ha impedido que este error de no crear el menú. Esto se conoce como un "escribir en torno a"

Yo no diría que se ve horrible. Todo está en el lugar correcto y nada se ha movido fuera de lugar (que realmente se conviertan en un problema). Si alguien llegó a su sitio usando mozilla que no aviso que había algo mal.

No se preocupe usted toooo mucho a lo largo de la conformidad para la validación en este momento. Veo que todos le preocupa pero no lo hacen. Colócalo en su a la lista de tareas, y sólo le mantenga la mente.

El sitio no se ve horrible en Netscape.
CSS website design tutorials
  • charmed_male
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 09, 2004
  • Mensajes: 5
  • Status: Offline

Nota Abril 16th, 2004, 11:59 am

muy bonito sitio....
  • arashsami
  • Born
  • Born
  • No Avatar
  • Registrado: Sep 07, 2003
  • Mensajes: 3
  • Loc: Iran
  • Status: Offline

Nota Abril 16th, 2004, 1:48 pm

Sus lo que yo obtuve: La página no se puede mostrar :(
  • futurebuzz
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: Abr 13, 2004
  • Mensajes: 75
  • Loc: Birmingham England
  • Status: Offline

Nota Abril 17th, 2004, 9:01 am

rtm223

En esta etapa, no muy im preocupados por la correcta codificación de CSS. Sería muy bueno para que sea perfecta, pero siempre y cuando la gente pueda disfrutar de lo hecho entonces ive la CSS códigos están bien.

Cambio de nombres de la clase es algo que soy consciente de. Tiene usted razón, se convertirá en una pesadilla dentro de unos meses y todos los ive forgoten...Sólo comenzó a usar y aprender acerca de CSS en el último mes más o menos. Por lo que los nombres no son lo que debería ser. No va a tomar tiempo para cambiar a todos ellos en esta etapa inicial! Buena TIP!

En cuanto a los otros navegadores, los filtros no será un problema pero, evidentemente, el menú será. Malos lío un rato con él y ver cuál funciona mejor.

:wink:

Para charmed_male , ¡Una vida!
  • gsv2com
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ene 25, 2004
  • Mensajes: 776
  • Loc: Nippon
  • Status: Offline

Nota Abril 19th, 2004, 6:38 am

Para utilizar el verdadero poder de CSS, permita que su cascada CSS! Heres algunos consejos:

Gire a este:

Código: [ Select ]
BODY {background-image:url('4.jpg'); background-repeat:repeat }


En esto:

Código: [ Select ]
body{background:url(4.jpg);}
*note: this might be wrong. But use of the background: as shorthand is recommended. It can pack a lot of punch and cut your code drastically.
  1. body{background:url(4.jpg);}
  2. *note: this might be wrong. But use of the background: as shorthand is recommended. It can pack a lot of punch and cut your code drastically.


Theres ninguna necesidad de repetir el ": repetir", ya que ése es el defecto.

Gire a este:
Código: [ Select ]
.class1 A:link {text-decoration: none; color:#990033}
.class1 A:visited {text-decoration: none; color:#990033}
.class1 A:hover {text-decoration: none; color:#990033}
.class1 A:active {text-decoration: none; color:#990033}
  1. .class1 A:link {text-decoration: none; color:#990033}
  2. .class1 A:visited {text-decoration: none; color:#990033}
  3. .class1 A:hover {text-decoration: none; color:#990033}
  4. .class1 A:active {text-decoration: none; color:#990033}


En esto:
Código: [ Select ]
.class1 a{text-decoration:none; color:#903;}


El código de tres dígitos para el color es una abreviatura. Si los dígitos youve consiguió repetir, usted puede cortar en tercios. Por ejemplo, #ffffff se convierte en #FFF, #ccaadd se convierte en #CAD. Etc Theres ninguna necesidad de: visited,: hover, o: activa. utilizar un () y se fijan ustedes.

Lo mismo va para tu CSS en clase 2 y 3. Alguien me corregirá si Ive dijo cualquier información incorrecta.
  • Cae
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Feb 25, 2004
  • Mensajes: 734
  • Status: Offline

Nota Abril 19th, 2004, 10:19 am

sólo una sugerencia, ive ha dicho que cuando la gente está buscando algo en la web, y más que nada a una página con básicamente, sólo texto en lo que se asustan frente a...puede que desee considerar la posibilidad de hacer más "agradable visualmente" la página principal...
  • futurebuzz
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: Abr 13, 2004
  • Mensajes: 75
  • Loc: Birmingham England
  • Status: Offline

Nota Abril 19th, 2004, 3:45 pm

Gracias por las últimas respuestas!

gsv2com

Algunos muy buenos consejos, gracias! He cambiado algunos de los códigos, pero aún tienen que trabajar en el perfeccionamiento de que en un futuro próximo. Gracias de nuevo!

Calendae

Buena punta también, pero esa página no es la principal página de inicio. Se trata de una entrevista. Saludos para los consejos!

Algunas actualizaciones de la página es que he creado con css. Sé que el código podría no ser el correcto, probablemente lejos de ella, pero su mi primer intento de hacer las css Thang :roll: Ahora sé por qué la gente acerca de rave en css.... y no es difícil que una vez llegue el cuelgue de ella...
  • futurebuzz
  • Student
  • Student
  • Avatar de Usuario
  • Registrado: Abr 13, 2004
  • Mensajes: 75
  • Loc: Birmingham England
  • Status: Offline

Nota Abril 19th, 2004, 4:02 pm

¡Eh!,

el menú está empezando a glitch / tartamudean o lo que sea! ¿Podría llegar a librarse de la atenuación. Parece estar frenando las cosas. La imagen podría ser demasiado que hacer.

Fue un gran trabajo el otro día. Hombre...No entiendo estos PCs :evil:

1, 2

Publicar Información

  • Total de mensajes en este tema: 25 mensajes
  • Moderador: Website Reviewers
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 38 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC