[Réglé] Image header adaptée sans bord

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

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é] Image header adaptée sans bord

Messagepar micwilly » 20 Jan 2018 à 18:11

Bonjour à tous,

merci déjà pour votre aide.

voici le lien vers mon forum http://www.belgiantraindriver.be/Forum/

je souhaiterais que l'image ci dessous soit dans le header et s'adapte parfaitement, dans le cadre, mais aussi pour chaque navigateur et chaque résolution d'écran au moins comme ça on est certains que l'affichage est le même pour tout le monde.

Image

comment puis je procéder ?

voici mon code dans imageset.css
Code: Tout sélectionner

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/logo.png");
	padding-left: 100%;
	padding-top: 20%;
	

et dans le common.css
Code: Tout sélectionner
/* Site description and logo */
#site-description {
	float: center;
	width: 100%;
}

#site-description h1 {
	margin-right: 0;
}


merci
Modifié en dernier par micwilly le 25 Jan 2018 à 16:24, modifié 4 fois.
micwilly
Posteur néophyte
Posteur néophyte
 
Messages: 30
Enregistré le: 07 Fév 2004 à 15:13

Re: Image header adaptée sans bord

Messagepar Mazeltof » 20 Jan 2018 à 23:26

'soir ici,

Avant d'aller plus loin dans tes modifications je te suggère vivement de te créer un style hérité du style absolution, ce qui t'évitera pas mal de taff/soucis lors des mises à jour. voir cette doc.
Si tu as besoin d'un coup de pouce n'hesite pas a ouvrir un sujet pour la creation de ton style hérité :wink:

En parlant de mise à jour, justement, pense a faire les mises à jour de tes forum et styles, qui doivent être de même version, soit la 3.1.12 pour la branche 3.1 (qui est en fin de vie) et 3.2.2 pour la branche 3.2

Les styles doivent être de la même version que le forum. Actuellement tu as un forum en 3.1.10 et ton style absolution en 3.1.9, ce qui peut générer quelques soucis.

Votre sujet a été déplacé par un membre de l'équipe.
origine : Support des styles ‹ Modifications et recherche de styles ‹ [3.2.x] Modifications et recherche de styles
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2641
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Image header adaptée sans bord

Messagepar micwilly » 21 Jan 2018 à 09:57

Merci beaucoup pour l'info, j'ai mis à jour mon style, je vais faire un thème enfant ...

désolé pour l'erreur sur la catégorie ;)

En attendant j'ai toujours le même soucis ...

Merci et bon dimanche

Michael
micwilly
Posteur néophyte
Posteur néophyte
 
Messages: 30
Enregistré le: 07 Fév 2004 à 15:13

Re: Image header adaptée sans bord

Messagepar Mazeltof » 21 Jan 2018 à 12:24

'jour ici,

je vois que tu as mis a jour ton forum en 3.2.2, du coup je remet le sujet en 3.2 :mrgreen:
Votre sujet a été déplacé par un membre de l'équipe.
origine : Modifications et recherche de styles ‹ [3.1.x] Modifications et recherche de styles

Mazeltof a écrit:Les styles doivent être de la même version que le forum. Actuellement tu as un forum en 3.1.10 et ton style absolution en 3.1.9, ce qui peut générer quelques soucis.

mais ton style absolution est en 3.2.0, il faut egalement le mettre a jour :wink:

Concernant ton image, etant donné sa taille pourquoi ne pas la mettre en place comme bannière plutôt que logo ?
dans ce cas, tu pourras ajouter a ta feuille de style perso :
Code: Tout sélectionner
.headerbar {
	 background-image: url("./images/ton-image.xxx");
	height: 256px;
}
@media (max-width: 700px) {
	.headerbar {
		height: 103px;
	}
}
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2641
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Image header adaptée sans bord

Messagepar micwilly » 21 Jan 2018 à 12:54

bien le bonjour,

Je vais partir sur votre base proflat black ;)

je vais voir pour insérer votre code ;)

merci beaucoup

je reviens vers vous pour vous donner le résultat

merci
micwilly
Posteur néophyte
Posteur néophyte
 
Messages: 30
Enregistré le: 07 Fév 2004 à 15:13

Re: Image header adaptée sans bord

Messagepar micwilly » 21 Jan 2018 à 13:17

ça ne se met pas convenablement, au final tout ce que je souhaite c'est pouvoir mettre mon image sous forme de bannière sans couleur de fond dans le header ;) c'est pas évident pour un débutant.

Heureusement que vous êtes là

merci encore
micwilly
Posteur néophyte
Posteur néophyte
 
Messages: 30
Enregistré le: 07 Fév 2004 à 15:13

Re: Image header adaptée sans bord

Messagepar Sylveretour » 21 Jan 2018 à 13:45

Bonjour,

Normal que cela ne donne pas ce que tu souhaite, tu modifie la partie site-logo alors que Mazeltof t'a indiqué de modifier headerbar
Avatar de l’utilisateur
Sylveretour
Maître-posteur
Maître-posteur
 
Messages: 434
Enregistré le: 21 Nov 2017 à 19:24
Localisation: West Coast

Re: Image header adaptée sans bord

Messagepar micwilly » 21 Jan 2018 à 14:08

quel fichier et à quel endroit dois-je faire la modification?

désolé pour mon amateurisme
micwilly
Posteur néophyte
Posteur néophyte
 
Messages: 30
Enregistré le: 07 Fév 2004 à 15:13

Re: Image header adaptée sans bord

Messagepar Sylveretour » 21 Jan 2018 à 19:09

La plupart des navigateurs récents ont une fonctionnalité avancée identique.

Tu clique droit sur la zone en question => "Examiner l'élément"
A gauche tu voit le code source et à droite le css, il est même indiqué le fichier et la ligne concernée...
Avatar de l’utilisateur
Sylveretour
Maître-posteur
Maître-posteur
 
Messages: 434
Enregistré le: 21 Nov 2017 à 19:24
Localisation: West Coast

Re: Image header adaptée sans bord

Messagepar Mazeltof » 22 Jan 2018 à 18:41

'soir ici,

Si tu désires du support pour le style proflat il faut poster tes demandes dans le forum dédié à ce style, c'est par ici :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2641
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Image header adaptée sans bord

Messagepar micwilly » 23 Jan 2018 à 22:05

Merci beaucoup à tous pour votre entre-aide

bonne continuation
micwilly
Posteur néophyte
Posteur néophyte
 
Messages: 30
Enregistré le: 07 Fév 2004 à 15:13

Re: [Réglé] Image header adaptée sans bord

Messagepar Mazeltof » 24 Jan 2018 à 22:28

'soir ici,

Pour mettre l'attribut [Réglé] il faut editer ton premier message et selectionner l'attribut dans le menu déroulant, ou le sélectionner directement en bas de page, juste en dessous :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2641
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras


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

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité