Fork me on GitHub






RC78
Image sur le côté G & D du contenu
#1
Régulier
Inscrit: 01/04/2007 20:31
De Ile de France
Messages: 461
Bonjour,
Je sèche en essayant d'ajouter une ombre de chaque coté et en dehors de ma zone de contenu (morpho V2.10)
J'ai déjà une image qui se répète dans mon body en partie haute mais je ne vois pas comment en ajouter à gauche et droite

html, body {
    margin:                            0;
    background-color:             #414141;
    background-image: url(../img/background.jpg);
    background-repeat: repeat-x;
    padding:                            0 10px;
    color:                            #fff;
    font-family:                    "Lucida Grande", Verdana, sans-serif;
    font-size:                        10pt;


Merci d'avance
Titi

Posté le : 09/05/2008 14:32
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Image sur le côté G & D du contenu
#2
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

solution rapide est de créer un deuxième xo-wrapper nommé par exemple xo-wrapperbis, et tu mets tes backgrounds droit gauche dans chacun d'eux avec un z-index de 10

@++

Posté le : 09/05/2008 15:15

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
RC78
Re: Image sur le côté G & D du contenu
#3
Régulier
Inscrit: 01/04/2007 20:31
De Ile de France
Messages: 461
Merci Kriss,
Aurais tu un exemple sur un de tes thèmes?

Titi

Posté le : 09/05/2008 15:19
Partager Twitter Partagez cette article sur GG+
Rapport Haut
RC78
Re: Image sur le côté G & D du contenu
#4
Régulier
Inscrit: 01/04/2007 20:31
De Ile de France
Messages: 461
J'ai essayé comme ça mais rien à faire, je n'ai pas du comprendre une fois de plus

html, body {
    margin:                            0;
    background-color:             #414141;
    background-image: url(../img/background.jpg);
    background-repeat: repeat-x;
    padding:                            0 10px;
    color:                            #fff;
    font-family:                    "Lucida Grande", Verdana, sans-serif;
    font-size:                        10pt;
}
body.site_closed form {    padding: 1em 35%;}

/* ======= Body box ======= */
#xo-wrapper {}
#xo-wrapperleft {
    width:30px;
    height:430px;
    display:block;
    float:left;
    background-image:url(../img/bar_left.jpg);
    background-repeat:  no-repeat top left;
  z-index: 10;    
}
#xo-wrapperright {
    width:30px;
    height:430px;
    display:block;
    float:right;
    background-image:url(../img/bar_rihgt.jpg);
    background-repeat:  no-repeat top right;
    z-index: 10;    
    }
#xo-bgstatic {}
#xo-canvas {
    margin:                            0 auto;
    width:                            1000px /*90%*/;
    background-color:             inherit;
    color:                            #fff;
}

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

Posté le : 09/05/2008 15:59
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Image sur le côté G & D du contenu
#5
Guest_
b'jour,

Le "plus simple" serait que tu regardes comment sont conçus les thèmes disposant d'un contour.

Ils sont de 2 sortes :
- thèmes élastiques (qui s'adaptent à la taille de la fenêtre du navigateur)
- thèmes rigides (largeur fixe)

Tu disposes de modèles avec les thèmes Kris + n°

Bon courage

Posté le : 09/05/2008 19:08
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 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

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