SITE D'EXAMEN: Future Corps

  • futurebuzz
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Avr 13, 2004
  • Messages: 75
  • Loc: Birmingham England
  • Status: Offline

Message Avril 16th, 2004, 10:50 am

Hey je viens de télécharger Netscape et Mozilla et mon site regarde sh! Te. L'ombre sur la table et le menu de gauche ne sont pas visibles que les gens m'ont dit. Le menu principal n'est pas trop visible...Aussi cela. Bannière jpg regarde thingy pants, dans IE, il semble que je veux qu'elle...clair!

Vous ne savez pas ce que je veux faire à ce stade, il faut beaucoup de temps pour concevoir un gros site et je n'ai pas le temps de le rendre compatible avec tous les navigateurs. Ill suffit d'avertir les gens avant qu'ils ne pénètrent..." Ce site est optimisé pour IE etc etc". À l'avenir, j'ai besoin de regarder de la popularité des autres navigateurs et ajuster mon site en conséquence.

Je suis de plus en plus conscients de l'utilisation des CSS. Voici ce qui est sur mon CSS externe au mo...

Code: [ 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 }
  2. .class90
  3. td { background-image: url('90.jpg');
  4.    background-position: 20px 10px }
  5.    
  6. .class91
  7. td { background-image: url('4.jpg');
  8.    background-position: 20px 10px }
  9. body {scrollbar-arrow-color: fffff0;
  10. scrollbar-base-color:000066;
  11. scrollbar-dark-shadow-color: fffff0;
  12. scrollbar-track-color: 000066;
  13. scrollbar-face-color: 000000;
  14. scrollbar-shadow-color:fffff0;
  15. scrollbar-highlight-color: fffff0;
  16. scrollbar-3d-light-color: fffff0;
  17. }
  18. .class1 A:link {text-decoration: none; color:#990033}
  19. .class1 A:visited {text-decoration: none; color:#990033}
  20. .class1 A:hover {text-decoration: none; color:#990033}
  21. .class1 A:active {text-decoration: none; color:#990033}
  22. .class2 A:link {text-decoration: none; color:#fffff0}
  23. .class2 A:visited {text-decoration: none; color:#fffff0}
  24. .class2 A:hover {text-decoration: none; color:#fffff0}
  25. .class2 A:active {text-decoration: none; color:#fffff0}
  26. .class3 A:link { text-decoration: underline overline;color:#000000}
  27. .class3 A:visited { text-decoration: underline overline; color:#000000}
  28. .class3 A:hover { text-decoration: underline overline; color:#000000}
  29. .class3 A:active {text-decoration: underline overline; color:#000000}
  30. .text {
  31. font-size: 16px;
  32. font-weight: bold;
  33. color:#fffff0;
  34. position: absolute;
  35. left: 16px;
  36. top: 76px;
  37. z-index: 2
  38. }
  39. .shadow {
  40. font-size: 16px;
  41. U
  42. font-weight: bold;
  43. color:#000000;
  44. position: absolute;
  45. left: 18px;
  46. top: 78px;
  47. z-index: 1
  48. }


Je ne sais pas si le code est correct, je sais que si les œuvres dans IE, pas sûr que les autres navigateurs.

Je veux apprendre le plus possible avec les CSS.

J'ai fait quelques modifications de base à la page maintenant. Y compris le menu central lol...Il ne regarde pas si mal après tout. Il ya autant de possibilités infinies.

Encore une fois, merci pour vos connaissances et votre temps!

Whats l'URL de votre site / s?
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Avril 16th, 2004, 10:50 am

  • Nucleo
  • SausagePorkPie
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Aoû 16, 2003
  • Messages: 2297
  • Loc: UK - England
  • Status: Offline

Message Avril 16th, 2004, 10:58 am

* vous devez éditer votre message et mettre tous dans le code (code) (/ code) tags *

(remplacez le "()" par "[]")
Codebuddies - Website Development Resource
|INCLUDE(), INCLUDE_ONCE(), REQUIRE() IN PHP | - / - |MICROSOFT CRM 4.0 ONCLICK EVENT WITHIN FORM |
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 16th, 2004, 11:13 am

yar mods ne l'aime pas autrement!

euh, ce sont les résultats de la validation des sites CSS:

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

Malheureusement, il ya beaucoup d'erreurs! S'il vous plaît ne laissez pas vous mettre hors de ce bien, seulement 5% des sites (si l') valider!

Je n'ai pas le temps de parcourir et de jeter un oeil sur lui, mais en un clin d'œil, je dirais que 90% des erreurs sont le manque d'unités de longueurs. Si vous avez 2top: 100 ", par exemple, de changer de" top: 10px "(px pour les pixels).

Je voudrais également vous conseiller de votre nom de classes de plus "utile". Class1 Class2 et Cours3 sont assez inutile si vous revenez à cette après 6 mois et vous souhaitez modifier et de le comprendre. Donnez des noms stuff.

Les ombres ne travaillent pas parce qu'ils sont des filtres (je pense). Les filtres ne peuvent travailler dans IE. Le menu est parce que le fondu dissappeared / alpha effet ne fonctionne pas dans les navigateurs, l'auteur a empêché cette erreur de ne pas créer le menu. Ceci est connu sous le nom de "l'écriture autour de"

Je ne dirais pas que cela ressemble terrible. Tout est dans le bon endroit et rien n'a été déplacé hors de propos (qui ne devient vraiment un problème). Si quelqu'un vient à votre site à l'aide de mozilla ils pas remarqué qu'il n'y avait rien de mal.

Ne vous inquiétez pas vous toooo beaucoup plus de la conformité à la validation pour le moment. Je peux vous recevoir tous, mais ne s'inquiètent pas. Mettez-le sur votre liste de choses à faire, et juste garder l'esprit.

Le site n'a pas l'air terrible dans Netscape.
CSS website design tutorials
  • charmed_male
  • Newbie
  • Newbie
  • No Avatar
  • Inscription: Avr 09, 2004
  • Messages: 5
  • Status: Offline

Message Avril 16th, 2004, 11:59 am

très beau site....
  • arashsami
  • Born
  • Born
  • No Avatar
  • Inscription: Sep 07, 2003
  • Messages: 3
  • Loc: Iran
  • Status: Offline

Message Avril 16th, 2004, 1:48 pm

Ses ce que j'ai reçu: La page ne peut pas être affichée :(
  • futurebuzz
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Avr 13, 2004
  • Messages: 75
  • Loc: Birmingham England
  • Status: Offline

Message Avril 17th, 2004, 9:01 am

rtm223

À ce stade, dans le pas trop préoccupé par le codage CSS. Il serait intéressant de faire parfait, mais tant que les gens peuvent jouir de ce que fait alors la ive codes CSS sont OK.

Changer le nom de classe est quelque chose que je suis au courant. Vous avez raison, il va devenir un cauchemar, dans quelques mois, le temps et tous les ive forgoten...J'ai seulement commencé à utiliser et l'apprentissage de la CSS dans le dernier mois ou ainsi. C'est pourquoi les noms ne sont pas ce qu'elles devraient être. Il ne prendra pas de temps à les changer tous à ce stade! Bon si TIP!

Comme pour les autres navigateurs, les filtres ne seront pas un problème, mais le menu sera bien évidemment. Ill déranger avec lui et voir ce qui fonctionne le mieux.

:wink:

À charmed_male , Get a life!
  • gsv2com
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Jan 25, 2004
  • Messages: 776
  • Loc: Nippon
  • Status: Offline

Message Avril 19th, 2004, 6:38 am

Pour utiliser la véritable puissance des CSS, les CSS pour permettre à votre cascade! Heres quelques conseils:

Tourner à ceci:

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


À ceci:

Code: [ 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 aucun besoin de la répéter »: répéter" depuis thats le défaut.

Tourner à ceci:
Code: [ 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}


À ceci:
Code: [ Select ]
.class1 a{text-decoration:none; color:#903;}


Le code à trois chiffres pour la couleur est un raccourci. Si les chiffres youve got répéter, vous pouvez les couper à des tiers. Par exemple, #ffffff devient #fff, #ccaadd devient #cad. Etc Theres aucun besoin de: visited,: hover, ou: active. utiliser un () et que vous êtes fixés.

Va de même pour votre code CSS dans la classe 2 et 3. Quelqu'un me corrigera si Ive a déclaré toute information erronée.
  • Cae
  • Expert
  • Expert
  • Avatar de l’utilisateur
  • Inscription: Fév 25, 2004
  • Messages: 734
  • Status: Offline

Message Avril 19th, 2004, 10:19 am

juste une suggestion, ive a dit que quand les gens cherchent quelque chose sur le web, et ils ont un lien sur une page avec le fond, juste le texte sur la peur, ils off...vous voudrez peut-être envisager de faire une plus "agréable" la page principale...
  • futurebuzz
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Avr 13, 2004
  • Messages: 75
  • Loc: Birmingham England
  • Status: Offline

Message Avril 19th, 2004, 3:45 pm

Merci pour les réponses plus tard!

gsv2com

Quelques très bons conseils, merci! J'ai changé certaines de code, mais encore la nécessité de travailler sur l'amélioration dans un avenir proche. Merci encore!

Calendae

Bonne pointe aussi, mais cette page n'est pas la page d'accueil. Il s'agit d'une interview page. Merci pour les conseils bien!

Certaines mises à jour sur la page que j'ai créée avec css maintenant. Je sais que le code ne serait pas correct, sans doute, loin de là, mais sa première tentative de faire le css thang :roll: Je sais maintenant pourquoi les gens sur la rave sur css.... et il n'est pas difficile une fois que vous obtenez le coup, il...
  • futurebuzz
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Avr 13, 2004
  • Messages: 75
  • Loc: Birmingham England
  • Status: Offline

Message Avril 19th, 2004, 4:02 pm

Hé,

le menu est à partir de glitch / bégayer ou quoi que ce soit! Might get-débarrasser de l'effet fondu. Semble ralentir les choses. L'image peut-être le faire aussi.

Il a été beaucoup de travail, l'autre jour. Homme...Je ne comprends pas ces PC :evil:

Afficher de l'information

  • Total des messages de ce sujet: 25 messages
  • Modérateur: Website Reviewers
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 26 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC