Blog d'aide de Blog4ever

Hello Bonjour,
Petit Souci avec Inclinaison .... Je ne parviens pas à dissocier la colonne droite et la colonne gauche de mes menus. Sur le CSS j' ai fais l' inclinaison sur : #menu ul li, #menu2 ul li mais dans ce cas les colonnes sont inclinées dans le même sens. J' aimerais que la colonne de gauche soit inclinée dans 1 sens et celle de droite dans l' autre sens. J' ai bien compris que je dois mettre rotate - 5 et rotate + 5 mais je n' y arrive pas malgré mes nombreux essais. Merci d' avance pour votre aide.
Excellente Journée à tous.

coucou CCfotos
il suffit de mettre le "-" (moins) devant les chiffres de la colonne en question. :oe:

Bonne journée

Merci SoleilVie mais çà je l' avais pigé :

comme noté ds mon message. Le souci dans mon CSS les menus sont associés : voir copie ci-dessous :

#menu, #menu2
{
color : #C1F003;
background-image: url(http://);
background-repeat : -repeat;
width : 220px;
padding-left : -1px;
float : left;

et lorsque je les sépare tout est déstructuré !
As tu compris mon souci car je ne suis vraiment pas douée pour m' expliquer !
Merci et @ +++

Dernière modification le 14-05-2013 à 11:42:47

Derni?re modification le 14-05-2013 ? 12:17:20

coucou
pourtant moi cela fonctionne sur mon blog.
Je te mets ci dessous mon css

#menu
{
background-color : #;
background-image : url(http://);
background-repeat : repeat;
width : 210px;
margin-top : 50px;
float : left;
border : 0px double #000000;
}
#menu2
{
background-color : #;
background-image : url(http://);
background-repeat : repeat;
width : 251px;
margin-top : 30px;
float : right;
border : 0px double #000000;
}

#menu ul
{
background-image : url(http://);
background-repeat : repeat;
border: 0px solid #;
width : 190px;
list-style-type : none;
}
#menu2 ul
{
background-image : url(http://);
background-repeat : repeat;
border: 0px solid #;
width : 190px;
list-style-type : none;
}
#menu ul li
{
background: #;
background-image : url(http://);
background-repeat : repeat;
width : 190px;
margin-top : 2px;
margin-bottom: 5px;
margin-left : 3px;
padding-top : 4px;
border : 0px double #000000;
/*color: #000000;*/
font-size : 12pt;
font-family : Verdana;
text-align : center;
display : block;
line-height : 25px;
/* inclinaison du bloc */
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg)
}
#menu2 ul li
{
/*background: #;
background-image : url(http://);
background-repeat : repeat;*/
width : 190px;
margin-top : 2px;
margin-bottom: 5px;
margin-right : 5px;
margin-left: 35px;
padding-top : 4px;
border : 0px double #;
/*color: #000000;*/
font-size : 12pt;
font-family : Verdana;
text-align : center;
display : block;
line-height : 25px;
/* inclinaison du bloc */
transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
-webkit-transform: rotate(+2deg);
-o-transform: rotate(+2deg);
-ms-transform: rotate(+2deg);
}

:sol:

Ben chez toi SoleilVie, tout est nickel !



Voici mon CSS :


}
#menu ul li, #menu2 ul li
{
color : #FFFFFF;
background : #;
background-image: radial-gradient(#CDDE47,#150E08);
background-repeat : repeat;
opacity: 0.99;
background-repeat : -repeat;
width : 220px;
margin-top : 2px;
font-size : 13pt;
border: 3px outset #FFFFFF;
border-style : 3px outset;
-moz-border-radius-bottomleft: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
display : block;
/* inclinaison du bloc */
transform: rotate(+5deg);
-moz-transform: rotate(+5deg);
-webkit-transform: rotate(+5deg);
-o-transform: rotate(+5deg);
-ms-transform: rotate(+5deg);
}
#menu ul li a, #menu2 ul li a
{
color : #C1F003;
background : #;
background-image: url(http://);
background-repeat : repeat;
text-decoration : none;
width : 220px;
font-size : 12pt;
border-width : 1px;
font-family : Sofia, Book Antiqua;
line-height : 25px;
}


Que penses-tu de tout çà ??? Les menus gauche et droit ont été installés ensemble donc dans ce cas, c' est compliqué de faire modifications.
En tout cas MERCI pour ta réponse ultra rapide ... très sympa.
@ tt

P.S. ton blog est vraiment très original : Tip - Top ! Magnifique !


Dernière modification le 15-05-2013 à 09:24:59

Derni?re modification le 15-05-2013 ? 09:27:56

Merci pour mon blog.

Je pense qu'il va falloir attendre que @simon@ ou @papyclic@ viennent à ton secours.
Je m'absente cet après midi et ce soir pas sur d'être là.

Bonne continuation :oe: :sol:

:b2: SoleilVie ! Excellent après-midi. De toutes manières mon petit souci peut attendre car mon blog est quand même présentable ! Il a juste un air penché à droite !!!! Donc pas grave ....
J' attends :sim: ou
@ +++ SoleillVie :sol:

:b1:

Je vois: transform: rotate(+5deg);



C'est très bien de faire une inclinaison mais les menus doivent être séparés pour mettre le menu2 dans l'autre sens.

Il faut modifier le css en mettant menu ul li{ et la même chose en mettant menu2 ul li{

Il faut donc écrire ce menu 2 fois pour mettre les + et les -
voici la modif.



:bye:

Bonjour à tous,
SUPER :sim: MERCI beaucoup çà marche ! Je suis très contente .... Excellente Journée et encore :b2: à Soleilvie et :sim:

:oe: