Retour à Forum de site web

hows ce pour la navigation?

  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Juillet 24th, 2008, 9:49 pm

pas encore...n'a pas démarré. Je crois que je vais essayer maintenant
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juillet 24th, 2008, 9:49 pm

  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Juillet 24th, 2008, 10:01 pm

ce Joebert était trop facile. Surpris que vous ne le faites pas.
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Title</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <style type="text/css">
    body{text-align:center;}
    #blocks
    {
        /*background: #eee url("italian.gif");*/
        margin: auto;
        width: 500px;
        height: 525px;
    }
    #blocks a
    {
        /*display: block;*/
        float: left;
        width: 143px;
        height: 132px;
        background: transparent url("blocks.gif") 0 1px;
        text-decoration: none;
        position: absolute;
    }

    #blocks a span
    {
        display: block;
        margin-top: 50px;
    }
    
    #blocks a#one
    {
        margin-top: 340px;
        margin-left: 60px;
    }
    #blocks a#one span
    {
        margin-left: -200px;
    }
    #blocks a#two
    {
        margin-top: 340px;
        margin-left: 180px;
    }
    #blocks a#two span
    {
        margin-left: 150px;
    }
    #blocks a#three
    {
        margin-top: 225px;
        margin-left: 180px;
    }
    #blocks a#three span
    {
        margin-left: -200px;
    }
    #blocks a#four
    {
        margin-top: 225px;
        margin-left: 297px;
    }
    #blocks a#four span
    {
        margin-left: 150px;
    }
    #blocks a#five
    {
        margin-top: 110px;
        margin-left: 180px;
    }
    #blocks a#five span
    {
        margin-left: 150px;
    }
    #blocks a#six
    {
        margin-top: 135px;
        margin-left: 145px;
    }
    #blocks a#six span
    {
        margin-left: -200px;
    }
    #blocks a#seven
    {
        margin-top: 20px;
        margin-left: 145px;
    }
    #blocks a#seven span
    {
        margin-left: -200px;
    }
    
    #blocks a#one:hover
    {
        background-position: -144px 1px;
    }
    #blocks a#two:hover
    {
        background-position: -287px 1px;
    }
    #blocks a#three:hover
    {
        background-position: -430px 1px;
    }
    #blocks a#four:hover
    {
        background-position: -573px 1px;
    }
    #blocks a#five:hover
    {
        background-position: -716px 1px;
    }
    #blocks a#six:hover
    {
        background-position: -859px 1px;
    }
    #blocks a#seven:hover
    {
        background-position: -1002px 1px;
    }
    </style>
</head>
<body>
    <div id="blocks">
        <a href="#" id="one"><span>One</span></a>
        <a href="#" id="two"><span>Two</span></a>
        <a href="#" id="three"><span>Three</span></a>
        <a href="#" id="four"><span>Four</span></a>
        <a href="#" id="five"><span>Five</span></a>
        <a href="#" id="six"><span>Six</span></a>
        <a href="#" id="seven"><span>Seven</span></a>
    </div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.     <title>Title</title>
  5.     <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  6.     <meta http-equiv="Content-Style-Type" content="text/css" />
  7.     <style type="text/css">
  8.     body{text-align:center;}
  9.     #blocks
  10.     {
  11.         /*background: #eee url("italian.gif");*/
  12.         margin: auto;
  13.         width: 500px;
  14.         height: 525px;
  15.     }
  16.     #blocks a
  17.     {
  18.         /*display: block;*/
  19.         float: left;
  20.         width: 143px;
  21.         height: 132px;
  22.         background: transparent url("blocks.gif") 0 1px;
  23.         text-decoration: none;
  24.         position: absolute;
  25.     }
  27.     #blocks a span
  28.     {
  29.         display: block;
  30.         margin-top: 50px;
  31.     }
  32.     
  33.     #blocks a#one
  34.     {
  35.         margin-top: 340px;
  36.         margin-left: 60px;
  37.     }
  38.     #blocks a#one span
  39.     {
  40.         margin-left: -200px;
  41.     }
  42.     #blocks a#two
  43.     {
  44.         margin-top: 340px;
  45.         margin-left: 180px;
  46.     }
  47.     #blocks a#two span
  48.     {
  49.         margin-left: 150px;
  50.     }
  51.     #blocks a#three
  52.     {
  53.         margin-top: 225px;
  54.         margin-left: 180px;
  55.     }
  56.     #blocks a#three span
  57.     {
  58.         margin-left: -200px;
  59.     }
  60.     #blocks a#four
  61.     {
  62.         margin-top: 225px;
  63.         margin-left: 297px;
  64.     }
  65.     #blocks a#four span
  66.     {
  67.         margin-left: 150px;
  68.     }
  69.     #blocks a#five
  70.     {
  71.         margin-top: 110px;
  72.         margin-left: 180px;
  73.     }
  74.     #blocks a#five span
  75.     {
  76.         margin-left: 150px;
  77.     }
  78.     #blocks a#six
  79.     {
  80.         margin-top: 135px;
  81.         margin-left: 145px;
  82.     }
  83.     #blocks a#six span
  84.     {
  85.         margin-left: -200px;
  86.     }
  87.     #blocks a#seven
  88.     {
  89.         margin-top: 20px;
  90.         margin-left: 145px;
  91.     }
  92.     #blocks a#seven span
  93.     {
  94.         margin-left: -200px;
  95.     }
  96.     
  97.     #blocks a#one:hover
  98.     {
  99.         background-position: -144px 1px;
  100.     }
  101.     #blocks a#two:hover
  102.     {
  103.         background-position: -287px 1px;
  104.     }
  105.     #blocks a#three:hover
  106.     {
  107.         background-position: -430px 1px;
  108.     }
  109.     #blocks a#four:hover
  110.     {
  111.         background-position: -573px 1px;
  112.     }
  113.     #blocks a#five:hover
  114.     {
  115.         background-position: -716px 1px;
  116.     }
  117.     #blocks a#six:hover
  118.     {
  119.         background-position: -859px 1px;
  120.     }
  121.     #blocks a#seven:hover
  122.     {
  123.         background-position: -1002px 1px;
  124.     }
  125.     </style>
  126. </head>
  127. <body>
  128.     <div id="blocks">
  129.         <a href="#" id="one"><span>One</span></a>
  130.         <a href="#" id="two"><span>Two</span></a>
  131.         <a href="#" id="three"><span>Three</span></a>
  132.         <a href="#" id="four"><span>Four</span></a>
  133.         <a href="#" id="five"><span>Five</span></a>
  134.         <a href="#" id="six"><span>Six</span></a>
  135.         <a href="#" id="seven"><span>Seven</span></a>
  136.     </div>
  137. </body>
  138. </html>

:D
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Juillet 25th, 2008, 3:46 am

Im allant à l'opinion dissidente ici, désolé. :P

La navigation est assez / couleurs / neeto, et tous, mais il semble lourde et peu pratique pour la tâche de choisir une langue. Surtout quand je considère que le contenu que vous avez dans votre site, actuellement.

Est-ce juste une langue basculer? Est-il partie d'une présentation pour montrer les compétences de votre traduction? Pourquoi est-ce aussi pour élaborer une petite fonction?

Pourquoi les efforts visant à rationaliser ce? Who cares? La personne qui embauche ou le contrat ne sera pas de décisions.

Encore une fois, désolé. Im essayant de vous donner quelques commentaires thats précieux. Cela semble avoir plus d'un bip qu'un grand KA-Blam !
- dM
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 25th, 2008, 5:54 am

Je vois, je perdu mon temps.
Strong with this one, the sudo is.
  • grinch2171
  • Moderator
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Fév 11, 2004
  • Messages: 6741
  • Loc: Martinsburg, WV
  • Status: Offline

Message Juillet 25th, 2008, 6:02 am

Pour ce qui est de faire ce genre de choses avec les CSS, jetez un oeil à ça

http://www.cssplay.co.uk/menus/hexagon.html
http://www.cssplay.co.uk/menus/cross.html
http://www.cssplay.co.uk/menus/jigsaw.html
http://www.cssplay.co.uk/menus/olympic.html
‎"Be polite, be professional, but have a plan to kill everybody you meet." Maj. Gen. James Mattis
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Juillet 25th, 2008, 6:27 am

