Fork me on GitHub




(1) 2 »


Modifier juste la couleur de fond de la page du module userpage?
Régulier
Inscrit: 02/08/2006 13:40
Messages: 274
Bonjour,

j'aimerais savoir s'il est possible de simplement modifier la couleur de fond ou la couleur d'écriture des pages "userpage", les pages des usagers. J'aimerais ne pas avoir à modifier la couleur dominante choisie pour le texte et le fond sur les diverses pages du site.

Merci de m'aider.

Posté le : 22/10/2007 23:40
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

Que te dire (car je n'ai pas installé ce module) si ce n'est d'utiliser firefox et les extensions webdevelopper, editcss, cssviewer, aardvak, et de regarder un des tutos sur l'utilisation de ces outils sur tutos.xoofoo.org

@+

Posté le : 23/10/2007 00:12

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Régulier
Inscrit: 02/08/2006 13:40
Messages: 274
Le souci c'est que mes compétences sont beaucoup trop réduites pour que je parvienne à trouver la solution même avec webdevelopper... De toute façon, avec firebox 2.08, webdevelopper n'est plus compatible...

Merci quand même. Quand je fais un changement, toutes les pages sont concernées et pas juste celles du module!

Posté le : 23/10/2007 00:14
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Guest_
B'soir,

Pour le moment l'apparence de ta page est gérée par la déclaration #content qui se trouve dans ta feuille style.css.

Si tu modifies les attributs (couleur de fond, couleur de la police, ...) associés à cette déclaration, toute l'apparence de ton site sera modifiée.

Donc à mon avis il ne te reste plus comme solution que


1. créer une nouvelle déclaration dans ta feuilles style.css

Exemple
Citation :
#fonduserpage {
background-color: #fff;
}


2. ensuite, placer cette déclaration dans le template approprié de userpage (modules/userpage/templates/...) et au bon endroit

Syntaxe (je crois)
Citation :
<table class="fonduserpage">
<tr>
<td>
le contenu de ta page
</td>
</tr>
</table>


... je n'utilise pas ce module mais cela me paraît logique de procéder comme cela.

Mais il y a peut être plus simple.

@+

Posté le : 23/10/2007 00:15
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Utiliser la même astuce que j'ai donné aujourd'hui pour morphogenesis et pical https://www.frxoops.org/modules/newbb/ ... hp?topic_id=23808&forum=5

@+

Posté le : 23/10/2007 00:21

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Guest_
re',

je savais que j'étais à côté de la plaque

Donc plus simple (merci Kris ) : il faut simplement trouver le bon template et l'encapsuler dans une balise <div> </div>.

Donc quelque chose du type :

Citation :
<div id="fonduserpage">
ici tout le code du template...
</div>


@+

Posté le : 23/10/2007 00:27
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Régulier
Inscrit: 02/08/2006 13:40
Messages: 274
Désolée de paraître si nulle, mais le "bon template", je le trouve comment?

Posté le : 23/10/2007 00:29
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Guest_
re',

C'est le plus compliqué.

En regardant
- l'url affichée par le navigateur (mais en l'occurrence pour Userpage cela ne va pas t'aider beaucoup)
- le nom des fichiers templates (parfois très explicites)

... mais le plus souvent il faut ouvrir le fichier pour vérifier ce qui s'y passe

@+

Posté le : 23/10/2007 00:38
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Régulier
Inscrit: 02/08/2006 13:40
Messages: 274
Je crois que je vais laisser tomber, je ne vais jamais y arriver...

Posté le : 23/10/2007 00:39
Partager Twitter Partagez cette article sur GG+
Re: Modifier juste la couleur de fond de la page du module userpage?
Guest_
re',

Faut pas "laisser tomber" . Mais n'hésite pas à poser des questions si il y a des choses que tu ne comprends pas.

Le fichier template à modifier est userpage_index.html

Donc tu encadres le code par la balise <div id="fonduserpage"> </div>

Ce qui donne (version xoops2-mod_userpage1.21 téléchargée sur frxoops):

<div id="fonduserpage">

<{if 
$allowrss}><div align='right'><a href="<{$xoops_url}>/modules/userpage/rss.php" title="<{$smarty.const._USERPAGE_RSS_FEED}>"><img src="<{$xoops_url}>/modules/userpage/images/rss.gif" border="0" alt="<{$smarty.const._USERPAGE_RSS_FEED}>" /></a></div><{/if}>
<
h3><{$smarty.const._USERPAGE_YOUR_PAGE}></h3>
<
br />
<
h4><{$up_title}></h4>
<{if 
$up_text}>
    <{
$up_text}>
<{else}>
    <
div style='text-align:center; font-weight: bold;'><{$smarty.const._USERPAGE_EMPTY_PAGE}></div>
<{/if}>
<
br /><br />
<
div align="right">
    <{if 
$up_dateformated != ''}><a href="#" title="<{$smarty.const._USERPAGE_CREATION_DATE}> <{$up_dateformated}>"><img src="<{$xoops_url}>/modules/userpage/images/calendar.gif" border="0" alt="<{$smarty.const._USERPAGE_CREATION_DATE}> <{$up_dateformated}>" /></a>&nbsp;<{/if}> <{if $up_hits != ''}><a href="#" title="<{$smarty.const._USERPAGE_HITS}> <{$up_hits}>"><img src="<{$xoops_url}>/modules/userpage/images/view.gif" border="0" alt="<{$smarty.const._USERPAGE_HITS}> <{$up_hits}>" /></a>&nbsp;<{/if}>
    <{if 
$currentuser}><a href="<{$xoops_url}>/modules/userpage/userpage_edit.php?op=edit" title="<{$smarty.const._USERPAGE_EDIT}>"><img src="<{$xoops_url}>/modules/userpage/images/edit.gif" border="0" alt="<{$smarty.const._USERPAGE_EDIT}>" /></a>&nbsp;<{/if}>
    <{if 
$mail_cmd}><a href="<{$mail_cmd}>" title="<{$smarty.const._USERPAGE_EMAIL}>"><img src="<{$xoops_url}>/modules/userpage/images/friend.gif" border="0" alt="<{$smarty.const._USERPAGE_EMAIL}>" /></a>&nbsp;<{/if}>
    <
a href="<{$xoops_url}>/modules/userpage/print.php?page_id=<{$up_pageid}>" target="_blank" rel="nofollow" title="<{$smarty.const._USERPAGE_PRINTABLE}>"><img src="<{$xoops_url}>/modules/userpage/images/print.gif" border="0" alt="<{$smarty.const._USERPAGE_PRINTABLE}>" /></a>&nbsp;
    <
a href="<{$xoops_url}>/modules/userpage/makepdf.php?page_id=<{$up_pageid}>" target="_blank" rel="nofollow" title="<{$smarty.const._USERPAGE_PDF}>"><img src="<{$xoops_url}>/modules/userpage/images/pdf.gif" border="0" alt="<{$smarty.const._USERPAGE_PDF}>" /></a>&nbsp;
    <
a href="<{$xoops_url}>/modules/userpage/userpage_list.php" title="<{$smarty.const._USERPAGE_BOOK}>"><img src="<{$xoops_url}>/modules/userpage/images/search.gif" border="0" alt="<{$smarty.const._USERPAGE_BOOK}>" /></a>&nbsp;
    <{if 
$is_admin}><a href="<{$xoops_url}>/modules/userpage/userpage_delete.php?id=<{$up_pageid}>" <{$confirm_delete}> title="<{$smarty.const._DELETE}>"><img src="<{$xoops_url}>/modules/userpage/images/delete.gif" border="0" alt="<{$smarty.const._DELETE}>" /></a>&nbsp;<{/if}>
</
div>

<
div style="text-align: center; padding: 3px; margin:3px;">
    <{
$commentsnav}>
    <{
$lang_notice}>
</
div>

<
div style="margin:3px; padding: 3px;">
<{if 
$comment_mode == "flat"}>
    <{include 
file="db:system_comments_flat.html"}>
<{elseif 
$comment_mode == "thread"}>
    <{include 
file="db:system_comments_thread.html"}>
<{elseif 
$comment_mode == "nest"}>
    <{include 
file="db:system_comments_nest.html"}>
<{/if}>
</
div>

</
div>


Et dans ta feuille de style.css tu ajoutes la déclaration css correspondante :

#fonduserpage { background-color : #fff; }

Penser à vider le répertoire template_c/ sauf le fichier index.html

Note : si tu as plusieurs modifications de ce type à faire, il vaut mieux faire toutes ces manipulations en local (au cas où ce ne soit pas déjà le cas)

@+

Posté le : 23/10/2007 00:49
Partager Twitter Partagez cette article sur GG+

 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

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