Soucis avec mon Header de Fond {Résolu} Bouton_activeSoucis avec mon Header de Fond {Résolu} Bouton_hoverSoucis avec mon Header de Fond {Résolu} Fb-hoverSoucis avec mon Header de Fond {Résolu} Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Structure de Qui Est En Ligne (1)
Soucis avec mon Header de Fond {Résolu} EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis avec mon Header de Fond {Résolu} EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis avec mon Header de Fond {Résolu} EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis avec mon Header de Fond {Résolu} EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis avec mon Header de Fond {Résolu} EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Soucis avec mon Header de Fond {Résolu} EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
Soucis avec mon Header de Fond {Résolu} EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
Soucis avec mon Header de Fond {Résolu} EmptyVen 03 Fév 2023, 17:22 par Krager

-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

Partagez
 

Soucis avec mon Header de Fond {Résolu}

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Lion-Garou
Lion-Garou
{ Membre }
{ Membre }

Masculin Messages : 13



Soucis avec mon Header de Fond {Résolu} Empty
Bonjours chers amis codeur,

Voila je travaille actuellement sur le codage d'un forum.
Le soucis j'ai crée un header de fond :

https://i.imgur.com/s8bTCQx.png

Comme vous pouvez le constastez il y a sur cette image quelque partie qui suggere qu'il doit y avoir quelques choses...
So,  J'essaye de trouver un moyen d'introduire dessus une Iframe je suppose pour afficher le lecteur Audio
en dessous pouvoir afficher la navigation et ajouter les acces au reseaux sociaux a droite


J'ai cherché un peu, et les tutos sur les images réactives m'ont parlé, mais je suis totalement perdu sur l'utilisation des codes T_T

Je n'ai pas toucher au Overhall-header pour l'instant et l'image de fond est codé dans la parti body du css....

Pouvez vous m'aider avant que j'en mange mes cheveux xDDD
S'il vous plais :3


Dernière édition par Lion-Garou le Sam 25 Jan 2014, 15:32, édité 1 fois
MessageSujet: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 02:17
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis avec mon Header de Fond {Résolu} Empty
Il faut que tu enlèves ces éléments en plus de l'image : en effet tu vas les coder à part puis les positionner en CSS, s'il y a déjà dans l'image de fond des images, cela va perdre les gens.

Ajoute tout au début du code de ta PA ce code HTML :
Code:
<div class="social" id="twitter">
 <a href="LIEN_VERS_TWITTER" title="Découvrez notre twitter !">
 <img src="LIEN_IMAGE_TWITTER" alt="Twitter"/>
 </a>
</div>

Le CSS à rajouter
Code:
/* Pour chaque boutons vers un réseau social en haut*/
.social {
    position: fixed;
    top: 0;
    z-index: 5;
}

#twitter {
    right: 150px; /* positionnement depuis le bord droit */
}

C'est le code pour un bouton. Dis moi déjà si cela fonctionne Razz
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 06:50
Revenir en haut Aller en bas
Lion-Garou
Lion-Garou
{ Membre }
{ Membre }

Masculin Messages : 13



Soucis avec mon Header de Fond {Résolu} Empty
Oooooh c'est magique ! :3
Oui ton code marche très bien :3

http://theseventhworsen.forumactif.org/

Je te laisse verifier par toi même ^^' J'ai fait que le Tumblr pour l'instant ^^

Arf j'ai un soucis...
Je viens de remarquer que que les onglet descender tous, mais du coup ca ne m'interesse pas...
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 12:27
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis avec mon Header de Fond {Résolu} Empty
Pas de problèmes Wink

Dans .social, remplace le "fixed" par "absolute", cela devrait être bon Wink

Code:
 .social{
    position: absolute;
    top: 0;
    z-index: 5;
}

Au fait j'ai vu que pour beaucoup des liens avec la class "social", tu as rajouté "top: 25px". Tu peux l'enlever des id (#twitter, etc) et plutôt le mettre sur le ".social", comme ceci :
Code:
 .social{
    position: absolute;
    top: 25px;
    z-index: 5;
}
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 14:49
Revenir en haut Aller en bas
Lion-Garou
Lion-Garou
{ Membre }
{ Membre }

Masculin Messages : 13



Soucis avec mon Header de Fond {Résolu} Empty
Oooh merci beaucoup.

Maintenant il me reste le soucis de la navigation Soucis avec mon Header de Fond {Résolu} 1616978029

Donc je t'explique
Si je suis le procédé que tu viens de me montre il faudrais simplement que je fasse une div inserer un cadre, mais le soucis j'aimerais que ma navigation soit latéral Soucis avec mon Header de Fond {Résolu} 1616978029
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 15:06
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis avec mon Header de Fond {Résolu} Empty
Qu'entends tu par "latérale" ? Tu veux qu'entre chaque lien il y a ai un retour à la ligne c'est ça ?
Si oui, la première étape à faire est d'aller dans le template "overall_header" et mettre une div autour de ce qui génère la barre de navigation.
Exemple :
Code:
<div class="ma-navbar">{GENERATED_NAV_BAR}

Et ensuite dans le CSS, quelque chose dans ce genre :
Code:
.ma-navbar a.mainmenu{
    display: block;
}

Citation :
Il faut que tu enlèves ces éléments en plus de l'image : en effet tu vas les coder à part puis les positionner en CSS, s'il y a déjà dans l'image de fond des images, cela va perdre les gens.
Pense à enlever les images de l'image de fond, sinon peut donner quelque chose comme ça sur un écran avec une taille différente du tiens : https://i.imgur.com/NwvCC4n.png
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 15:21
Revenir en haut Aller en bas
Lion-Garou
Lion-Garou
{ Membre }
{ Membre }

Masculin Messages : 13



Soucis avec mon Header de Fond {Résolu} Empty
Ah oui merci effectivement c'etait ce que je recherchais ^^

Pour les images de fond j'ai paumer le Psd de mon header T_T du coup j'en refais, mais je te remercie beaucoup pour ton aide tu m'enleves une sacré épines du pied =3
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} EmptySam 25 Jan 2014, 15:32
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis avec mon Header de Fond {Résolu} Empty
MessageSujet: Re: Soucis avec mon Header de Fond {Résolu}   Soucis avec mon Header de Fond {Résolu} Empty
Revenir en haut Aller en bas
 

Soucis avec mon Header de Fond {Résolu}

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Résolu :)]Soucis de fond avec la présentation des personnages proposée par Orange
» (Résolu) Header sur le côté , soucis de position.
» Soucis avec la catégorie "derniers messages" [Résolu]
» [RESOLU] Soucis avec le tuto d'Hiro sur la barre de navigation
» [RÉSOLU] Problème avec fond en dégradé

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit