Barre de navigation arrondie

[velocerator]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://disneyclubforum.forumactif.fr/

Description du problème

Bonjour,

Je crée un futur forum sur le thème de Disney et j'aimerais mettre cette barre de navigation sur mon forum : http://neverafterrpg.forumactif.org/
Je voulais donc savoir comment faire une barre de navigation "en cercle" comme ceci et mettre cette image style montre Mickey.

Merci d'avance,
Cordialement,

[Feuilla']

Bonjour,
allez dans Panneau d'administration → Affichage → Images et Couleurs → Couleurs → Feuille de style CSS, et collez ceci :

Code:

div.navbar {
  width:650px;
          -moz-border-radius: 160px;
          -webkit-border-radius: 160px;
          border-radius: 160px;}

Les nombres sont bien sûr changeables selon les besoins.
Bonne journée !

[velocerator]

Hello,

je viens de tester votre code mais il ne donne aucun résultat

[Feuilla']

Re,
je vois où était le problème, remplacez s'il vous plaît le code par celui-ci :

Code:

.mainmenu {
  width:650px;
          -moz-border-radius: 160px;
          -webkit-border-radius: 160px;
          border-radius: 160px;}

j'ai juste changé le début qui n'était pas bon, car il était adapté pour phpBB3.
Bonne soirée !

[velocerator]

Re,
Non toujours pas...
Mais viens de voir qu'il y a plusieurs codes concernant cet effet sur le forum en question :

Code:

#nav_aiguille {
    background-image: url("http://nsa38.casimages.com/img/2015/11/09/151109115502573799.png");
    bottom: 32px;
    height: 240px;
    left: 130px;
    transform: rotate(0deg);
    transition: all 0.5s ease 0s;
    width: 35px;
    z-index: 1;
}

Code:

.navv {
    display: block;
    position: absolute;
    z-index: 2;
}

Code:

.navv {
    display: block;
    position: absolute;
    z-index: 2;
}

Code:

.nav_bloc {
    background-image: url("http://nsa37.casimages.com/img/2015/11/09/151109114446458818.png");
    display: block;
    height: 300px;
    margin-left: 30px;
    margin-top: -300px;
    position: relative;
    width: 300px;
}

Maintenant reste à savoir ou mettre ces codes, dans quel ordre et ou placer l'image de fond qui représente la montre... Cet effet m'a l'air bien compliqué a mettre en place mais il me plait beaucoup et j'aimerais beaucoup le placer sur mon forum disney J'espère que vous arriverez a vous y retrouver aussi, merci de votre aide en tout cas.

[velocerator]

Personne ne connait la solution ?

[Chacha]

Message par velocerator Aujourd'hui à 19:36
Message par velocerator Aujourd'hui à 20:39

..	Bonjour, Je vous rappelle qu'il est autorisé un seul UP, ou double-post, par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif