[Réglé] Marges des blocs des pages d'information

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Marges des blocs des pages d'information

Messagepar stone23 » 24 Jan 2017 à 15:10

Bonjour,

J'ai créé un style à partir de prosilver sur mon forum de test mais j'ai un souci de marges entre la barre de navigation et le bloc d'information.
Je vous mets une petite capture d'écran, ce sera plus explicite.

Image

Lien vers ce forum de test : http://start10g.ovh.net/~encreuse/7/

Si vous pouviez m'indiquer à quel niveau du css je peux modifier ça se serait impeccable.
Modifié en dernier par stone23 le 26 Jan 2017 à 11:30, modifié 1 fois.
Avatar de l’utilisateur
stone23
Apprenti-posteur
Apprenti-posteur
 
Messages: 134
Enregistré le: 31 Mai 2008 à 13:50
Localisation: Entre la chaise et le clavier

Re: Marges des blocs des pages d'information

Messagepar cabot » 24 Jan 2017 à 16:33

Oula, tu as tout défoncé le overall_header. :mrgreen:

Fais moi un zip de ce style, je vais te le remettre d'aplomb et l'optimiser pour l'héritage.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26775
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Marges des blocs des pages d'information

Messagepar stone23 » 24 Jan 2017 à 19:54

cabot a écrit:Oula, tu as tout défoncé le overall_header. :mrgreen:

C'est bien possible, j'en suis capable... :mrgreen:

Edit :
Le bon zip est ici
Avatar de l’utilisateur
stone23
Apprenti-posteur
Apprenti-posteur
 
Messages: 134
Enregistré le: 31 Mai 2008 à 13:50
Localisation: Entre la chaise et le clavier

Re: Marges des blocs des pages d'information

Messagepar cabot » 24 Jan 2017 à 21:10

Nickel, je te fais ça demain matin. 8)



Edit : voilà, et arrête de tout casser :mrgreen:
automne.zip
(617.79 Kio) Téléchargé 69 fois

Si tu as des doutes, n'hésite pas à nous en causer.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26775
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Marges des blocs des pages d'information

Messagepar stone23 » 25 Jan 2017 à 14:25

Super !

Merci beaucoup, cabot ! :D
Avatar de l’utilisateur
stone23
Apprenti-posteur
Apprenti-posteur
 
Messages: 134
Enregistré le: 31 Mai 2008 à 13:50
Localisation: Entre la chaise et le clavier

Re: Marges des blocs des pages d'information

Messagepar cabot » 25 Jan 2017 à 16:13

Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé] :wink:
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26775
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Marges des blocs des pages d'information

Messagepar stone23 » 25 Jan 2017 à 16:39

Pas tout à fait, cabot : sur ma capture d'écran, la bannière était alignée avec le haut des deux autres images et en dessous il y avait un lecteur mp3 (dewplayer) dont le code d'intégration dans le overall_header est :

Code: Tout sélectionner
<!-- IF S_USER_LOGGED_IN -->
            <p align="center">
             <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="160" height="20" id="dewplayer" align="middle">
             <param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="dewplayer-mini.swf?mp3=overall.mp3&amp;bgcolor=C3DBFD" /><param name="quality" value="high" /><param name="bgcolor" value="C3DBFD" /><embed src="dewplayer-mini.swf?mp3=overall.mp3&amp;bgcolor=C3DBFD" quality="high" bgcolor="C3DBFD" width="160" height="20" name="dewplayer"  align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
             </object>
      </p></td>
<!-- ELSE --><!-- ENDIF -->


Les fichiers du player et le morceau mp3 sont placés à la racine du forum.

Tu penses que ça risque de mettre le brin ?
Avatar de l’utilisateur
stone23
Apprenti-posteur
Apprenti-posteur
 
Messages: 134
Enregistré le: 31 Mai 2008 à 13:50
Localisation: Entre la chaise et le clavier

Re: Marges des blocs des pages d'information

Messagepar cabot » 25 Jan 2017 à 18:39

Pour l'alignement en haut, ouvre stylesheet.css, trouve :
Code: Tout sélectionner
.logotable > span {
	display: table-cell;
	vertical-align: middle;
}

Change middle par top.

Pour le lecteur swf, ouvre overall_header.html, trouve :
Code: Tout sélectionner
					<span><a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a></span>

Remplace par :
Code: Tout sélectionner
					<span>
						<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>						
						<!-- IF S_USER_LOGGED_IN -->
						<br><object type="application/x-shockwave-flash" data="dewplayer-mini.swf?mp3=overall.mp3" width="160" height="20" id="dewplayer" name="dewplayer">
						<param name="movie" value="dewplayer-mini.swf?mp3=overall.mp3" />
						<param name="flashvars" value="dewplayer-mini.swf?mp3=overall.mp3" />
						</object>			 
						<!-- ENDIF -->						
					</span>
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26775
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Marges des blocs des pages d'information

Messagepar stone23 » 25 Jan 2017 à 19:46

il faudrait augmenter un peu l'espacement entre la bannière et le player pour aligner le bas de celui-ci avec le bas des deux images de côté.
C'est dans stylesheet.css ?
Avatar de l’utilisateur
stone23
Apprenti-posteur
Apprenti-posteur
 
Messages: 134
Enregistré le: 31 Mai 2008 à 13:50
Localisation: Entre la chaise et le clavier

Re: Marges des blocs des pages d'information

Messagepar cabot » 26 Jan 2017 à 09:24

Ajoute ça :
Code: Tout sélectionner
.logotable > span:nth-child(2) object {
	margin-top: 8px;
}
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26775
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Marges des blocs des pages d'information

Messagepar stone23 » 26 Jan 2017 à 11:30

C'est nickel, cabot, merci pour ta patience et ton boulot.
Je mets le sujet en réglé. :D
Avatar de l’utilisateur
stone23
Apprenti-posteur
Apprenti-posteur
 
Messages: 134
Enregistré le: 31 Mai 2008 à 13:50
Localisation: Entre la chaise et le clavier


Retourner vers [3.1.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Google [Bot] et 2 invités