Retour à Forum de site web

Différentes polices de lettres différentes

  • tastysite
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 09, 2008
  • Messages: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Message Mai 22nd, 2010, 2:17 am

Je suis en utilisant une police sur un site qui est très agréable, mais je ne supporte pas le point d'interrogation (?) - Désolé ne sais pas pourquoi je l'ai fait, le plus sûr im d'entre vous savent à quoi ressemble un point d'interrogation comme :roll: -
Est-il possible d'avoir une police différente pour le? pour le reste du texte court de mettre un <span> autour de chacun, quelque chose à la volée???
^__^
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mai 22nd, 2010, 2:17 am

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Mai 22nd, 2010, 2:44 am

Je suppose que vous JS programme d'installation n'a que recherche par le biais #textnode éléments de points d'interrogation et les enveloppa pour vous sur documentready.

Les seules choses que les autres je ne vois serait assez vulnérables aux paramètres du navigateur, comme les tailles de police et ainsi de suite. Sans oublier d'être tout simplement ridicule. (Point d'interrogation de fond sur l'image par exemple)
Strong with this one, the sudo is.
  • tastysite
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 09, 2008
  • Messages: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Message Mai 22nd, 2010, 7:40 am

comment pourrais-je m'y prendre alors que (je pense que je vais rester loin de l'option de fond! ;) )
^__^
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Mai 23rd, 2010, 2:35 am

Est-ce rien de tout cela un sens? :D

HTML Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>Wrap Question Marks</title>
   <style type="text/css" media="screen">
   body {color:#f00;}
   .question {color:#0f0;}
   </style>
   <script type="text/javascript">
   var wrap_questions =
   {
      mask: '<span class="question"></span>',
      scanElm: function(elm)
      {
         for(var c = 0; c < elm.childNodes.length; c++)
         {
            var child = elm.childNodes[c];
            if(child.nodeType == 1)
            {
               wrap_questions.scanElm(child);
            }
            else if (child.nodeType == 3 && child.data.indexOf('?') != -1)
            {
               var new_child = document.createElement('span');
               new_child.innerHTML = child.data.replace(/(\?+)/, wrap_questions.mask);
               child.parentNode.replaceChild(new_child, child);
            }
         }
         return;
      }
   };
   window.onload = function()
   {
      var body = document.getElementsByTagName('body')[0];
      wrap_questions.scanElm(body);
   }
   </script>
</head>
<body>
   <div>hello world !!?!
      <div>
         <div>
            stuff ?
         </div>
         stuff
         <div>
            more stuff ?
         </div>
         here is some text
      </div>
      <span>text</span> is <span>here?</span>
   </div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.    <title>Wrap Question Marks</title>
  5.    <style type="text/css" media="screen">
  6.    body {color:#f00;}
  7.    .question {color:#0f0;}
  8.    </style>
  9.    <script type="text/javascript">
  10.    var wrap_questions =
  11.    {
  12.       mask: '<span class="question"></span>',
  13.       scanElm: function(elm)
  14.       {
  15.          for(var c = 0; c < elm.childNodes.length; c++)
  16.          {
  17.             var child = elm.childNodes[c];
  18.             if(child.nodeType == 1)
  19.             {
  20.                wrap_questions.scanElm(child);
  21.             }
  22.             else if (child.nodeType == 3 && child.data.indexOf('?') != -1)
  23.             {
  24.                var new_child = document.createElement('span');
  25.                new_child.innerHTML = child.data.replace(/(\?+)/, wrap_questions.mask);
  26.                child.parentNode.replaceChild(new_child, child);
  27.             }
  28.          }
  29.          return;
  30.       }
  31.    };
  32.    window.onload = function()
  33.    {
  34.       var body = document.getElementsByTagName('body')[0];
  35.       wrap_questions.scanElm(body);
  36.    }
  37.    </script>
  38. </head>
  39. <body>
  40.    <div>hello world !!?!
  41.       <div>
  42.          <div>
  43.             stuff ?
  44.          </div>
  45.          stuff
  46.          <div>
  47.             more stuff ?
  48.          </div>
  49.          here is some text
  50.       </div>
  51.       <span>text</span> is <span>here?</span>
  52.    </div>
  53. </body>
  54. </html>
Strong with this one, the sudo is.
  • tastysite
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 09, 2008
  • Messages: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Message Mai 24th, 2010, 7:10 am

Merci! Quant à votre question, je ne fait pas de sens pour moi du tout mais ça marche thats de sorte que la principale chose que je vraiment besoin d'apprendre javascript! :lol:
^__^

Page 1 sur 1

Afficher de l'information

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