avatar
Sexe : Féminin
Date d'inscription : 01/05/2013
Messages : 453
Fidèle au poste !
Voir le profil de l'utilisateur
Bonjour !
Doux jesus que ca fait longtemps, et pourtant je suis toujours là vous m'avez gardé  Admirer


Quelle structure est concernée par votre problème ? Catégorie
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? j'aimerai éviter
Un screen du problème :
j'vous fait pas un dessin, aller si !:
Expliquez précisément votre problème : j'aimerai mettre ceci sur une ligne
Les codes :

CSS:
Code:
/*CATÉGORIES*/

.ho2 {
 background-color: #C73B3B;
  font-size: 42px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
color: #f9f9f9;
}

.table-title {
  display: block;
float: left;
padding: 40px;
font-size:42px;
padding-left: 40px;
width: 100%;
}

.a1 {
  font: bold 25px Roboto;
    line-height: normal;
line-height: normal;
line-height: 30px;
text-transform: lowercase;
}

.autruche {
  text-transform: uppercase;
    font-size: 10px;
font-family: 'Roboto Condensed', sans-serif;
}

/*CATÉGORIES*/

INDEX BOX:

Code:
<ul class="linklist top">
 
</ul>

<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
 <div class="forabg">
 <ul class="topiclist">
 <li class="header">
 <dl class="icon">
                                          <dd class="dterm"><div class="table-title"><div class="ho2">{catrow.tablehead.L_FORUM}</div></div></dd>
 
 </dl>
 </li>
 </ul>
 <ul class="topiclist forums">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <li class="row">
 <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
 <br/><br/><dd class="dterm">
 <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <a href="{catrow.forumrow.U_VIEWFORUM}" class="a1">{catrow.forumrow.FORUM_NAME}</a>
 </h{catrow.forumrow.LEVEL}>    
 {catrow.forumrow.FORUM_DESC}

 <!-- BEGIN switch_moderators_links -->
 {catrow.forumhttp://paradoxprimal.forumactif.com/admin/index.forum?part=themes&sub=templates&mode=edit_main&t=111&l=main&extended_admin=1&tid=ea637a2cb5e87552de128cb23ea30936row.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
 </div>
                                        
 </dd>
 <div class="autruche"><dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
 <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
 <dd class="lastpost">
 <!-- BEGIN ads -->
 <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
 </span>
                            <!-- END ads -->
 
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
                                                  </dd></div>
 </dl>
 </li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
 <li>
 <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
 </li>
 <li>
 <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
 </li>
 <li class="last">
 <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
 </li>
 <!-- BEGIN switch_delete_cookies -->
 <li class="rightside">
 <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 </li>
 <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->



ps: j'ai été trop vite je n'avais pas vu le formulaire sry merci !
avatar
Sexe : Masculin
Date d'inscription : 24/03/2016
Messages : 1827
Designer
Voir le profil de l'utilisateur
Bonjour à toi !
Avant de pouvoir te répondre, est-ce que tu pourrais utiliser le formulaire de base qu'il faut utiliser pour les problèmes de code :3 ?

Merci d'avance


Merci à Sygea !


Merci à Funeral  


Merci à Shigurai pour les signatures et Artémis pour l'avatar

avatar
Sexe : Féminin
Date d'inscription : 01/05/2013
Messages : 453
Fidèle au poste !
Voir le profil de l'utilisateur
J'avais pas vu pardon, voilà et merci
avatar
Sexe : Féminin
Date d'inscription : 27/10/2018
Messages : 40
Newbie
Voir le profil de l'utilisateur
Hello !

La partie que tu souhaites déplacer correspond à cette section du code :
Code:
   <dd class="lastpost">
        <!-- BEGIN ads -->
        <span class="AD_LastPA">
            <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
            <span class="AD_LastInfos">
                <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
                {catrow.forumrow.ads.DATE}<br />
                {catrow.forumrow.ads.LOCATION}
            </span>
        </span>
        <!-- END ads -->
 
        <!-- BEGIN avatar -->
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
        <!-- END avatar -->

        <span>
        <!-- BEGIN switch_topic_title -->
        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
        <!-- END switch_topic_title -->
        {catrow.forumrow.USER_LAST_POST}
        </span>
    </dd>
Plus exactement, ce qui affiche le titre et l'auteur du dernier message c'est cette section là :
Code:
       <span>
        <!-- BEGIN switch_topic_title -->
        <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
        <!-- END switch_topic_title -->
        {catrow.forumrow.USER_LAST_POST}
        </span>

Mais du coup pour le changer je m'interroge sur plusieurs choses :
- Comment tu comptes afficher la description des forums ? (Qui se trouve par défaut en dessous du titre)
- Comment tu comptes afficher la liste des sous-forums ? (même remarque)
- Est-ce que tu veux garder la grande zone vide sur le côté ?

Sinon, à première vue, je dirais que ta solution consiste essentiellement à trouver la ligne contenant {catrow.forumrow.FORUM_DESC}, à sauter une ligne et ajouter
Code:
<div class="dernierPost autruche">
    <!-- BEGIN switch_topic_title -->
    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
    <!-- END switch_topic_title -->
    {catrow.forumrow.USER_LAST_POST}
</div>
Le problème c'est qu'il y a un saut de ligne inclus dans la variable USER_LAST_POST et pour le virer ça me semble coton :/  En CSS ça donnerait ça mais du coup faut aussi bidouiller pour mettre un espace à la place du saut de ligne. Ça marche, mais je suis dubitative parce que c'est très conditionnel (faut qu'il n'y ait qu'un seul saut de ligne, et un seul élément en gras).
Code:
/* retirer le saut de ligne entre date et auteur du dernier message posté */
.dernierPost > br {
 display:none;
}

