Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[EDGE] Corrections et mise à jour sur la version EDGE



Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 21 Sep 2024 - 8:08

Salut à toutes et à tous,
pour les membres ayant plongé sur cette merveilleuse version qu'est la version EDGE
développée par mon ami Ange tuteur:
https://help.forumotion.com/t147986p120-forumactif-edge-a-free-modern-and-responsive-forum-theme#1021744

Malheureusement, Ange tuteur a tiré sa révérence et il n'y a plus de mise à jour.

Cette section servira à ajouter/modifier des variables et templates.
Merci de suivre cette section en cliquant sur le bouton "Surveiller les sujets de ce forum" présent en bas de page.

De cette façon vous serez averti d'un nouveau sujet et votre forum restera à jour les ami(e)s ok .



Modification du template suite à l'annonce "Affichage GRID disponible pour toutes les versions de forum".

Modification de la variable pour la signature


Modifications du template des groupes

Milouze14


Dernière édition par Milouze14 le Dim 22 Sep 2024 - 7:59, édité 7 fois

Freedom Sun aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 21 Sep 2024 - 8:14

Hello,
suite à cette annonce du forum des forums concernant :
Affichage GRID disponible pour toutes les versions de forum:
https://forum.forumactif.com/t410538-nouveau-affichage-grid-disponible-pour-toutes-les-versions-de-forum#3418108

Le template par défaut sera tronqué car basé sur la version phpbb3 et la version EDGE est dépourvu de la css de base:

Dans le template topics_grid_box :
Affichage/Templates/Général/topics_grid_box


