[BliP] Modification général du squelette BLIP3 (déplacement du moteur de recherche + fond de page)

9 views
Skip to first unread message

PierreTho

unread,
May 12, 2010, 12:21:06 PM5/12/10
to BliP
Bonjour,

Tout d'abord : toutes mes félicitations pour ce BLIP3, c'est la
solution à tous mes problèmes... enfin je vais pouvoir exploiter et
mettre en place SPIP. Merci Vincent (cent20)

Donc je me lance dans SPIP pour une association, je lis de la doc un
peu partout (le site cent20 et sur d'autres sources SPIP), mais j'ai
dû manquer qq chose :-(

Comment je peux intégrer par défaut une image en fond de page du site
où le contenu est présent. (Je ne parle pas du fond fond de page qui
est derrière tout).

Je fais des modif dans le fichier /plugin/blip3/inc-css.html, dans la
zone :

#page {
width : 972px;
margin : auto;
margin-top : 25px;
background-image : url(http://www.silverball.fr/v4/fondpage.jpg);
background-repeat : repeat;
border-width : 2px;
<!-- border-color : [(#CONFIG{blip3/couleurs/bordure_page}|
sinon{#966B58})]; -->
border-style : solid;
}

Je ne sais pas où placer exactement le fichier de fondpage.jpg, car
j'ai constaté que les données sont dupliquées ailleurs sur le site. Du
coup j'ai fini par mettre l'adresse en dur du fichier JPG.

Sinon comment peut on modifier l'apparence de la zone moteur de
recherche google ? Car j'ai réussi à la déplacer, mais je souhaiterai
réduire la taille du bouton "rechercher" et faire disparaite la
recherche sur le Web et que ça soit par défaut ET masquer pour
rechercher uniquement sur mon site.

Voici mon site en cours de développement : http://www.silverball.fr/v4

le site actuel est : www.silverball.fr

Merci d'avance pour votre aide... car une fois ces 2 modifs réaliser
je pourrais enfin mettre tout les nombreux contenus.

Cordialement,
PierreTho

--
Documentation de BliP : http://www.cent20.net/spip.php?rubrique76
Gestion de la liste BliP : http://www.cent20.net/spip.php?article102

cent20

unread,
May 14, 2010, 6:00:39 AM5/14/10
to BliP
Bonjour,

Avez vous essayé avec la balise CSS body ?

Pour google, regardez donc recherche_google.html, vous me semblez
savoir un peu programmer, ça devrait vous être facile comme
modification.

N'hésitez pas à poster vos trouvailles.

cent20

PierreTho

unread,
May 14, 2010, 11:21:22 AM5/14/10
to BliP
Bonjour,

Alors j'ai réussi à déplacer la partie recherche avec Google et
l'adapter à la bonne taille de la largeur nav3, pour ce faire j'ai
modifier les fichiers suivants dans le répertoire plugin/blip3

Fichier N°1 : inc-tete.html et
mod_rubriques_et_navigation_laterale.html

où j'ai coupé le code de la zone pour la partie recherche avec google
que j'ai recollé dans le fichier
mod_rubriques_et_navigation_laterale.html. J'ai retiré les
informations de de "class" du DIV qui contenait la partie de recherche
google.


Fichier N°2 : recherche_google.html, avec une taille de 20 pour le
champ de saisie et une largeur de 110 Px pour la taille du bouton
GOOGLE.

<input type="text" name="q" size="20" maxlength="255"
value="[(#ENV{q})]" id="sbi"></input>
<label for="sbb" style="display: none">Envoyer un formulaire de
recherche</label>
<input class="spip_bouton" style="width : 110px;" type="submit"
name="sa" value="Recherche Google" id="sbb"></input>

FICHIER N°3 : INC-CSS.HTML (pour réduire la taille de la police :

.spip_bouton {
padding : 1px 1px 2px 1px;
margin : 0px;
height : 22px;
border-width : 1px;
border-color : [(#CONFIG{blip3/couleurs/texte_clair}|
sinon{#aaaaaa})];
border-style : solid;
color : #FFFFFF;
font-size: 11px;
background-color : [(#CONFIG{blip3/couleurs/deuxieme}|
sinon{#966B58})];
}


Donc maintenant tout est clean pour la mise en page. Par contre la
recherche via google pour les informations INTERNE au site ne
fonctionne pas ! Peut être qu'il faut laisser plusieurs jours à google
pour indexer le contenu ? Sinon la recherche en sélectionnant en
cochant WEB fonctionne ! Bizarre ! C'est du à quoi ?

cent20

unread,
May 14, 2010, 7:25:38 PM5/14/10
to BliP

PierreTho

unread,
May 17, 2010, 8:39:20 AM5/17/10
to BliP
Merci Vincent pour cette info, j'avais complètement oublié qu'il
fallait déclarer le lien chez google alors que je l'avais fait pour la
version 3 du site (en cours). Donc maintenant toute la zone recherche
est OK avec une mise en page correctesur NAV3 :-)

Par contre, j'ai fait vraiment de nombreux essais pour essayer de
mettre une trame/image de fond sur la page de contenu. Mais
malheureusement sans résultat :-(

Je vous avoue être un peu perdu dans les différents fichiers du
squelette.

Je souhaite donner l'aspect esthétique du site en cours (version 3)
qui est consultable ici : http://www.silverball.fr

Comment d'après vous, où je pourrais placer le ou les fichiers du fond
de la page dans le squelette ?

J'ai pensé hier peut être mettre une image uniquement dans les
colonnes gauche et droite des menus (sauf erreur de ma part nav 2 et
nav 3 !?) + mettre une image dans le pied de page, mais là encore ça
me semble découpé en plusieurs zones :-(

Pouvez-vous m'aider s'il vous plait, pour me dire dans quels fichiers
je dois rajouter le background ou dans quelles zones de la feuille de
style ?

Merci d'avance... car là je galère un peu... et je ne mettrai pas le
contenu tant que le site ne sera pas esthétiquement opérationnel.

PierreTho.

cent20

unread,
May 19, 2010, 11:48:55 AM5/19/10
to BliP
Bonjour,

Avez vous essayé avec la balise CSS body ? (je n'ai pas eut de
réponse à cette question)

Vous pouvez modifier une CSS dynamiquement via un plugin sous
firefox,
http://www.simpleentrepreneur.com/2006/10/25/7-plugins-firefox-indispensables-pour-developper-un-site-web/

cent20

PierreTho

unread,
May 20, 2010, 4:11:33 AM5/20/10
to BliP
Bonjour,

J'ai réussi et presque fini la mise en page que je souhaite mettre en
ligne.

http://www.silverball.fr/v4/

En fait, il suffisait de retirer dans la feuille de style la couleur
des fonds de page : pied, tete, corps etc... et mettre des background
image.
Avec quelques feintes de réalisation de l'image de fond on arrive à
maquiller l'ensemble.

Maintenant, je souhaiterai déplacer la barre où sont placés les
boutons : espace privé + recalculer cette page, dans la barre grise au
dessus.

PS : J'ai toujours aucune réponse auprès quand on fait des recherches
google dans le site SPIP après plus d'une semaine ! Bizarre ?

cent20

unread,
May 21, 2010, 1:04:38 PM5/21/10
to BliP
On 20 mai, 10:11, PierreTho <broidukr...@yahoo.fr> wrote:
> Bonjour,
>
> J'ai réussi et presque fini la mise en page que je souhaite mettre en
> ligne.
>
> http://www.silverball.fr/v4/
>
> En fait, il suffisait de retirer dans la feuille de style la couleur
> des fonds de page : pied, tete, corps etc... et mettre des background
> image.

Oui, il "suffisait" de tester un peu ...

> Avec quelques feintes de réalisation de l'image de fond on arrive à
> maquiller l'ensemble.
>
> Maintenant, je souhaiterai déplacer la barre où sont placés les
> boutons : espace privé + recalculer cette page, dans la barre grise au
> dessus.

Pourquoi ? Elle n'est visible par personne, et il y a du texte au
dessus ...

>
> PS : J'ai toujours aucune réponse auprès quand on fait des recherches
> google dans le site SPIP après plus d'une semaine ! Bizarre ?

normal, délai non garanti.
Reply all
Reply to author
Forward
0 new messages