- Forums
- Archives
- Versions stables
- Joomla 1.5
- Discussions générales
- Extensions tierces
- Templates
- [réglé] Modifier la grille du template tx_gravity
Question [réglé] Modifier la grille du template tx_gravity
- vpainchaud
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 2
- Remerciements reçus 0
21 Fév 2011 15:44 - 21 Mar 2011 10:07 #1
par vpainchaud
[réglé] Modifier la grille du template tx_gravity a été créé par vpainchaud
Bonjour,
Je suis en train de créer un site avec le template tx_gravity et j'aurais besoin d'aide pour changer le css de la grille ou (grid.css). En ce moment, toute la grille est alignée à gauche et je désire avoir la partie du haut (roof) alignée à droite afin d'y insérer un menu aligné à droite. Pour le moment, si je change un détail, toute la grille est affectée et j'ignore comment je devrais modifier le code afin d'influencer que le roof. Enfin, j'imagine que le changement doit être fait dans la grid.css mais j'ai peut-être tout faux. Ce template est assez complexe.
Vous pouvez voir mon site à www.creationsv.com/sites
Voici le code du grid.css
Merci
/* Containers
*/
.tx-container {
margin-left: auto;
margin-right: auto;
width: 942px;
position: relative;
}
/* Grid >> Global
*/
.tx-grid-1, .tx-grid-2{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.tx-grid-3{
display: inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.tx-grid-4, .tx-grid-5, .tx-grid-6, .tx-grid-7, .tx-grid-8,.tx-grid-9, .tx-grid-10, .tx-grid-11, .tx-grid-12
{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid
*/
.tx-container .tx-grid-1 {width:60px;}
.tx-container .tx-grid-2 {width:140px;}
.tx-container .tx-grid-3 {width:280px;}
.tx-container .tx-grid-3 tx-alpha {width:280px;
height:80px;}
.tx-container .tx-grid-4 {width:300px;}
.tx-container .tx-grid-5 {width:380px;}
.tx-container .tx-grid-6 {width:380px;
}
.tx-container .tx-grid-7 {width:540px;}
.tx-container .tx-grid-8 {width:620px;}
.tx-container .tx-grid-9 {width:655px;}
.tx-container .tx-grid-10 {width:780px;}
.tx-container .tx-grid-11 {width:860px;}
.tx-container .tx-grid-12 {width:940px;}
/* Grid Prefix for extra left spacing
*/
.tx-container .tx-prefix-1 {padding-left:80px;}
.tx-container .tx-prefix-2 {padding-left:160px;}
.tx-container .tx-prefix-3 {padding-left:240px;}
.tx-container .tx-prefix-4 {padding-left:320px;}
.tx-container .tx-prefix-5 {padding-left:400px;}
.tx-container .tx-prefix-6 {padding-left:480px;}
.tx-container .tx-prefix-7 {padding-left:560px;}
.tx-container .tx-prefix-8 {padding-left:640px;}
.tx-container .tx-prefix-9 {padding-left:720px;}
.tx-container .tx-prefix-10 {padding-left:800px;}
.tx-container .tx-prefix-11 {padding-left:880px;}
/* Grid Push Space
*/
.tx-container .tx-push-1 {left:80px;}
.tx-container .tx-push-2 {left:160px;}
.tx-container .tx-push-3 {left:240px;}
.tx-container .tx-push-4 {left:320px;}
.tx-container .tx-push-5 {left:400px;}
.tx-container .tx-push-6 {left:480px;}
.tx-container .tx-push-7 {left:560px;}
.tx-container .tx-push-8 {left:640px;}
.tx-container .tx-push-9 {left:720px;}
.tx-container .tx-push-10 {left:800px;}
.tx-container .tx-push-11 {left:880px;}
/* Grid Pull Space
*/
.tx-container .tx-pull-1 {left:-80px;}
.tx-container .tx-pull-2 {left:-160px;}
.tx-container .tx-pull-3 {left:-240px;}
.tx-container .tx-pull-4 {left:-320px;}
.tx-container .tx-pull-5 {left:-400px;}
.tx-container .tx-pull-6 {left:-480px;}
.tx-container .tx-pull-7 {left:-560px;}
.tx-container .tx-pull-8 {left:-640px;}
.tx-container .tx-pull-9 {left:-720px;}
.tx-container .tx-pull-10 {left:-800px;}
.tx-container .tx-pull-11 {left:-880px;}
Je suis en train de créer un site avec le template tx_gravity et j'aurais besoin d'aide pour changer le css de la grille ou (grid.css). En ce moment, toute la grille est alignée à gauche et je désire avoir la partie du haut (roof) alignée à droite afin d'y insérer un menu aligné à droite. Pour le moment, si je change un détail, toute la grille est affectée et j'ignore comment je devrais modifier le code afin d'influencer que le roof. Enfin, j'imagine que le changement doit être fait dans la grid.css mais j'ai peut-être tout faux. Ce template est assez complexe.
Vous pouvez voir mon site à www.creationsv.com/sites
Voici le code du grid.css
Merci
/* Containers
*/
.tx-container {
margin-left: auto;
margin-right: auto;
width: 942px;
position: relative;
}
/* Grid >> Global
*/
.tx-grid-1, .tx-grid-2{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.tx-grid-3{
display: inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.tx-grid-4, .tx-grid-5, .tx-grid-6, .tx-grid-7, .tx-grid-8,.tx-grid-9, .tx-grid-10, .tx-grid-11, .tx-grid-12
{
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
/* Grid
*/
.tx-container .tx-grid-1 {width:60px;}
.tx-container .tx-grid-2 {width:140px;}
.tx-container .tx-grid-3 {width:280px;}
.tx-container .tx-grid-3 tx-alpha {width:280px;
height:80px;}
.tx-container .tx-grid-4 {width:300px;}
.tx-container .tx-grid-5 {width:380px;}
.tx-container .tx-grid-6 {width:380px;
}
.tx-container .tx-grid-7 {width:540px;}
.tx-container .tx-grid-8 {width:620px;}
.tx-container .tx-grid-9 {width:655px;}
.tx-container .tx-grid-10 {width:780px;}
.tx-container .tx-grid-11 {width:860px;}
.tx-container .tx-grid-12 {width:940px;}
/* Grid Prefix for extra left spacing
*/
.tx-container .tx-prefix-1 {padding-left:80px;}
.tx-container .tx-prefix-2 {padding-left:160px;}
.tx-container .tx-prefix-3 {padding-left:240px;}
.tx-container .tx-prefix-4 {padding-left:320px;}
.tx-container .tx-prefix-5 {padding-left:400px;}
.tx-container .tx-prefix-6 {padding-left:480px;}
.tx-container .tx-prefix-7 {padding-left:560px;}
.tx-container .tx-prefix-8 {padding-left:640px;}
.tx-container .tx-prefix-9 {padding-left:720px;}
.tx-container .tx-prefix-10 {padding-left:800px;}
.tx-container .tx-prefix-11 {padding-left:880px;}
/* Grid Push Space
*/
.tx-container .tx-push-1 {left:80px;}
.tx-container .tx-push-2 {left:160px;}
.tx-container .tx-push-3 {left:240px;}
.tx-container .tx-push-4 {left:320px;}
.tx-container .tx-push-5 {left:400px;}
.tx-container .tx-push-6 {left:480px;}
.tx-container .tx-push-7 {left:560px;}
.tx-container .tx-push-8 {left:640px;}
.tx-container .tx-push-9 {left:720px;}
.tx-container .tx-push-10 {left:800px;}
.tx-container .tx-push-11 {left:880px;}
/* Grid Pull Space
*/
.tx-container .tx-pull-1 {left:-80px;}
.tx-container .tx-pull-2 {left:-160px;}
.tx-container .tx-pull-3 {left:-240px;}
.tx-container .tx-pull-4 {left:-320px;}
.tx-container .tx-pull-5 {left:-400px;}
.tx-container .tx-pull-6 {left:-480px;}
.tx-container .tx-pull-7 {left:-560px;}
.tx-container .tx-pull-8 {left:-640px;}
.tx-container .tx-pull-9 {left:-720px;}
.tx-container .tx-pull-10 {left:-800px;}
.tx-container .tx-pull-11 {left:-880px;}
Dernière édition: 21 Mar 2011 10:07 par lavsteph. Raison: sujet réglé
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
23 Fév 2011 10:54 #2
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet Re: Modifier la grille du template tx_gravity
Bonjour
Pb résolu ??
Car je vois ton menu haut aligner à droite (avec un petit pb de CSS)
sinon curieux, ton site est illisible avec firebug ??
@+
Pb résolu ??
Car je vois ton menu haut aligner à droite (avec un petit pb de CSS)
sinon curieux, ton site est illisible avec firebug ??
@+
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Connectez-vous ou Créer un compte pour participer à la conversation.
- vpainchaud
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 2
- Remerciements reçus 0
20 Mar 2011 15:25 #3
par vpainchaud
Réponse de vpainchaud sur le sujet Re: Modifier la grille du template tx_gravity
Finalement, j'ai réussis. Pour ceux que ça intéresse, je l'ai eu en utilisant les suffix de class et en ajoutant un css avec float:right; .
Merci d'avoir fait un suivi quand même.
Merci d'avoir fait un suivi quand même.
Connectez-vous ou Créer un compte pour participer à la conversation.
Droit d'accès du forum
- Vous ne pouvez pas: Créer un nouveau sujet.
- Vous ne pouvez pas: Répondre au sujet.
- Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavsteph, tramber91, Scottux, serge
- Forums
- Archives
- Versions stables
- Joomla 1.5
- Discussions générales
- Extensions tierces
- Templates
- [réglé] Modifier la grille du template tx_gravity
Temps de génération de la page : 0.308 secondes