/* rajouter un espace entre date et auteur du dernier message posté */
.dernierPost strong:last-child::before {
 content:' ';
}
Pour une solution en javascript faudra demander à nos spécialistes locaux ce qu'ils en pensent. (genre @Dragonnier ou @Azalpher)

Si tu souhaites supprimer, du coup, la dernière colonne, il te faudra supprimer toute la partie <dd class="lastpost"> ... </dd> que j'ai mentionnée au début de ce message, puis rajouter ceci dans ton CSS :
Code:
/*si on vire la dernière colonne, on peut agrandir la première*/
ul.topiclist dd.dterm, ul.topiclist dt {
    width: 84%;
}

Remarque : j'ai considéré que tu n'avais besoin ni de l'affichage des avatars dans l'affichage du dernier post, ni que tu utilisais le système de petites annonces, du coup les codes correspondants ne sont pas pris en compte ;)

Accessoirement ce n'est absolument pas recommandé (ni normalisé) de nommer une classe "autruche" (ou ho2, ou a1), ça ne veut rien dire et quand tu reliras ton code dans trois plombes tu saura plus à quoi ça correspond x)
avatar
Sexe : Féminin
Date d'inscription : 01/05/2013
Messages : 453
Fidèle au poste !
Voir le profil de l'utilisateur
Hello !
Merci de m'avoir répondu et aidé ! Grace à toi et tes codes j'ai pu faire ce que je voulais, merci beaucoup !Et oui je me suis un peu lâché sur les noms sans penser à ca
Sujet résolu !
avatar
Sexe : Féminin
Date d'inscription : 14/01/2017
Messages : 1688
Maxi-Code master
Voir le profil de l'utilisateurhttp://www.amai-gakuen.org/
Parfait !
Je passe donc pour archiver. <3



Spoiler:

Merci Fufu :3
Merci Milou !  c: ♥️

Merci xMia et Alek !  


Merci Funeral !  

Merci Naütilus. ! :'D

Merci Reine des Ténèbres !  Coeur 2

Merci Eskimo. !  Coeur


Merci Milou ! Coeur 2
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum