Augmenter la largeur et hauteur d'un bloc

[mlamer]

Re : Augmenter la largeur et hauteur d'un bloc

Bon, le fichier custom.css est en place avec le plugin.


Par contre impossible de mettre le logo de droite, à la place du WebZine en haut à gauche appelé slogant (logo H2 je pense?).


La barre des menus (maximenuCK) est plus basse que les lignes blanches pointillé. Avant ça allait pile dessus.

Et les photos sont trop hautes et mordent sur le menu...

Et en bas à gauche à hauteur le la connexion, mais complétement à gauche, j'ai 2 points...d'ou ils viennent eux?!!!

Comment on sait que tel css est chargé en premier ou dernier ? avec Firebug je voies son écriture, mais comment je sais qu'il est en dernier?


Bon je teste...on va voir...

[PhilJ]

Re : Augmenter la largeur et hauteur d'un bloc

Bonsoir,

Bon, le fichier custom.css est en place avec le plugin.

...Remplacez la totalité de votre custom.css par ce qui suit :

body {
    background: none repeat scroll 0 0 #252524;
}

#header,
#headerwrap {
    height: 110px;
}

#logo {
    height: 110px;
    display: block;
    float: left;
}

#logo h2 a:link,
#logo h2 a:visited,
#logo h2 a:hover,
#logo h2 a:active {
    color: #cb0003;
}

#logo h3 {
    color: #83b04d;
    width: 600px;
    height: auto;
}

#headerright {
    width: auto;
}


#hsocial {
    margin: 0; /* au lieu de 35px 0 0 */
}
#topmenuwrap {
    clear: both;
}

.rg-caption p {
    display: none;
}

Et ça, "l'insérer plutôt dans un container de type <div>...</div>", je ne sais pas faire...

...Il faut basculer votre éditeur en mode "code". Si vous avez l'éditeur standard, le bouton se trouve en-dessous de la zone d'édition.

• Supprimez les deux lignes <p style="text-align: right;">&nbsp;</p>.
• Remplacez ensuite :
  

  <p style="text-align: left;"><img src="/images/logo.png" border="0" width="0" height="0" /><img src="/images/logo.png" border="0" width="300" height="127" style="border: 0px currentColor; float: left;" /></p>

  par :
  

  <div><img src="/images/logo.png" border="0" width="300" height="127" /></div>

• Enfin, accessoirement, mais cela sera utile, vous devriez redimensionner votre logo : de 748px × 316px à 300px × 127px.

Par contre impossible de mettre le logo de droite, à la place du WebZine en haut à gauche appelé slogant (logo H2 je pense?).

...??
C'est nouveau, semble-t-il. J'avais compris que vous souhaitiez les deux : un texte indexable par les moteurs de recherche en haut à gauche, et un logo à droite.

[...]en bas à gauche à hauteur le la connexion, mais complétement à gauche, j'ai 2 points...d'ou ils viennent eux?!!!

...Je ne les vois pas. Peut-être un coup de chiffon sur l'écran ?

Comment on sait que tel css est chargé en premier ou dernier ? avec Firebug je voies son écriture, mais comment je sais qu'il est en dernier?

...Faites CTRL+U pour faire apparaitre le code source de votre page :

<link rel="stylesheet" href="/templates/a4joomla-darksunset-free/css/custom.css" type="text/css" />

est chargé en tout dernier, juste avant la fermeture </head>. Donc tout ce que vous mettrez dans ce fichier prendra le pas sur tout ce qui se trouve dans les fichiers CSS précédemment chargés.


Bonne soirée,



PhilJ

[mlamer]

Re : Augmenter la largeur et hauteur d'un bloc

Vous êtes vraiment une chouette personne.

4 pages que vous me suivez et me guidez, je n'ai qu'un mot, "SUPER!"

Et en plus j'apprends , ce qui ne gate rien.

Pour le titre à gauche vous avez raison, il vaut mieux le laisser pour les moteurs.

Par contre les 2 points ne sont visibles que sur Google Chrome et IE9 (ce n'est hélas, pas une poussière sur l'écran...).

Voici la copie de ce que j'ai avec ces 2 navigateurs...



Et petite touche si on pouvait augmenter l'espace entre le slogan et le menu?



Ce serait cool...

