IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

WordPress PHP Discussion :

modification du css du menu


Sujet :

WordPress PHP

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Janvier 2007
    Messages
    91
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 91
    Par défaut modification du css du menu
    Bonjour,

    Je souhaiterai modifier le menu de cette template gratuit de wordpress:http://www.mageewp.com/onetone/ pour qu'il soit transparent au top comme l'exemple du site suivant:www.runmyaccounts.ch mais je sais pas comment adapter son css.Merci de m'aider a le realiser.

    Amicalement

  2. #2
    Membre Expert

    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2011
    Messages
    1 049
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Enseignement

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 049
    Billets dans le blog
    2
    Par défaut modification
    Il suffit d'indiquer que le fond de la zone de menu doit être transparent
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-color: transparent

  3. #3
    Membre confirmé
    Inscrit en
    Janvier 2007
    Messages
    91
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 91
    Par défaut
    Bonjour,

    Ca je le sais mais le probleme c'est que mon theme est un type de "one page" donc en defillant la page je voudrais que le menu soit seulement transparent au top de la page comme cette exemple :www.runmyaccounts.ch

  4. #4
    Membre expérimenté
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2012
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2012
    Messages : 131
    Par défaut
    Salut,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    $( document ).ready(function() {	
            $(window).scroll(function(){
    		if ( getScrollTop() >= 100) { //tu modifie par la valeur adequat
    			$('#ton_menu_id').css('background', 'none');
    		} else {
    			$('#ton_menu_id').css('background', '#couleur d origine');
    		}
    	});
    });
     
    function getScrollTop() {
        if(typeof pageYOffset!= 'undefined'){
            return pageYOffset;
        }
        else{
            var B= document.body;
            var D= document.documentElement;
            D= (D.clientHeight)? D: B;
            return D.scrollTop;
        }
    }

Discussions similaires

  1. Modification du placement du menu par CSS
    Par dlamo dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 23/07/2007, 11h59
  2. [HTML/CSS] Aide menu déroulant + frames
    Par D3V1L J4M dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 17/02/2006, 09h43
  3. [CSS] prob menu deroulant de 3 eme niveau
    Par guy2004 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/02/2006, 10h26
  4. [html+css] problème menu avec liens display:block
    Par Cypselos dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 28/08/2005, 09h39
  5. [CSS-Javascript] Menu déroulant
    Par JeromeR dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/10/2004, 17h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo