Forum partenaires

[gepetto57]

bonjour j'aimerais mettre des liens forums (cliquables) en partenaires sur l'index de mon forum comment peut on faire cela ;Merci

[Fred]

---

Ton sujet à été déplacé par un modérateur.
Raison : Merci de relire la règle #10i de notre règlement.

---

Salut Gepetto

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>

Copiez ce contenu et enregistrez-le en partner.html

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

Trouver : (peut correspondre à un résultat partiel dans une ligne de code ou à une ligne de code entière.)

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">&nbsp;</div>
	</div>

Ajouter avant : (ajouter ce code sur une nouvelle ligne, située avant les lignes de code précédemment trouvées.)

Code : Tout sélectionner

		<!-- INCLUDE partner.html -->

Ajouté 4 minutes 33 secondes après :
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;
}

[gepetto57]

Merci beaucoup vais l' installer des que possible