Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

CSS et master design

74 appréciations
Hors-ligne
Bonjour,
je souhaiterais faire évoluer mon blog en terme de design et présentation, c'est à dire changer la largeur de ma page, modifier le menu, etc...

je pense que l'on peut faire tout cela grâce au CSS, mais je ne m'y retrouve pas dans la structure et je ne sais pas à quoi corresponde chaque section.

Existe-il une explication, j'ai cherché sur papy clic mais je ne suis pas certain que ça s'applique au Master design.

merci pour votre aide
Gilles72 - Administrateur du Blog "Les Coursiers Suzerains"
https://les-coursiers-suzerains.blog4ever.com/

128 appréciations
Hors-ligne
Bonsoir Gilles,

Ton blog est sous le modèle RapidDesign (DP), en passant en MasterDesign, tu peux tout changer mais il faut connaitre les langages HTML et CSS.

Pour la largeur du blog il faut modifier la règle #contenu (ligne 102 et+)

Pour retrouver les sélecteurs, il faut regarder dans la structure HTML et après voir dans le CSS la règle qui gère le style.

Sur mon blog, je ne traite pas MasterDesign mais tous les codes que je proposent peuvent s'adapter car c'est le même modèle, donc les mêmes sélecteurs CSS.

 :sp:

74 appréciations
Hors-ligne
Bonsoir

merci pour toutes ces informations, je vais regardé, je connais le html mais pas trop le CSS, si je vois que c'est trop compliqué, j'abandonnes.

Bonne soirée:b2:
Gilles72 - Administrateur du Blog "Les Coursiers Suzerains"
https://les-coursiers-suzerains.blog4ever.com/

276 appréciations
Hors-ligne
:b1:  je profite du post de gilles pour affiner........en contenu j'avais 960px et j'ai changé comme ceci:
#contenu {    width:1100px;    margin: 30px auto;}header {min-height:75px;}nav {    height:40px;    text-transform :uppercase;    position:relative;    z-index:4;}nav ul {    margin: 0 0 0 20px;    float: left;}nav li {    display: inline-block;    margin: 0 20px 0 0;}nav a {    line-height: 40px;    font-size: 15px;}nav a:hover {}nav .recherche_nav {    float: right;    height: 22px;    margin: 9px 20px;}nav .recherche_nav input {    width: 120px;    height: 12px;    font-size: 11px;    margin: 0;}J'ai donc bien élargi la zone contenu à 1100px mais maintenant les textes et images ne sont pas centrés d'où ma nouvelle question.....comment centrer ?

:b2:

4050 appréciations
Hors-ligne
:b1:
Si je peux me permettre lorsque l'on modifie la largeur du contenu il faut modifier aussi la partie articlesligne 165 du css
article {
    min-height: 300px;
    padding: 20px;
    position: relative;
    width: 800px;
}

Ton logo n'est pas centré..
:bye:


276 appréciations
Hors-ligne
Merci Simon pour ton renseignement puis maintenant vu que tu t'en es aperçu il faut me dire comment centrer le logo
:b2::bye:

4050 appréciations
Hors-ligne
Remplacer toute cette partie dans ton css           ligne 1296 à 1320

/* EN-TETE */
header {
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
}

header h1 a {
    color: #d5d5d5;
    font-family: 'HelveticaNeueLT Com 47 LtCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 36px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
header .image {
    background-image: url("https://static.blog4ever.com/2006/01/16946/Titre_3.jpg");
    background-position: center center;
    height: 293px;
    overflow: hidden;
    position: relative;
    width: 960px;
  margin-left:auto;
margin-right:auto
}
header h1 {
    display: none;
}


74 appréciations
Hors-ligne
Bonjour,

merci à vous tous pour toutes ces bonnes information que je gardes précieusement pour faire mes modification dés que possible.

Bon dimanche
Gilles72 - Administrateur du Blog "Les Coursiers Suzerains"
https://les-coursiers-suzerains.blog4ever.com/

276 appréciations
Hors-ligne
Heureusement qu'il y a des supers gentils gars.........heu pardon.......et filles pour aider les "nuls" et surtout "les vieux nuls" du Compliqué Système Senior.
:ptdr::ptdr:
:b2::sim:Nana!Al:bis:..............j'oublie quelqu'un ?

J'ai compris, j'ai compris Ce matin il est tout beau mon blog !!!!!! Pour vous remercier voici en exclusivité ma dernière composition photographique:

276 appréciations
Hors-ligne
.......et merci à Gilles72 pour avoir lancé ce post:cht:

4050 appréciations
Hors-ligne

Je voulais dire aussi que j'ai répondu à la place de que je sais occupé et que ça reste mon professeur car il m' a beaucoup appris.
Il faut aller voir ses conseils    ici

:am:


128 appréciations
Hors-ligne
Salut Simon, pas de souci, c'est très bien d'avoir pris la suite.

:sp:

4050 appréciations
Hors-ligne
:am:     j' ai de nouveaux élèves ! ils suivent des cours intensifs :cht:


74 appréciations
Hors-ligne
Bonjour,

tout d'abord merci pour tout vos conseil, je n'ai pas encore essayé les modifications et ce ne sera pas avant début 2016 car trop d'informations sur le blog en ce moment et pas question de le fermer même pour une journée.

Une petite question, avant de me lancer dans cette aventure, est-ce que je peux sauvegarder mon CCS et html dans un fichier texte word ou autres afin de pouvoir revenir en arrière si cela ne fonctionne pas ?

Merci à vous et bonne fêtes de fin d'année
Gilles72 - Administrateur du Blog "Les Coursiers Suzerains"
https://les-coursiers-suzerains.blog4ever.com/

4050 appréciations
Hors-ligne


OUI  et c'est même fortement conseillé.
Tu peux aussi mettre ces 2 fichiers dans ta boite à fichiers. (j'utilise notepad++)
:bye:


74 appréciations
Hors-ligne
Merci Simon
:bye:
Gilles72 - Administrateur du Blog "Les Coursiers Suzerains"
https://les-coursiers-suzerains.blog4ever.com/
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 Demandes de conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6062 autres membres