Fork me on GitHub




(1) 2 »


silver74
rendre theme bubblegum elastique
#1
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Bonsoir,

je suis en train tester le thème bubblegum et je voudrais ajouter la fonction etre d'afficher sur 100% du largeur d'écran si il y a pas des blocs à gauche ou à droite.

Open in new window

Donc je voulais savoir comment je pourrais ajouter dans les thème l'option d'élargissement automatique.Mais je voudrais aussi savoir comment le mettre en plein page et pas comme en ce moment que en 3/4 avec des blocs .Pouvez vous me dire comment je doit me prendre?

Posté le : 20/02/2007 23:43
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: rendre theme bubblegum elastique
#2
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
#Main {
    background-color: #FFFFFF;
    width: 75%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

100% au lieu des 75 pour width

A +

Posté le : 20/02/2007 23:52

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: rendre theme bubblegum elastique
#3
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
ok,merci kris

Mais je fais comment si je veut garde l'aspect d'origine 75% pour certaines pages et 100% pour d'autre?

Posté le : 21/02/2007 07:54
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: rendre theme bubblegum elastique
#4
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
En fonction des modules ou de pages spécifiques ?

Posté le : 21/02/2007 13:16

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: rendre theme bubblegum elastique
#5
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Je pense c par rapport des modules,car ca va etre surtout pour smartsection qui me faudrais une affichage 100%.Mais bon çc peut etre aussi d'ici qq temps sur un autre module.
Donc pour éviter le scrolling horizontale je voudrais il c elargis automatiquement quand il y a besoin.Autrement il reste a 75%.Tu vois c que je veut dire?

Posté le : 21/02/2007 13:33
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: rendre theme bubblegum elastique
#6
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
dans theme.html :
<body class="<{$xoops_dirname}> theme-default"id="<{$xoops_dirname}>">

et également :
<table border="0" cellpadding="0" cellspacing="0" class="Main"  align="center">


dans style.css :
.Main {
    background-color: #FFFFFF;
    width: 75%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}
body#smartsection.Main {
    background-color: #FFFFFF;
    width: 98%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-left-color: #CCCCCC;
}


tu auras sans doute ceci à modifier également :
.mainmenu a {
    color: #002F5E;
    padding: 7px;
    font-weight: normal;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #C3C8CB;
    border-bottom: 1px solid #C3C8CB;
    border-left: 1px solid #EDEEEF;
    text-decoration: none;
    background-color: #EAEEEE;

}
.mainmenu a:hover {
    color: #1A63BD;
    background-color: #DDEEFF;
    border-top: 1px solid #C3C8CB;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}
.mainmenu a.menuTop, .mainmenu a.menuMain {padding-left: 8px; }
td.mainmenu a.menuSub {
    padding-left: 25px;
    background-color: #F7F9F9;
}

td.mainmenu a.menuSub:hover {
    background-color: #ECF5FF;
}


pas essayer, mais l'esprit est là

A +

ps : il y a une autre solution expliquée par alain01 dans un article sur un thème qu'il a modifié pour un blog sur le volley

Posté le : 21/02/2007 14:01

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: rendre theme bubblegum elastique
#7
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
merci kris,donc si je comprend bien

body#nomdumodule.Main {


me permet d'adapter mon thème selon besoin des modules.Ce bien ca?

Posté le : 22/02/2007 10:24
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: rendre theme bubblegum elastique
#8
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Tout à fait, tu peux même changer le style de ton thème en fonction des modules comme celà, exemple :

body#module1 a {etc...}
body#module1 a:hover {etc...}
body#module2 a {etc...}
body#module2 a:hover {etc...}

et ainsi que suite pour les éléments et classes que tu veux

A +

Posté le : 23/02/2007 10:46

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: rendre theme bubblegum elastique
#9
Guest_
Et en le mâchant longtemps le bubblegum , il devient pas élastique ?

Je sais c'est nul mais c'est ma main droite (foutue main droite) qui n'a pas pu s'en empêcher ... :bouletjour:

Posté le : 23/02/2007 12:02
Partager Twitter Partagez cette article sur GG+
Rapport Haut
silver74
Re: rendre theme bubblegum elastique
#10
Supporter Xoops
Inscrit: 07/06/2003 14:31
Messages: 572
Citation :

Je sais c'est nul mais c'est ma main droite (foutue main droite) qui n'a pas pu s'en empêcher ... :bouletjour:


Heureusement ta main droite est occuper de taper des vannes comme celle si.Car autrement j'aurais peur tu utilisera ta main pour autre choses.

Posté le : 23/02/2007 14:20
Partager Twitter Partagez cette article sur GG+
Rapport Haut

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



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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