Aller en bas
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 14:33
Hello !

Bon, j'ai tourné et retourné le sujet et finalement je vais tenter de relancer mon petit forum de discussion ... (Ouais je change d'avis comme de chemise Razz )
Bref, j'ai donc décidé de changer mon message d'en tête pour le rendre aussi simple que possible et ne pas avoir à faire de mise à jour trop souvent...
J'ai gardé le même " système" qu'on avait vu ensemble avec Miettes, à savoir que j'ai une page html avec le code du message , puis une page Javascript et enfin un code Iframe dans le template adéquat'

Quand je visualise mon entête via la prévisualisation, pas de problème tout apparait normalement, mais une fois validé , sur le forum, la moitié disparait !

Sachant que cette fois ci je l'ai codé toute seule (avec quand même des petits bouts de l'ancienne PA par ci par la) et que je suis très loin d'être une pro, et que j'ai tenté pour une fois de passer par les blocs et pas par un tableau, il y a probablement pas mal de chose pas très "orthodoxe" ni logique et trés surement un truc qui cloche quelques part...  

Petit screen d'abord, et ensuite mon code

[Aide codage] En tête qui fait la tête... Captur16

[Aide codage] En tête qui fait la tête... Captur17


Code
Code:
<style>
 .acceuil{
  width:100%;
  background-color:transparent;
  background-image:url(#);
     border-radius: 10px;
}

.l1{
  border-bottom: 2px solid black;
  font-family:Amatic SC;
  font-size:62px;
  color:#139ACA;
  text-align:center;
}

.l2{height:100px;}

.l3{margin-top:45px; height:200px;}

.info{
  display:inline-block;
  width:25%;
  border: none;
  font-size:16px;
  font-family:Cookie;
  color: #4F4F4F;
 
}
 
  .navig{
  display:inline-block;
  width:140px;
  border: none;
  font-size:16px;
  font-family:Cookie;
  color: #4F4F4F;
  margin-top:10px;

}

.pres1{
  display:inline-block;
  position : fixed;
  margin-right:100px;
  width:500px;
  border: none;
  font-size:16px;
  font-family:Cookie;
  color: #4F4F4F;
}

#titre{font-family : Amatic SC;
font-size : 26px;
  color:#139ACA;
}
 
.partnr{padding-top:60px;}
</style>

<body>
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Cookie|Amatic SC" rel="stylesheet">

  
    <div class="acceuil">
  <div class="l1"> Bienvenue !</div>
  
  <div class="l2">
     <span class="info">
       <div id="titre">Petites Info'</div>
       <div id="txt" style="text-align:center;">Le forum est ouvert <br/> depuis le <br/>jj/mm/aa</div>
    </span>
  
     <span class="pres1">
       <div id="titre"> présentation</div>
       <div id="txt">
Bien le Bonjour !
Ladies'Coffee est un forum de discussion entre femmes de tout âges et de tout horizons !
         Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout. Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !
<br/> </div>
    </span>
  
  </div>
      <div class="esp"><br/><br/></div>
  <div class="l3">
  
    <span class="navig">
      <div id="titre"> Navig'rapid'</div>
      <div id="txt">
<strong>♆</strong> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
<strong>♆</strong> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
<strong>♆</strong> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
<strong>♆</strong> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
<strong>♆</strong> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
      </div>
    </span>
    
    <span class="pres1">
      <div id="titre"> Les Derniers sujets</div>
      <div id="txt">
      <iframe style="width: 300px; height: 100px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
      </div>
  </span>
  

  
      <div class="partnr">  <marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="scroll">

<a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
<a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://i.servimg.com/u/f62/14/24/81/25/pub_4110.png" /></a> -
<a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a> -
<a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://i.servimg.com/u/f57/11/72/51/74/39513010.png"/></a> -
<a target="_blank" href="http://www.epicarena.net"><img title="forum de jeux et flood" src="https://i.servimg.com/u/f38/18/40/36/82/epica810.jpg"/></a> -
 <a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="https://redcdn.net/hpimg4/pics/932453miniban2.jpg"/></a> -      
    <a target="_blank" href='http://realm-enchanted.forumactif.com/'><img title="forum de pub et d'entraide" src='https://zupimages.net/up/18/45/u16h.png' border=0 alt="Realm Enchanted"/></a> -
 <a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaires" alt="partenariat" src="https://i.servimg.com/u/f62/13/78/97/49/partn10.png" /></a> -        
 <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i.servimg.com/u/f62/11/72/51/74/partn210.png" /></a>
 
    
    
    </marquee>
    </div>

    </div>
  
  </body>


A votre avis, qu'est ce qui cloche ? comment résoudre ça ?
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 14:42
Coucou Smile

Il te manque une balise fermante (d'où l'importance de bien indenté son code Smile ).

Voilà uniquement la partie HTML :
Code:
<div class="acceuil">
  <div class="l1"> Bienvenue !</div>

  <div class="l2">
    <span class="info">
      <div id="titre">Petites Info'</div>
      <div id="txt" style="text-align:center;">Le forum est ouvert <br/> depuis le <br/>jj/mm/aa</div>
    </span>

    <span class="pres1">
      <div id="titre"> présentation</div>
      <div id="txt">
        Bien le Bonjour !
        Ladies'Coffee est un forum de discussion entre femmes de tout âges et de tout horizons !
        Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout. Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !
        <br/>
      </div>
    </span>

  </div>

  <div class="esp"><br/><br/></div>

  <div class="l3">
    <span class="navig">
      <div id="titre"> Navig'rapid'</div>
      <div id="txt">
        <strong>♆</strong> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
        <strong>♆</strong> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
        <strong>♆</strong> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
        <strong>♆</strong> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
        <strong>♆</strong> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
      </div>
    </span>

    <span class="pres1">
      <div id="titre"> Les Derniers sujets</div>
      <div id="txt">
        <iframe style="width: 300px; height: 100px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
      </div>
    </span>

    <div class="partnr"> 
      <marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="scroll">
        <a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
        <a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://i.servimg.com/u/f62/14/24/81/25/pub_4110.png" /></a> -
        <a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a> -
        <a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://i.servimg.com/u/f57/11/72/51/74/39513010.png"/></a> -
        <a target="_blank" href="http://www.epicarena.net"><img title="forum de jeux et flood" src="https://i.servimg.com/u/f38/18/40/36/82/epica810.jpg"/></a> -
        <a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="https://redcdn.net/hpimg4/pics/932453miniban2.jpg"/></a> -     
        <a target="_blank" href='http://realm-enchanted.forumactif.com/'><img title="forum de pub et d'entraide" src='https://zupimages.net/up/18/45/u16h.png' border=0 alt="Realm Enchanted"/></a> -
        <a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaires" alt="partenariat" src="https://i.servimg.com/u/f62/13/78/97/49/partn10.png" /></a> -       
        <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i.servimg.com/u/f62/11/72/51/74/partn210.png" /></a>
      </marquee>
    </div>
  </div>

</div>

Je n'ai regardé que le html pour le moment (au passage, on écrit "accueil" et pas "acceuil").

Ensuite, au lieu d'appeler ta PA via une iframe, n'hésite pas à jeter un oeil à ce tuto Wink ça va te simplifier la vie aussi ^^
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 15:33
Coucou Miettes, merci de venir une fois de plus à ma rescousse Very Happy !!

Oups en effet !
J'ai corrigé la balise fermante et le Accueil au niveau CSS et htlm... c'est dingue j'ai beau le savoir ce fichu U ne veut pas se mettre à sa place boulet !

J'ai remi aussi dans le CSS
Code:
.acceuil{
  width:800px;
Au lieu de 100%, j'avais changé ça pour tester mais ça ne change rien non plus ^^

Pour éviter l'Iframe je me pencherais dessus dans un 2ieme temps je pense, j'ai peur de m'embrouiller si je fait tout en même temps ^^



Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 15:41
Autre souci maintenant, c'est du coté de la CSS, et plus précisément ici :
Code:
.pres1{
  display:inline-block;
  position : fixed;
  margin-right:100px;
  width:500px;
  border: none;
  font-size:16px;
  font-family:Cookie;
  color: #4F4F4F;
}

Pourquoi utiliser le fixed ? Du coup, ton bloc est bien présent, mais pas visible Very Happy

Du coup :
- on supprimer la margin & la position
- on change la largeur en 70% (= 100% de ton bloc - 25% du bloc de navigation - quelques % pour éviter les soucis de retour à la ligne)

Voilà donc la CSS pour cette partie :
Code:
.pres1{
  display:inline-block;
  width:70%;
  border: none;
  font-size:16px;
  font-family:Cookie;
  color: #4F4F4F;
}

Dernier problème : les partenaires. Pourquoi tu as un padding-top ? Smile Si tu le supprimes, ça rentre comme il faut Smile
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 16:02
Haaa super ! ça marche !!

Comme je bidouille, j'avais mis ça et ça avait dû marché en prévisualisant ou sur codePen... héhé mais en vrai je comprend pas toujours ce que je fait ^^' ...

Merciiii Very Happy
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 16:26
Bon bah nickel Smile

Tu veux qu'on laisse là le temps que tu regardes le tuto ?

(si tu veux progresser, on peut te faire une formation hein :p )
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 15 Mai - 19:17
Oui je veux bien, je vais me pencher sur le tuto Smile mais peut être la semaine prochaine, car la fin de la semaine est chargé pour moi avec la vente de la maison c'est un peu la course au rangement et aux visites ^^

héhé oui ça ne ferait pas de mal une petite formation Very Happy Mais pareil je préfère avoir un peu de temps pour m'y consacrer vraiment ^^

Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Jeu 16 Mai - 9:05
Coucou Smile

Ok d'acc, on laisse là et on attend que tu nous tiennes au courant pour la mise en place grâce au tuto ^^

Bon courage pour cette fin de semaine (c'est chiant les visites :/ Faut toujours que tout soit rangé et nickel )
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Lun 20 Mai - 14:32
Hello!

Heum alors, je suis un vrai boulet ( grande nouvelle mdr)
En fait, en cherchant à suivre le tuto je me suis rendu compte que j'avais déjà fait la manip' et que mon message d'accueil est déjà installé via le javascript Lol
Comme j'ai modifié l'entête dans la même page HTML ou était l'ancienne, je n'ai pas eu a changer le lien dans le javascript du coup je pensais que j’étais toujours en Iframe ...
bref du coup c'est bon Razz

Par contre j'ai une question Very Happy Dans mon bloc "Petites info' " je voudrais mettre la variable automatique de Forumactif avec la date : Jeu 27 Juin

Code:
{now} 

mais malheureusement, çà m’écris "NOW" en toute lettre mais la balise ne fonctionne pas ( j'imagine que c'est parce que je suis justement dans une page html et non directement dans dans les template du forum ? ) est ce qu'il y a un moyen d'affichez la date automatiquement ou c'est foutu ^^ ?
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Lun 20 Mai - 15:00
rho ça arrive le boulettage :p

Alors pour la variable, tu peux faire ça :

1) Tu appelles ceci dans la page HTML de ton en-tête :
Code:
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

2) pour la date, tu as juste à faire
Code:
<span class="NOW"></span>

Idea Voici le tutoriel pour les variables clic. ça peut etre super utile Wink

Par exemple : http://miettes.lebonforum.com/h7-recup-variable
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Lun 20 Mai - 16:20
hooo super interressant...

Et si je met ces balises sur une pub que je dépose en Iframe sur des forums de pub ça renvoi donc à mon forum même pour un utilisateur non inscrit sur mon forum ?
Par exemple je met sur ma page html de pub il y a xx messages sur le forum avec la variable du nombre de message, quand je le poste sur le forum de pub ça indique bel et bien le nombre de message de mon forum et pas celui du forum de pub ?

Du coup, je commence les modif' du message d'accueil dont tu ma parlé dans le brainstorming , j'ai changer les partenaires en fixe mais pour les derniers sujets ça n'affiche pas beaucoup de sujets, peut etre en mettant un défilement lent ce serais à la fois moins agressif et à la fois ça permettrait d'en voir plus (genre 4 ou 5) pas plus). J'aimerais tester mais seulement ça me pose 2 problèmes :

1. Si je met un défilement lent, ça met un temps fou à arriver et du coup moi même je n'ai pas la patience d'attendre , je vas voir autre chose et quand je reviens dessus, j'ai raté le défilement ...
Est ce qu'il y a un moyen pour que ça démarre directement et que ça tourne en boucle sans pause avant de repartir du premier ? J'imagine qu'il faut placer un "loop" quelque part, mais je ne sais pas ou ^^

2. J'avais ( surement avec ton aide ^^) réussi a enlever le titre du widget " derniers sujets" pour pas que ça apparaisse en double, mais en faisant des modif', il s'est remis... comment l'enlever , je ne m'en souviens plus... ?

(Je vais mettre aussi la tambouille raleuse dans les partenaire, en remerciement pour ton aide précieuse Wink )
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Lun 20 Mai - 16:34
Et si je met ces balises sur une pub que je dépose en Iframe sur des forums de pub ça renvoi donc à mon forum même pour un utilisateur non inscrit sur mon forum ?
Par exemple je met sur ma page html de pub il y a xx messages sur le forum avec la variable du nombre de message, quand je le poste sur le forum de pub ça indique bel et bien le nombre de message de mon forum et pas celui du forum de pub ?
si tu le postes en iframe oui, ça prendra bien en compte les infos de ton forum Smile

mais pour les derniers sujets ça n'affiche pas beaucoup de sujets
ici, tu peux changer le nombre de sujet à afficher, que ce soit en fixe ou défilement. Il te suffit d'aller dans :
PA > Modules > portail & widgets > configuration du portail. Là tu cliques sur l'écran pour modifier le widget "sujets récents" et tu peux changer le nombre de sujet à afficher Smile

Pour le titre, tu peux aller le supprimer directement dans le template :
PA > affichage >  Templates > Portail : mod_recent_topics

(merci pour le logo de la Tambouille love  je vais aller voir tes modifs Smile )



EDIT : Je viens de comprendre pour les news Smile Faudrait qu'on revoit la CSS pour réduire un peu les espaces afin d'afficher plus de news Smile
[Aide codage] En tête qui fait la tête... Firesh11
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mar 21 Mai - 22:14
Hello !

Je veux bien qu'on voit ensemble pour la CSS du widget Smile
J'ai placer une div comme ceci dans le template mais je n'ai pas du bien la placer car la CSS n'est pas prise en compte...
Code:
<!-- BEGIN classical_row -->
<div class="derniersjts"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

   <tr>
      <td class="row1" align="left"><span class="gensmall">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </span></td>
   </tr>
  </table></div>
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mer 22 Mai - 10:21
Coucou Smile

Alors, dans un premier temps, on va bidouiller un peu dans le template en supprimant les br ici pour réduire les espaces entre chaque lien :
Code:
{classical_row.recent_topic_row.S_POSTTIME}<br /><br />

et en ajoutant des balises span avec une classe autour de chaque message
Code:

Au final, on a ce template
Code:
<!-- BEGIN classical_row -->
<div class="derniersjts"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

  <tr>
      <td class="row1" align="left"><span class="gensmall">
      <!-- BEGIN recent_topic_row -->
      <span class="un-topic">
          » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}&nbsp;

          <!-- BEGIN switch_poster -->
          <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
          <!-- END switch_poster -->

          <!-- BEGIN switch_poster_guest -->
          {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
          <!-- END switch_poster_guest -->

          {ON} {classical_row.recent_topic_row.S_POSTTIME}

          <!--
          <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}</span>
      -->
      <!-- END recent_topic_row -->
      </span></td>
  </tr>
  </table></div>

Et ensuite, dans la CSS, on va diminuer la taille de la typo :
Code:
.derniersjts{
    font-size: 12px;
    }

Et on va gérer les espaces entre chaque message :
Code:
.derniersjts .un-topic{
    display: block;
    margin-bottom: 2px;
    }


Je te laisse essayer ça ?
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Jeu 23 Mai - 14:24
Hello!
Alors , j'ai fait les modif, par contre du coup les sujets ne sont plus les uns sous les autres mais à la suite ce qui fait que c'est un peu le bazar ^^
Comment garder l'effet "Liste" ?

Et ensuite j'ai tenté de mettre la même police que sur le reste de l’entête dans le CSS (Cookie) mais ça ne la prend pas en compte ... comment faire ?
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Jeu 23 Mai - 14:45
Coucou Smile

Tu n'as pas mis les bouts de CSS que je t'ai donné ? Embarassed

Tu peux me montrer comment tu as essayé de mettre la typo ? Smile
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Ven 24 Mai - 12:34
Si si je les ai mis Smile
ça aurait bugué et pas enregistré... ? Je vais voir ça !



... Si, si les bouts de CSS sont bien en place !
Je les ai mis dans la feuille de style du forum...
Peut etre qu'il faut le mettre dans le CSS de l'entête plutôt scratch ?

et pour la typo, j'ai ajouté justement au bout de CSS que tu ma donné, les 2 balises pour tester car je n'était pas sur de ou le placer
Code:
.derniersjts
{font-size : 12px;
 font-family:Cookie;
}

.derniersjts .un-topic{
    display: block;
    margin-bottom: 2px;
  font-family:Cookie;
    }

et dans le templates j'ai mis le code de la police
Code:

<link href="https://fonts.googleapis.com/css?family=Cookie&display=swap" rel="stylesheet">
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Ven 24 Mai - 13:43
Essaie de le mettre dans ta page html qui appelle les derniers sujets pour voir Smile (donc la CSS + l'appel de la typo)
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Ven 24 Mai - 17:50
Je viens d'essayer mais ça ne marche pas non plus

Par contre en faisant " Examiner l'élément" avec Firefox ça me met :
Code:
#dernier_sjt {
    color: grey;
}

Du coup j'ai recherché d'où vient ce "dernier_sjt" et c'est en fait le nom de l'Iframe :
Code:
            <iframe style="width: 267px; height: 135px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
Je ne sais pas si ça peut aider ^^


Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Ven 24 Mai - 19:16
c'est le name de l'iframe, pas l'id Smile

ceci #dernier_sjt vient de ta page html
http://forumfeminin.forumactif.org/h7-derniers-sujets

Code:
<div id="dernier_sjt" style="width: 350px; height: 100%;">
Est-ce que c'est pas la div qui récupére via javascript le contenu de ton portail ?
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Sam 25 Mai - 0:19
Haaa ça y est !!
je n'étais pas sur la bonne page html , j'étais sur la page html du message d'accueil et pas sur celle des derniers sujets comme tu m'avais dit ^^'
Du coup ça fonctionne Very Happy
j'ai mis la police un peu plus gros car en Cookie c'est tout petit sinon... je vais peut être changer cette police mais en attendant comme ça c'est uniforme Smile


Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Sam 25 Mai - 6:14
Coucou Smile

Nickel ^^ Après, il te reste juste à changer la hauteur de l'iframe (je pense qu'en la mettant à 215px c'est pas mal) et à ajouter ceci dans la CSS du forum pour que les élements de la première ligne s'aligne bien :
Code:
.l2 > span {
    vertical-align: top;
}
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Lun 27 Mai - 17:49
Voila Very Happy
Qu'est ce que tu en penses, c'est bien comme ça le message d’accueil ?
Miettes
Râleuse
Informations :
► En ligne de 9h à 18h en semaine
Peu présente le reste du temps
----
Idea Viens papoter avec nous sur le discord

Messages : 814
Voir le profil de l'utilisateurhttp://tambouille-raleuses.forumactif.com

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Lun 27 Mai - 17:54
hello Smile

oh bah ça me parait pas mal du tout comme ça =)
MmeFeuillage
Messages : 40
Voir le profil de l'utilisateurhttps://lalternative.home.blog/

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

le Mar 28 Mai - 21:11
Super Very Happy Merci beaucoup !

J'ai encore besoin de ton aide ^^'

Voila, dans les catégories, j'aimerais aligner le sujets du derniers message avec le nom de la posteuse, la date, l'heure et la petite icone qui suit
Seulement, je crois bien que toutes ces infos sont regroupé dans la variable "{catrow.forumrow.LAST_POST}", est ce qu'il y a un moyen de faire ça ?
Contenu sponsorisé

[Aide codage] En tête qui fait la tête... Empty Re: [Aide codage] En tête qui fait la tête...

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



Actuellement, il y a @enregistres@ membres connectés,
et @invites@ visiteurs sur La Tambouille

@connectes_forum@Membres connectés :
@membres_connectes$, @