joebert a écrit:
Je vois, je perdu mon temps.


Pas du tout, monsieur. D'un point de l'expérience dans le développement de méthodes et de ce fait, ce qui est excellent. Dans le questionnement de l'utilité du produit à partir d'un point de vue design et de sa valeur en dehors de l'information.

/ / J'espère que je ne suis pas offensé vous chélidoine. :cry:
- dM
  • celandine
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Oct 30, 2007
  • Messages: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Message Juillet 26th, 2008, 12:54 am

dM - no offense prises, je viens ici pour obtenir des opinions différentes :D

l'idée était de ne pas faire basculer d'une langue, en fait je ne sais pas ce que la navigation serait utilisé pour - il était simplement un exercice de créativité. Au cours de l'utiliser à un moment donné quelque part, mais il pourrait ne pas avoir les langues qui y sont joints. la raison pour laquelle j'ai mis les langues a été parce que ses un peu plus amusant que de la «maison», sur nous, "contact" etc etc, et un de mes amis a été pensée à partir de son propre site Web afin de traduction, je pensais qu'elle pourrait avoir une page pour chaque langue. (même si elle a probablement wouldnt :D )

merci à tous ceux qui ont fait des efforts pour aider - mauvais contrôle tout et vous verrez ce que je peux faire avec elle. Je tiens vraiment à rationaliser cette chose - si je peux le faire fonctionner que je peux faire des centaines d'autres créateurs VNI à l'avenir sur les mêmes principes...

désolé je n'ai pas eu de contrôle de retour ici pour un peu, mais la journée a vraiment emplois bruts et dernièrement Im tellement misérables la plupart du temps, pas d'enthousiasme pour tout ce....... c'est la seule chose qui me donne un stress de secours bien.

encore une fois, merci à tous :D Ill post modifications comme elles viennent.....

EDIT: je dois avouer je me sens très épais pour le moment, mais Joe, qu'avez-vous fait? Je vois bogeys code (Im, qui tente actuellement de découvrir) et je vois d'après les commentaires que vous avez fait quelque chose , Mais je ne peux pas trouver ce que le cas....? (Je peux voir ce qui va être l'un de ces moments doh...)

EDIT 2: Grincheux, ces liens look vraiment intéressant. Ill certainement donner un aller :D
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • digitalMedia
  • a.k.a. dM
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 29, 2003
  • Messages: 5169
  • Loc: SC-USA
  • Status: Offline

Message Juillet 26th, 2008, 3:34 am

Je pense que le concept que vous avez, d'une heure dans un studio d'enregistrement et du logiciel Adobe Flash, vous pourriez avoir une amende de traduction thématiques présentation multimédia. :D
- dM
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 26th, 2008, 12:13 pm

Quote:
Je dois avouer que je me sens très épais pour le moment, mais Joe, qu'avez-vous fait?


You're not crazy, I Nuked mes réponses.
Strong with this one, the sudo is.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Juillet 26th, 2008, 5:47 pm

celandine a écrit:
EDIT: je dois avouer je me sens très épais pour le moment, mais Joe, qu'avez-vous fait? Je vois bogeys code (Im, qui tente actuellement de découvrir) et je vois d'après les commentaires que vous avez fait quelque chose , Mais je ne peux pas trouver ce que le cas....? (Je peux voir ce qui va être l'un de ces moments doh...)


Je n'ai pas fait quelque chose de différent tat ce que Joe a fait. Le code que j'ai est effectivement Joes avec une ligne en commentaire et a déménagé à un autre endroit. (Enfin, et de quelques autres lignes).

Mais son positionnement, les marges et d'affichage qui est fait le travail (enfin, hauteurs, largeurs, l'image et les choses à ajouter de l'effet :lol: ).

Je pense que je le comprends :lol:
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • celandine
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Oct 30, 2007
  • Messages: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Message Juillet 28th, 2008, 5:17 am

Im not sure je ne suis pas encore :D mais par Dieu, je....

merci encore, tous et chacun....
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog

1, 2

Afficher de l'information

  • Total des messages de ce sujet: 26 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 107 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