Forum partenaires

Discussions sur phpBB
Aucune aide pour un problème précis ne sera donnée ici !
Message par gepetto57 »
Avatar du membre
gepetto57 gepetto57
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

bonjour j'aimerais mettre des liens forums (cliquables) en partenaires sur l'index de mon forum comment peut on faire cela ;Merci
Message par Fred »
Message déplacé depuis le forum Entraide phpBB 3.3.x vers le forum Discussions phpBB par Fred le 21 févr. 2022, 15:09

Avatar du membre
Fred Fred
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

Message


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;
}
Message par gepetto57 »
Avatar du membre
gepetto57 gepetto57
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é

Re: Forum partenaires

Message

Merci beaucoup vais l' installer des que possible
Partagez cette page
Twitter Whatsapp Linkedin Email
Vous devez être membre du forum pour répondre
Inscrivez-vous pour participer au forum ou Connecter-vous à votre compte.