[Réglé] Logo aléatoire en version 3.3.0

[ninouee]

Bonjour!

Je suis entrain de faire la mise à jour en 3.3.0 sur le forum principale, enfin c'est sur Wamp pour le moment. (Rien à voir avec l'autre qui coince entre 3.2.2 vers 3.2.8 qui passera du coup en 3.3.0, celui-là je le ferais plus tard.)
Le lien est là https://ddstv.fr/forum/index.php, il est en cours de mise à jour, je reprend chaque extensions une par une à cause du "yml je ne sais plus quoi" qui coince par endroits.

Bref pour changer un peu aujourd'hui je m'occupe du style car mon ancien style perso n'est plus bon et de toute façon il fallait faire le ménage.
J'ai donc suivi le tutoriel pour faire un style perso tout propre en partant de prosilver 3.3.0 et j'ai découvert que le code avait un peu changé.

En effet, lors des précédentes mises à jour des versions 3.2 j'utilisais l'aide que vous m'aviez fournie dans ce sujet Logo Aléatoire.
Qui consistait à placer le dossier que m'avait fourni cabot ici contenant un code +des images dans le dossier images du style et modifier une ligne dans le fichier overall_header.html .

Avant il suffisait que je cherche ça:

Code : Tout sélectionner

<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><!--Modification du logo centre--><img alt="{L_INDEX}" src="{T_THEME_PATH}/images/logo/bg_aleatoire.php" /></a>

Et que je le remplace par ça :

Code : Tout sélectionner

<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>

Mais dans la version 3.3 le code à un peu changé. Je l'ai comparé et j'ai essayé de transposer la modification mais je n'arrive pas à afficher mon logo.

Le code en 3.3 est le suivant :

Code : Tout sélectionner

<a id="logo" class="logo" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}" title="{% if U_SITE_HOME %}{{ L_SITE_HOME }}{% else %}{{ L_INDEX }}{% endif %}"><span class="site_logo"></span></a>

En comparant j'en ai conclu qu'il suffisait que j'enlève le

Code : Tout sélectionner

<span class="site_logo"></span>

que je remplace par

Code : Tout sélectionner

<!--Modification du logo centre--><img alt="{L_INDEX}" src="{T_THEME_PATH}/images/logo/bg_aleatoire.php" />

Mais ça n'a pas marché.
J'ai tenté avec de modifier certains éléments en ajoutant des { ou des % mais je n'ai rien eu de mieux que rien ou des erreurs fatales.

Auriez vous une piste que je pourrais poursuivre?

Je vous remercie d'avance.

Bonne soirée.

(PS la fusion des colonne à bien marchée )

[Mazeltof]

'jour ici

je n'ai pas regardé en détail les modifications des fichiers proposées, par contre j'ai revu l'extension proposée dans ce message pour 3.3.0

mazeltof_logoaleatoire.zip

(55.39 Kio) Téléchargé 132 fois

Pour adapter à ton forum tu dois :

• Renommer le nom du style dans l'arborescence par le nom de ton style. ext\mazeltof\logoaleatoire\styles\nom_de_ton_style\
• Renommer tes différents logos de la ma manière suivante : site_logo_1.png, site_logo_2.png, site_logo_3.png, etc.
• Déposer tes différents logos dans le répertoire ext\mazeltof\logoaleatoire\styles\nom_de_ton_style\theme\images\logo\
• Adapter les déclarations de taille du fichier ext\mazeltof\logoaleatoire\styles\nom_de_ton_style\theme\logoaleatoire.css
  

  Code : Tout sélectionner

  	width: 149px; /* a modifier selon les logos */ 
  	height: 52px; /* a modifier selon les logos */

[ninouee]

Bonjour Mazeltof Merci!

Mon logo est parfaitement aléatoire et centré en pleine page.

Toutefois pour rendre l'image responsive, il faut mettre le code dans le style logoaleatoire.css ou dans celle de mon style perso?

Code : Tout sélectionner

/*  logoaleatoire stylesheet */

.site_logo {
	background-image: url("./images/logo/logoaleatoire.php");
	width: 1000px; /* a modifier selon votre logo */ 
	height: 500px; /* a modifier selon votre logo */

}

Car quoi que je test rien n'est pris en compte. J'avais laissé les informations du CSS de mon style précédent (https://ddstv.fr/forum/ ) qui me donnait ce résultat mais ça ne semble pas bon.

Code : Tout sélectionner

.logo{
	float: none;
    padding: 0;
	width: 100%;
}

img {
    max-width: 100%;
}
.logo img {
	width: 100%;
}
@media (max-width: 700px) {
	.site-description .logo  {
		display: block;
		padding: 15px 15px 0 15px;
	}	
}

J'ai essayé d'ajouter "site_logo" dans certaines des sélécteurs css mais ça ne produit rien de concluant.

Que dos-je faire?

Merci

[tomberaid]

Hello
Tu peux aussi tester l'extension Random Banner qui d'après son auteur est compatible phpBB 3.3.x

Cordialement

[ninouee]

Bonjour tomberaidje suis allée voir l'extension que vous le suggérez. C'est très gentil à vous mais elle est en RC et pour 3.2 je vais éviter de faire du mélange de version.
Merci à vous.

[tomberaid]

Hello
Effectivement elle est en RC mais sans être anglophone je vois ceci écrit par son auteur :

3.2.0_RC4 now available. Title tag added, phpBB3.3.x compatible

Cordialement

[Mazeltof]

'jour ici

En fait de logo aléatoire, c'est plutôt une bannière aléatoire.
Après un rapide essai, l'extension proposée par tomberaid correspond bien à ce que tu souhaites, gère le responsive, l'affichage ou non d'un logo et l'emplacement de la barre de recherche.
Le seul soucis est l'absence d'affichage de la description de forum que tu peux rectifier sur ton style personnel.

Teste la et vois ce que ça donne
La version RC est en principe l'étape qui précède la validation (donc sans trop de risque, bien qu'à tester avant usage et à surveiller)

Edit: si ça peut aider, une rapide traduction française du pack de langue de la version 3.2.0-RC4.

hifikabin_randombanner_fr.zip

(8.44 Kio) Téléchargé 105 fois

[ninouee]

Merci à vous tous pour ces précisions.
Ca marche super bien!

Je vais pouvoir continuer d'avancer dans mon travail et peut-être sortir ma Maj ce week end

Vous êtes adorables.

Merci encore