Redimensionnement automatique du titre du forum

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://diamant-mandarin-evo.superforum.fr/

Description du problème

Bonjour,


J'ai voulu changer l'image du titre de mon forum.

Hors celle-ci ne se redimensionne pas selon la définition ou taille de chaque écran des membres..

Par conséquent lors de ce changement, l'image titre décale tout le forum.

Existe t'il un code qui permet de redimensionner l'image titre (voir le lien joint) automatiquement quelque soit la definition ou taille d'écran et même smartphone?

Cordialement

[Alzufen]

Bonjour,

Tu voudrais qu'elle fasse quelle taille ? Je veux dire, par exemple tu voudrais que ça prenne toute la largeur de l'écran de l'utilisateur en fonction de la taille de son écran ? Ou quoi que ce soit d'autre ? ^^

[Invité]

Oui qu'elle se redimensionne part rapport a la taille de son écran.

Je voudrais que l'image fasse toujours la largeur du cadres des categories du forum.

[Alzufen]

Je vais tester un truc et je te tiens au courant ^^

[Invité]

Ok, merci

[Invité]

Il existe certainement un code HTML que je n'ai pas trouvé.. snif

[Alzufen]

Essaye en allant dans :

Panneau d'administration > Modules > Tout en bas > Gestion des pages Javascript

Coche "oui" à "activer le javascript" si ce n'est pas déjà fais et pense à enregistrer

Puis, créer une nouvelle page Javascript, sur toutes les pages, tu mets le titre que tu veux et ajoute :

Code:

$(window).load(function(){
large = $('#page-body').width();
$('#pun-logo img').attr('width', large);
});

Puis valide et vois si ça marche ou non ^^

[Invité]

Oui ça à l'air de fonctionner!! yes

Par contre je dois refaire une autre image de titre.. celle-ci est trop grande desormais.

Un sacré boulot un fofo lol

Merci Kidkiller

[Invité]

Il reste juste un tres leger décalage vers la droite bizarre.

[Alzufen]

L'image sera plus petit quand les membres auront un grand plus petit... C'est vrai que moi avec mes 1900px de largeur, elle est vraiment géante

Pour le décalage, va dans :

Panneau d'administration > Affichage > Couleurs > Feuille de style CSS

Et ajoute :

Code:

div#pun-intro {
padding: 1.5em 0;
}

[Invité]

Ok j'ai tout noté.

Par contre je vois que mon forum est en consultation pour quelques membre.. je vais donc essayé tous cela plus tard, pour ne pas les perturber.

Si ça ne te dérange pas je mettrais résolu juste après, mais ça à l'air de fonctionner.

[Invité]

Quel adresse ton forum?

[Invité]

Oups j'ai trouvé sur ton avatar lol

[Invité]

Il est superbe!!! j'adore et bravo ouah

La devise sur le titre est excellente..

[Alzufen]

Pas de soucis ^^

Et ce forum là c'est un forum de jeu récent il est en construction encore enfin niveau design, j'en avais pleins d'autres des forums, et notamment des forums de test où j'ai essayé le code avant de te le filer Et des sites en construction donc bon

[Invité]

Ok! Il y a tellement de chose possible à réaliser.. c'est vaste

[Alzufen]

Oui, mais par contre on flood un peu c'est pas un sujet de discussion désolé de te dire ça

Et pense à éditer au lieu de faire des posts à la chaîne, simple conseil

[Invité]

Oui tu as raison! lol

Tu veux dire modifier mes questions?

[Alzufen]

Non mais quand tu postes pour répondre, si il n'y a pas eu de réponses entre temps et que tu viens justes de poster, tu peux éditer au lieu de reposter derrière, on pourrait prendre ça pour du flood ^^

[Invité]

Oups ok je t'ai compris!

J'ai un sujet sur les avatars que je n'arrive pas a résoudre.. si tu as le temps.

[Invité]

Je viens d'essayer sur un forum test.

En integrant les codes pour redimensionnement automatique et en verifiant sur un autre pc 13,3 p et smartphone, je m'aperçoit que ça ne se redimensionnent pas.. i lfaut peut petre des codes pour la version punBB?

Ou il y a d'autres manips à faire.

A l'aide svp

[Alzufen]

Non, il n'y a que le code Javascript à mettre, tu as bien activé le Javascript sur ton forum de test ? Tu as vérifié si sur ton PC le code marche ? Je peux avoir le lien ? ^^

[Invité]

Oui j'ai tout activé.

voici le lien http://finch.superforum.fr/

[MlleAlys]

Bonjour,
Une autre alternative pourrait être de redimensionner automatiquement l'image de votre bannière en ajoutant le code css suivant à votre feuille de style :

Code:

#logo img {
    width: 100%;
}

[Invité]

Yes! j'ai vérifier sur smartphone! avec ce code cela se redimensionne!

Merci!

[MlleAlys]

de rien,
n'oubliez pas d'éditer votre premier message pour passer votre sujet en résolu ^^

[Invité]

Oui, no soucis.

Le code java + votre code scc c'est impeccable

Merci encore pour votre aide précieuse à tout les deux!

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://diamant-mandarin-evo.superforum.fr/

Description du problème

Bonjour,


J'ai voulu changer l'image du titre de mon forum.

Hors celle-ci ne se redimensionne pas selon la définition ou taille de chaque écran des membres..

Par conséquent lors de ce changement, l'image titre décale tout le forum.

Existe t'il un code qui permet de redimensionner l'image titre (voir le lien joint) automatiquement quelque soit la definition ou taille d'écran et même smartphone?

Cordialement