Problème avec la mise en forme de mes sujets

[Nerinee]

Bonsoir ! Tout d'abord merci à ceux qui m'aideront à réglé mes petits soucis.

Alors, voilà sur Utopia j'ai trouvé un code pour mettre en forme la mise en page des Sujets.

Mais l'ennuie c'est que j'ai un problème avec les titres, qui sont soit tout petit soit très gros ... enfin j'espère pouvoir les rendre un peu plus jolie mais je n'arrive les codes de semble pas fonctionné .
J'aimerai aussi supprimer la barre noir sur le côté ...

Spoiler:

Voici mes codes :

CSS :

Spoiler:

Template :

Spoiler:

[Feuilla']

Bonjour,
dans votre Feuille de style ligne 12, vous avez ceci :

Code:

  a.topictitle {
  font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #898989;
  text-decoration: none;
}

Sur la ligne

Code:

  font-size: 1.2em;

il faut changer le "1.2" pour changer la taille du texte. Choisissez une taille qui vous convient et validez.
Puis ligne 21, ceci :

Code:

.sujets
{
  background: #ececec;
 
}

rajoutez des lignes pour la largeur et la hauteur, comme ceci :

Code:

.sujets
{
  background: #ececec;
  width:XXpx
  height:YYpx
}

Les "XX" sont à remplacer par un nombre pour la largeur du tableau des sujets, les "YY" par la hauteur.
Bonne journée !

[Nerinee]

Merci beaucoup de m'avoir répondu ^^
Mais, ça n'a pas marcher même en changeant la taille, le texte ne prend pas forme ^^

Je viens juste de voir que c'était un conflit avec le css que j'ai mis pour les catégories, en enlevant le css des catégories le texte est devenue normale.

Spoiler:

[Feuilla']

Re,
c'est étrange j'ai peut-être mal cherché mais je vois pas les codes sur le forum.
Qu'entendez-vous par "le texte ne prend pas forme" ou "les rendre un peu plus jolie " ? J'entrendrais par là par exemple mettre le texte en italique, en gras, avec une police différente... ? Par exemple pour mettre les titres en italique, ceci :

Code:

.topictitle {font-style:italic}

Donc police d'écriture, gras, souligné, en majuscules ou en majuscules au survol, rajouter des lignes au-dessus ou en dessous des titres des sujets, ...
Avec quoi voudirez-vous faire prendre forme à votre liste de sujet ?

[Nerinee]

Hé bien, à cause du code des catégories les titres des sujets, ne prennent pas forme. C'est à dire que je peux lui mettre tout les codes que je veux il restera comme sur le screen en haut et donc c'est pas beau ...
Je crois que je vais aller commander un Codage ><
Sinon, je veux seulement faire des bandes avec le titre après l'auteur, le dernier message par ...
Et ensuite, le texte je veux juste qu'il est une bonne taille une belle typographie enfin un minimum.

http://larondedessentiments.forumactif.fr/f1-guide-de-sweet-amoris voilà, j'ai essayé de mettre le code que vous m'avez donné
D'ailleurs, le code à rajouté à enlever la couleur de mes bandes ><

[Feuilla']

Re,
dans ce cas-là tentez de rajouter un morceau pour rajouter de l'importance à votre partie de CSS, afin que les codes de catégories ne soient pas plus "forts" comme ceci :

Code:

.topictitle {exemple:exemple !important}

rajouter le "!important" pour que le code prenne la priorité sur celles des catégories.
Du coup pour la taille vous n'aurez plus qu'à prendre les code précédemment donnés.

Pour le bandeau, je ne suis pas sûre d'avoir compris où, comment ?
Si c'est rajouter un cadre comme je le vois dans la colonne du dernier message, tentez ceci :

Code:

td.row3 {border:3px solid #FFFFFF}

Code:

td.row3 {background-color:#FFFFFF}

Bonne soirée !

[Nerinee]

ça ne fonctionne toujours pas :/

[Invité]

bonsoir Nerinee

tenter ce code ci >>

Code:

a.topictitle2 {
    color: black; /*couleur du titre*/
    font-size: 10px; /*taille du titre*/
    font-family: fantasy; /*forme du texte*/
    font-weight: 700; /*texte en gras/
    text-decoration:none; /*enleve le soulignement du titre */
}
}

pour le bord noir >

Code:

td.catRight, td.row3Right, th.thRight {
    border-width: 0px;
}

[Caezd]

Bonjour Nerinee.

Si je comprends bien, tu as récupéré ce code tel quel sur Utopia ? Si c'est le cas, tu devrais leur signaler que les sélecteurs CSS ne peuvent pas être "regroupés" comme pour le SASS (par exemple).

Code:

/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets {
  width: 950px;
  margin: auto;
  background: #dfdfdf;
}

.bloc_sujets a.topictitle {
  font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #898989;
  text-decoration: none;
}

.sujets {
  background: #ececec;
}

.topictitle {
  font-variant: small-caps;
  font-size: 5px;
}

.topictitle .l1 {
  text-decoration: none;
}

.sujets_auteur {
  display: block;
  width: 200px;
  font-size: 11px;
}

.sujet_last {
  display: block;
  width: 180px;
  height: 20px;
  background: #f4f4f4;
  font-size: 11px;
}

.sujets_stats {
  width: 900px;
  text-align: right;
}

.sujets_stats_contenu {
  font-size: 10px;
  color: #a4a4a4;
}

Voici le CSS que tu as fourni une fois corrigé. Ça devrait résoudre certains problèmes, notamment pour le titre de tes sujets.
Sur une base plus saine qui fonctionne tu devrais être en mesure d'effectuer les modifications dont tu as besoin.

[Nerinee]

Merci à tous ça fonctionne !!
Mais j'aurais deux petits questions encore, si possible !