Annonce

  •  » Styles
  •  » Css du footer avec BootStrap Darkroom

#1 2023-12-14 13:03:33

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Css du footer avec BootStrap Darkroom

Bonjour
J'ai passé mon petit site en v14. J'ai bien récupéré mes personnalisations de BootStrap Darkroom, mais je cherche à customiser la zone du footer qui n'est pas très lisible avec cette image de background. Dans cette zone, j'ai le copyright et WhoisOnline. Je voudrais changer le background et éventuellement la couleur de police.

D'une part, je n'arrive pas à trouver le bon sélecteur pour la zone, et d'autre part, Whois Online se mélange un peu avec le reste du footer quand on passe en plus petits écrans.

Qui peut me donner une piste ? http://photos.katrynou.fr

https://i.imgur.com/OxpvAk0.png


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#2 2023-12-14 13:51:05

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1058

Re: Css du footer avec BootStrap Darkroom

Salut voisine

Il est vrai que ta couleur de texte, avec ce fond, n'est pas terrible !!

Code:

.copyright {color:#fff;}

Photos, Musiques, Camping-car,, Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

#3 2023-12-14 16:13:45

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Re: Css du footer avec BootStrap Darkroom

J'y arrive pas Dreamer, j'ai beau essayer avec de la couleur de police, ou de la couleur de fond, le tout mâtiné de !important, ça veut rien prendre de ce que je lui donne à manger.

Voilà, théoriquement quelles sont les classes et les ID concernées, mais elles veulent pas m'écouter.

https://i.imgur.com/Oep0IGc.png


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#4 2023-12-14 17:04:17

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16813

Re: Css du footer avec BootStrap Darkroom

Bonjour

je dirais

.text-center{color:red;}

.text-center a{color:red;}


.Online{color:red;}

.Online a{color:red;}


bon tu n'est pas obligé de choisir rouge


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#5 2023-12-14 17:40:17

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Re: Css du footer avec BootStrap Darkroom

Ahhhh et la lumière fut ! Tu aurais pu me rappeler qu'avec Bootstrap, faut mettre les adaptations de css dans la config de Bootstrap et pas dans Local File Editor. Enfin parfois, et dans ce cas là, c'est oui.
Et t'as peut-être raison : en rouge, c'est pas terrible ...
Merci de ton soutien et de ton expertise.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#6 2023-12-14 19:07:26

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Re: Css du footer avec BootStrap Darkroom

On pourrait pas apprendre à Whois Online à se tenir à sa place au lieu de se disputer l'espace avec le footer ? En plus petits écrans, ça fait pas très pro ce chevauchement

https://i.imgur.com/QFD6PqB.png


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#7 2023-12-14 20:38:53

dreamer
Membre
St Cyr/mer (83)
2006-02-26
1058

Re: Css du footer avec BootStrap Darkroom

Re

Il te suffit de modifier le float  avec du css 

Code:

.Online {float : none!important;}

Photos, Musiques, Camping-car,, Vidéo et le tout nouveau Recettes le tout en 14.2.0

Hors ligne

#8 2023-12-14 23:35:45

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Re: Css du footer avec BootStrap Darkroom

Quand je pense que je traînais cette incongruité depuis 3 ans. Tu pouvais pas me dire que tu connaissais manière ? Merci merci merci


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#9 2023-12-16 16:49:06

P@rick
Invité

Re: Css du footer avec BootStrap Darkroom

Bonjour Katryne,

Je vois que vous arrivez à utiliser Whois Online en PHP 8.1.

En PHP 8.0 avec le plugin activé, j'ai cette erreur mysql:
Warning:  [mysql error 1406] Data too long for column 'last_tag_ids' at row 1
REPLACE INTO konscht_whois_online (`IP`, `hidden_IP`, `session_id`,`user_id`,`username`,`lang`,
        `permanent`,`last_access`,`last_elm_ids`, `last_cat_ids`, `last_tag_ids`, `last_sch_ids`,
        `first_access_date`, `last_dates`, `elm_hits`, `pag_hits`)
            VALUES ('global', 'true','global', 0, 'Administrator', '--', 'true', '1702740274',  '0 0 0 0 1 0 0 0 0 0 28379004 26', '0 0 0 0 1 0 0 0 0 0 0 0 5675800 0', '999 999 999 1000 999 99 99 99 999 999 999 999 0 0 0 0 0 0 0 0 0 0 0 0 472983', '9288 9288 9288 9288 9288 9288 9288 9288 9288 9289 7235 8633 9288 9019 19707', '2018-11-05', '', '2817264', '4378837'); in ../include/dblayer/functions_mysqli.inc.php on line 84

En PHP 8.1, j'ai une page blanche d'affichée et je suis obligé de désactiver Whois Online, sinon mon site plante. Mon serveur me renvoie l'erreur suivante: [mysql error 1406] Data too long for column 'last_tag_ids' at row 1
REPLACE INTO konscht_whois_online (`IP`, `hidden_IP`, `session_id`,`user_id`,`username`,`lang`,
        `permanent`,`last_access`,`last_elm_ids`, `last_cat_ids`, `last_tag_ids`, `last_sch_ids`,
        `first_access_date`, `last_dates`, `elm_hits`, `pag_hits`)
            VALUES ('global', 'true','global', 0, 'Administrator', '--', 'true', '1702740417',  '0 0 0 0 0 0 1 0 0 0 28379006 27', '0 0 0 0 0 1 0 0 0 0 0 0 5675801 0', '999 999 999 1000 999 99 99 99 999 999 999 999 0 0 0 0 0 0 0 0 0 0 0 0 472983', '9288 9288 9288 9288 9288 9288 9288 9288 9288 9289 7235 8633 9288 9019 19707', '2018-11-05', '', '2817264', '4378837'); in ../include/dblayer/functions_mysqli.inc.php on line 847

Il me semble que le message d'erreur est probablement généré en raison d'un problème de longueur des données dans la colonne « last_tag_ids », comme mentionné dans le message d'avertissement.

Très bonne journée,
P@rick.

#10 2023-12-16 17:17:44

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Re: Css du footer avec BootStrap Darkroom

Je peux pas dire pourquoi, Patrick. Je panique dès qu'on me cause de MySQL.
J'ai eu une fois des erreurs d'affichage de statsde visite avec des IPV6 (qui sont plus longues que les IPV4) quand elles ont commencé à émerger, mais je crois pas que c'était avec les Piwigo.

C'est vrai que fut un temps, je ne pouvais pas activer Whois Online sans erreur daffichage, mais j'ai perdu mes notes. La seule chose que je puisse dire pour aujourd'hui, c'est que je cache la poussière sous le tapis. C'est-à-dire, que dans l'onglet "Configuration locale" du plugin Local File Editor, j'ai mis l'instruction suivante qui cache les messages d'erreur :

$conf['show_php_errors'] = E_STRICT;

Mais ça cache plutôt les erreurs de php, je ne sais pas pour les erreurs Mysql.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

#11 2023-12-16 18:03:18

P@rick
Invité

Re: Css du footer avec BootStrap Darkroom

J’ai essayé de modifier le tableau dans MySQL pour autoriser des données plus longues :

ALTER TABLE nomdusite_whois_online MODIFY COLUMN last_tag_ids TEXT;

Il faut noter que le type TEXT permet des données de caractères de longueur variable et qu’il faut choisir le type de données approprié en fonction des besoins.

Mais j’ai surtout réussi à planter la base de données, c’est pour cela qu’il faut faire une sauvegarde avant toute manipulation.

Très bonne soirée,
P@rick

#12 2023-12-17 00:02:58

P@rick
Invité

Re: Css du footer avec BootStrap Darkroom

La solution avec Whois Online est de désactiver et d’enlever le plugin de la liste avec l’option d’effacer toutes les données de la base de donnée.

Après il faut le réinstaller et le réactiver avec les options par défaut.

Maintenant il fonctionne à nouveau sans erreurs tout aussi bien avec PHP 8.0 comme avec PHP 8.1.

Bon weekend,
P@rick.

#13 2023-12-17 13:42:11

P@rick
Invité

Re: Css du footer avec BootStrap Darkroom

Bonjour Katryne,

Concernant l’affichage un peu trop invasif du plugin Whois Online, on peut le transformer en une seul ligne dans le footer en supprimant les <div></div> intermédiaires directement dans default.tpl dans le dossier whois_online :

<div class="Online" style="text-align:center; margin-top:10px; margin-bottom:0px;">
{if $Whois.Total > 0 and !$Whois.Slideshow}
    {'Total hits:'|@translate} {if (is_admin())}<a href="./admin.php?page=plugin&amp;section=whois_online%2Fconfig.php&amp;tab=report" class="other">{$Whois.Total}</a>{else}{$Whois.Total}{/if}

    {if $Whois.Current_10mins > 0}
    {if $Whois.Seen_url>''}<a href="{$Whois.Seen_url}" title="{'Your recently viewed pictures'|@translate}" rel="nofollow">{/if}
    {'Most recent 10 minutes hits:'|@translate}
    {if $Whois.Seen_url>''}</a>{/if}
     {$Whois.Current_10mins}
    {/if}

    {if $Whois.Review_url>''}<a href="{$Whois.Review_url}" title="{'Some of recently viewed pictures by other users'|@translate}" rel="nofollow">{/if}
    {'Current hour hits:'|@translate}
    {if $Whois.Review_url>''}</a>{/if}
     {$Whois.Current_hour}

    {if $Whois.Yesterday > 0}

    {'Yesterday hits:'|@translate} {$Whois.Yesterday}
    {/if}

    {if $Whois.Users_Last_day > 0}

    {'Last 24h users:'|@translate} {$Whois.Users_Last_day}
    {/if}

    {if $Whois.Users_Last_hour > 0}

    {'Last hour online users:'|@translate} {$Whois.Users_Last_hour}
    {/if}

    {if $Whois.Guests > 0}

    {'Recent guest(s):'|@translate} {$Whois.Guests}
    {/if}

    {if count($Whois.Online) > 0}

    {'Recent member(s):'|@translate} {','|@implode:$Whois.Online|@substr:0:70}{if (strlen(implode(',',$Whois.Online))>70)}...{/if}
    {/if}

{/if}
</div>

Bon dimanche,
P@rick

#14 2023-12-17 13:49:31

Katryne
Membre
Le Revest-les-Eaux (Provence)
2016-12-03
1641

Re: Css du footer avec BootStrap Darkroom

Merci Patrick, très bonne idée.


https://album.chauvigne.info/ v.13.8.0  PHP: 8.2.17
http://photos.katrynou.fr/ v.14.1.0 PHP: 8.1.22
Système d'exploitation: Linux - Hébergeur 1&1-Ionos - MySQL: 5.7.42
Bibliothèque graphique: External ImageMagick 6.9.11-60

Hors ligne

  •  » Styles
  •  » Css du footer avec BootStrap Darkroom

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact