Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Mêmecouleur bande menu horizontal et pied de page

40 appréciations
Hors-ligne
Coucou les forçats du weekend
(ma question peut attendre, ça n'a rien d'une urgence !)

En rapid design, quand on choisit une "palette", on a la même couleur pour le bandeau sous l'image d'en-tête et pour le pied de page, et je trouve ça très bien.
Mais je revois ma page d'accueil, avec des couleurs personnalisées cette fois, et pour garder ce principe de couleur identique dans ces 2 zones, je ne sais pas quoi mettre dans le CSS.
Pour le bandeau sous l'image d'en-tête, pas de souci, vous donnez un exemple dans l'aide "décorer votre blog", mais je ne trouve pas l'intitulé "officiel" CSS pour le bandeau de pied de page.
Que dois-je indiquer au petit CSSounet mignon (hum, je le caresse dans le sens du poil) pour qu'il veuille bien obéir ?...
Merci !
PS : une réponse sur ce forum renvoyait vers un tuto de Papiclic (nommé Bric à Brac) sur le bandeau de pied de page, mais c'était en réponse à une demande beaucoup plus compliquée, et je n'ai pas trouvé réponse à ma question. Ceci pour dire qu'avant de vous déranger, je cherche, je cherche !


128 appréciations
Hors-ligne
:bd: Emsi,

Mon blog "Bricabrac" va avoir bientôt 10 ans, c'est donc un ancêtre (comme moi lol !!!). Il est sous l'ancien système.
C'est un peu comme le forum pour les recherches il faut voir la date des sujets ou dans le blog la date des articles.
Certains codes peuvent être utilisés, mais pour RapidDesign, il faut voir mon blog [lien] et pour ce sujet tu vois en particulier cet article [lien].

Bonne pioche

Monyka-Sensible

Pour mes couleurs j'utilise ce logiciel simple, qui me donne le code de mes couleurs d'une façon exacte, il suffit de pointer la souris sur la couleur souhaitée pour en avoir le code,
je l'utilise depuis plusieurs années sans soucis : GetRGBColor 2.0 , c'est gratuit. [lien]
même avec photo filtre, il me donne mes 3 codes de base, qui en font plus d'1 sur mon blog.
Mieux et plus facile et pas besoin d'aller fouiller dans des blogs :bye: Monyka

4050 appréciations
Hors-ligne
Emsi
:am:

Je te laisse chercher pour ta question mais il y a une petite erreur dans ton css.
.fond-cote
{
background-color: #E3f58f;
)

On en avait déjà parlé :ppc:
___________________________________

@Monyka-Sensible
un code couleur direct: http://html-color-codes.info/Codes-couleur-HTML/

Bonne soirée.


128 appréciations
Hors-ligne
:b1: Simon

C'est à moi que tu t'adresses >>> "Je te laisse chercher pour ta question mais il y a une petite erreur dans ton css. " ???

:bye:

