aide.blog4ever.com

aide.blog4ever.com

barre de navigation dans le logo ou bannière

166 appréciations
Hors-ligne
Bonjour, j'aimerai savoir ci cela était possible d'obtenir les résultats suivants,car  j'aimerai bien que ma barre de navigation  soit dans le logo .
Merci 


795 appréciations
Hors-ligne


Oui c'est possible mais il faut l'adresse du blog .

Cela demande de modifier le css et parfois le html .





166 appréciations
Hors-ligne
Bonjour Simon, c'est pour mon blog l'mprévu  je suis en pleine reconstruction et j'essai d'avancer avec le css je t'avoue que c'est du chinois je cherche sur le net pour trouver les définitions de chaque terme en Français comme padding, margin ect pas évident mais je cherche.c'est bien de recopier mais j'aimerai vraiment comprendre leur sens voilà.

795 appréciations
Hors-ligne
re

Voici de quoi lire ............
http://css.mammouthland.net/premiers-pas-en-css.php

Si tu veux apprendre il faut commencer par mettre peu de codes dans le css car parfois on écrit des choses qui sont contradictoires et ça provoque des conflits.

Ton css est déjà en place donc si tu ajoutes du code dans le css personnalisé il se peut que rien ne fonctionne correctement.

Il y a quelques années  ( 2008 ) ; je ne connaissais rien à tout cela et j'ai appris par moi même et en posant des questions à notre grand maitre   @papyclic@ qui m'a beaucoup enseigné.

padding, margin sont des marges intérieur et extérieur donc il faut comprendre qu'un élément se positionne par rapport à d'autres éléments .

Si j'écris margin-left: 20px;      le bloc va partir vers la DROITE car je lui indique de mettre un espace de 20 px à partir  du BORD GAUCHE -------> LEFT signifie gauche    right droite     top haut et   bottom bas

On peut aussi écrire :
article {
margin: 0 0 0 20px; 
}
voir le cadran d'une montre :   midi haut ___ 3 h right__6h bottom___9h left



donc on écrit 0 0 0 20px  du bord gauche (left )  margin: 0 0 0 20px;

ou:
article {
margin-left: 20px;
}

@ bientôt


166 appréciations
Hors-ligne
Wouha c'est tout un programme c'est pas gagné,

795 appréciations
Hors-ligne
Pour t'amuser !

/* BARRE DE NAVIGATION */

nav {
    background: #f9e000 none repeat scroll 0 0;       /* couleur jaune idem au pourtour ou mettre transparent*/
    height: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 4;
}
nav ul {
    float: right;  /* faire flotter nav sur la droite */
    margin: -450px 0 0 820px;  /*position*/
}
nav li {
    display: inline-block;
    margin: 0 20px 0 0;
}
nav a {
    font-size: 25px!important;  /*ajouter important car le size est déjà en place*/
    line-height: 40px;
    color: brown!important;         /*couleur du texte*/
    font-family: parisienne!important; /*ajouter important car le family est déjà en place*/
}
nav a:hover {
 color: green!important; /* couleur au survol souris*/
}
nav .recherche_nav {
    float: right;
    height: 22px;
    margin: 9px 20px;
}
nav .recherche_nav input {
    font-size: 11px;
    height: 12px;
    margin: 0;
    width: 120px;
}

Bonne lecture !
tu peux faire un essai .



166 appréciations
Hors-ligne
Bonjour  c'est  trop bientu as super bien bossé c'est trop cool d'autre blogueurs seront sûrement intéressés , c'est géniallllllllllllllllllll 

Dernière modification le vendredi 08 Juillet 2016 à 10:46:02
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 CSS Personnalisé pour le RapidDesign.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5664 autres membres