Blog d'aide de Blog4ever

Pour mon blog : Soleilvie et ses passions

Y a t il un code pour fixer la page du contenu (fond bleu) ?



:sol:

CC mon :sol:
Oui, Attends que je retrouve le sujet, 

Me revoilou, 
fond-fixe

Dernière modification le lundi 02 Octobre 2023 à 18:46:42

 Mi Neth
Ce code c'est pour le fond de page, moi c'est pour le fond du contenu.
Je l'ai mis et c'était horrible.
 pour ta proposition 
:sol:

Oups, Sorry, 

@soleilvie@

Je ne comprend pas ta demande.

Le fond bleu est fixe.

background-position: fixed;

Quand je monte ou descend la page avec ma souris ou la barre verticale sur le pc le fond bleu monte ou descend, l'image ne reste pas fixe.
J'ai mis le background-position et elle continue à bouger même avec le !important.
Pour les personnes qui ont un souci de vue (comme ma maman) cela les gênent.

Ligne 252 dans le CSS 

:sol: 

CC MON :sol:
J'avoue que je ne comprends pas non plus, De mon côté tout monte et descend, en même temps, 
:ch:

Je ne vois pas comment dire, j'ai été claire, le fond bleu qui est le background-image du contenu ne reste pas fixe, quand je monte avec ma souris la page ou quand je descends aussi bien le fond bleu que le logo, les 2 menus, et le milieu montent ou descendent ensemble.
Le fond de page (body) lui reste fixe.

Chez une autre plateforme on peut mettre position fixe. et il n'y a que l'article le logo et le menu qui montent ou descendent.

:sol:




     

re

Ce que tu demandes est impossible puisque ce fond est obliger de bouger avec le menu et la partie "contenu".

Si c'est une question de mal aux yeux il faut atténuer en mettant un fond plus relax.

Ton blog est TRÈS coloré et je te propose cette solution.

J'ai modifié le css pour que tu vois le changement et si ça ne te plait pas on peux supprimer la ligne background.

#contenu {
/*background-image: url(https://static.blog4ever.com/2022/07/868065/fond-toile-de-jute-bleue-design-2023.jpg);
background-repeat: repeat;
background-position: fixed !important; */
 
 background-image: radial-gradient(#000, #444999 10%, #ccc 90%, #999 13%);
width:1250px;
marging-top: 50px !important;  
padding-top: 10px;   
border: 8px #1D365D double !important;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #3C3C3C;   
font-family: Comic Sans MS !important;
font-size : 18px !important; /* TAILLE DU TEXTE DANS LE CONTENU */
}

Tu veux dire que ton image de fond restait fixe avant? Pourtant sur Graph'o Soleil, ton image monte et descend comme le reste, 
Après c'est vrai que certains forums d'une plateforme bien connue, l'image ne bouge pas, seul le texte défile, Mais c'est ardu et pas dit que ce soit possible sur B4E, 
Je crois savoir que tu as un blog test... :oe:

 
C'est très gentil mais cela ne me plaît pas !

Pas grave je vais remettre mon image en adoucissant un peu la texture.

Tu peux fermer le sujet 
Merci pour ton aide
Et merci aussi à Mi Neth
:sol:

re

Pour que ça fonctionne il faut enlever l'image de #contenu et la mettre dans le body.

Pas la peine de mettre un font-size... cette fonction est gérée ailleurs.
__________________

Voici les réglages qui pourraient te convenir.

/* FOND IMAGE SOUS LE CONTENU */
body{
 background-image: url(https://static.blog4ever.com/2020/12/861929/fond-toile-de-jute-bleue-1-design-2023.jpg);
background-repeat: repeat;        
}

#contenu {
/*background-image: url(https://static.blog4ever.com/2020/12/861929/fond-toile-de-jute-bleue-1-design-2023.jpg);
background-repeat: repeat; */
width:1250px;
margin-top:  10px !important;  
padding-top: 10px;   
border: 8px #1D365D double !important; /*trait autour contenu*/
outline:300px solid #c8afaa;  /*couleur de fond */
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #3C3C3C;   
font-family: Comic Sans MS !important;
}

Bah non car si non mon design ne sera plus le même.

Le fond de page (body) est fixe et avec cette image :



C'est le "contenu" que j'aurai voulu qu'il soit également fixe avec cette image :



Mais bon tant pis ! Je trouve dommage que blog4ever ne propose pas cela, surtout que mon blog est payant.

J'attend de nouveau le médecin ras le bol depuis fin août j'ai vu le médecin 3 fois.
:sol: 

Faux !  le design ne change pas !

Tu n'as pas essayé ma proposition et tu ne comprends pas que la partie "contenu" est en dessous de la partie article qui elle ne peut pas rester fixe.
idem pour les menus, il faut bien qu'ils défilent....

Seul le body reste fixe.

ça n'a rien à voir avec blog4ever.

Avant la modif voilà comment on voyait mon blog



Après la modif avec ta proposition :




Comme tu peux le voir mon design a changé 

FIRFOX


CHROME

Je comprend rien du tout !

re

regardes le blog !

Je l'ai mis en place voir ligne 257  sinon je remet comme avant.

Que je comprenne bien :
Le "OUTLINE" qui veut dire contour c'est comme une bordure ???

Que je comprenne bien :
Le "OUTLINE" qui veut dire contour c'est comme une bordure ???

Le border + le outline forme 2 bordures.



border: 8px #1D365D double !important; /*trait autour contenu*/
outline:300px solid #c8afaa;  /*couleur de fond */

_______________

Couleur de fond est à 300px pour remplacer l'image de ton body dont j'ai copié la teinte exact avec le robot.

#c8afaa est idem de ton image

D'accord ! J'ai compris.
En fait ! Il faut trouver des astuces codes CSS pour obtenir ce que je voulais.
Je vais faire une sauvegarde de mon CSS et le copier dans un bloc note.

 
:sol:

   Elle a compris !


Body puis main et contenu puis article et font-cote ,aside ( menu latéral )

PAGE OU CORP = BODY qui est le fond de toile d'un blog sur lequel les autres "boites" s'empilent.

:
Mon petit Soleil, 
J'utilise le outline depuis quelques temps, C'est ce qui me permet cet éffet cadre autour de Yacinth, 


Mon bout de code, 

#contenu {    
border: 10px double #590420;   
outline: 22px ridge #590420; 
}