40 appréciations
Hors-ligne
Merci papiclic, mais comment deviner... (je parle de l'ancienneté du blog) : le lien fonctionnait toujours, et comme c'était le lien indiqué dans le fil qui était le plus proche de mon problème, j'y suis allée...
Peux-tu aussi me dire comment s'appelle (en langue CSSienne) les petites bandes où sont écrits "commentaires" f"twitter", etc ? Je voudrais aussi uniformiser leur couleur avec le bandeau menu horizontal et le bandeau pied de page. Merci,

Dernière modification le dimanche 09 Novembre 2014 à 20:01:27

40 appréciations
Hors-ligne
Merci pour l'info, Monika, car c'est vrai que parfois c'est un peu long de chercher le code d'une couleur en la reproduisant au mieux dans un site de codes CSS couleurs !
Pour le moment hélas, mon problème n'est pas la couleur (ouf je l'ai, c'est bon !) mais de savoir le nom CSSien de la zone où je veux la mettre.
Cela dit, je m'en vais regarder ton lien ! Merci

40 appréciations
Hors-ligne
Papiclic je reviens pour te dire que mon code fonctionne bien, je ne vois pas ce qui cloche... En tout cas, si quelque chose cloche, le résultat de cette "clocherie" ne me pénalise pas, donc c'est bon !

4050 appréciations
Hors-ligne
@papyclic@
Mais non ce n'est pas à toi :ptdr:
Je ne vois pas pourquoi j'irai chercher des erreurs dans ton blog :ptdr: :ptdr: :ptdr:

C'était pour dire à Emsi qu'elle a une erreur. ( de fermeture )
.fond-cote
{
background-color: #E3f58f;
)


:sim:


128 appréciations
Hors-ligne
@ Ok! Simon, j'ai vu pour l'erreur d'Emsi
Mais je ne suis pas à l'abri d'erreur d'inattention ou de frappe et autres. Il ne faut pas hésiter à me le dire car je suis peut-être en train de la chercher cette erreur. Je gagnerai du temps si on me la signale.

@Emsi
- l'erreur c'est Simon qui te la signale

- Le blog Bricabrac affiche les statistiques sur toutes les page en bas du menu latéral, dont sa date de création et les articles sont datés sur la barre des statistiques article, ce n'est pas une devinette. Ce blog fonctionne encore, il n'est plus mis à jour mais il rend encore service à d'anciens blogueurs.

- Les sélecteurs CSS pour :
Barre des stats article >>> .articles_show_stats_article
Barre des liens de partage >>> #share-tools


:bye:
Monyka-Sensible

Bonsoir, Simon je connais , mais on ne peut avoir qu'une couleur approchante,
surtout pour les créations en dessins , par exemple,
je peux changer un titre sur un dessins, et garder la couleur de base.
c'est vraiment pratique, une fois que l'on a essayé ce logiciel, on ne cherche plus les couleurs.
douce soirée.

40 appréciations
Hors-ligne
Monika oui je comprends ce que tu veux dire car j'avais le même souci. Même quand on a "l'oeil", on peut arriver à une couleur certes approchante, et même quasi juste parfois, mais pas exactement la même, ce qui pour rectifier ou compléter un document, peut s'avérer embêtant pour le studio graphique par exemple.
Merci pour ce lien !

Papiclic, merci pour les intitulés CSS.
Je n'ai pas trop compris le ton de ta phrase sur la devinette... :oe: Un malentendu sans doute.
Si j'ai été maladroite dans ma formulation de question, je te prie de m'en excuser. Mais il arrive que l'aspect "devinette" vienne aussi de toi, car tu renvoies facilement à des liens, en disant "cherche". Quand c'est un lien vers un forum pour débutant, comme celui de blog4ever qui est très très clair et donne des exemples basiques de décor, c'est parfait (cela dit, en général on l'a consulté, donc si on pose une question, c'est qu'on n'a pas trouvé)
Mais parfois aussi, tu renvoies vers un tutoriel très compliqué (pour un non spécialiste) alors qu'une petite réponse toute bête suffirait, comme ces 2 lignes de CSS que tu me donnes dans ton dernier post) : c'était juste ça que je demandais (pour une fois que ma question est simple

Enfin bon : merci à tous, cet hébergeur est merveilleux, vraiment sans commune mesure de convivialité, de réactivité et de gentillesse, avec d'autres


Dernière modification le lundi 10 Novembre 2014 à 10:47:32

4050 appréciations
Hors-ligne

oui je comprends ce que tu veux dire car j'avais le même souci. Même quand on la "l??il", on peut arriver à une couleur certes approchante, et même quasi juste parfois, mais pas exactement la même, ce qui pour rectifier ou compléter un document, peut s'avérer embêtant pour le studio graphique par exemple.


Je travaille avec photoshop et il est très facile de choisir une couleur sur une image.
Il suffit de prendre la palette et la pipette et cliquer sur la zone désirée.




128 appréciations
Hors-ligne
:bd: Emsi,

Quand tu cliques sur un liens, dans un sujet de forum il faut regarder sa date,
Si tu ouvres un de mes blogs, il faut regarder également la date de l'article.
C'est ma réponse à :
Merci papiclic, mais comment deviner... (je parle de l'ancienneté du blog)


Il est évident qu"en 10 ans beaucoup de choses ont changé, les tutos que je faisais il y a quelques années étaient pour des modèles différents de RapidDesign et dans un contexte que seul la lecture d'un article ne permet pas de comprendre facilement.
Ce n'est pas recommandé de copier les codes, car les sélecteurs CSS et HTML, ne sont pas les mêmes selon les modèles.
BRICABRAC en modèles graphiques
Diztest en Diz perso V1

En plus RapiDesign est en HTML5, alors que les anciens modèles étaient en HTML4.

Ce qui veut dire, si un lien ouvre un autre blog que [lien] il est préférable que tu me contactes en m'expliquant ce que tu recherches.

:bye:


40 appréciations
Hors-ligne
Cher Papiclic !!!...

"En plus RapiDesign est en HTML5, alors que les anciens modèles étaient en HTML4."
:ptdr: :ptdr: :ptdr:
(ce qui en langage binesque veut dire "il parle quelle langue, ce type ?")

"Ce qui veut dire, si un lien ouvre un autre blog que [lien] il est préférable que tu me contactes en m'expliquant ce que tu recherches".
Tu sais, cher Papiclic, le souci c'est que je ne suis pas toute la journée devant mon ordi, je bosse par ailleurs, et donc quand je cherche une info, j'essaie de concilier "faire vite et faire bien", donc j'évite les "échelons" de recherche, je vais directement à la source qu'on m'indique.

"Quand tu cliques sur un liens, dans un sujet de forum il faut regarder sa date,
Si tu ouvres un de mes blogs, il faut regarder également la date de l'article"


Même réponse : pas forcément le temps de chercher les dates (qui sur les forums internet ne sont pas toujours évidentes, il y a souvent le jour et le mois mais pas l'année) . Mais bon, je regarderai, promis
Mais aussi : comment une ignare comme moi peut-elle deviner qu'un manip qui était bonne il y a 5 ans ne l'est plus 5 ans plus tard ? En informatique, Il y a des tonnes de manips qui n'ont pas bougé, alors moi je tombe sur un conseil, je le suis, et d'est seulement dans un second temps, si ça n'a pas marché, que j'appelle à l'aide.

J'ai bien avancé dans le CSS (si si, si si) grâce à vos conseils et pour tout cela je vous remercie, vous êtes très patients et gentils, mais je n'ai pas capacité intellectuelle (dans ce domaine en tout cas) à déterminer du premier coup le bien fondé d'une information qui m'est donnée, en fonction de sa date ou de l'âge du capitaine, et encore mois à faire le distingo entre des codes HTML (ou ce qu'on veut) numéro 3, 4 ou 5 :ptdr: :ptdr: :ptdr:

Dernière modification le lundi 10 Novembre 2014 à 10:45:53

4050 appréciations
Hors-ligne
Emsi

:ptdr: :ptdr: :ptdr: :ptdr: :ptdr: :ptdr: :ptdr: :ptdr: :ptdr:
L?Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C?est un langage de balisage permettant d?écrire de l?hypertexte, d?où son nom. HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d?inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l?accessibilité du web. Il est souvent utilisé conjointement avec des langages de programmation (JavaScript) et des formats de présentation (feuilles de style en cascade). HTML est initialement dérivé du Standard Generalized Markup Language (SGML).

L?anglais Hypertext Markup Language se traduit littéralement en langage de balisage d?hypertexte1. On utilise généralement l?abréviation HTML, parfois même en répétant le mot « langage » comme dans « langage HTML ». Hypertext est parfois écrit HyperText pour marquer le T de l?abréviation HTML.

Le public non averti parle parfois de HTM au lieu de HTML, HTM étant l?extension de nom de fichier tronquée à trois lettres, une limitation qu?on trouve sur d?anciens systèmes d?exploitation de Microsoft.


Voila ! maintenant plus d'excuse pour comprendre le langage de ton blog.
Je publierais ces textes prochainement en chinois si tu ne comprend pas tout ( patience )

Le mieux dans ton cas c'est d'aller voir chez pour faire ton blog car c'est une vrai mine d'infos et astuces en tout genre.


40 appréciations
Hors-ligne
Simon :
:ppc: :ptdr: :ptdr:
ET TOUTE CETTE SORTE DE CHOSE !!
(langage emsien) Je pourrai te le traduire en cantonais si tu veux.

Concernant les tutos de papiclic, oui faut pas croire, j'y vais (même que des fois je ne tombe pas sur le bon il paraît hein... hum...) et sûrement qu'ils sont très très bien et très très détaillés et très très pleins de bonnes choses, mais plusieurs fois, il m'a manqué juste un tout petit maillon, le truc genre : tu es en voiture (je te parle de l'époque sans GPS), tu veux aller dans un bled, tu vois le nom du bled à chaque carrefour, tout baigne, et puis paf, à un carrefour tout à coup il y a TOUT (et de préférence PARIS, même si tu en es à 1000 bornes) SAUF ton bled. Et ça c'est du vécu de pas mal de voyageurs !

Ben des fois sur les tutos, c'est ça ;-( C'est pourquoi je dis que les tutos qui sont faits pour les nuls, devraient être faits par des nuls (qui ont gardé leur âme de nul et la conscience que même le mot le plus simple de leur vocabulaire de spécialiste, est déjà du chinois pour nous les nuls)

Mais j'y suis allée, j'y suis allée, et j'ai trouvé des trucs, faut pas croire... ,-) Et je suis très consciente qu'ils ont une très grande utilisé bien sûr, ça je ,ne conteste pas la boulot qui est fait par papiclic, mais bon, pour moi ça ne colle pas toujours.

Dernière modification le mardi 11 Novembre 2014 à 20:34:50

4050 appréciations
Hors-ligne

Le pied de page c'est footer. j'ai mis noir
footer {
background: none repeat scroll 0 0 #000 !important;
color: #ffffff; /* couleur texte*/
}



40 appréciations
Hors-ligne
Merci de ne pas m'avoir envoyée errer sur les routes sans panneaux !!! :vazy: Je note ça dans mon cahier (parce que faut pas croire, mais je me fais un cahier - un vrai en papier - de bonne élève avec tout ce que vous me résolvez !!!)

4050 appréciations
Hors-ligne
:bd:
un vrai en papier


En papier ? c'est bien ça car il faut faire travailler les papetiers.


40 appréciations
Hors-ligne
:ptdr: je voulais dire un classeur (ce qui me permet de faire des sorties imprimante des codes, car je me vois mal recopier tous ces machins à la main).
Oui oui, papier, je persiste et je signe - trop vu de copains perdre des trucs super importants en ayant tout misé sur la machine et pas pensé au bon vieux papier (que certes on peut perdre, mais bon...)
Je suis allée sur ton "atelier", j'étais contente de pouvoir y réécouter la fameuse "pluie", que j'avais eue mais perdue (ben oui hein, elle, je pouvais pas la mettre sur papier). En bonne Bretonne, j'adore cette video. Il manque juste l'air marin...)

Dernière modification le mercredi 12 Novembre 2014 à 17:42:38

40 appréciations
Hors-ligne
Je reviens sur ce sujet car j'avais besoin de l'info (que je n'avais pas exploitée à l'époque)
Juste pour dire que je suis morte de rire en voyant qu'à partir de ma question initiale toute bête qui était "quel est l'intitulé CSS du bandeau de bas de page." il aura fallu tous les posts ci-dessus avant d'en arriver à la réponse toute simple de Simon :

"le pied de page, c'est footer"

C'est tout ce que je demandais en fait !
:ptdr:

Je ris de voir que cette banale question de départ vous a menés dans des circonvolutions telles que l'ancienneté des liens, la validité de tel ou tel tutoriel, des considération sur les logiciel de couleurs, le langage html, et seulement pour finir..
...la réponse toute simple en une ligne à ma question

Alors je me dis que des fois (mais juste "des fois") ce n'est pas ma faute si un sujet traîne en longueur  hein...

Dernière modification le vendredi 06 Mars 2015 à 08:54:27

40 appréciations
Hors-ligne
Bon, je n'ouvre pas un nouveau fil car ma question fait suite à la modif couleur de mon pied de page :
juste pour dire, Simon, que j'ai copié ton code (en changeant bien sûr le code Noir  en vert, le vert du bandeau du haut)
Mais ça n'a pas marché.

Alors avant de revenir t'embêter, j'ai simplement mis Footer ==> background ==> color ==> (et le numéro du vert) avec bien sûr respect des accolades, ouverture, fermeture.

Du coup, j'ai bien eu mon pied de page vert, mais... Horreur, plein de choses annexes ont changé alors que je n'y avais pas touché :
 - ma barre chat (navig) personnalisée a disparu et est redevenue la barre d'origine bleue (modèle prédéfini Blog4ever)
- mon bandeau du haut est devenu blanc
- mon menu latéral est redevenu en typo Oleo script capitales
et encore d'autres choses dont je ne me souviens pas

Mon erreur est peut-être dans la ligne "scroll ..." ? (je l'ai supprimée, mais si je la garde le fond ne veut pas changer de couleur)
Et sinon : j'ai bien vu que me mets l'indication "couleur texte" en fin de ton code, mais pourtant c'est bien la couleur background qui change avec ta couleur test (et c'est bien ça que je veux changer)

Hum ?...



4050 appréciations
Hors-ligne


/*pied de page*/
footer{
background: none repeat scroll 0 0 #d2fa66;
}



Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Personnalisation avancée du CSS.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6062 autres membres