Profil gauche On Line

Hervé
Messages : 8
Enregistré le : 17 nov. 2021, 12:02

Re: Profil gauche On Line

Message par Hervé » 20 nov. 2021, 11:32

Tu es trop gentil.
De Prosilver il n'y a que les couleurs que nous n'aimons pas, d'où le choix pour SE_Square.
SE_Square n'étant plus mis à jour j'ai fait un style perso qui ne modifie que les couleurs, ou presque.
Voici ma stylesheet pour info, si tu trouves que quelque chose cloche ...

Code : Tout sélectionner

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	background-image: url("images/Fond.webp");	/* Test avec Fond.webp : 400 kB ipv 2 MB */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	color: #536482;
	background-color: #708090;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar, .forumbg {
	background-color: #0084C4;
	background-image: -webkit-linear-gradient(top, #003F5E 0%, #005C8A 2px, #0084C4 92px, #0084C4 100%);
	background-image: linear-gradient(to bottom, #003F5E 0%,#005C8A 2px,#0084C4 92px,#0084C4 100%);
	background-repeat: repeat-x;
}

.forabg {
	background-color: #0084C4;
	background-image: -webkit-linear-gradient(top, #003F5E 0%, #005C8A 2px, #0084C4 92px, #0084C4 100%);
	background-image: linear-gradient(to bottom, #003F5E 0%,#005C8A 2px,#0084C4 92px,#0084C4 100%);
	background-repeat: repeat-x;
	border: 1px solid #4f91b6;
}

.navbar {
	background-color: #e5eef5;
	border: 1px solid #bcd4e3;
}
.post:target .content {
	color: #000080;
}
.site_logo {
	background-image: url("./images/site_logo.gif");
}
/* Content container styles
----------------------------------------*/
.content {
	color: #000080;
}

/* Content container styles
----------------------------------------*/
.content ul, .content ol {
	margin: 0 0 0 3em;
}
/* Post-profile avatars */
.online {
	background-image: url("./images/icon_user_online.gif");
}

.offline {
	background-image: none;
}

Avatar du membre
cabot
Administrateur du site
Messages : 186
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: Profil gauche On Line

Message par cabot » 20 nov. 2021, 12:01

Ah mais je pensais que tu voulais aussi supprimer les arrondis comme sur SE Square.

Si ce sont les seules modifications apportées au style, tu peux encore simplifier ton affaire en supprimant le dossier template.

Je vais te préparer un zip du style.

Avatar du membre
cabot
Administrateur du site
Messages : 186
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: Profil gauche On Line

Message par cabot » 20 nov. 2021, 12:35

Voilà, ça y est.
J'ai utilisé au maximum l'héritage de prosilver, tu ne devrais plus avoir à t'inquiéter des futures mises à jour.
J'en ai profité pour réduire de moitié le poids de l'image de fond.

LeForumRecifal.zip
(199.83 Kio) Téléchargé 59 fois
N'hésite pas à me poser des questions si tu as besoin d'explications.

Hervé
Messages : 8
Enregistré le : 17 nov. 2021, 12:02

Re: Profil gauche On Line

Message par Hervé » 20 nov. 2021, 16:41

Merci mais j'ai besoin du répertoire Template car j'ai fait des modifications par exemple
pour que le bouton "citer" viewtopic_body soit le premier dans viewtopic_body.html
pour avoir seulement le nom du site dans <title> dans overall_header.html

Comment as tu réduit l'image de moitié (de 422 à 190 k) : c'est la même que la mienne (2000 x 1500) !

Je ne comprends pas pourquoi tu charges les fichiers de Prosilver avec des @import.
Ne sont-ils pas d'office chargés ?
J'avais compris que les propriétés reprises dans mon style_perso.css écrasent celles qui sont déjà définies dans Prosilver.

Avatar du membre
cabot
Administrateur du site
Messages : 186
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: Profil gauche On Line

Message par cabot » 20 nov. 2021, 19:23

Je pensais que tu n'avais pas modifié le HTML, c'est pourquoi je t'ai proposé cette architecture.
Mais libre à toi de rajouter les fichiers de template que tu souhaites modifier.
Hervé a écrit : 20 nov. 2021, 16:41 Comment as tu réduit l'image de moitié
Avec Gimp ^^
Hervé a écrit : 20 nov. 2021, 16:41 Je ne comprends pas pourquoi tu charges les fichiers de Prosilver avec des @import.
Ne sont-ils pas d'office chargés ?
Non car il n'y a pas de overall_header.html dans le style, donc le core va récupérer le chemin de ton style pour charger les CSS.
Et comme on évite de modifier ces fichiers pour conserver un maximum d'héritage dans le but de se faciliter la vie, on importe ceux de prosilver qui sont automatiquement mis à jour.
Mais pour le coup ça n'a plus lieu d'être puisque tu as besoin du overall_header dans ton style, donc autant continuer comme tu as déjà fait.

Tu peux me faire un zip de ton style que j'y jette un œil pour voir s'il y a des coquilles ou des oublis ?

Hervé
Messages : 8
Enregistré le : 17 nov. 2021, 12:02

Re: Profil gauche On Line

Message par Hervé » 21 nov. 2021, 09:32

Bonjour,
Tu trouveras l'intégralité de mon style ici https://www.rudyv.be/Temp/LeForumRecifal.zip

Avatar du membre
cabot
Administrateur du site
Messages : 186
Enregistré le : 03 nov. 2011, 11:29
Contact :

Re: Profil gauche On Line

Message par cabot » 21 nov. 2021, 11:33

Ah mais ça va, tu t'es bien débrouillé. 8-)

Suggestions :
  • Modifier print.css en remplaçant le contenu par l'import du fichier de prosilver pour bénéficier des mises à jour :

    Code : Tout sélectionner

    @import url("../../prosilver/theme/print.css");
  • Supprimer toutes les images inutilisées puisque chargées par les CSS de prosilver, y compris le dossier /images/plupload/.
    Plutôt que de lister toutes celles à virer, je te fais la liste de celles à conserver :
    • Fond.webp
    • icon_user_online.gif
    • no_avatar.gif
    • site_logo.gif
  • Supprimer cette règle qui ne sert à rien dans LeForumRecifal.css, la classe offline n'est pas utilisée :

    Code : Tout sélectionner

    .offline {
    	background-image: none;
    }
  • Si tu veux supprimer les arrondis, ajoute dans ton CSS :

    Code : Tout sélectionner

    .wrap,
    .headerbar,
    .navbar,
    .forabg,
    .forumbg,
    .panel,
    .post,
    .dropdown,
    .dropdown .dropdown-contents,
    .pagination li a,
    .pagination li span,
    .row .pagination li a,
    .row .pagination li span,
    .loading_indicator,
    div.rules,
    .dropdown-extended .header,
    .postbody .content::-webkit-scrollbar,
    .topicreview::-webkit-scrollbar,
    .post_details::-webkit-scrollbar,
    .codebox code::-webkit-scrollbar,
    .attachbox dd::-webkit-scrollbar,
    .attach-image::-webkit-scrollbar,
    .dropdown-extended ul::-webkit-scrollbar,
    .postbody .content::-webkit-scrollbar-thumb,
    .topicreview::-webkit-scrollbar-thumb,
    .post_details::-webkit-scrollbar-thumb,
    .codebox code::-webkit-scrollbar-thumb,
    .attachbox dd::-webkit-scrollbar-thumb,
    .attach-image::-webkit-scrollbar-thumb,
    .dropdown-extended ul::-webkit-scrollbar-thumb,
    .button,
    .button-search-end,
    .tabs .tab > a,
    .minitabs .tab > a,
    .cp-mini,
    .search-box .inputbox,
    .search-header {
    	border-radius: 0;
    }

Répondre