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

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 le Dim 19 Oct 2014 - 15: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 Sam 25 Oct 2014 - 1:19, édité 2 fois

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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 le Lun 20 Oct 2014 - 16:43

Cela veut dire Que votre forum est chargée.

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

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 le Lun 20 Oct 2014 - 17:55

Bonsoir

Une capture du problème serait un plus. Merci

FANCH 56
+ Hyperactif +

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

http://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 le Lun 20 Oct 2014 - 22: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

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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 le Mar 21 Oct 2014 - 23:37

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

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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 le Mer 22 Oct 2014 - 23:57

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

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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 le Jeu 23 Oct 2014 - 7:52

Bonjour,

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

MasDan
*****

Masculin
Messages : 857
Inscrit(e) le : 24/05/2011

http://projetaum2.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 le Jeu 23 Oct 2014 - 14: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 - 22:39, édité 1 fois

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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 le Ven 24 Oct 2014 - 22:35

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

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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] le Sam 25 Oct 2014 - 0: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]
# Tropactif #

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

http://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 le Sam 25 Oct 2014 - 1: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

thaom melcrudak
***

Féminin
Messages : 123
Inscrit(e) le : 12/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


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