[Absolution V2] Image de fond à adapter

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Verrouillé
     
Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

[Absolution V2] Image de fond à adapter

Message par OptimaluS » sam. 26 janv. 2013 19:54

Bonsoir à tous,

Mon problème actuelle et que je n'arrive pas à voir correctement mon image de fond sur mon forum en construction (Répétition).
J'aimerais l'adapter pour chaque résolution, bien évidemment j'ai trouver ce tutoriel :arrow: http://forums.phpbb-fr.com/documentatio ... 83479.html mets ca ne s'applique pas pour ce thème.

Pourriez-vous m'aidez à l'adapter sur mon thème actuel ?

Le lien de mon forum :arrow: http://sosordi.3web-heberg.com/index.php


Merci d'avance.
Cordialement OptimaluS

Avatar du membre

sub60
[-V.I.P-]
[-V.I.P-]
Messages : 156
Enregistré le : avril 2012
Hébergeur(s) : phpbb-services
Localisation : Oise
Contact :

Re: [Absolution V2] Image de fond à adapter

Message par sub60 » dim. 27 janv. 2013 12:57

Hello,
mets ca ne s'applique pas pour ce thème.
hmmmm bizarre car tester en local et ça fonctionne avec Absolution v2, pour preuve =>
Image
c'est le background du tuto, et en plus j'ai même pas viré le background d'origine du body :clin:

juste qu'il faut pas faire n importe quoi, j'explique:
a l'origine il y a un background sur la classe body , tu la viré et tu la mis sur la classe noise, un background général ce met uniquement sur body.

donc remet tout comme a l'origine et tu verra que ça fonctionne :clin:

ps: pour éviter de faire des bêtises, on remplace ce qui existe, mais on invente pas (ça t'aurais éviter ce déboire :langue: :clin:
Forum de démo pour mes styles 3.1.x
Attention..!! les styles pour version de phpBB 3.0, ne sont pas compatible avec la nouvelle version de phpBB 3.1

Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Image de fond à adapter

Message par OptimaluS » dim. 27 janv. 2013 14:22

Bonjour Sub ,

Merci pour cette réponse mets quelle est cette partie exacte dont tu parle , que j'aurais virer ?

Doit-je suivre le tuto telle q'elle ?
Cordialement OptimaluS

Avatar du membre

sub60
[-V.I.P-]
[-V.I.P-]
Messages : 156
Enregistré le : avril 2012
Hébergeur(s) : phpbb-services
Localisation : Oise
Contact :

Re: [Absolution V2] Image de fond à adapter

Message par sub60 » dim. 27 janv. 2013 14:41

Bon je récapitule,

d'origine dans colours.css

Code : Tout sélectionner


html, body {
	color: #15375c;
	background: url("{T_THEME_PATH}/images/bodybg.gif") repeat-x left top #093059;
	font-family: "Verdana", Tahoma, Geneva, sans-serif;
	height: 100% !important;
}
c'est la que ce trouve le background général (le fond bleu d'origine), que toi tu a supprimer.

dans absolution.css

Code : Tout sélectionner

.noise {
	background-image: url("{T_THEME_PATH}/images/noise.png");
	min-height: 100% !important;
}
c'est ici que toi tu a mis le background général(c'est la que c'est pas bon, le background que tu veut afficher n'a rien a faire la)
donc, essaie en supprimant ce background, et applique le tuto que tu cite :clin:
Forum de démo pour mes styles 3.1.x
Attention..!! les styles pour version de phpBB 3.0, ne sont pas compatible avec la nouvelle version de phpBB 3.1

Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Image de fond à adapter

Message par OptimaluS » dim. 27 janv. 2013 16:43

Voici ce que cela donne :arrow: http://sosordi.3web-heberg.com

Donc que faut t'il que je touche pour que ça soie centrer correctement et en quelle taille doit être mon image de fond car la elle est est zoomer ?
Cordialement OptimaluS

Avatar du membre

sub60
[-V.I.P-]
[-V.I.P-]
Messages : 156
Enregistré le : avril 2012
Hébergeur(s) : phpbb-services
Localisation : Oise
Contact :

Re: [Absolution V2] Image de fond à adapter

Message par sub60 » dim. 27 janv. 2013 16:57

Alors pour recentrer le forum, dans common.css

Code : Tout sélectionner

#wrap {
   position: relative;
   padding: 0;
   min-width: 650px;
}
ajoute cette propriété

Code : Tout sélectionner

margin: 0 auto;

ben la ton image est beaucoup trop petite: http://sosordi.3web-heberg.com/styles/a ... bodybg.gif 650px x 488px pourquoi avoir réduite l'original ? sinon je pense que 1400x900 devrait suffire (faut tester) :clin:
Forum de démo pour mes styles 3.1.x
Attention..!! les styles pour version de phpBB 3.0, ne sont pas compatible avec la nouvelle version de phpBB 3.1

Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Image de fond à adapter

Message par OptimaluS » dim. 27 janv. 2013 17:06

Je test çà de suite...

Voila, centrage forum ok, Image pas bonne en la mettant dans la taille que tu ma indiquer et de plus je ne voit plus la panneau d'admin en bas et le reste.
Cordialement OptimaluS

Avatar du membre

sub60
[-V.I.P-]
[-V.I.P-]
Messages : 156
Enregistré le : avril 2012
Hébergeur(s) : phpbb-services
Localisation : Oise
Contact :

Re: [Absolution V2] Image de fond à adapter

Message par sub60 » dim. 27 janv. 2013 17:25

ha oui, je vois quoi, dans absolution.css

Code : Tout sélectionner

.footer {
   	min-height: 70px;
	margin: -4px auto 0;
	background: url("{T_THEME_PATH}/images/footerlight.gif") no-repeat 50% top;
	text-align: center;
	padding: 20px 0;
	color: #c9e3ff;
	text-shadow: 0 5px 5px #000000;
	line-height: 20px;
}
ajoute la propriété

Code : Tout sélectionner

position: relative;
et il faudra peut être adapter le footer vu qu'il y a une image en background.

ben comme j'avais dit pour l'image faut faire des test voir ce qui convient le mieux, mais généralement 1440x900 ça passe plutot bien

éditer: j'vient de trouver un truc pour ton image, dans common.css

Code : Tout sélectionner

#fond {
   position: fixed;
   top: 0;
   left: 0;
}
remplace par

Code : Tout sélectionner

#fond {
   position: fixed;
   bottom: 0;
   left: 0;
}
ça va la remonter un peut :clin:
Forum de démo pour mes styles 3.1.x
Attention..!! les styles pour version de phpBB 3.0, ne sont pas compatible avec la nouvelle version de phpBB 3.1

Avatar du membre

Auteur du sujet
OptimaluS
Messages : 211
Enregistré le : novembre 2012
Hébergeur(s) : -LWS -
Localisation : Champagne Ardennes

Re: [Absolution V2] Image de fond à adapter

Message par OptimaluS » dim. 27 janv. 2013 17:25

Ok pour le footer c'est régler, il me reste plus cas tester sous differrent tailles.

Par contre il n'y rien a ajouter dans ce code donné sur le tuto (largeur/hauteur) ? :arrow:

Code : Tout sélectionner

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
// <![CDATA[
   $(function() {   
   
      var theWindow        = $(window),
         $bg              = $("#fond"),
         aspectRatio      = $bg.width() / $bg.height();
                           
      function resizeBg() {
         
         if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
            $bg
               .removeClass()
               .addClass('hauteur');
         } else {
            $bg
               .removeClass()
               .addClass('largeur');
         }
                  
      }
                           
      theWindow.resize(function() {
         resizeBg();
      }).trigger("resize");
   
   });
// ]]>
</script>
Cordialement OptimaluS

Avatar du membre

sub60
[-V.I.P-]
[-V.I.P-]
Messages : 156
Enregistré le : avril 2012
Hébergeur(s) : phpbb-services
Localisation : Oise
Contact :

Re: [Absolution V2] Image de fond à adapter

Message par sub60 » dim. 27 janv. 2013 17:27

j'ai éditer entre temps :clin:

nan touche a rien dans ce code.
Forum de démo pour mes styles 3.1.x
Attention..!! les styles pour version de phpBB 3.0, ne sont pas compatible avec la nouvelle version de phpBB 3.1

Verrouillé

Retourner vers « Support Styles phpBB3 »