positionnez barre de navigation oblique

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

Résolu positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 14:23

bonjour a tous,
Je suis entrain de refaire le graphisme de mon forum et je cherche a positionnez ma barre de navigation en oblique, voila une image :

Merci


Dernière édition par Kuze le Mar 24 Juin 2014 - 10:15, édité 1 fois

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Lun 23 Juin 2014 - 14:35

Bonjour,

Pour le rotation

Code:
transform:rotate(5deg);
-ms-transform:rotate(5deg); /* IE 9 */
-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 14:41

Bonjour,

Super ces du rapide merci à toi, pour le rotation dans l'autre sense !

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Neptunia le Lun 23 Juin 2014 - 14:43

Bonjour ^^


Pourquoi passer par du CSS qui ne sera reconnu que sur les navigateurs récents ?

Il suffit de créer la barre de navigation de façon oblique et de la découper. Chaque image fera la même hauteur mais un fond transparent donnera l'illusion que les boutons sont de hauteur différente.

Un exemple ici
-> http://demo.nicetheme.com/forum?theme_id=137232

Neptunia
+ Hyperactif +

Féminin
Messages : 10936
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 14:46

Merci à toi Neptune-, mais le code css que ma donnez stefou fonctionne très bien ce juste que l`oblique monte a droite au lieu de gauche.

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 14:49

Voila le lien de mon forum teste :

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Lun 23 Juin 2014 - 14:52

Ce que Neptune dit est vrais, ce code fonctionne pas sur certains anciens navigateur...

Si non en toute logique il suffit de passer la valeur en négatif pour inverser le sens de rotation.
Code:
        transform:rotate(-5deg);
        -ms-transform:rotate(-5deg); /* IE 9 */
        -webkit-transform:rotate(-5deg); /* Opera, Chrome, and Safari */

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 14:59

J`ai pourtant comme navigateur Safari.

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Neptunia le Lun 23 Juin 2014 - 15:06

Ma remarque vise surtout les utilisateurs de Windows XP (encore très nombreux, voire majoritaires) qui sont limités à IE8 s'ils sont attachés à ce navigateur (cas typique des personnes les moins avancées en informatique).

Neptunia
+ Hyperactif +

Féminin
Messages : 10936
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 15:09

Je vais faire comme tu me la conseiller Neptune même avec le - ça ne va toujours pas, le probleme ces que je ne suis pas doué en code de barre de navigation, merci à vous 2 pour votre aide.


Dernière édition par Kuze le Lun 23 Juin 2014 - 15:11, édité 1 fois

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Lun 23 Juin 2014 - 15:11

Tu peux aussi passer la valeur à 355 degré

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Lun 23 Juin 2014 - 15:14

Non toujours rien ne change Stefou.

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Neptunia le Lun 23 Juin 2014 - 16:28

Peux tu nous fournir ta feuille CSS ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10936
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Mar 24 Juin 2014 - 9:25

Bonjour,
Oui bien sur :






Dernière édition par Kuze le Mar 24 Juin 2014 - 9:42, édité 1 fois

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Mar 24 Juin 2014 - 9:28

Il manque un petit truc  Shocked 
Code:
transform:rotate(-5deg);
        -ms-transform:rotate(-5deg); /* IE 9 */
        -webkit-transform:rotate(-5deg); /* Opera, Chrome, and Safari */

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Mar 24 Juin 2014 - 9:30

Euh.. il y es Stefou et tout premier dans le code css.

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Mar 24 Juin 2014 - 9:35

C'est le code pour la rotation, il manque la class, et les {} si tu ne lui dit pas ou ce code doit agir il ne fera rien... Sourire2 

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Mar 24 Juin 2014 - 9:40

HAAAAA je suis crétin si je fait moi des conneries il es vrais que ça ne va pas fonctionnez  Embarassed  


Alors comme ça :


Code:
a.mainmenu{
        transform:rotate(-955deg);
                -ms-transform:rotate(-955deg); /* IE 9 */
                -webkit-transform:rotate(-955deg); /* Opera, Chrome, and Safari */
}

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Mar 24 Juin 2014 - 9:55

Ce serai plutôt un truc comme
Code:
.mainmenu{transform:rotate(5deg);
                -ms-transform:rotate(5deg); /* IE 9 */
-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */}

le css ne correspond pas à du phpbb2
Cette partie est pour phpbb3
Code:
#wrap {
          min-width: 0;
          overflow:hidden;
        }   

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Mar 24 Juin 2014 - 10:04

Non ça ne change toujours rien  Embarassed

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par stefou le Mar 24 Juin 2014 - 10:09

Exacte cela agit sur la pub.
ceci agit sur le menu
Code:
 .bodyline > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {transform:rotate(5deg);
                        -ms-transform:rotate(5deg); /* IE 9 */
        -webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */}

stefou
*****

Masculin
Messages : 894
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: positionnez barre de navigation oblique

Message par Kuze le Mar 24 Juin 2014 - 10:15

Hooo magnifique ça marche parfaitement, un grand grand merci à toi pour le temps que tu m`as consacré  Very Happy

Kuze
***

Masculin
Messages : 165
Inscrit(e) le : 02/11/2011

http://nucleairesymphony.forums-gratuits.fr/
Kuze 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