Fork me on GitHub






Affichages vertical au lieu d' horizontal
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonsoir,
Je viens de mettre à jours une version 2.3.3 en 2.4.3, tout est parfait... sauf ceci:
Open in new window
même les cases à cocher oui les boutons oui/non etc.

Open in new window
Quelqu'un peut il me donnes une piste de recherche?
Merci et bonne soirée

Posté le : 04/01/2010 21:38

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: Affichages horizontal au lieu de vertical
Régulier
Inscrit: 09/11/2009 23:00
Messages: 234
Moi je peut pas d'aider mais le style es diffèrent ca change

Posté le : 04/01/2010 21:56
Partager Twitter Partagez cette article sur GG+
Re: Affichages horizontal au lieu de vertical
Xoops accro
Inscrit: 20/02/2008 20:27
De Belgium
Messages: 2708
Voir ceci.

Posté le : 05/01/2010 01:20

Salutations, Gerard.
PS: Excusez mon mauvais français.
De la bonne manière de poser les questions
Partager Twitter Partagez cette article sur GG+
Re: Affichages horizontal au lieu de vertical
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonsoir

Dans le fichier style.css de mon thème:

label[name="xolb_icon"], [name="xolb_dohtml"], [name="xolb_dosmiley"], [name="xolb_doxcode"], [name="xolb_dobr"], [name="xolb_attachsig"], [name="xolb_attachsig"], [name="xolb_notify"],  [name="xolb_private"], [name="xolb_updateping"], [name="xolb_specify_created"], [name="xolb_noname"], [name="xolb_view_require"]  { margin-left:                        0.5emdisplay:                            inline; }


Merci pour le lien Ghia

Bonne soirée

Posté le : 05/01/2010 18:29

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: Affichages horizontal au lieu de vertical
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Ben cela fonctionne que sur newbb...mais pas sur l'ensemble des modules du site.... mince alors... c'est la galère

A+++

Posté le : 05/01/2010 18:56

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: Affichages vertical au lieu d' horizontal
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
tu peux mettre le code source de cette partie, stp

@+

Posté le : 05/01/2010 19:03

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: Affichages vertical au lieu d' horizontal
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonsoir Kris,
C'est le theme kris111 transformé pour le site de poiscaille que je viens de passer en 2.4.3

Voici le style.css, si tu veux le thème, je te l'envoi zippé.
@import url(forms.css);
@
import url(blocks.css);
@
import url(content.css);

htmlbody {
    
margin:                            0px;
    
padding:                            0px 10px;
    
font-size:                        10pt;
    
font-family:                    "Lucida Grande"Verdanasans-serif;
    
background-color:             #0C0402;
    
color:                            #C7A312;
}
table width:                     100%;}
table td {
    
padding:                         0;
    
border-width:                     0;
    
vertical-align:                 top;
}
#xo-canvas {
    
max-width:                        1024px;
    
marginauto;
    
color:                            #333;
    
background:                     url(img/hot.jpgno-repeat fixed top left;
/* max-width hack for IE since it doesn't understand the valid css property */
 /* width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");
  max-width: 1000px;
  margin: 0 auto;*/
}

body.theme-dialog #xo-canvas {
    
margin:                            0px 6px;
}

/* ---------- Bannières ---------- */
#xo-banner {
    
color:                            #666;
    
clear:                            both;
    
/* Use relative pos to ensure the banner ad img/flash is relative to the header */
    
position:                        relative;
    
z-index:                            100;
    
width:                            100%;
    
height:                            140px;
                                                
/* ***** Modif Burning ***** : ajout de l'image de fond (cas où la bannière publicitaire est désactivée) */
    /*background-color:                inherit;*/
    
background-colortransparent;
    
background-imageurl(familly-carpe-bandeau.jpg);
    
background-positiontop left;
    
background-repeatno-repeat;
}
#xo-banner.commercial {
height140px;
                                                
/* ***** Modif Burning ***** : ajout de l'image de fond (cas où la bannière publicitaire est désactivée) */
    
background-colortransparent;
    
background-imageurl(familly-carpe-bandeau.jpg);
    
background-positiontop left;
    
background-repeatno-repeat;
}
body.theme-dialog #xo-banner {
    
padding-top:                    6px;
    
padding-left:                    10px;
    
height:                            48px;
}
/* Keep the ad img centered by using auto-margins and centeredcontainer/leftalignedchild on MSIE */
#xo-banner-ad {
    
position:                        absolute;
                                                
/* ***** Modif Burning ***** : repositionnement de la bannière publicitaire pour éviter le chevauchement avec le panneau "Family carpe No Kill" ***** */    
                                                /* ***** A revoir : léger chevauchement quand même... la publicité pourrait être placée sous le globalnav ? ******* */
    /*top:                                10px;
    right:                            35px;*/
    
top0px;
    
right0px;
}
#xo-banner-ad object, #xo-banner-ad img {
    
display:                            block;
}

/*---------------------- Nom du site dans le header ----------------------------*/
                                                /****** Note : pour masquer le titre et le slogan du site : 
                                                        • soit tu saisies display: none;
                                                        • soit tu  supprimes dans theme.html
                                                            <a id="xo-site-title" class="commercial" href="<{xoAppUrl /}>">Familly Carpe</a>
                                                            <div id="xo-site-slogan">"No Kill"</div>
                                                ******* */
#xo-site-title {
    
floatleft;
                                                
/* ***** Modif Burning ***** : transparence impérative + coloration du titre en blanc (sinon le tire est en rouge sur rouge :( ***** */        
    /*color:                             #CE4713;
    background:                     inherit;*/    
    
background-colortransparent;
    
color#fff;
    
text-decoration:                 none;
    
font-size2.2em;
    
font-weight:                     bold;
    
margin:                             70px 40px 0 0;
    
font-family:                     "Lucida Grande","Trebuchet MS"Verdanasans-serif;
}
                                                
/* ***** Modif Burning ***** : coloration au survol du titre ***** */
a#xo-site-title.commercial:hover {
/*#xo-site-title .commercial a:hover {*/                                                    
    
color#eee;
}
/*#xo-site-title h1 {
    clear:                             both;
    padding:                         10px 0 0 15px;
    margin:                             10px 50px;
    font-size:                        2.2em;
    border-bottom-width:            0px;
    border-bottom-style:         solid;
    border-bottom-color:         #D2D2D2;
}*/
#xo-site-title.commercial {/* ****** Burning - Pas de différence avec la version sans bannière **** */}
 /*#xo-site-title h1 a:hover {
     text-decoration:                 none !important;
 }*/
/*----------------------- titre du slogan du site dans le header ------------------------*/
#xo-site-slogan {
    
clear:                            both;
    
float:                            left;
    
font-style:                     italic;
                                                
/* ***** Modif Burning ***** : transparence + déplacement du slogan + coloration en blanc ***** */            
    /*color:                             #E79525;
    margin:                             10px 40px 0 0;
    background:                     inherit;*/
    
background-colortransparent;
    
margin0 0 0 65px;
    
color#fff;
}

/*------------------------ Affichage du logo ----------------------------*/
#xo-main-logo {
    
color:                            #666;
    
padding-left:                     10px;
    
background:                     inherit;
    }

/*-------- Affichage des champs de saisie dans le header-----------*/
#xo-banner form {
    
margin:                            0px;
    
display:                            inline;
}
#xo-banner input {
    
color:                            #333;
    
width:                            8em;
    
background:                     inherit;
    
margin:                            0px 0px 0px 2px;
}

/*============== Styles pour l'include userbar.html =================*/
/* ************ Pas la place pour le userbar.html dans le header : les icônes se superposent avec l'illustration 
/* ************* Solution : déplacement du userbar au sommet de la page : cela implique la modification de theme.html et la création d'un calque supplémentaire (calque-au-sommet)*/
#calque-au-sommet {
    
padding5px;
    
height25px;
    
margin0 50px 0 63px;
}
    
#xo-userbar {
    
color:                            #CE4713;
    
text-align:                        right;
    
                                                
/* ***** Modif Burning ***** : méthode de position du calque passée en relative ***** */    
    /*position:                        absolute;
    bottom:                            1px;
    right:                            2em;*/
    
positionrelative;
                                                
/* ***** Modif Burning ***** : transparence ***** */                
    /*background:                     inherit;*/
    
background-colortransparent;
}
#xo-userbar form {
    
display:                            inline;
    
padding:                            0px;
}
#xo-userbar button {
    
margin:                             0px -3px;
    
border:                            0px none;
    
padding:                            0px;
    
background:                        transparent none;
}
#xo-userbar button img {
    
width:                             18px;
    
height:                             18px;
 }
#xo-userbar img {
    
width:                             18px;
    
height:                             18px;
}
#xo-userbar input {
    
color:                            #C7A312;
    
background:                     inherit;
}

#xo-userbar a {
    
text-decoration:                none;
    
background-color:             inherit;
    
color:                             #E79525;

}
#xo-uname {
    
color:                            #E79525;
    
font-size:                        1.1em;
    
font-weight:                    bold;
    
background:                     inherit;
}

/*============= Style pour l'include globalnav.html ================*/
#xo-globalnav {
    
color:                            #E79525;
    
margin:                            0px;
    
background:                     inherit;
    
padding:                            2px 45px 0px;
    
min-height:                        20px;
    
font-size:                        1.1em;
    
font-weight:                     bold;
    list-
style-type:                none;
}
html #xo-globalnav { height: 20px; }

#xo-globalnav .x2-label {
    
display:                            none;
}
#xo-globalnav li {
    
font-size:                         .9em;
    
display:                            inline;
    
margin:                            0px;
    
padding-left:                    .5em;
    
padding-right:                    .5em;
}
#xo-globalnav a {
    
color:                            #C7A312;
    
text-decoration:                none;
    
background-color:                inherit;
}
#xo-globalnav a:hover {
    
color:                            #CE4713;
    
text-decoration:                none;
    
background-color:                inherit;
}

/*=============== Affichage Pied de page - Footer  ====================*/
#xo-footer {
    
text-align:                        center;
    
padding:                            .5em;
    
font-size:                        .8em;
    
color:                            #ccc;
    
margin:                            0px;
    
background-color:                inherit;
}
body.theme-dialog #xo-footer { padding: .2em .5em; font-size:    .8em;}
#xo-footer a {
    
color:                             #fff;
    
font-weight:                     600;
    
text-decoration:                 none;
    
background-color:                inherit;
}
#xo-footer a:hover {
    
color:                             #fff;
    
font-weight:                     normal;
    
text-decoration:                 underline;
    
background-color:                inherit;
}
/*================= Zone de contenu ===================*/
#xo-canvas-content {
    
margin-top:                     10px;
    
background-color:                inherit;
    
padding:                            2px;
}
#xo-page {
    
background:                     inherit;
}
#xo-canvas-rightcolumn {padding: .5em;}
#xo-content {
    
clear:                            both;
    
padding:                            .5em;
    
margin:                            0px;
    
color:                            #C7A312;
    
background:                     inherit;
}

#xo-logger-output {font-size:    .8em;}

/*========== Menu principal dans bloc =============*/
#mainmenu a {
    
color:                             #E79525 !important;
    
display:                         block;
    
margin:                             0px;
    
padding:                         1px;
    
font-weight:                     700;
    
font-variant:                     small-caps;
    
background-color:             inherit;
    
text-decoration:                 none;
}
#mainmenu a:hover {
    
color:                            #CE4713 !important;
    
text-decoration:                none !important;
    
background-color:             inherit;
    
background:                     url(img/bullet.gifno-repeat -10px;
  
}
#mainmenu a.menuTop, #mainmenu a.menuMain {padding-left: 8px; }
#mainmenu a.menuSub {
    
color:                            #fff !important;
    
padding-left:                     15px;
    
font-size:                        .7em;
    
font-weight:                    normal;
    
font-style:                     italic;
    
background-color:                inherit;
    
background-image:             none;
    
font-variant:                     normal;
}
#mainmenu a.menuSub:hover {
    
color:                            #E79525 !important;
    
background-color:             inherit;
}

/*============ Menu utilisateur dans bloc ============*/
#usermenu a {
    
display:                         block;
    
margin:                             0;
    
padding:                         2px;
    
color:                            #E79525;
    
font-style:                     italic;
    
font-size:                         0.8em;
    
line-height:                     1em;
    
background-color:             inherit;
    
text-align:                     left;
}
#usermenu a:hover {
    
color:                            #CE4713;
    
font-style:                     italic;
    
text-decoration:                none !important;
    
text-align:                     left;
    
border-left:                    1px solid #CE4713;
    
border-bottom:                    1px solid #CE4713;
    
background-color:             inherit;
}
#usermenu a.menuTop {}
#usermenu a.highlight {
    
background-color:             #333;
    
color:                             #ccc;
}
div.xoopsCode {
background-colortransparent;
font-size12px;
border1px inset #000080;
font-familyCourier New,Courier,monospace;
padding0 10px 10px 10px;
max-width550px;
overflowauto;
}
div.xoopsQuote {
background-colortransparent;
font-size12px;
border1px inset #000080;
font-familyCourier New,Courier,monospace;
padding0 10px 10px 10px;
max-width550px;
overflowauto;
}
/*=========== Règles nécessaires pour les anciens templates des modules ============*/
#usermenu a, #mainmenu a {    display: block;}
.xo-canvas-column .menuSub padding-left1em;}

Bonne soirée

Posté le : 05/01/2010 20:00

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+
Re: Affichages vertical au lieu d' horizontal
Xoops accro
Inscrit: 16/08/2005 19:46
De Nanterre
Messages: 2331
Bonjour,
Je viens de remplacer le fichier de mon thème forms.css par celui de morphogenesis livré avec xoops 243 et cela fonctionne sur tout les modules, donc, rien a voir avec le style css.
Je crois que le problème viens du fait que tout les thèmes doivent être relooker en même temps que l'évolution de xoops.
Voici le contenu du forms.css de mon thème qui créer problème
/*======= Style pour les formulaires, boutons, zones de texte, ... ========*/

.xo-block form {
    
margin:                        0px;
    
padding:                        0px;
}
#xo-content form {
    
margin:                        0px;
    
background:                    transparent;
}
.
xo-block .formButtons {
    
text-align:                    center;
    
padding:                        .5em;
}
label {
    
display:                        block;
    
padding:                        0px;
    
background:                    transparent;
}
.
xo-formfield {
    
margin-bottom:                .2em;
    
background:                    transparent;
}
.
xo-formbuttons {
    
font-family:                 GenevaArialHelveticasans-serif;
    
color:                         #CE4713;
    
background-color:         transparent;
    
font-size:                    .9em;
    
font-weight:                 800;
    
border:                         1px solid #CE4713;
    
font-variant:                 small-caps;
}
#xo-content .xo-formfield.required label:after {
    
content:                        '*';
    
color:                        #ff0000;
    
background-color:         #000;
}
select {
    
background-color:         #000;
    
color:                         #C7A312;
    
font-size:                     .9em;
    
border:                         1px solid #000;
}
select[name=timezone_offset] {
    
color:                         #C7A312;
    
font-size:                    .9em;
    
background-color:            #000;
}
input[type=text], input[type=password], textarea {
    
border:                        1px solid #CE4713;
    
margin:                        2px 0px;
    
padding-left:                .2em;
    
background-color:         transparent;
    
color:                         #C7A312;
}
input[type=text], input[type=password] {}
input[type=text]:focusinput[type=password]:focustextarea:focus {
    
border-color:                #CE4713;
    
outline:                        1px solid #CE4713;
}
textarea width:             95%;}


Bonne journée à tous

Posté le : 06/01/2010 04:37

eparcyl... tranquille.
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



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

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