Repositionner éléments d'un javascript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Repositionner éléments d'un javascript

Message par Kingston le Mar 6 Mai 2014 - 18:34

Bonjour,

Voilà, cela fait un petit bout de temps que sur mon forum j'ai un script type javascript qui permet aux membres de choisir entre garder un header en particulier ou rester sur les headers aléatoires. Nous venons à peine de changer de design et nous avons opté pour un header de fond, jusque là tout va bien mais petit problème, du coup le header a une marge en haut et il est collé à gauche au lieu d'être centrer. Je n'avais pas ces problèmes avant de passer en header de fond, j'ai essayé de tenter quelques faintes en CSS mais rien n'y fait, est-ce possible modifier en css les éléments du script qui correspondent au header et aussi aux textes que j'aimerais mettre à droite et pas à gauche. Voilà le fameux script :

Code:
function createCookie(name,value,days) {
   if (days) {
      var date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      var expires = "; expires="+date.toGMTString();
   }
   else var expires = "";
   document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
   var nameEQ = name + "=";
   var ca = document.cookie.split(';');
   for(var i=0;i < ca.length;i++) {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}

function eraseCookie(name) {
   createCookie(name,"",-1);
}

function keep_header(num) {
createCookie('header', num, 100);
$(".choixheader").replaceWith("<div class='choixheader'><a href='#' onClick='random_header()'>REVENIR A L'ALEATOIRE</a></div>");
}

function random_header() {
eraseCookie('header');
location.reload();
}
  
  var cookie = readCookie('header');
  var tab = new Array();

/* METTEZ ICI LES ADRESSES DE VOS BANNIERES
VOUS POUVEZ EN METTRE AUTANT QUE VOUS VOULEZ
IL SUFFIT DE RAJOUTER DES LIGNES */

tab[tab.length] = "URL1";
tab[tab.length] = "URL2";

  
$(document).ready(function(){
  
  var num_header = Math.floor(Math.random()*tab.length);
  var message = "<div class='choixheader'><a href='#' onClick='keep_header(" + num_header + ")'>SELECTIONNER</a></div>";
  if(cookie != null) {
     num_header = cookie;
  message = "<div class='choixheader'><a href='#' onClick='random_header()'>REVENIR A L'ALEATOIRE</a></div>";
  }
  $('#i_logo').attr('src',tab[num_header]);
  $('body').prepend(message);
});

Merci d'avance


Dernière édition par Kingston le Ven 9 Mai 2014 - 16:46, édité 1 fois

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Kingston le Mer 7 Mai 2014 - 17:15

Up

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Kingston le Jeu 8 Mai 2014 - 20:03

Update

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Lixyr le Ven 9 Mai 2014 - 0:13

Bonsoir, Kingston,

Peut-on avoir le lien du forum concerné ?
Sinon à tout hasard avez-vous essayé de mettre ceci dans votre CSS ?
Code:
.choixheader {background-size:100%; background-position: 50% 0%;}





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Repositionner éléments d'un javascript

Message par Kingston le Ven 9 Mai 2014 - 16:45

Merci beaucoup le code fonctionne à merveille

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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