Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

barre de navigation dans le logo ou bannière

1428 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 :sol::sol::sol::sol::sol:


4016 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 .





1428 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à.
:sol::sol::sol::sol::sol::sol::b2:

4016 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


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

4016 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 .



1428 appréciations
Hors-ligne
Bonjour simon c'est  trop bien:b2:tu as super bien bossé c'est trop cool:b2::b2: 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 6059 autres membres