Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Design vierge à créer > Texte qui passe derrière le header

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Texte qui passe derrière le header

La question
Posté le 16 Octobre 2016 à 23:37
jeusdi

29 messages
Inscrit le 3/12/2011
Mon site
Bonsoir
J'aimerais savoir si il est possible sur wifeo de faire quelque choise qui ressemble à ça.
http://bbf.enssib.fr/consulter/bbf-2010-03-0062-011
à savoir avoir un texte qui passe derrière le header lors d'un défilement vers le bas .

 
Navigateur utilisé : Firefox
 
Page du site concernée : kuroko-s-basket-saison-1-2.php

Dernières actualités de mon site :
• lien de Sao
• Personnage Sao
(Plus de news au sujet de mon site...)


La réponse qui règle le problème
Posté le 21 Octobre 2016
jeusdi

29 messages
Inscrit le 3/12/2011
Mon site
Après quelque longue recherche j'ai trouvé la solution
css
   SCRIPT
.container{width:1170px}
}
.site-container {
min-height:700px;
padding:0;
height:100%
}

.content-image img,.content-image-fg img {
width:100%;
margin-top:0px;
margin-left:332px;
height:auto;
}
.abs-above-content,.content-image,.content-image-fg {
width:532px;
position:fixed;
}

@media (min-width:768px) and (orientation:landscape) {
.menu-2 .theme-enssib span,.menu-2 .theme-fil-bbf span {
margin-top:-.55em
}
@media (min-width:992px) {
.navbar-brand {
margin:31px 2em
}
.content-image,.content-image-fg {
width:801px;
height:127px
}
.site-header {
width:250px
}
.content-area {
margin-left:250px;
padding-left:20px
}

}

html:
   SCRIPT
<div class="content-image"><img alt="entête" height="226" src="http://mespassionetlesvotre.wifeo.com/images/h/hea/header.png" width="750" /></div>

<div class="content-image-fg"><img alt="entête" height="226" src="http://mespassionetlesvotre.wifeo.com/images/h/hea/header.png" width="750" /></div>
<table align="center" border="0" cellpadding="5" cellspacing="5" style="width: ???px;">
<tbody>
<tr>
<td style="width: 100px;"> </td>
<td class="Head" style="width: 791px;"></td>
</tr>
<tr>
<td class="none" id="sidebar" style="width: 350px;">{menu}</td><td class="body wr_zcorpsmax" style="width:791px;min-height:459px">{corps}</td>
</tr>
<tr>
<td colspan="2" style="width: 100px;"> </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>

 
Navigateur utilisé : Firefox
 
Dernière modification du message le 21/10/2016 à 19:45:53.

Dernières actualités de mon site :
• lien de Sao
• Personnage Sao
(Plus de news au sujet de mon site...)



 
Posté le 17 Octobre 2016 à 0:38
richard j


598 messages
Inscrit le 28/10/2008
Mon site
Bonsoir Julien,

Je ne connais absolument pas la réponse à ta question ! Par contre je voudrais me permettre de te faire deux remarques concernant ton site :
- corrige la superbe faute d'orthographe dans le menu : "accueil" ne s'écrit pas "acceuil" mais bien accueil"
- pourquoi tu utilises le jaune sur fond blanc ? C'est absolument illisible.

Maintenant, tu fais comme tu veux, ce ne sont que des remarques de ma part, sans conséquences.

Bien cordialement.

Richard J

 
Navigateur utilisé : Chrome

 
Posté le 19 Octobre 2016 à 13:45
benedicte


91 messages
Inscrit le 13/2/2011
Mon site
bonjour jeusdi

Je ne pense pas qu'en mode simplifié cela soit possible. En mode classique oui mais il faut coder et savoir coder.

Sinon franchement j'aime beaucoup le design de ce site BBF, merci pour le lien.

Richard a raison pour accueil, cela saute aux yeux, en plus tu l'as mis en majuscule.

Cordialement,

Bénédicte

 
Navigateur utilisé : Chrome
 
Dernière modification du message le 19/10/2016 à 13:49:13.

L`union fera l`intelligence !


 
Posté le 19 Octobre 2016 à 23:48
richard j


598 messages
Inscrit le 28/10/2008
Mon site
Bonsoir à tous,

Tout-à-fait, chère Bénédicte !

Cordialement.

Richard J

 
Navigateur utilisé : Chrome
 
Posté le 20 Octobre 2016 à 22:25
C'est beaucoup mieux comme ça, y compris les minuscules !
Bon courage !

Bien cordialement.

Richard J

 
Navigateur utilisé : Chrome
 
Dernière modification du message le 20/10/2016 à 22:25:55.

 
Posté le 21 Octobre 2016 à 19:44
jeusdi

29 messages
Inscrit le 3/12/2011
Mon site
Après quelque longue recherche j'ai trouvé la solution
css
   SCRIPT
.container{width:1170px}
}
.site-container {
min-height:700px;
padding:0;
height:100%
}

.content-image img,.content-image-fg img {
width:100%;
margin-top:0px;
margin-left:332px;
height:auto;
}
.abs-above-content,.content-image,.content-image-fg {
width:532px;
position:fixed;
}

@media (min-width:768px) and (orientation:landscape) {
.menu-2 .theme-enssib span,.menu-2 .theme-fil-bbf span {
margin-top:-.55em
}
@media (min-width:992px) {
.navbar-brand {
margin:31px 2em
}
.content-image,.content-image-fg {
width:801px;
height:127px
}
.site-header {
width:250px
}
.content-area {
margin-left:250px;
padding-left:20px
}

}

html:
   SCRIPT
<div class="content-image"><img alt="entête" height="226" src="http://mespassionetlesvotre.wifeo.com/images/h/hea/header.png" width="750" /></div>

<div class="content-image-fg"><img alt="entête" height="226" src="http://mespassionetlesvotre.wifeo.com/images/h/hea/header.png" width="750" /></div>
<table align="center" border="0" cellpadding="5" cellspacing="5" style="width: ???px;">
<tbody>
<tr>
<td style="width: 100px;"> </td>
<td class="Head" style="width: 791px;"></td>
</tr>
<tr>
<td class="none" id="sidebar" style="width: 350px;">{menu}</td><td class="body wr_zcorpsmax" style="width:791px;min-height:459px">{corps}</td>
</tr>
<tr>
<td colspan="2" style="width: 100px;"> </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>

 
Navigateur utilisé : Firefox
 
Dernière modification du message le 21/10/2016 à 19:45:53.

Dernières actualités de mon site :
• lien de Sao
• Personnage Sao
(Plus de news au sujet de mon site...)


 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES