Changements dans les templates de DataLife Engine

Liste des modifications apportées aux templates pour DataLife Engine lors de la mise à niveau vers de nouvelles versions.
Changements dans les templates de DataLife Engine
Les modifications apportées aux templates sont effectuées par ordre de priorité d'une version à l'autre, en fonction de la version à partir de laquelle vous avez.
Par exemple vous avez installé le cms à la version 11.3 pour aller vers la version 13.0, dans ce cas vous devez effectuer des modifications, d'abord de 11.0 à 11.1, puis de 11.1 à 11.2, puis de 11.2 à 11.3, puis de 11.3 à 12.0, puis de 12.0 à 12.1, puis de 12.1 à 13.0, etc.
En gros mise à jour de bas en haut et pour downgrade, de haut en bas en faisant l'inverse, par exemple "Ajoutez" devient "Supprimez" etc.
ATTENTION : AVANT TOUTES MODIFICATIONS / INSTALLATIONS / SUPPRESSIONS & AUTRES, FAITE UNE SAUVEGARDE DE VOS FICHIERS ORIGINAUX !
Nous ne pouvons être tenus pour responsables de dégâts éventuels causés par votre non conformité à notre avertissement.
Il n'y a aucune modification à faire pour cette version.
1. Ouvrez le fichier engine.css de votre template et cherchez :
.uploadedfile {
    display: inline-block;
    width: 115px;
    height: 140px;
    margin: 10px 5px 5px 5px;
    border:1px solid #B3B3B3;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    background:#ffffff;

}

.uploadedfile .uploadimage {
    margin-top: 5px;
    width: 115px;
    height: 90px;
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}
Remplacez par :
.uploadedfile {
    display: inline-block;
    width: 115px;
    height: 160px;
    margin: 10px 5px 5px 5px;
    border:1px solid #B3B3B3;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    background:#ffffff;

}

.uploadedfile .uploadimage {
    margin-top: 5px;
    width: 115px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
    cursor: -webkit-grabbing;
}

.sortable-ghost {
    opacity: 0.4;
}
2. Dans les fichiers shortstory.tpl, fullstory.tpl, comments.tpl, si nécessaire, ajoutez le support pour le nouveau type d'évaluation :
Cliquez ici pour voir le code à mettre : wwww
Il n'y a aucune modification à faire pour cette version.
Il n'y a aucune modification à faire pour cette version.
Il n'y a aucune modification à faire pour cette version.
1. Ouvrez le fichier styles.css de votre template et ajoutez en bas :
.instagram-media, .twitter-tweet {display: inline-block !important;}
2. Ouvrez le fichier feedback.tpl et trouvez :
        <li class="form-group">
          <textarea placeholder="Message" name="message" id="message" rows="8" class="wide" required></textarea>
        </li>
Ajoutez dessous :
      [attachments]
        <li class="form-group">
          <label for="question_answer">Attach files:</label>
          <input name="attachments[]" type="file" multiple>
        </li>
      [/attachments]
1. Ouvrez le fichier engine.css de votre template et ajoutez en bas :
/* Configurer le captcha standard lors de la réponse aux commentaires */
.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {
  position: relative;
  display: block;
  width: 130px; height: 46px;
  -webkit-transition: all ease .2s; transition: all ease .2s;
}
.dle-captcha > input { float: left; width: 130px; }


/* Conseils d'installation pour les champs personnalisés */
.xfieldsnote {
  color: #838383;
  font-size: .9em;
}
2. Créez un fichier categorymenu.tpl et ajoutez dedans :
[root]<ul>[/root]
[item]
  <li><a href="{url}">{name} <span style="float: right;">{news-count}</span></a>
  [sub-prefix]<ul>[/sub-prefix]{sub-item}[sub-suffix]</ul>[/sub-suffix]
  </li>
[/item]
[root]</ul>[/root]
3. Ouvrez le fichier userinfo.tpl et trouvez :
<li class="form-group">
  <table class="xfields">
   {xfields}
  </table>
</li>
Ajoutez dessous :
<li class="form-group">
  <div class="checkbox">{twofactor-auth}</div>
</li>
4. Si nécessaire, affichez le menu des catégories dans le fichier main.tpl et ajoutez la balise {catmenu} à l'endroit voulu.
1. Ouvrez le fichier engine.css dans votre template et ajoutez en bas :
.xfieldimagegallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.xfieldimagegallery li {
  list-style: none;
  margin: 0;
  padding: 0;  
}

.xfieldimagegallery li img {
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.xfieldimagegallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor:not-allowed;
    pointer-events:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
}
      
2. Ouvrez le fichier attachment.tpl et ajoutez à l'endroit voulu :
[allow-online]<br />Voir le fichier en ligne : <a href="{online-view-link}" target="_blank">{name}</a>[/allow-online]
3. Ouvrez le fichier userinfo.tpl et trouvez :
<li class="form-group">
  <table class="xfields">
   {xfields}
  </table>
</li>
Ajoutez dessous :
<li class="form-group">
  <div class="checkbox">{news-subscribe}</div>
</li>
<li class="form-group">
  <div class="checkbox">{comments-reply-subscribe}</div>
</li>
<li class="form-group">
  <div class="checkbox">{unsubscribe}</div>
</li>
Les anciennes versions ne sont plus prises en charge.
La liste des modifications est donnée par rapport à un template standard par défaut. Vous devez apporter des modifications à votre template en fonction des besoins et de la disposition de votre template. En cas de conflit avec du code html ou css etc, adaptez vos codes et les codes pour la mise à jour..
Retour sur le site (http://dle-news.fr/)