Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2019-10-13 22:27:40

Olivier_R
Membre
Inscription : 2019-10-13

Choix bannière dcbootstrap

Bonjour,

J'ai installé ce soir sur un blog Dotclear (à jour) le thème dcBootstrap pour avoir un thème responsive.

ça fonctionne bien mais je n'arrive pas à installer une image bannière. Que dois-je faire ?

Merci,

Olivier

Hors ligne

#2 2019-10-15 10:36:55

birdy
Membre
Lieu : Azerat-Dordogne-Périgord
Inscription : 2008-03-14
Site Web

Re : Choix bannière dcbootstrap

Bonjour,

Qu'appelles-tu "image bannière" au juste ? Tu veux changer le logo par défaut ?


A migré de dotclear 1.2.8 vers dotclear 2.3 le 28 mai 2011. Il essaie maintenant de comprendre ce que dotclear 2 lui apporte de plus.

Hors ligne

#3 2019-10-15 12:17:44

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : Choix bannière dcbootstrap

Olivier_R a écrit :

Que dois-je faire ?

Ne pas être avare en précision.
Donner une url ?
Bannière cliquable ?
Dimension de la bannière ?
Bref, nous éviter de sortir la boule de cristal peut-être...

Hors ligne

#4 2019-10-16 17:46:26

Olivier_R
Membre
Inscription : 2019-10-13

Re : Choix bannière dcbootstrap

Bonjour et merci de vous intéresser à ma question,

Désolé de ne pas avoir été clair. Je veux en fait mettre une bannière (une image qui me sert de logo) à la place du logo par défaut. J'ai bien trouvé dans la feuille de style CSS le lien vers le logo d'origine et tenté de mettre mon image à la place mais seule une partie de l'image apparaissait.

J'aimerai savoir si on peut mettre une image perso en bannière, de quelles dimensions, cliquable vers la page d'accueil.

Mon url : http://www.journal.ecotoniste.fr/index.php?

J'avais tenté de changer l'image logo dans cette partie de style.css :

#top h1 a {
    background: url(img/ban_blog.jpg) no-repeat O O;
    height: 96px;
    line-height: 132px;
    width: auto;
    display: block;
    margin: 18px 0;
    text-indent: -9999px;
}

J'ai désactivé les lignes "background..." et "text-indent..." avec des ## en attendant pour avoir l'aspect actuel (titre cliquable).

Je ne comprend pas que l'on ne puisse pas choisir simplement une bannière dans les réglages du blog, fonction de base pourtant.

Hors ligne

#5 2019-10-16 21:16:43

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : Choix bannière dcbootstrap

Déjà, on ne commente pas du code css à coup de ##. Ça ne peut que mettre le souk.
Ensuite, si vous remplacez des 0 (zéro) par des O (o majuscule), ça ne va pas le faire non plus... le css n'est pas du code qu'on met au petit bonheur la chance.
Si votre image n'est pas à la bonne dimension, il est préférable de la retailler avec un éditeur plutôt que de le faire via css.

Donc vous allez nous spécifier la taille de l'image que vous souhaitez afficher, positionnée où ça dans la page.

Pour ma part, changer une image n'est certainement pas une fonction de base puisque dépend de beaucoup de facteurs.

Hors ligne

#6 2019-10-18 20:40:51

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Choix bannière dcbootstrap

Bonsoir,

Voici en vrac :

#top h1 a {
	background: url(img/ban_blog.jpg) no-repeat;
	height: 96px;
	line-height: 132px;
	width: auto;
	display: block;
	margin: 18px 0;
	text-indent: -9999px;
	background-size: contain;
}

Hors ligne

#7 2019-10-19 06:01:03

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Choix bannière dcbootstrap

Bien dit :)

Hors ligne

#8 2019-10-19 10:56:00

Olivier_R
Membre
Inscription : 2019-10-13

Re : Choix bannière dcbootstrap

Merci pour vos réponses, je vais voir ça. Pour le "O" et le "0" effectivement il y avait erreur.

Hors ligne

#9 2019-10-19 12:31:30

Olivier_R
Membre
Inscription : 2019-10-13

Re : Choix bannière dcbootstrap

Merci ça fonctionne mais je m'interroge sur la taille de l'image en background. L'original mesure 610x200 px. Comment l'afficher en taille originale ? Actuellement elle est réduite et je ne vois pas où la largeur de cette image est définie dans le code css.

Hors ligne

#10 2019-10-19 12:41:13

pierrevg
Membre
Inscription : 2005-04-13
Site Web

Re : Choix bannière dcbootstrap

ben c'est le width:auto; que tu dois remplacer par width:610px;

Hors ligne

#11 2019-10-19 13:38:30

Olivier_R
Membre
Inscription : 2019-10-13

Re : Choix bannière dcbootstrap

Ah merci !!!

J'ai obtenu ce que je voulais avec :

#top h1 a {
    background: url(img/ban_blog.png) no-repeat;       
    height: 200px;
    line-height: 132px;
    width: 610px;
    display: block;
    margin: 18px 0;
    text-indent: -9999px;
        background-size: cover;
}

et une hauteur de 240px pour #top

Un grand merci tout le monde ;)

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map