Supprimez tout le contenu et déposez celui-ci:
Code:
<style>
.posts-icon:after {
    color: #fff;
    font-size: 20px;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.posts-icon[style*="locked=true"]:after {content: "\f023"!important;}
.posts-icon[style*="type=topic"]:after {content: "\f15c";}
.posts-icon{background: #999;}
.posts-icon[style*="locked=true"]{background: #345;}
  .topic-card .posts-icon {
  border-radius:100%;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
}

.grid-section {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    padding: 0 3px
}

.grid-section .sticky-separator {
    margin: 0;
    width: 100%;
    height: 5px;
    border: 0;
    border-radius: 3px
}

.grid-section .topic-card {
    flex: 1 1 350px;
    padding: 0;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}
  .topic-card{background:#eee;border: 1px solid #ccc;}

.topic-card .cover-image {
    height: 100px;
    position: relative;
    background: #bbb;
    overflow: hidden
}



.topic-card .cover-image > * {
    z-index: 10
}
  .topic-card .cover-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: var(--cover-image);
    filter: grayscale(0.3);
    -webkit-filter: grayscale(0.3);
    z-index: 5;
    transition: transform 0.2s,filter .2s
}

.topic-card:hover .cover-image::before {
    filter: grayscale(0)!important;
    -webkit-filter: grayscale(0)!important;
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}


.topic-card .stats {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 12px
}

.topic-card .stats span {

    border-radius: 5px;
    padding: 4px 10px;
    display: inline-flex;
    gap: 5px
}

.topic-card .stats span:first-child {
    margin-right: 4px
}

.topic-card .card-content {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.topic-card .description {
    color: #797979;
    font-size: 13px;
    margin: 7px 0 13px
}

.topic-card .card-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #00000012;
    padding-top: 6px
}

.grid-section .posts-empty {
    flex-basis: 100%;
    padding: 17px;
    border-radius: 3px;
    text-align: center
}

.topic-card .topictitle {
    font-size: 14px
}

.topic-card .topic-type {
    border-radius: 10px;
    padding: 3px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    top: 10px;
    right: 10px;
    position: absolute
}

.topic-card .topic-type:empty,.topic-card .description:empty {
    display: none
}

.card-footer .lastpost-avatar {
    float: unset;
    padding: 0;
    position: unset;
    margin-right: 5px
}

.avatar-footer .lastpost-avatar,.avatar-footer > strong {
    display: inline-block;
    vertical-align: middle
}

.avatar-footer > strong {
    margin-right: 3px
}

.card-footer img {
    vertical-align: middle
}

.card-footer .lastpost-avatar img {
    width: 28px;
    padding: 0;
    height: 28px;
    background-color: #fff;
    border-radius: 100%;
    overflow: hidden;
    font-size: 0
}

.card-footer .time {
    font-size: 11px
}

.topic-card .topic-type.folder_locked {
    background-color: #CD5C5CDB
}



.topic-card .author-avatar {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.topic-card .author-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fffffff5;
    overflow: hidden
}

.topic-card .participate-check {
    float: right
}

</style>

<!-- BEGIN topics_grid_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<div class="forum-category topicslist announcement">
<div class="title">{topics_grid_box.row.L_TITLE}</div>
</div>
<div class="grid-section">
   <!-- END header_table -->

   <!-- BEGIN header_row -->
   <strong>{topics_grid_box.row.L_TITLE}</strong>
   <!-- END header_row -->

   <!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
</div>

<div class="forum-category topicslist">
<div class="title">{topics_grid_box.row.topic.table_sticky.L_TITLE}</div>
</div>


<div class="grid-section">
   <!-- END table_sticky -->

   <!-- BEGIN line_sticky -->
   <div class="sticky-separator forumbg"></div>
   <!-- END line_sticky -->

   <div class="topic-card {topics_grid_box.row.ROW_ALT_CLASS}">
      <a href="{topics_grid_box.row.U_VIEW_TOPIC}">
<div class="cover-image" style="--cover-image: url('{topics_grid_box.row.U_FB_IMAGE}');">
<div class="posts-icon {topics_grid_box.row.FOLDER_CLASSNAME} {topics_grid_box.row.TOPIC_READ_STATUS}" style="background-image:url('{topics_grid_box.row.TOPIC_FOLDER_IMG}');" title="{topics_grid_box.row.L_TOPIC_FOLDER_ALT}"></div>
            <div class="stats">
               <span title="{L_VIEWS}" class="color-primary" data-tooltip="{L_VIEWS}">
                                          <img src="{ILLIWEB_URL}icon-eye.svg"/> {topics_grid_box.row.VIEWS}
               </span>
               <span title="{L_REPLIES}" class="color-primary" data-tooltip="{L_REPLIES}">
                                          <img src="{ILLIWEB_URL}icon-bubble.svg"/> {topics_grid_box.row.REPLIES}
               </span>
            </div>
            <div class="topic-type  color-primary {topics_grid_box.row.FOLDER_CLASSNAME}">
                    {topics_grid_box.row.TOPIC_TYPE}
            </div>
            <div class="author-avatar" title="{topics_grid_box.row.L_CREATED_ON_BY}">
                    {topics_grid_box.row.TOPIC_AUTHOR_AVATAR}
            </div>
         </div>
      </a>
      <div class="card-content row1">
         <div>
            <span class="participate-check">{topics_grid_box.row.PARTICIPATE_POST_IMG}</span>
            <div class="topic-title-container">
               <!-- BEGIN single_selection -->
               <input type="radio" name="{topics_grid_box.FIELDNAME}" value="{topics_grid_box.row.FID}" {topics_grid_box.row.L_SELECT} />
               <!-- END single_selection -->
               <h2 class="topic-title hierarchy">
                  <a href="{topics_grid_box.row.U_VIEW_TOPIC}" class="topictitle">
                            {topics_grid_box.row.TOPIC_TITLE}
                  </a>
               </h2>
            </div>
         </div>
         <div class="description">
                {topics_grid_box.row.FIRST_POST_TEXT_110}
         </div>
         <div class="card-footer">
            <div class="avatar-footer">
               <!-- BEGIN avatar -->
               <span class="lastpost-avatar">{topics_grid_box.row.topic.avatar.LAST_POST_AVATAR}</span>
               <!-- END avatar -->
                    {topics_grid_box.row.LAST_POST_AUTHOR}
                    {topics_grid_box.row.NEWEST_POST_IMG}
            </div>
            <div class="time" title="{L_LASTPOST}">
                    {topics_grid_box.row.LAST_POST_TIME} {topics_grid_box.row.LAST_POST_IMG}
            </div>
         </div>
      </div>
   </div>
   <!-- END topic -->

   <!-- BEGIN no_topics -->
   <div class="posts-section posts-empty row1">
      <strong>{topics_grid_box.row.L_NO_TOPICS}</strong>
   </div>
   <!-- END no_topics -->

   <!-- BEGIN bottom -->
</div>

<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_grid_box -->


Voir cette page pour être certain d'avoir validé votre template ok

https://www.milouze14.net/h2-diverses-aides




Dernière édition par Milouze14 le Sam 21 Sep 2024 - 19:06, édité 1 fois

Chéryl et Freedom Sun aiment ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 21 Sep 2024 - 19:03

Hello,
mise à jour de la variable dans le profil (onglet préférences) concernant la signature.

Forumactif à modifié la variable mentionnant le texte de la signature.

Le visuel sans modification:

[EDGE] Corrections et mise à jour sur la version EDGE Aaaaaa10

Pour cela il faut intervenir dans le template profile_add_body
Affichage/Templates/Profil/profile_add_body



Recherchez ces lignes:

Code:
<dl>
                  <dt><label>{L_ALWAYS_ADD_SIGNATURE} :</label></dt>
                  <dd>
                     <label><input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>
                     <label><input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
                  </dd>
               </dl>


Supprimes et remplacez par:

Code:
<!-- BEGIN switch_signature -->
               <dl>
                  <dt><label>{switch_preferences_menu.switch_signature.L_ALWAYS_ADD_SIGNATURE} :</label></dt>
                  <dd>
                     <label><input type="radio" name="attachsig" value="1" {switch_preferences_menu.switch_signature.ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>
                     <label><input type="radio" name="attachsig" value="0" {switch_preferences_menu.switch_signature.ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_signature -->

Le visuel après la modification:

[EDGE] Corrections et mise à jour sur la version EDGE Aaaaaa10

Voir cette page pour être certain d'avoir validé votre template ok

https://www.milouze14.net/h2-diverses-aides


Freedom Sun aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 22 Sep 2024 - 7:57

Hello,
mise à jour concernant le template groupcp_user_body:


Dans le template groupcp_user_body:
Affichage/Templates/Groupes/groupcp_user_body

Remplacez tout le contenu par:

Code:
<!-- BEGIN switch_groups_joined -->
<h1 class="page-title">{L_USERGROUPS}</h1>
   <!-- BEGIN switch_groups_member -->
   <div class="content-block">
    <h2 class="title">{L_GROUP_MEMBERSHIP_DETAILS}</h2>
      <div class="txt-content">
      <fieldset>
         <dl>
            <dt><label>{L_YOU_BELONG_GROUPS}</label></dt>
            <dd>{GROUP_MEMBER_SELECT_NEW}</dd>
         </dl>
      </fieldset>
      </div>
   </div>
   <!-- END switch_groups_member -->

   <!-- BEGIN switch_groups_pending -->
   <div class="content-block">
      <div class="txt-content">
      <fieldset>
         <dl>
            <dt><label>{L_PENDING_GROUPS}</label></dt>
            <dd>{GROUP_PENDING_SELECT_NEW}</dd>
         </dl>
      </fieldset>
      </div>
   </div>
   <!-- END switch_groups_pending -->
<!-- END switch_groups_joined -->

<!-- BEGIN switch_display_groups_all -->
<div class="content-block">
  <h2 class="title">{switch_display_groups_all.L_ALL_GROUPS}</h2>
<div class="txt-content">
      
      <fieldset>
         <dl>
            <dt><label>{switch_display_groups_all.L_LIST_ALL_GROUPS}</label></dt>
            <dd>
               <ul class="group_list noList">
                  <!-- BEGIN group_details -->
                  <li>
                     <a href="{switch_display_groups_all.group_details.U_GROUP}" {switch_display_groups_all.group_details.GROUP_STYLE}>{switch_display_groups_all.group_details.GROUP_NAME}</a><div>{switch_display_groups_all.group_details.GROUP_STATUS} {switch_display_groups_all.group_details.NB_GROUP_MEMBERS} </div>
                                                  <hr />
                  </li>
                  <!-- END group_details -->
               </ul>
            </dd>
         </dl>
      </fieldset>
   </div>
</div>
<!-- END switch_display_groups_all -->
  
<!-- BEGIN switch_groups_remaining -->
<div class="content-block">
  <h2 class="title">{L_JOIN_A_GROUP}</h2>
   <div class="txt-content">
   <form action="{U_USERGROUP_ACTION}" method="get">
   <fieldset>
      <dl>
         <dt><label>{L_SELECT_A_GROUP}</label></dt>
         <dd>{GROUP_LIST_SELECT} <input class="button2" type="submit" value="{L_VIEW_INFORMATION}" />{S_HIDDEN_FIELDS}</dd>
      </dl>
   </fieldset>
   </form>
   </div>
</div>
<!-- END switch_groups_remaining -->

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <p class="right">{L_JUMP_TO}: {S_JUMPBOX_SELECT}&nbsp;<input class="button2" type="submit" value="{L_GO}" /></p>
</form>

Voir cette page pour être certain d'avoir validé votre template ok

https://www.milouze14.net/h2-diverses-aides




Freedom Sun aime ce message

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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