Et encore merci.

[PhilJ]

Re : Augmenter la largeur et hauteur d'un bloc

Vous êtes vraiment une chouette personne.

...Un oiseau de nuit antique symbole de la sagesse, c'est flatteur, merci .

Et en plus j'apprends , ce qui ne gate rien.

...C'est encore plus flatteur .

[...] les 2 points ne sont visibles que sur Google Chrome et IE9 (ce n'est hélas, pas une poussière sur l'écran...).

...Vu.
=> Vous pouvez ranger votre chiffon et essayer d'ajouter cette directive dans custom.css :

form#login-form ul li {
    list-style-type: none;
}

Et petite touche si on pouvait augmenter l'espace entre le slogan et le menu?

...Toujours dans custom.css, ajoutez quelque chose comme margin: 40px 0 20px; à #topmenuwrap.
Cela revient à changer :

#topmenuwrap {
    clear: both;
}

par :

#topmenuwrap {
   clear: both;
   margin: 40px 0 20px;
}

Explication de margin: 40px 0 20px; : marge extérieure (= margin) de 40px au-dessus, de 20px en-dessous, et de 0px sur les côtés. Vous pouvez bien sûr adapter ces valeurs à vos préférences.

Enfin, pendant que votre custom.css est ouvert, vous pouvez en profiter pour régler un petit souci du menu. En effet, la police des liens de menu passe à une couleur très sombre lorsqu'ils sont survolés.

=> Ajoutez à custom.css :

div#maximenuck ul.maximenuck li.maximenuck > a:hover span.titreck {
    color: #fff !important;
}

De cette façon, la couleur des liens de menu virera au blanc (= #fff) au survol.

Et encore merci.

...Pas de quoi.

NB : Vous pouvez remercier les gens qui vous ont aidé en cliquant 'Remercier' en bas à gauche de leurs messages.

Alternativement, je peux vous envoyer une facture à acquitter, mais pour cela il faudrait que vous me communiquiez votre vrai nom ainsi que votre adresse .

Et aussi : si le problème posé est résolu, vous pouvez le passer en 'RÉGLÉ'.


Bonne continuation (musicale ),



PhilJ

[mlamer]

Re : Augmenter la largeur et hauteur d'un bloc

Coucou, encore merci.

Tout est OK, sauf les 2 petits points en bas à droite... bizarre ce truc.

[PhilJ]

Re : Augmenter la largeur et hauteur d'un bloc

Bonjour,

Tout est OK, sauf les 2 petits points en bas à droite... bizarre ce truc.

...Pas si bizarre car ils accompagnent les lignes 'Mot de passe oublié ?' et 'Identifiant oublié ?', qui sont dans des élements de liste <li>...</li>. Or les éléments de listes sont par défaut accompagnées d'un point à gauche.

Il est possible que mon correctif ne soit pas compris, mais il est en revanche certain qu'il y a une faute de syntaxe dans votre custom.css, justement à cet endroit :

 #topmenuwrap {   clear: both;
   margin: 40px 0 20px;
}
    [B][COLOR=#ff0000]}[/COLOR][/B]
    form#login-form ul li {
    list-style-type: none;
}

=> Enlevez le } qui est en trop, enregistrez, puis revérifiez votre page.


PhilJ

[mlamer]

Re : Augmenter la largeur et hauteur d'un bloc

hé oui, une parenthèse de trop et ça marche pas...

Avec cette parenthèse en moins, tout va bien...

Voilà, je vous remercie et à gauche aussi pour les remerciements... je n'ai plus qu'à passer ce topic en règlé...
Grand merci à vous...

[PhilJ]

Re : Augmenter la largeur et hauteur d'un bloc

hé oui, une parenthèse de trop et ça marche pas... Avec cette parenthèse en moins, tout va bien... Voilà, je vous remercie et à gauche aussi pour les remerciements... je n'ai plus qu'à passer ce topic en règlé... Grand merci à vous...

...De rien.

Juste un dernier petit conseil : votre page d'accueil s'appelle... 'Accueil' (= balise <title>). C'est accueillant, c'est sûr, mais pas du tout informatif, et du coup les moteurs de recherche ne vont pas être bien aidés pour diriger les internautes vers votre site.


Bonne continuation.


Amicalement,



PhilJ