Adapter sa résolution sur joomla 2.5

Fermé
O'neill62800 - Modifié par O'neill62800 le 28/04/2012 à 23:56
 O'neill62800 - 29 avril 2012 à 14:35
Bonjour,

Alors voilà j'ai essayé pas mal de chose comme le changement du code dans template.css en mettant cela:
{ div#container{width:900px;position:center;top:10px;left:50%;margin-left:-450px;}
padding: 0;
color: #2A2E29;
background-color: #D4CCAA;


ou encore
padding: 0;
margin:0; ici j'ai essayé avec auto au lieu de 0
width: 100%;
color: #2A2E29;
background-color: #D4CCAA;


aussi sa
padding: 0;
margin:0; ici j'ai essayé avec auto au lieu de 0
width: 1000px;
color: #2A2E29;
background-color: #D4CCAA;


Mais tous ces codes me paraisse bizarre puisque qu'ils augmentent la taille du Template mai ne permet pas de le faire varier selon la taille de l'écran de l'utilisateur donc il ne réponde pas a ce que je veux. J'utilise artisteer pour créer des templates donc si quelqu'un connait un autre logiciel ou sait le faire avec artisteer ou connait le code que e dois insérer se serait sympa.

Merci pour vos réponses
cordialement
O'neill62800

2 réponses

O'neill62800
29 avril 2012 à 00:10
Bon je vient de réfléchier un peu et j'ai retravaillé mon template et je l'ai mi en largeur fluide 100% ce qui devrait l'adapter à chaque écran mainteant ma question c'est comment faire pour que ma bannière qui est adapté pour du 1680*1050 se réadapte pour une autre résolution sans qu'elle soit coupée ?
0
O'neill62800
29 avril 2012 à 14:35
Bonjour,
Alors j'ai tenté de mettre sa dans template.css je pense qu'il doit pas manquer grand chose pour que cela fonctionne puisque qu'il n'y a plus de bannière or avant il y avait celle adapté pour le 22pouces donc qui était coupé sur les autres résolutions:
art-header:after
{
position: absolute;
z-index:-1;
display:block;
content:' ';
top: 0;
width:100%;
$(function(){
var background-image: url('../images/header.jpg');
heigth: 413px;
if(screen.width < 801) background-image: url('../images/taile800.jpg');
height: 200px;
else if(screen.width < 1025) background-image: url('../images/taille1024.jpg');
height: 256px;
else if(screen.width < 1281) background-image: url('../images/header2.jpg');
height: 320px;
else if(screen.width < 1601) background-image: url('../images/taille1600.jpg');
height: 400px;
document.body.style.backgroundImage="url(\""+bg+"\")";
});
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

Dites moi si vous voyez l'erreur.

Cordialement
O'neill62800
0