Logo qui s'adapte à différentes résolutions tout comme ma bannière
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Logo qui s'adapte à différentes résolutions tout comme ma bannière
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
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
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Cela veut dire Que votre forum est chargée.
Utiliser ''Photo shop'' ou ''Cooltext''.
Utiliser ''Photo shop'' ou ''Cooltext''.
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Bonsoir
Une capture du problème serait un plus. Merci
Une capture du problème serait un plus. Merci
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Voici une capture d'écran :
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
- 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
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Bonsoir, petit Up à vous les pro du codage ^^
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Bonsoir à nouveau, mon problème est malheureusement toujours d'actualité. Merci de votre temps
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Bonjour,
Ajouter à votre css
Ajouter à votre css
- Code:
body {
background-size: contain;
}
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
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
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Bonsoir, j'ai encore besoin de votre aide ^^ Merci d'avance!
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
Hello,
Ton JS actuel doit ressembler à quelque chose comme ça :
Tu peux le remplacer par ceci :
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
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
Re: Logo qui s'adapte à différentes résolutions tout comme ma bannière
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! Un jour, quand je serai grande, je serai comme vous! xD Bref, ça fonctionne alors c'est résolu, merci encore à toi
Sujets similaires
» Pallier aux différentes résolutions
» Visualiser un design sous différentes résolutions d'écran
» Header et logo sur toutes les résolutions d'écran. [Merci à ceux qui liront]
» centrer une bannière en image de fond pour toutes les résolutions d'écrans
» Marquer tout les forums comme lu
» Visualiser un design sous différentes résolutions d'écran
» Header et logo sur toutes les résolutions d'écran. [Merci à ceux qui liront]
» centrer une bannière en image de fond pour toutes les résolutions d'écrans
» Marquer tout les forums comme lu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum