L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 


Aller à la page : Précédent  1, 2


 [Nocturne] Demande d'aide pour code css complet s'il vous plait.

Kanel
Messages : 48
Nocturneavatar
Messages : 118
Plutôt entre les deux.

Normalement, cela ne change rien, mais c'est pour mieux situer les ajouts faits manuellement dans l'en-tête.
Kanelavatar
Messages : 48
ça ne marche pas :s
Code:
<script src="http://www.toofiles.com/fr/oip/documents/js/9090_jquery-126min.html" type="text/javascript"></script>
<script src="http://www.toofiles.com/fr/oip/documents/js/7978_jqueryeasing13.html" type="text/javascript"></script>
<script src="http://www.toofiles.com/fr/oip/documents/js/9704_jquerykwicks-151pack.html" type="text/javascript"></script>
<script type="text/javascript">
  $().ready(function() {
      $('.kwicks').kwicks({
        max: 100,
        spacing: 2,
        duration: 1500,
        easing: 'easeOutBounce'
      });
  });
</script>

et dans la manip' j'ai remis mon menu sous le header alors qu'il était audessus. Sais-tu comment faire ?
Nocturneavatar
Messages : 118
Hum, c'est bizarre, le comportement du site n'est pas le même selon le type de fichier.

Ce n'est pas grave, on va essayer avec Archive-Host où là, il faut s'inscrire et on reprend tout.

Après l'inscription, connecte-toi sur ton compte (attention à bien mémoriser le numéro du serveur).
Ensuite, il faut aller dans "Mes fichiers", puis dans le menu de gauche, cliquer sur "Ajouter des Fichiers".
Cliquer sur "Choisir", sélectionner les fichiers et enfin cliquer sur "Envoyer".
Attendre la fin de l'envoi (normalement rapide).

Trois fichiers s'affichent alors, il suffit de faire un clic droit sur l'un d'entre eux et choisir "Informations et codes".
S'ouvre alors une "fenêtre" avec des adresses dessus.

La première adresse nous intéresse (celle de la forme http://www.archive-host.com/files/.../.../jquery-126min.js avec plein de chiffres). Copie-la dans un fichier texte.

Faire de même avec les deux autres fichiers.

On se retrouve alors avec trois adresses :
Citation :
http://www.archive-host.com/files/.../.../jquery-126min.js
http://www.archive-host.com/files/.../.../jqueryeasing13.js
http://www.archive-host.com/files/.../.../jquerykwicks-151pack.js

Dans notre code à entrer dans overall_header :
Code:
<script src="http://www.toofiles.net/.../jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="http://www.toofiles.net/.../jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.toofiles.net/.../jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
  $().ready(function() {
      $('.kwicks').kwicks({
        max: 100,
        spacing: 2,
        duration: 1500,
        easing: 'easeOutBounce'
      });
  });
</script>

On repère
Code:
<script src="http://www.toofiles.net/.../jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="http://www.toofiles.net/.../jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.toofiles.net/.../jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>

Et à la place, on met
Code:
<script src="http://www.archive-host.com/files/.../.../jquery-126min.js" type="text/javascript"></script>
<script src="http://www.archive-host.com/files/.../.../jqueryeasing13.js" type="text/javascript"></script>
<script src="http://www.archive-host.com/files/.../.../jquerykwicks-151pack.js" type="text/javascript"></script>

Où "http://www.archive-host.com/files/.../.../jquery-126min.js", "http://www.archive-host.com/files/.../.../jqueryeasing13.js" et "http://www.archive-host.com/files/.../.../jquerykwicks-151pack.js" sont les adresses que tu as notées.

Là, ça devrait marcher.
Kanelavatar
Messages : 48
non, toujours pas Sad
Nocturneavatar
Messages : 118
Quelles sont les adresses des fichiers sur Archive-Host ?
Kanelavatar
Messages : 48
Nocturneavatar
Messages : 118
Très bien. Alors dans overall_header, on supprime ce que l'on a mis tout à l'heure et à la place, on met :

Code:
<script src="http://www.archive-host.com/files/781593/af14609112f7babc4454d5978abac87c2e81bf04/jquery-126min.js" type="text/javascript"></script>
<script src="http://www.archive-host.com/files/781595/af14609112f7babc4454d5978abac87c2e81bf04/jqueryeasing13.js" type="text/javascript"></script>
<script src="http://www.archive-host.com/files/781596/af14609112f7babc4454d5978abac87c2e81bf04/jquerykwicks-151pack.js" type="text/javascript"></script>
<script type="text/javascript">
  $().ready(function() {
      $('.kwicks').kwicks({
        max: 100,
        spacing: 2,
        duration: 1500,
        easing: 'easeOutBounce'
      });
  });
</script>

Il ne faut pas oublier d'enregistrer et de valider le template.
Kanelavatar
Messages : 48
nooon plus Sad
c'est dingue pour quoi ça fais pas ? moi je suis en © phpBB c'est peut-etre pour ça non ?
Nocturneavatar
Messages : 118
C'est normal : tu as mis le code au début du template overall_header alors que je t'avais dit le mettre juste avant
Code:
</head>
.
Kanelavatar
Messages : 48
x) effectivement . Ça donne ça :
Kanelavatar
Messages : 48
maintenant il faut modifier le Html ?
Nocturneavatar
Messages : 118
Non, c'est terminé.
Kanelavatar
Messages : 48
Mais le résultats n'est pas le même :

le tiens / le mien
Nocturneavatar
Messages : 118
C'est parce que "Top Partenaires" a été centré.
Kanelavatar
Messages : 48
mais pour décentré on fais comment ?
Code:
 <div class="partenaires">
      <h2 class="accueilh2">Top Partenaires</h2>
      <div class="partenairestexte">
        <ul class="kwicks horizontal">
            <li id="kwick_1" class="partenaire1"><a href="http://lovegraph.keuf.net" target="_blank"><img src="http://img252.imageshack.us/img252/690/bbouton1.png" /></a></li>
            <li id="kwick_2" class="partenaire2"><a href="http://elegance-design.forumactif.com" target="_blank"><img src="http://s2.noelshack.com/uploads/images/1841008350753_13348445791923_100035.png" /></a></li>
            <li id="kwick_3" class="partenaire3"><a href="http://exentric.forumactif.fr" target="_blank"><img src="http://i63.servimg.com/u/f63/16/03/74/29/bouton10.png" /></a></li>
        </ul>
        <div class="addusetvous">
            <div class="addus">
              <h2 class="addush2">Add Us</h2>
              <div class="addustexte"><a href="http://fashion-graph.bbactif.com"><img src="http://i69.servimg.com/u/f69/15/49/25/18/mini_b10.png" /></a>
              </div>
            </div>
            <span class="etvous"><a href="http://fashion-graph.bbactif.com/t24-nos-partenaires">Et vous ?</a></span>
        </div>
      </div>
      <div class="votez">
        <h2 class="accueilh2" style="text-align:center;">Votez pour nous</h2>
        <div class="voteztexte"><a href="http://www.weetix.fr/membres/blog_top/form.php?cc=16249&document=80305&id_affil=" target="_blank"><img src="http://i39.servimg.com/u/f39/15/49/25/18/etoile12.png" /></a><img src="http://i39.servimg.com/u/f39/15/49/25/18/etoile13.png" />
          </div>
      </div>
  </div>
Nocturneavatar
Messages : 118
On va rajouter ceci au CSS (dans le cas où tu n'as pas modifié les positions des titres) :

Code:
.accueilh2, .addush2, .suiveznoush2 {
text-align:left;
}
Nocturneavatar
Messages : 118
Non, il faut retirer le dernier code que j'ai donné, et le remplacer par

Code:
.bienvenue, .navigation, .partenaires, .coupsdecoeur, .equipe, .news {
text-align:left;
}

Là, cela devrait être bon.
Kanelavatar
Messages : 48
Merci pour tout Very Happy. C'est super ;D
ThreaxV.I.P.avatar
Messages : 7332
Bonjour,

Pouvons-nous considérer comme résolu ? Smile
Nocturneavatar
Messages : 118
Le sujet étant résolu, je l'archive.

Aller à la page : Précédent  1, 2,
 Sujets similaires
-
» [Nocturne] Demande d'aide pour code css complet s'il vous plait.
» Aide pour code
» Demande d'aide pour un générateur de présentation
» Demande d'aide pour un tableau dans le message d'accueil
» Demande d'aide pour un Qui est en ligne.

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Eval - Basique
  • Eval - RPG