Forum partenaires
-
- Messages : 82
- Enregistré depuis : 2 ans 7 mois
- Site internet : https://geppassions.com/forum/index.php
- Localisation : Pays De Loire
- Intérêt : Moto ,Musique
- Emploi : retraité
Forum partenaires
Message
-
- Messages : 2850
- Enregistré depuis : 3 ans 5 mois
- Identité : Fred Rimbert
- Site internet : https://caforum.fr
- Localisation : Le Lude - Pays de la Loire
- Intérêt : GitHub
Re: Forum partenaires
MessageTon sujet à été déplacé par un modérateur.
Raison : Merci de relire la règle #10i de notre règlement.
Il est possible de faire apparaître une liste de partenaires sur son forum en utilisant une extension, l'extension Partner de dmzx fait ceci, cette extension en toujours en dev il est donc possible que son comportement devienne instable.
Par ce tuto nous allons voir comment s'en passer !
Le plus simple est de créer un fichier template à placer dans le répertoire template du style utilisé sur le forum.
Voici le contenu de ce template :
Code : Tout sélectionner
<div class="forabg">
<div class="inner">
<ul class="topiclist">
<li class="header">
<dl class="row-item">
<dt><i class="icon fa-handshake-o fa-fw" aria-hidden="true"></i> <span>Partenaires</span></dt>
</dl>
</li>
</ul>
<ul class="topiclist forums partner">
<li class="row">
<dl>
<dt>
<marquee direction="left" scrollamount="8" onmouseover='this.stop()' onmouseout='this.start()'>
<a href="URL du partenaire"><img src="URL de l'image" padding="3px" width="200" height="50" alt="Partenaire" title="Fonction du partenaire"/></a>
</marquee>
</dt>
</dl>
</li>
</ul>
</div>
</div>
En détail :
<i class="icon fa-handshake-o fa-fw" correspond à l'icône Font Awesome qui sera affichée >
<span>Partenaires</span> correspond au nom qui sera affiché pour le menu
<ul class="topiclist forums partner"> partner correspond à la class utilisée pour le fichier CSS
<a href="URL du partenaire"><img src="URL de l'image" padding="3px" width="200" height="50" alt="Partenaire" title="Fonction du partenaire"/></a> ici sera renseigné l'URL du partenaire, l'URL de l'image du partenaire ainsi que la Fonction du partenaire
Ensuite ouvrir le template overall_footer.html
Code : Tout sélectionner
</div>
<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
<div id="darken" class="darken"> </div>
</div>
Code : Tout sélectionner
<!-- INCLUDE partner.html -->
Et j'allais oublier le code CSS associé
Code : Tout sélectionner
/* Lien des partenaires
---------------------------------------- */
.partner img {
max-width: 100%;
height: auto;
margin-left: 3px;
border-radius: 3px;
}
.partner img:hover {
box-shadow: 1px 1px 8px #555;
}
Mettre à jour son forum | Mettre à jour son style perso | Sauvegarde des fichiers du forum
"Les logiciels propriétaires n'ont aucune éthique"
- Richard Stallman
-
- Messages : 82
- Enregistré depuis : 2 ans 7 mois
- Site internet : https://geppassions.com/forum/index.php
- Localisation : Pays De Loire
- Intérêt : Moto ,Musique
- Emploi : retraité
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.