Entête et menu

Par
Le 11/10/2017
Dans Blogger
8 commentaires

Je vous propose aujourd'hui plusieurs astuces concernant l'entête et le menu de votre thème Blogger. Il vous sera par exemple possible de modifier le fond de votre titre, la hauteur de l'entête, ...

Fond du titre

Attention, pour cette astuce, celui-ci doit être configuré pour apparaître directement sur l'entête. J'ai également ajouté des media queries pour éviter que le site responsive ne soit altéré par la modification.

Code à utiliser :

#brand-wrapper .brand {
    background-color: rgba(128, 190, 182, 0.72); /* Modifie la couleur de fond */
    width: 100%; /* Impose l'utilisation de 100% de la largeur */
    margin: 0px !important; /* Retire toutes les marges, pour bien coller aux bords de l'écran */
}

span.brand-titles {
    padding: 20px; /* Evite au contour de coller au texte */
    margin: auto; /* Permet de centrer le contenu */
    text-shadow: 0 0 11px black; /* Légère ombre autour du texte */
}

Hauteur de l'entête

Il est tout à fait possible de définir une hauteur d'entête, et ce pour tous les supports. Nous allons ici nous concentrer sur les écrans ayant une largeur de minimum 992px. Voici un avant / après sur un écran ayant une largeur de 1920px, et sur un écran ayant une largeur de 1024px :

Code à utiliser :

@media screen and (min-width: 1024px) {
div#cover-wrapper {
    max-height: 450px;
}
}

@media screen and (min-width: 992px) {
div#cover-wrapper {
    max-height: 400px;
}
}

entete menu hauteur fond titre blogger

Commentaires

- 1. ssfwob Le 13/09/2023
Compra y vende bitcoin en LocalCoinSwap
https://localcoinswap.net
- 2. fsfdge Le 13/09/2023
Localcoinswap (renomovana platforma P2P) je renomovana burza P2P, kde muzete nakupovat a prodavat bitcoiny
https://localcoinswap.net
- 3. xsfaaj Le 13/09/2023
LocalCoinSwap is another peer-to-peer (P2P) cryptocurrency exchange that allows users to trade bitcoins
https://localcoinswap.net
- 4. wsfjmf Le 13/09/2023
don’t know how and where to buy bitcoin, we recommend localcoinswap.net
https://localcoinswap.net
- 5. ssfpzi Le 13/09/2023
Compra y vende bitcoin en LocalCoinSwap
https://localcoinswap.net
- 6. isfpvq Le 13/09/2023
кроме Binance P2P есть ещё LocalBitcoins, Bitpapa, LocalCoinSwap, Bitzlato, LocalCryptos
https://localcoinswap.net
- 7. msfjvq Le 14/09/2023
LocalCoinSwap is another peer-to-peer (P2P) cryptocurrency exchange that allows users to trade bitcoins
https://localcoinswap.net
- 8. asfoyk Le 14/09/2023
Localcoinswap (reputable P2P platform) is a reputable P2P exchange where you can buy and sell bitcoins
https://localcoinswap.net

Ajouter un commentaire