begin process at 2010 09 09 12:27:58
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

probleme crucial

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

probleme crucial

mercredi 20 décembre 2006 à 12:33:43 | probleme crucial

samsso
salut à tous. j'ai un code suivant qui fonctionne bien.
Je veux juste changer le style des onglets mais j' arrive pas à l'adapter.
je vous fournis le code de ma page et le code du style que je veux apporter à ma page.
j'espère que votre aide me sera très utile.

Le code de ma page est disponible à l'adresse suivante: http://e2ia.ci/monsite/index.html

le nouveau design que je voudrais apporter à mes onglets est sur la page:
http://e2ia.ci/monsite/preview.html

merci pour votre disponibilité
mercredi 20 décembre 2006 à 15:28:12 | Re : probleme crucial

Shivan0910
Bonjour,

Je ne vois pas le rapport avec le javascript mais bon...

Le style de la page preview est contenu dans le fichier v1.css a ce qu'il me semble, il suffit donc de déclarer ce fichier dans l'index.html et de faire le <div id="header"> qui semble appeler le css du fichier v1.css pour afficher bien gentiment les onglets version rouge...

J'espère que c'est clair est compréhensible...

Dans le pire des cas il suffit de copier coller la page preview dans la page index et de remplacer les liens... mais seulement si vous êtes le créateur de l'interface de la page preview...

Cordialement,

"la vitesse de la lumière est supérieure à celle du son, c'est pourquoi un imbécile parait intelligent jusqu'a ce qu'il parle !!"
mercredi 20 décembre 2006 à 17:50:40 | Re : probleme crucial

rubiks10

Membre Club

Salut

Bon c'est moi qui t'avais fais ce petit code pour les onglets et donc à ce que je vois tu veux utiliser un nouveau style...
Rien de très compliqué en soit il fallait faire des modifications en utilisant des listes pour ne pas changer tout le CSS de ton exemple graphique et aussi changer un peu la fonction javascript.
Aussi saches que dans une page html on ne doit pas mettre plusieurs fois le meme id comme toi tu l'as fais avec NavLink... d'ailleurs cette classe ne nous sert plus avec ton nouveau graphique...


voilà le donc le code entier ( il faut bien entendu mettre les images dans le meme répertoire ) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 " [ Lien ]">
<html xmlns=" [ Lien ]" xml:lang="fr" lang="fr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>monsite</title>
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <style type="text/css">  
  .formOnglet {
      border:solid gray;
   border-width:0 1px 1px 1px;
      width:600px;
  }
  .tab1 {
   background:#FFF;
  }
  .tab2 {
   background:#FFF;
  }
  .tab3 {
   background:#FFF;
  }
  .tab4 {
   background:#FFF;
  }
  
  #Onglet {
   FONT-SIZE: 93%;
   BACKGROUND: url(bg.gif) #dae0d2 repeat-x 50% bottom;
   FLOAT: left;
   width: 600px;
   LINE-HEIGHT: normal

   PADDING-RIGHT: 10px;
   PADDING-LEFT: 0px;
   PADDING-BOTTOM: 0px;
   MARGIN: 0px;
   PADDING-TOP: 10px;
   LIST-STYLE-TYPE: none
  }
  #Onglet LI {
   PADDING-RIGHT: 0px;
   PADDING-LEFT: 9px;
   BACKGROUND: url(left.gif) no-repeat left top;
   FLOAT: left;
   PADDING-BOTTOM: 0px;
   MARGIN: 0px;
   PADDING-TOP: 0px
  }
  #Onglet A {
   PADDING-RIGHT: 15px;
   DISPLAY: block;
   PADDING-LEFT: 6px;
   FONT-WEIGHT: bold;
   BACKGROUND: url(right.gif) no-repeat right top;
   FLOAT: left;
   PADDING-BOTTOM: 4px;
   COLOR: #932B14;
   PADDING-TOP: 5px; T
   EXT-DECORATION: none
  }
  #Onglet A {
   FLOAT: none
  }
  #Onglet A:hover {
   COLOR: #333
  }
  #Onglet .currentOnglet {
   BACKGROUND-IMAGE: url(left_on.gif)
  }
  #Onglet .currentOnglet A {
   BACKGROUND-IMAGE: url(right_on.gif);
   PADDING-BOTTOM: 5px;
   COLOR: #333
  }
 </style>
 <script type="text/javascript">
    lastOnglet = '';
    currentOnglet = '';
   
    function setOnglet(id,newOnglet)
    {
     lastOnglet.className = 'normalOnglet';
     document.getElementById('formOnglet').innerHTML = document.getElementById(id).innerHTML;
     document.getElementById('formOnglet').className = 'formOnglet '+id;
     newOnglet.parentNode.className='currentOnglet';
     lastOnglet = newOnglet.parentNode;
    }
 </script>
 </head>
 <body onload="setOnglet('tab1',document.getElementById('defaultOnglet'));">
     <div id="loginOnglet" class="OngletLog">
         <ul id="Onglet">
    <li >
     <a id="defaultOnglet" href="#" onclick="setOnglet('tab1',this);return false;">Presentation</a>
    </li>
    <li>
     <a href="#" onclick="setOnglet('tab2',this);return false;">Fiche technique</a>
    </li>
    <li>
     <a href="#" onclick="setOnglet('tab3',this);return false;">Galerie photos</a>
    </li>
    <li>
     <a href="#" onclick="setOnglet('tab4',this);return false;">Accessoires</a>
    </li>
         </ul>
         <div id='formOnglet'></div>
     </div>
    
  <div style="display:none;">
         <div id="tab1"><h1>BONNE JOURNEE</h1></div>
         <div id="tab2"> <H1>A TOUS LES MEMBRES</H1> </div>
         <div id="tab3"> <H1>DU FORUM</H1> </div>
         <div id="tab4"> <H1>ET MERCI POUR VOTRE AIDE</H1> </div>
     </div>
 </body>
</html>

voilà @+

-- The Rubik's Man --


Cette discussion est classée dans : page, code, style, probleme, crucial

Répondre à ce message

Sujets en rapport avec ce message

probleme urgent [ par felix_12 ] bonjour, cela fait deux jour que j'essaie de trouver une solution a ce probleme : ce code n'affiche que la deuxieme des frames pourriez vous m'aider p prob éxécution js / et balises <table> [ par zeraxp ] salut,alors voila j'ai une fonction javascript qui est appelé sur lévenement on submit d'un formulaire:....<input type="submit" value=Re récupéré le code généré d'une page web [ par angeleus ] Bonjour,j'aimerais récupérer le code exécuté par une page web en tapant l'urlpar exemple si je tape http://www.monsite.com/contact.asp je récupère le Problème de débutant => Placage du code dans la page html! -_-' [ par icomega57 ] Voilà:Je fais un site depuis seulement deux semaines et j'ai commencé ce site en html. Donc, chaque page avait son propre et son propre .Ensuite j'ai Probleme de dimensions [ par EfCeBa ] Bonjour, je voudrais savoir quel outil il faut appeler pour que le navigateur nous renvoie la hauteur totale de la page en pixel.document.body.client. probleme de popup [ par nejo ] salu je voudrais que la page dakeuil de mon site saffiche automatiquement a son ouverture comme un popup qui adapterait sa taille a son contenu j'ai t code en html [ par cheval22 ] Existe t'il un code qui retient la derniere page qu'un visiteur à visité et qui le lendemain le reconnecte sur cette page(parmis un choix de pages )Me probleme de code [ par nejo ] bonjour,j'ai donné des propriétés genre scrollbars=0, menubar=0..a un lien  mais la propriété status=0 ne marche pas sur tous les pc sur lesquels j'ai Comment changer le code d'une page via Internet ? [ par Anakinele ] Bonjour à tous!!!Mon problème est digne d'un parfait débutant en programmation de page Web...Comment créer un menu déroulant (par exemple) avec des op probleme avec mes page de mon site web [ par ticco49 ] ticco49salut j'ai prob avec mes page de mon sitec a dire que kan on ouvre le site http://wwwkanader.fr.fmma page ne ce redimensionne pas a la taille d


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Septembre 2010
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
27282930   

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 10,218 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)