AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


2 résultats trouvés pour tacouleur

Keylha

(Keylha) Codage de catégories - Sam 20 Aoû 2016 - 18:36

Re' !
Aloors juste perso pour moi Catégorie c'est par exemple Le Forum, La bibliothèque etc... Et forum c'est Communauté votre Vie à bord etc Razz

C'est ici

Code:
.cattitre{
  width: 90%;
  margin-top: 50px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  background: #1d00a5;}

.cattitre h2{
  font-size: 30px;
  letter-spacing: 2px;
  font-family: Verdana;
  font-weight: lighter;
  line-height: 70px;
  text-align: center;
  color: #e6e6e8;}


Cattitre h2 va agir sur ton texte alors que cattitre c'est le fond donc si tu veux ajouter un fond c'est dans cattitre c: (et c'est background: url(URL))

Pour ça c'est un petit plus complexe je reprends mon mini schéma :siffle:
Tag tacouleur sur Never Utopia - graphisme, codage et game design 1471612448-lpost

On va regarder cette portion de code là :
Code:
.lpost{
  overflow: auto;
  text-align: center;
  color: #e6e6e8;
  padding: 5px;
  margin-left: 20px;
  height: 140px;
  border-top: solid #e31d95 5px;
  border-bottom: solid #e31d95 5px;
  background: #1d00a5;
  width: 20%;}

.lpost a{
    -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
  color: #e6e6e8;}

.lpost a:hover{
  color: #e51d98;}

.lpost a strong{
  color: #e6e6e8;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;}


lpost correspond donc à tout le bloc de droite ! :3 Or comme tu peux le voir j'ai ajouté un lpost:a et un lpost:a strong qui sélectionne le pseudo et le titre du sujet.
Comme tu as ajouté la balise dans ta template, topic sélectionne "2 messages, 2 sujets"
Donc au final la seule chose qui n'est pas sélectionné dans tout ça c'est Mercredi 11 Mars 2015

Dooonc ! Si tu changes la taille de la police, la couleur ou n'importe quoi dans lpost ça affectera seulement la date.
Donc dans lpost on va rajouter un font-size qui va changer la taille d'écriture de ta police
Code:
.lpost{
font-size: 11px;
  overflow: auto;
  text-align: center;
  color: #e6e6e8;
  padding: 5px;
  margin-left: 20px;
  height: 140px;
  border-top: solid #e31d95 5px;
  border-bottom: solid #e31d95 5px;
  background: #1d00a5;
  width: 20%;}


Tu peux aussi changer de cette même manière la couleur de la date c: (color: #tacouleur)
Du coup tu procéderas de la même manière pour le titre du sujet & de l'auteur. Razz (auteur = lpost a strong et titre du sujet = lpost a)
Je sais pas si c'est clair D: Il n'y a pas de br en passant tout se passe dans le CSS x)

Si tu veux que ton texte soit plus rapproché ajoute dans lpost
Code:
line-height: 120%;

Tu peux changer la valeur plus elle sera haute et moins ton texte sera rapproché

Hm tu peux me passer le lien de ton forum test s'il te plait ? n_n

NyoTheNeko

Qui est en ligne en tableau - Ven 4 Mar 2016 - 20:53

Hello! ^^
En plus des remarques d'Alice, il y a quelques soucis avec ton code!

Tout d'abord, dans le template, il y a des balises qui ne sont pas fermées. Notamment une div ouverte.
Tu utilises également la balise dépréciée center, il faudrait la remplacer par un text-align: center ou par un margin: auto et une largeur donnée selon ce que tu voulais faire. Tu utilises aussi une autre balise dépréciée: font. Pense à utiliser plutôt le CSS avec color: #tacouleur;

Comme sur ton autre LS, il faudrait également aérer ton CSS en mettant un retour à la ligne après chaque point-virgule et accolade.

Il manque ici aussi une impression d'écran pour donner un aperçu du code! ^^


Revenir en haut

La date/heure actuelle est Ven 19 Avr 2024 - 5:24