Fork me on GitHub




« 1 (2)


Re: thème responsive
Régulier
Inscrit: 13/03/2012 09:48
De Belgique-La Louvière
Messages: 140
Franchement, montuy merci 1000 fois.

Posté le : 30/10/2014 16:29

"J'entends, j'oublie ; je vois, je retiens ; je fais, je comprends."
"Tout ce qui n'est pas donné est perdu."
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Team FrXoops
Inscrit: 07/08/2006 13:03
Messages: 1717
Bonjour , je profite du sujet , je suis en plein dedans.
J'ai un thème responsive :
http://xoops.org/modules/news/article.php?storyid=6447
Je met en colonne gauche un bloc avec un menu accordéon jquery
http://thecodeplayer.com/walkthrough/ ... on-menu-using-jquery-css3
Ça marche , sauf que dans le menu, j'ai des titres en plusieurs mots. Du coup, sur un petit écran, j'ai des retours a la ligne . C'est moche.
Et si je bloque la colonne, ben ça marche plus ....
Au secours ?

Posté le : 21/11/2014 13:38
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
pense a "responsivé" (je sais, c'est pas français) le CSS de ton menu

Posté le : 21/11/2014 17:17
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Team FrXoops
Inscrit: 07/08/2006 13:03
Messages: 1717
Ah ouais .... Hum hum ...
#accordian {
    
background#transparent;
    /*width: 250px;*/
    
margin10px auto 0 auto;
    
colorwhite;
    
/*Some cool shadow and glow effect*/
    /*box-shadow: 
        0 5px 15px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
/*heading styles*/
#accordian h3 {
    
font-size12px;
    
line-height34px;
    
padding0 10px;
    
cursorpointer;
    
/*fallback for browsers not supporting gradients*/
    
background#transparent; 
    
backgroundlinear-gradient(#transparent, #transparent);
}
/*heading hover effect*/
#accordian h3:hover {
    
text-shadow0 0 1px rgba(2552552550.8);
}
/*iconfont styles*/
#accordian h3 span {
    
font-size16px;
    
margin-right10px;
}
/*list items*/
#accordian li {
    
list-style-typenone;
}
/*links*/
#accordian ul ul li a {
    
colorwhite;
    
text-decorationnone;
    
font-size11px;
    
line-height27px;
    
displayblock;
    
padding0 15px;
    
/*transition for smooth hover animation*/
    
transitionall 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
    
background#transparent;
    
border-left5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
    
displaynone;
}
#accordian li.active ul {
    
displayblock;
}


Heu ....

Posté le : 21/11/2014 17:51
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Team FrXoops
Inscrit: 07/08/2006 13:03
Messages: 1717
Citation :
hugo1207 a écrit :
bonjour à tous,

j'essaye de rendre un thème responsive, il y a quelques éléments ou ça fonctionnent mais d'autres pas du tout.
Avez-vous une idée pour que ça fonctionne, ou une source qui pourrait me guider?

Voici le site:http://www.goffaux-bois.com/

Et mon xoops et sous la version 2.5.6.

Bien à vous.
hugo


Bonjour Hugo, je suis passé sur ton site, et je pense que tu devrais te pencher sur la mini boutique qu'a mis en place Montuy.

Posté le : 21/11/2014 20:24
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Team FrXoops
Inscrit: 07/08/2006 13:03
Messages: 1717
Citation :
montuy337513 a écrit :
pense a "responsivé" (je sais, c'est pas français) le CSS de ton menu

Oui mais non , je ne veux pas que mon menu disparaisse au profit d'un bouton , je veux qu'il garde ses 250px de large, en colonne gauche, mais que la colonne center ne lui monte pas dessus !

Posté le : 21/11/2014 20:48
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
"responsivé" ne veut pas dire disparaître, suivant la largeur de l'écran, tu défini la taille des éléments (ou tu les fais disparaître). Tu fais ce que tu veux (même changer la couleur)

Je peux pas forcément te répondre avec exactitude car cela dépend du thème, de tout les CSS et surtout dans quel ordre tu as mis les tailles d'écrans (du plus petit au plus grand ou inversement)

Posté le : 21/11/2014 20:57
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Team FrXoops
Inscrit: 07/08/2006 13:03
Messages: 1717
Ok , merci , je vais faire avec , et si je vais plus loin , quand il sera en production, c'est un petit détail qui n'arrive que sur certains écrans, je verrais à ce moment la.

En attendant je vais le bloquer à 250 mini

Posté le : 22/11/2014 09:02
Partager Twitter Partagez cette article sur GG+
Re: thème responsive
Régulier
Inscrit: 13/03/2012 09:48
De Belgique-La Louvière
Messages: 140
Salut grom,
je passe mon travail de fin d'étude en octobre 2015, et j'enverrai du lourd.
Solo71 m'a demandé de refaire le design de wwww.luxbel.be.
Bien à toi.
hugo

Posté le : 21/01/2015 16:10

"J'entends, j'oublie ; je vois, je retiens ; je fais, je comprends."
"Tout ce qui n'est pas donné est perdu."
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
« 1 (2)




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

51 Personne(s) en ligne (42 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 51 | Plus ...