Retour à la page principale

aide.joueb.com

Session
Nom d'utilisateur
Mot de passe

Mot de passe oublié ?

Changements dans une mise en page

J'ai cherché un peu partout, mais je n'ai rien trouvé sur ce que je recherche.
En fait, je voudrais pouvoir changer quelques trucs dans ma mise en page.

En ce moment j'utilise la mise en page , et je voudrais savoir quelle(s) manipulation(s) il faut faire pour supprimer les fonds gris des titres pour ne mettre uniquement qu'un "contour". De même pour les titres de la colonne de droite.

Faut-il beaucoup de connaissance en HTML ou autres choses de ce genre ? Y a til certains sites qui expliquent cela ?

Merci

Ecrit par Cocktail, le Mercredi 18 Mai 2005, 18:17 dans la rubrique "Les skins".

Commentaires :

Gamin
18-05-05 à 19:13

Si tu n'as rien trouvé, c'est parce que personne avant toi n'avait posé la question... :-)

Voilà ce qu'il faut faire... Commence par éditer ta skin, et recherche le passage suivant :

.newsTitle  {
  font-family:verdana, arial, sans-serif;
  color:#<smartcolor left_title>;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  background:#<smartcolor left_background 20b>;
  line-height:14px;
  padding:2px;
  margin-top:20px;
  margin-bottom:20px;
  text-transform:uppercase;
  letter-spacing: .2em;
  border-bottom:1px solid #<smartcolor left_background 40b>;
  }

Ensuite, modifie la partie rouge, comme ceci : background:transparent;

Pour les titres de la colonne de droite, c'est ici :

.rightColumnBoxTitle {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:10pt;
  line-height:100%;
  color:#<smartcolor right_title>;
  font-weight:bold;
  border-bottom:1px solid #<smartcolor right_background 40b>;
  padding-top:5px;   
  padding-bottom:5px;   
  padding-left:5px;   
  padding-right:2%;   
  margin-right:20px;
  margin-top:20px;
  margin-bottom:5px;
  text-align:left;
  background:#<smartcolor right_background 20b>;
  }

Idem, modifie la partie en rouge comme suit : background:transparent;

Valide tes modification, ça devrait être bon... ;-)

Recontacte-moi si les modifications ne sont pas celles que tu espérais, il est possible que j'aie oublié quelque chose...


 
Cocktail
18-05-05 à 19:22

Re:

Merci beaucoup.
Cependant, étant un petit peu perfectionniste, j'aimerais savoir s'il serait possible de supprimer l'espéce de "bande" qui soulignent les titres, et si je pouvais faire quelque chose pour encadrer ces mêmes titres (quelque chose comme un cadre fin, blanc à l'intérieur, et dont je puisse choisir la couleur :-S)

En même temps, je me demandais comme l'on faisait pour modifier la taille et la police de son joueb.

Merci d'avance...

^^


 
Gamin
18-05-05 à 19:51

Re: Re:

Oui, il suffit de modifier le

border-bottom:1px solid #<smartcolor left_background 40b>;

de chaque partie en

border:1px solid #<smartcolor left_background 40b>;

pour avoir un encadrement...

Et pour choisir la couleur de l'encadrement, tu peux faire les modifications suivantes :

Au début de la skin, entre

smartcolor left_title ffffff Couleur des titres de gauche

et

smartcolor left_text 000000 Couleur du texte de gauche

rajoute

smartcolor border 999999 Couleur encadrement des titres

Ensuite, il te restera à modifier les deux

border:1px solid #<smartcolor left_background 40b>; (anciennement "border-bottom:1px solid #<smartcolor left_background 40b>;")

comme ceci :

border:1px solid #<smartcolor border>; et valide les modifs...

Tu pourras ensuite modifier la couleur de l'encadrement à partir de la page "Couleurs" de ta skin... :-))

Pour la police, reste à savoir si tu veux modifier toutes les polices de ton joueb, ou seulement certaines... J'aimerais que tu me précises ce point... :-)


 
Cocktail
18-05-05 à 20:55

Re: Re: Re:

Pour ce qui est des polices, je voudrais pouvoir modifier celle du titre des articles, celle de la date des article, celle des liens, et celles des titres de la colonne de droite. Presques toutes, en fait.

[Et puis la taille aussi, si c'est possible]


 
Cocktail
18-05-05 à 21:16

Re: Re: Re: Re:

Je viens de m'en rendre comtpte, mais il y a un tout petit problème pour les encadrements. Il n'y a pas de cadre dans la colonne droite pour le côté Gauche.
Ais je fais une mauvaise manip' ?

:-S


 
Gamin
18-05-05 à 22:27

Re: Re: Re: Re: Re:

Non, tu n'as pas fait de mauvaise manip, c'est un défaut propre à la Candid Blue lorsqu'on fait des modifications...

Apporte les modifications suivantes (elles sont en rouge) :

.rightColumnBoxTitle {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size:10pt;
  line-height:100%;
  color:#<smartcolor right_title>;
  font-weight:bold;
  border:1px solid #999999;
  padding-top:5px;   
  padding-bottom:5px;   
  padding-left:10px;   
  padding-right:0px;   
  margin-right:0px;
  margin-top:20px;
  margin-bottom:5px;
  text-align:left;
  background:transparent;
  }

et logiquement, ça devrait être mieux...


 
Gamin
18-05-05 à 22:29

Re: Re: Re: Re:

Ok, mais quelle police tu veux mettre ??

 
Cocktail
19-05-05 à 22:16

Re: Re: Re: Re: Re:

Après mûre réflexion. La police me convient très bien. [Bon, heu, je sais, je ne sais pas ce que je veux]

Par contre. Heu...
Il y a deux DERNIERES choses.

- Est ce que je pourrais centrer les titres des articles ?
- Comme je peux faire pour changer de Lundi (16/05/05) en 16 Mai [Lundi]


 
Gamin
20-05-05 à 00:01

Re: Re: Re: Re: Re: Re:

Centrer les titres des articles, c'est relativement simple...

Dans la partie :

.newsTitle  {
  font-family:verdana, arial, sans-serif;
  color:#<smartcolor left_title>;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  background:#<smartcolor left_background 20b>;
  line-height:14px;
  padding:2px;
  margin-top:20px;
  margin-bottom:20px;
  text-transform:uppercase;
  letter-spacing: .2em;
  border-bottom:1px solid #<smartcolor left_background 40b>;
  }

il suffit de changer le text-align:left; en text-align:center; ...

Pour la modification de date, c'est là :

<object class=summaries>

<object class=summary count=10>
<object sub_class=summary_new_day>
<div class="newDay"><strong><attribute day_t.day></strong> (<attribute day_t.dd>/<attribute day_t.mm>/<attribute day_t.yy>)</div>
</object>

La modification sera la suivante :

<object class=summaries>

<object class=summary count=10>
<object sub_class=summary_new_day>
<div class="newDay"><strong><attribute day_t.dd> <attribute day_t.month></strong> [<attribute day_t.day>]ribute day_t.yy>)</div>
</object>

et je pense que ça devrait fonctionner... ;-)


 


Version  XML  - Cette page est peut-être encore valide XHTML1.1 et CSS sans tableaux.
Thème inspiré par Bryan Bell.