Logo qui s'adapte à différentes résolutions tout comme ma bannière

5 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Dim 19 Oct 2014 - 9:08

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis l'instauration de notre bannière qui s'adapte aux différentes résolutions
Lien du forum : http://www.ildir.purforum.com

Description du problème

Bonjour,

Nous avons un javascript qui nous permet d'adapter notre bannière à de nombreuses résolutions, mais le problème est que le Logo ne s'adapte pas lui. Le forum, le header, apparaît alors dessus la bannière lorsque la résolution est très élevée, il vient s'installer dessus. Notre logo est invisible alors ne le cherchez pas Wink

Y a-t-il un code pour adapter le Logo à différente résolutions comme nous l'avons fait avec la bannière?

Merci


Dernière édition par thaom melcrudak le Ven 24 Oct 2014 - 19:19, édité 2 fois
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par Themekki Lun 20 Oct 2014 - 10:43

Cela veut dire Que votre forum est chargée.

Utiliser ''Photo shop'' ou ''Cooltext''.
Themekki

Themekki
Nouveau membre

Messages : 15
Inscrit(e) le : 25/09/2014

http://jeux-games.forumactif.com/
Themekki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par FANCH 56 Lun 20 Oct 2014 - 11:55

Bonsoir

Une capture du problème serait un plus. Merci
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Lun 20 Oct 2014 - 16:43

Voici une capture d'écran :

capture du header qui monte dans la bannière:

Au fond, ma bannière s'adapte à plusieurs résolutions, mais le Logo -transparent- lui demeure le même. Ce qui fait qu'il devient trop petit pour les larges écrans, laissant monter le forum dans la bannière. Est-ce possible d'utiliser un javascript pour que ledit Logo s'adapte au même titre que la bannière et que le forum n'obstrue pas ma bannière?

Merci
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Mar 21 Oct 2014 - 17:37

Bonsoir, petit Up à vous les pro du codage ^^
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Mer 22 Oct 2014 - 17:57

Bonsoir à nouveau, mon problème est malheureusement toujours d'actualité. Merci de votre temps Wink
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par MasDan Jeu 23 Oct 2014 - 1:52

Bonjour,

Ajouter à votre css
Code:
body {
  background-size: contain;
}
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 23/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Jeu 23 Oct 2014 - 8:20

Ce n'est pas ça mais merci quand même. De plus ça interfère avec mon JS de bannière.


Dernière édition par thaom melcrudak le Ven 24 Oct 2014 - 16:39, édité 1 fois
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Ven 24 Oct 2014 - 16:35

Bonsoir, j'ai encore besoin de votre aide ^^ Merci d'avance!
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par [Nihil] Ven 24 Oct 2014 - 18:29

Hello,

Ton JS actuel doit ressembler à quelque chose comme ça :
Code:
$(function() {
    var bg = "http://img11.hostingpics.net/pics/555465522426header31920.png";
    if (screen.width < 801) bg = "http://img11.hostingpics.net/pics/593201header2800.png";
    else if (screen.width < 1025) bg = "http://img11.hostingpics.net/pics/697037header21024.png";
    else if (screen.width < 1281) bg = "http://img11.hostingpics.net/pics/512287header21280.png";
    else if (screen.width < 1367) bg = "http://img11.hostingpics.net/pics/277222header21360.png";
    else if (screen.width < 1601) bg = "http://img11.hostingpics.net/pics/332344header21600.png";
    else if (screen.width < 1921) bg = "http://img11.hostingpics.net/pics/555465522426header31920.png";
    document.body.style.backgroundImage = "url(\"" + bg + "\")"
});

Tu peux le remplacer par ceci :
Code:
$(function() {
    var bg = "http://img11.hostingpics.net/pics/555465522426header31920.png";
    var logo = 200;
    if (screen.width < 801) {
        bg = "http://img11.hostingpics.net/pics/593201header2800.png";
        logo = 300;
    } else if (screen.width < 1025) {
        bg = "http://img11.hostingpics.net/pics/697037header21024.png";
        logo = 400;
    } else if (screen.width < 1281) {
        bg = "http://img11.hostingpics.net/pics/512287header21280.png";
        logo = 500;
    } else if (screen.width < 1367) {
        bg = "http://img11.hostingpics.net/pics/277222header21360.png";
        logo = 600;
    } else if (screen.width < 1601) {
        bg = "http://img11.hostingpics.net/pics/332344header21600.png";
        logo = 700;
    } else if (screen.width < 1921) {
        bg = "http://img11.hostingpics.net/pics/555465522426header31920.png";
        logo = 800;
    }
    document.body.style.backgroundImage = "url(\"" + bg + "\")";
    $('#i_logo').height(logo);
});

En adaptant ensuite bien entendu la valeur de la variable logo en fonction de la hauteur souhaitée, là j'ai mis des valeur au hasard ^^

Normalement ça devrait fonctionner Mr. Green
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière

Message par thaom melcrudak Ven 24 Oct 2014 - 19:16

J'étais certaine qu'il ne fallait ajouter qu'un petit truc, mais vu que je n'avais aucune idée comment m'y prendre, vous me sauvez, un grand merci! Very Happy Un jour, quand je serai grande, je serai comme vous! xD Bref, ça fonctionne alors c'est résolu, merci encore à toi Very Happy
avatar

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 11/01/2014

http://www.ildir.purforum.com
thaom melcrudak a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum