Fork me on GitHub






cheguevara
Avatar
#1
Régulier
Inscrit: 09/11/2009 23:00
Messages: 234
Re-bonsoir encore moi avec encore des questions j'ai chercher sur le forum comment mettre l'avatar commeOpen in new windowceci sur mon site j'ai chercher mais je n'es pas trouver.

Ma deuxieme question es voila un screen de la page d'accueil de mon site je voudrais savoir comment l'elargir (qui s'adapte automatiquement au format de l'ecrant de l'utilisateur ) sans que le texte ne soit deformer j'aurai voulu savoir quel fichier doit je modifier et au niveau de qu'elle ligne

Open in new window


Merci d'avance de vos réponse en vous remerciant

Posté le : 24/11/2009 21:51
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Ghia
Re: Avatar
#2
Xoops accro
Inscrit: 20/02/2008 20:27
De Belgium
Messages: 2708
Il faut avoir une image comme ça en /uploads/blank.gif

Vous avez choisi une thème avec une largeur fixe. Pour changer ça, il faut enlever les instructions CSS, qui détermine cette largeur, typiquement le largeur (width) pour header, content et footer (par exemple dans
#xo-content {
margin-bottom:7px;
margin-top:7px;
padding:3px;
width:750px;
}

). Ces changements peuvent être des effets secondaires. (Peut-être c'est plus facile de choisir une thème non fixe.)

Posté le : 24/11/2009 22:32

Salutations, Gerard.
PS: Excusez mon mauvais français.
De la bonne manière de poser les questions
Partager Twitter Partagez cette article sur GG+
Rapport Haut
cheguevara
Re: Avatar
#3
Régulier
Inscrit: 09/11/2009 23:00
Messages: 234
car sur mon forum on peut pas mettre d'avatar ya les description mais pas d'avatar faut t'il rajouter quelque chose dans un php ??

Posté le : 24/11/2009 22:44
Partager Twitter Partagez cette article sur GG+
Rapport Haut
bendenice
Re: Avatar
#4
Supporter Xoops
Inscrit: 17/12/2005 01:41
De Alpes Maritimes
Messages: 1682
/* reset */
* {
margin: 0;
padding: 0;
}
/* layout */
html, body {
margin: 10px;
background: #333333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #787878;
}
#xo-canvas {
width: 100%;
margin: 0 auto;
padding: 0px;
background: #FFFFFF;
border: 10px solid #cccccc;
}
#xo-canvas-content {
padding: 10px 0 0 0;
width: 95%px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
#xo-page {}

/* hypertext links */
a {
text-decoration: none;
color: #0066CC;
}
a:hover {
background: none;
text-decoration: underline;
}

/* titles */
h1, h2, h3 {
margin: 0;
font-weight: normal;
color: #000000;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.6em;
}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

/* images */
img {
border: 0;
position: relative;
}

/* lists */
#xo-canvas-content ul {
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}
#xo-canvas-content li {
margin-left: 2px;
background-color: inherit;
color: #0066CC;
line-height: 1.4em;
list-style: square inside;
}

/* hr */
hr {
color: #ccc;
border: #ccc;
background: #ccc;
height: 1px;
}

/* forms */
input {font-size: 1em;}
select {font-size: .9em;}

/* Top */

#top{
height: 100px;

}

/* Logo */
#logo {
float: left;
width: 287px;
height: 87px;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #FFFFFF;
}

/* User login */
#login-form {
float: right;
width: 500px;
padding-top: 16px;
padding-left: 10px;
margin-right: 10px;
background: #EEEEEE;
}

.usermenu a{
padding-right:20px;
}

/* header */
#header {
height: 199px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 5px;
background: url(../images/header.png) no-repeat left top;
}

/* Menu */
#menu {
height: 30px;
padding: 0;
margin-left: 10px;
margin-right: 10px;
background: #333333;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 30px;
}
#menu li {
float: left;
}
#menu a {
display: block;
padding-left: 13px;
padding-right: 13px;
text-transform: uppercase;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
border: none;
}
#menu a:hover, #menu .current_page_item a {color: #FFFFFF; background:#0066CC;}

#menu a:hover {text-decoration: none;}

/* left columns */
#xo-canvas-leftcolumn {
width: 170px;
padding-right: 10px;
}
#xo-canvas-leftcolumn th {
color: #fff;
vertical-align: middle;
}
#xo-canvas-leftcolumn .xo-blocktitle h3 {
margin: 0 0 0 0;
padding: 5px 3px 3px 3px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-align:left;
background: url(../images/block-top.png) repeat;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#xo-canvas-leftcolumn .xo-blockcontent {
margin-bottom: 10px;
padding: 3px;
line-height: 1.2em;
font-size: 12px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

/* right columns */
#xo-canvas-rightcolumn {
width: 170px;
padding-left: 10px;
}
#xo-canvas-rightcolumn th {
background-color: #639ACE;
color: #fff;
vertical-align: middle;
}
#xo-canvas-rightcolumn .xo-blocktitle h3 {
margin: 0 0 0 0;
padding: 5px 3px 3px 3px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-align:left;
background: url(../images/block-top.png) repeat;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#xo-canvas-rightcolumn .xo-blockcontent {
margin-bottom: 10px;
padding: 3px;
line-height: 1.2em;
font-size: 12px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

/* center blocks */
#xo-page .xo-block {
margin-left:5px;
margin-right:5px;
margin-bottom: 5px;
}
#xo-topblocks th {
vertical-align: middle;
}
#xo-topcenterblocks, #xo-bottomcenterblocks {}
#xo-topcenterblocks .xo-blocktitle h3, #xo-bottomcenterblocks .xo-blocktitle h3 {
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
color: #fff;
font-weight: bold;
font-size: 14px;
background: url(../images/block-top.png) #333333 left repeat-y;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#xo-topcenterblocks .xo-blockcontent, #xo-bottomcenterblocks .xo-blockcontent {
padding: 5px 8px 8px 8px;
margin-bottom: 2px;
line-height: 1.4em;
text-align:justify;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#xo-topleftblocks, #xo-bottomleftblocks, #xo-toprightblocks, #xo-bottomrightblocks {width: 49.5%;}
#xo-topleftblocks .xo-blocktitle h3, #xo-bottomleftblocks .xo-blocktitle h3,
#xo-toprightblocks .xo-blocktitle h3, #xo-bottomrightblocks .xo-blocktitle h3{
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
color: #fff;
font-weight: bold;
font-size: 14px;
background: url(../images/block-top.png) #333333 left repeat-y;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#xo-topleftblocks .xo-blockcontent, #xo-toprightblocks .xo-blockcontent,
#xo-bottomleftblocks .xo-blockcontent, #xo-bottomrightblocks .xo-blockcontent {
margin-bottom: 2px;
padding: 5px 8px 8px 8px;
text-align: justify;
line-height: 1.4em;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

/* content module page */
#xo-content {
text-align: justify;
padding: 8px;
}

/* footer */
#footer {
width: 100%;
height: 50px;
margin: 0 auto;
padding: 40px 0;
font-family: Arial, Helvetica, sans-serif;
color: #B2B2B2;
}
#footer p {
margin: 0;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
}
#footer a {
color: #FFFFFF;
}
#xo-logger-output{ font-size: .8em;}

/* block main menu */
#mainmenu { font-size: 11px;}
#mainmenu a {
display: block;
margin: 0;
padding: 4px 4px 4px 18px;
border-bottom: 1px solid #e9e9e9;
background: url(../icons/arrow.gif) no-repeat left;
}
#mainmenu a:hover {background-color: #f8f8f8;}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {
padding-left: 20px;
background: none;
border: none;
font-style: italic;
}
#mainmenu a.menuSub:hover {background-color: #f8f8f8;}

/* block user menu */
#usermenu { font-size: 12px;}
#usermenu a {
display: block;
margin: 0;
padding: 4px 4px 4px 18px;
border-bottom: 1px solid #e9e9e9;
background: url(../icons/arrow.gif) no-repeat left;
}
#usermenu a:hover {background-color: #f8f8f8;}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #A52524;}

/* tables and cells */
table {width: 100%;}
table td {
padding: 0;
border-width: 0;
vertical-align: top;
}
th {
background: #EEEEEE;
vertical-align : middle;
color: #333333 !important;
padding: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.outer {}
.head {
background-color: #f4f4f4;
font-weight: bold;
padding: 5px;
}
.even {
background-color: #f7f7f7;
padding: 5px;
}
.odd {
background-color: #f9f9f9;
padding: 5px;
}
.foot {
background-color: #f4f4f4;
padding: 5px;
font-weight: bold;
}
tr.even td {
background-color: #f7f7f7;
padding: 5px;
}
tr.odd td {
background-color: #f9f9f9;
padding: 5px;
}

/* core messages */
.errorMsg {
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
font-weight: bold;
padding: 10px;
}
.confirmMsg {
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
font-weight: bold;
padding: 10px;
}
.resultMsg {
background-color: #c1c1c1;
color: #333;
text-align: center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font-weight: bold;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 10px;
}

/* codes and quotes */
.xoopsCode {
background-color: #fff;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
max-height: 200px;
overflow: auto;
}
.xoopsQuote {
background-color: #fff;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
font-style:italic;
padding: 0 6px 6px 6px;
}

/* articles */
.item {margin-bottom: 15px;}
.itemHead {
padding: 3px;
color: #fff;
font-size: 1.1em;
color: #333333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.itemInfo {
text-align: right;
padding: 3px;
background-color: inherit;
}
.itemTitle a {
font-size: 1.1em;
font-weight: bold;
color: #333333;
}
.itemPoster {
font-size: .9em;
font-style:italic;
}
.itemPostDate {
font-size: .9em;
font-style:italic;
}
.itemStats {
font-size: .9em;
font-style:italic;
}
.itemBody {padding-left: 5px;}
.itemText {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
}
.itemText:first-letter {
font-size: 1.3em;
font-weight: bold;
}
.itemFoot {
text-align: right;
padding: 3px;
background-color: #f9f9f9;
}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

/* forums */
.comTitle {
font-weight: bold;
margin-bottom: 2px;
}
.comText {padding: 2px;}
.comUserStat {
font-size: 10px;
font-weight:bold;
border: 1px solid #ccc;
background-color: #fff;
margin: 2px; padding: 2px;
}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {
margin-left: 2px;
margin-top: 10px;
color: #639ACC;
font-weight:bold;
font-size: .8em;
}
.comUserRank {margin: 2px;}
.comUserRankText {
font-size: .8em;
font-weight:bold;
}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {
font-weight: normal;
font-style: italic;
font-size: .8em
}
.comDateCaption {
font-weight: bold;
font-style: normal;
font-size: .8em
}
.signature {
font-size:.8em;
font-style:italic;
}


essaye ce fichier en style.css

Pour ton histoire d'avatar as tui bien verifier que cela est autorisé dans les preferences?

Posté le : 25/11/2009 00:29
Partager Twitter Partagez cette article sur GG+
Rapport Haut
cheguevara
Re: Avatar
#5
Régulier
Inscrit: 09/11/2009 23:00
Messages: 234
merci je viens d'essayer et ca me l'agrandie mais j'ai plus d'image plus rien merci quand même

Posté le : 25/11/2009 01:00
Partager Twitter Partagez cette article sur GG+
Rapport Haut
bendenice
Re: Avatar
#6
Supporter Xoops
Inscrit: 17/12/2005 01:41
De Alpes Maritimes
Messages: 1682
c'est pas normale ca que tu n'est plus d'image

peut tu renvoyer ton fichier style.css entierement en utilisant l'option code pour le mettre ( <> )
je te le remodifie comme ca car la j'ai prit celui que tu avais poster pour le titre de tes forum mais il est surement pas complet (il manque deja la modif de kris dedans)

Posté le : 25/11/2009 01:23
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

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