Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#501 Le 09/04/2019, à 14:54

Aldian

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Salut,

J'ai téléchargé ton code github et j'ai fait exactement ce que je t'ai suggéré et ça marche. Voici le diff:

diff --git a/assets/css/main_cloud.css b/assets/css/main_cloud.css
index 77169b6..e58c037 100644
--- a/assets/css/main_cloud.css
+++ b/assets/css/main_cloud.css
@@ -1938,11 +1938,6 @@ input, select, textarea {
 		text-overflow: ellipsis;
 	}
 
-		select option {
-			color: #E95420;
-			background: #FFF5EE;
-		}
-
 		select:focus::-ms-value {
 			background-color: transparent;
 		}
diff --git a/assets/css/main_dark.css b/assets/css/main_dark.css
index 40bce06..c5ddcc6 100644
--- a/assets/css/main_dark.css
+++ b/assets/css/main_dark.css
@@ -1939,11 +1939,6 @@ input, select, textarea {
 		text-overflow: ellipsis;
 	}
 
-		select option {
-			color: #E95420;
-			background: #FFF5EE;
-		}
-
 		select:focus::-ms-value {
 			background-color: transparent;
 		}
diff --git a/assets/css/main_evening.css b/assets/css/main_evening.css
index 6dea6cd..8b068d2 100644
--- a/assets/css/main_evening.css
+++ b/assets/css/main_evening.css
@@ -1939,11 +1939,6 @@ input, select, textarea {
 		text-overflow: ellipsis;
 	}
 
-		select option {
-			color: #E95420;
-			background: #FFF5EE;
-		}
-
 		select:focus::-ms-value {
 			background-color: transparent;
 		}
diff --git a/assets/css/main_light.css b/assets/css/main_light.css
index ff4d796..91e2c5d 100644
--- a/assets/css/main_light.css
+++ b/assets/css/main_light.css
@@ -1938,11 +1938,6 @@ input, select, textarea {
 		text-overflow: ellipsis;
 	}
 
-		select option {
-			color: #E95420;
-			background: #FFF5EE;
-		}
-
 		select:focus::-ms-value {
 			background-color: transparent;
 		}

Qui se résume de la manière suivante: dans tous les fichiers CSS, virer la section

		select option {
			color: #E95420;
			background: #FFF5EE;
		}

Hors ligne

#502 Le 09/04/2019, à 15:05

Toulibre

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

@Aldian, Je viens de le faire en local et résultat négatif
2019-04-09-15-04-28-907470-Sans-titre.png

Tu utilises Firefox ?

Edit : ah ben ça fonctionne avec chromium ..
2019-04-09-15-12-44-833582-Sans-titre.png

Dernière modification par Toulibre (Le 09/04/2019, à 15:13)

#503 Le 09/04/2019, à 17:30

Toulibre

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Et donc, le menu de la barre de recherche "Forum" , "Documentation" et sa nouvelle couleur avec css et js. Ah ben oui je mets de l'orange ubuntu partout

#504 Le 09/04/2019, à 22:05

fabux

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Sur phone c'est pas mal comme ça.  Le seul hic le dernier laïus sur les variante fait que je peux me deplacer sur la droite tout du long de la page laissant un espace vide.
1554839988.png
Pour la recherche pas compris le truc moi ça m'allait bien. En l'état détail mais on voit deux fois forum quand on clic sur l'ascenceur
1554840303.png

edit : bizarre. Faut cliquer dans l'image en noir et une fois sur tdct recliquer pour voir l'image.

Dernière modification par fabux (Le 09/04/2019, à 22:07)

Hors ligne

#505 Le 09/04/2019, à 22:10

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Résolu pour la recherche. Très bien... big_smile

Ce qui serait bien ce serait de régler les larges entre les divers paragraphes. Par exemple je trouve que l'espace entre le slider et les paragraphes de description est trop important :

1554839357.png


Ce serait bien de le réduire :

1554839646.png


Dans la partie originale de chaque css (main_cloud.css, main_dark.css, main_evening.css, main_light.css) :

/* Début Carrousel */

div#slider { width: 80%; max-width: 600px; }

Il suffit d'ajouter :

/* Début Carrousel */

div#slider { width: 80%; max-width: 600px; margin-bottom: -6em; }

Ce sont des détails, c'est à toi de voir, laisser comme tel ou réduire plus ou moins.
Voir aussi à régler l'espace entre la description, la ligne et "Il est conseillé de prendre connaissance ..." Je vais voir.

PS - À voir aussi ce que donne ces modifications sur tablette et sur smartphone.
PS² - Fonctionne sur Firefox 66, Chromium 73, Opera 58

Dernière modification par bishop (Le 09/04/2019, à 22:21)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#506 Le 09/04/2019, à 23:13

Toulibre

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

fabux, merci smile , l'onglet de la recherche est d'office sur "Forum" et le choix de la recherche se porte sur "Forum et "Documentation", je pourrais inverser mais il y aurait donc 2 fois "Documentation"
j'ai enlevé l'effet bouton à "Autres Variantes" en bas de page pour que ça passe en version smartphone.

bishop, merci smile , j'ai suivi ton conseil et appliqué à tout les css pour la marge que tu as mentionné donc i tu vois autre chose n'hésites pas.

Suite à un mail de l'admin il y a eu aussi d'autres changements que je vous laisse découvrir, je garderais les liens enlevés en favoris quoiqu'il en soit.

#507 Le 09/04/2019, à 23:25

lynn

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Sur smartphone, il y a l'icône de l'ordinateur orange, celle au dessus du texte

Complet

Ubuntu est fourni avec ce dont vous avez besoin...

qui se superpose avec la présentation d'Ubuntu

Un Système Open Source Leader en Tout Point

C'est voulu ou c'est un bug ?


«C'est pas parce qu'ils sont nombreux à avoir tort qu'ils ont raison!»

Coluche

Hors ligne

#508 Le 09/04/2019, à 23:46

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Comme je te le disais dans le poste #505 :

Voir aussi à régler l'espace entre la description, la ligne et "Il est conseillé de prendre connaissance ..."

À l'origine :

1554844806.png


Après modification :

1554844893.png


Dans le fichier index.html tu n'as pas la possibilité de personnaliser un paragraphe <div><p>... ... ...</p></div> en particulier, par exemple celui qui commence par : Il est conseillé de prendre connaissance du  Guide du débutant et de parcourir la Documentation. ... ... ...
Pour arriver au résultat ci-dessus "Après modification" tu peux créer une classe (que tu appelleras comme tu veux), la même dans chaque fichier.css, par exemple :

.paragraphe {
  margin-top: -3em;

Et appeler la classe dans index.html :

<section>

                                    <div class="paragraphe">
                                            <p>Il est conseillé de prendre connaissance du <a href="https://doc.ubuntu-fr.org/debutant" style="color:#e95420;">Guide du débutant</a> et de parcourir la <a href="https://doc.ubuntu-fr.org/Accueil" style="color:#e95420;">Documentation</a>. Ubuntu 18.04 Bionic Beaver LTS est la dernière version avec support long terme jusqu'à 2023 destinée à tous les utilisateurs alors qu'ubuntu 18.10 Cosmic cuttlefish est la dernière version avec support à court terme, environ 9 mois, plus appropriée aux développeurs ou aux amateurs avertis.<a href="https://www.ubuntu.com/#download" target="https://www.ubuntu.com/#download" style="color:#e95420;"> Téléchargez </a> ou commandez <a href="https://enventelibre.org/cles-usb/107-cle-usb-ubuntu-1804-lts.html" target="https://enventelibre.org/cles-usb/107-cle-usb-ubuntu-1804-lts.html" style="color:#e95420;">la clé USB </a> ou <a href="https://enventelibre.org/ubuntu-fr/133-dvd-ubuntu-1804-lts.html" target="https://enventelibre.org/ubuntu-fr/133-dvd-ubuntu-1804-lts.html" style="color:#e95420;"> le DVD </a> Ubuntu 18.04 Bionic Beaver LTS. Vous êtes à la recherche d'une version particulière ? Retrouvez les, des anciennes aux plus récentes, variantes inclues en cliquant sur le <a href="http://releases.ubuntu.com/" style="color:#e95420;"> lien des dépôts officiels ubuntu.</a></p>

Comme toujours, à toi de personnaliser... roll

Dernière modification par bishop (Le 10/04/2019, à 07:43)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#509 Le 10/04/2019, à 00:11

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Et de supprimer le <br> pour minimiser l'espace entre le texte et le bouton :

Avant :

1554848142.png

<section>

                                    <div class="paragraphe">
                                            <p>Il est conseillé de prendre connaissance du <a href="https://doc.ubuntu-fr.org/debutant" style="color:#e95420;">Guide du débutant</a> et de parcourir la <a href="https://doc.ubuntu-fr.org/Accueil" style="color:#e95420;">Documentation</a>. Ubuntu 18.04 Bionic Beaver LTS est la dernière version avec support long terme jusqu'à 2023 destinée à tous les utilisateurs alors qu'ubuntu 18.10 Cosmic cuttlefish est la dernière version avec support à court terme, environ 9 mois, plus appropriée aux développeurs ou aux amateurs avertis.<a href="https://www.ubuntu.com/#download" target="https://www.ubuntu.com/#download" style="color:#e95420;"> Téléchargez </a> ou commandez <a href="https://enventelibre.org/cles-usb/107-cle-usb-ubuntu-1804-lts.html" target="https://enventelibre.org/cles-usb/107-cle-usb-ubuntu-1804-lts.html" style="color:#e95420;">la clé USB </a> ou <a href="https://enventelibre.org/ubuntu-fr/133-dvd-ubuntu-1804-lts.html" target="https://enventelibre.org/ubuntu-fr/133-dvd-ubuntu-1804-lts.html" style="color:#e95420;"> le DVD </a> Ubuntu 18.04 Bionic Beaver LTS. Vous êtes à la recherche d'une version particulière ? Retrouvez les, des anciennes aux plus récentes, variantes inclues en cliquant sur le <a href="http://releases.ubuntu.com/" style="color:#e95420;"> lien des dépôts officiels ubuntu.</a></p>
                                                                                        <br>
                                            <ul class="actions">
                                                    <li><a href="https://doc.ubuntu-fr.org/" class="button big">Plus d'Informations</a></li>
                                                </ul>
                                    </div>


Aprés :

1554848227.png

<section>

                                    <div class="paragraphe">
                                            <p>Il est conseillé de prendre connaissance du <a href="https://doc.ubuntu-fr.org/debutant" style="color:#e95420;">Guide du débutant</a> et de parcourir la <a href="https://doc.ubuntu-fr.org/Accueil" style="color:#e95420;">Documentation</a>. Ubuntu 18.04 Bionic Beaver LTS est la dernière version avec support long terme jusqu'à 2023 destinée à tous les utilisateurs alors qu'ubuntu 18.10 Cosmic cuttlefish est la dernière version avec support à court terme, environ 9 mois, plus appropriée aux développeurs ou aux amateurs avertis.<a href="https://www.ubuntu.com/#download" target="https://www.ubuntu.com/#download" style="color:#e95420;"> Téléchargez </a> ou commandez <a href="https://enventelibre.org/cles-usb/107-cle-usb-ubuntu-1804-lts.html" target="https://enventelibre.org/cles-usb/107-cle-usb-ubuntu-1804-lts.html" style="color:#e95420;">la clé USB </a> ou <a href="https://enventelibre.org/ubuntu-fr/133-dvd-ubuntu-1804-lts.html" target="https://enventelibre.org/ubuntu-fr/133-dvd-ubuntu-1804-lts.html" style="color:#e95420;"> le DVD </a> Ubuntu 18.04 Bionic Beaver LTS. Vous êtes à la recherche d'une version particulière ? Retrouvez les, des anciennes aux plus récentes, variantes inclues en cliquant sur le <a href="http://releases.ubuntu.com/" style="color:#e95420;"> lien des dépôts officiels ubuntu.</a></p>
                                                                                       
                                            <ul class="actions">
                                                    <li><a href="https://doc.ubuntu-fr.org/" class="button big">Plus d'Informations</a></li>
                                                </ul>
                                    </div>

Le bouton aura le même espace que les boutons des paragraphes "Les variantes officielles libres basées sur Ubuntu".
Après, pour aérer un peu la page, il faudrait augmenter (un p'tit peu) l'espace entre le bouton et "Les variantes officielles libres basées sur Ubuntu". À essayer... roll

PS - À voir aussi ce que donne ces modifications sur tablette et sur smartphone.

Dernière modification par bishop (Le 10/04/2019, à 00:26)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#510 Le 10/04/2019, à 00:35

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

lynn a écrit :

Sur smartphone, il y a l'icône de l'ordinateur orange, celle au dessus du texte

Complet

Ubuntu est fourni avec ce dont vous avez besoin...

qui se superpose avec la présentation d'Ubuntu

Un Système Open Source Leader en Tout Point

C'est voulu ou c'est un bug ?

Est-ce que ce problème existait avant que Toulibre ne fasse les modifications proposées dans le poste #505 ?
Je me pose la question car appliquer des valeurs négatives aux propriétés peut réserver quelques surprises et certaines déconvenues.

Dernière modification par bishop (Le 10/04/2019, à 00:36)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#511 Le 10/04/2019, à 01:12

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Comme proposé dans le poste #509 :

Après, pour aérer un peu la page, il faudrait augmenter (un p'tit peu) l'espace entre le bouton et "Les variantes officielles libres basées sur Ubuntu". À essayer... roll

Avant :

1554850754.png


Après :
1554851092.png

C' est plus clair comme cela, plus aéré. On marque mieux le passage d'un sujet à un autre. Ce n'est que mon opinion... wink


Pour ce faire il faut ajouter dans chaque fichier CSS la propriété margin-bottom dans la classe .paragraphe que nous avons créé dans le poste précédent :

.paragraphe {
  margin-top: -3em;
  margin-bottom: 5em;
}


Et pour diminuer l'espace entre "Les variantes officielles libres basées sur Ubuntu" et les images des deux premiers paragraphes il faut modifier, dans chaque fichier CSS la valeur :
Avant :

header.major > :last-child {
        border-bottom: solid 3px #E95420;
        display: inline-block;
        margin: 0 0 2em 0;
        padding: 0 0.75em 0.5em 0;
    }


Après :

header.major > :last-child {
        border-bottom: solid 3px #E95420;
        display: inline-block;
        margin: 0 0 1.5em 0;
        padding: 0 0.75em 0.5em 0;
    }

Dernière modification par bishop (Le 10/04/2019, à 02:08)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#512 Le 10/04/2019, à 07:54

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Toulibre
Fais attention à mes propositions. Je viens de m'apercevoir que le rendu différait (parfois de beaucoup) quand on modifiait la taille de la fenêtre du navigateur.
Il faut que je fasse des essais sur les portables de ma femme et de mon gamin qui disposent d' écrans 15.4 et 17 pouces. Ça peut aussi être problématique avec les écran des tablettes et des smartphones.
Il faudrait peut-être voir du coté HTML5 et CSS3 comment créer des pages responsive.

Dernière modification par bishop (Le 10/04/2019, à 09:15)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#513 Le 10/04/2019, à 07:56

PPdM

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

J'ai un écran de 15 " sur mon portable et c'est nickel


La critique est facile, mais l'art est difficile !
L'humanité étant ce qu'elle est, la liberté ne sera jamais un acquit, mais toujours un droit à défendre !
Pour résoudre un problème commence par poser les bonnes questions, la bonne solution en découlera

Hors ligne

#514 Le 10/04/2019, à 09:01

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

PPdM a écrit :

J'ai un écran de 15 " sur mon portable et c'est nickel

Merci PPdm pour le retour.


Le problème avec cette page est que quand je réduis le navigateur à une largeur de 600 px les marges et les intervalles entre les paragraphes ne sont pas respectés.
Je pense que la visibilité de cette page sur des tablettes ou des smartphones est compromise. Avant d'en dire plus je vais essayer sur une tablette et sur un smartphone (phablette de 6.4 pouces).

Quand je teste mon site wordpress en local avec un thème responsive (customizr), il n'y a pas de problème de visibilité dans le navigateur réduit à une largeur de 600 px, voir çi-dessous :

1554877406.png   1554878271.png

Je pense qu'il faut déjà passer la page à la moulinette avec le validateur du W3C (choisir html5) (dans More Options < Document Type < HTML5 Experimental). Il y a 12 erreurs de signalées.
Et aussi au validateur du W3C (CSS3) pour voir de quoi il retourne. Pour le CSS3 il y a peu d'erreur (8) et beaucoup d'avertissement (832) mais ça c'est moins grave. Beaucoup ce ces avertissements signifie :

La propriété xxx est une extension propriétaire inconnue

En ce qui me concerne je connais peu les protocoles d'une mise en page responsive. Je vais creuser, je serai un peu moins bête... wink

Dernière modification par bishop (Le 10/04/2019, à 09:13)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#515 Le 10/04/2019, à 09:17

rogn...

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Salut.

Deux trois à améliorer et pour moi ce sera bon.
- Le menu de Recherche : pas clair.
Un champ vide avec un petit icône loupe, pas besoin de texte. La liste déroulante devrait être d'une autre couleur qu'orange, on mettrait le titre "Rechercher dans" sur la liste déroulante. En 1920 par 1080, la liste bouffe sur le menu en dessous.
- Les textes. Oui pour une police sérif, mais pour bien uniformiser : mettre de la police sérif partout. (Titre et paragraphes).
- Les variantes : il y a deux fois plus de texte pour Ubuntu Budgie et Kubuntu que Xubuntu et Lubuntu. Les boutons "Plus d'informations" ne sont pas alignés. Soit on "cause" autant pour chaque variante, soit on aligne.

#516 Le 10/04/2019, à 09:57

Toulibre

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Bonjour ,
lynn, j'ai remit la marge normale, maintenant l'icône ne vient plus se superposer au carrousel en version smartphone, merci smile

bishop, merci pour tout le temps que tu prends pour me montrer comment réduire les espaces smile , il y a effectivement de temps en temps des soucis en responsive en les changeant, je verrais ce soir ce que je peux faire en local avant d'appliquer en ajustant les conseils dans tes commentaires.

rogn..., je vais tenter de mettre une loupe à la recherche, j'avais essayé il y a un moment sans succès. J'ai aligné les "plus d'informations" et je vais voir pour réduire la taille de la liste déroulante. La police qui normalement s'affiche partout sur la page est la même que la doc à savoir ( "Ubuntu",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif; ), ensuite comment tel ou tel navigateur interprète je n'ai pas vérifié.

#517 Le 10/04/2019, à 11:48

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Toulibre
Pour info... tongue
En fait, dans les CSS il n'y a que deux erreurs répétées dans les quatre fichiers.css. Ce qui donne huit erreurs à la validation.

Ligne 2271 dans main_light.css - Propriété erronée : border-top #E95420 n'est pas une couleur valide (qui doit contenir 3 ou 6 chiffres hexadécimaux).

ul.alt li {
                border-top: solid 1px rgba(#E95420);
                padding: 0.5em 0;
            }

Il faut utiliser les codes de couleur rgba ():
     les 3 premières valeurs sont pour rgb
     la 4ème valeur concerne le canal alpha et définit l'opacité de la couleur
La valeur alpha peut aller de zéro 0 (transparent) à un 1 (opaque).

Pour un code couleur #E95420 avec opacité à 255 le code couleur est :

ul.alt li {
                border-top: solid 1px rgba(233, 84, 32, 255);
                padding: 0.5em 0;
            }

La même erreur dans main_cloud.css à la ligne 2271.
La même erreur dans main_evening.css à la ligne 2272.
La même erreur dans main_dark.css à la ligne 2272.


Ligne 3607 dans main_light.css - Propriété erronée : font-family 400 n'est pas une valeur de font-family : 400

#menu ul {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #FFF5EE;
        font-family: "Ubuntu",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif ;
        font-family: 400;
        letter-spacing: 0.075em;
        list-style: none;
        margin-bottom: 0;
        padding: 0;
        text-transform: uppercase;
    }

Pour la graisse des polices ce n'est pas font-family mais font-weight. Ce qui donne :
        font-weight: 400;

La même erreur dans les autres fichiers.css à la ligne 3607 ou 3608.


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#518 Le 10/04/2019, à 11:49

Aldian

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Toulibre a écrit :

Et donc, le menu de la barre de recherche "Forum" , "Documentation" et sa nouvelle couleur avec css et js. Ah ben oui je mets de l'orange ubuntu partout

J'ai regardé la manière dont tu t'y es pris, c'est mochissime au possible, ça va pas être possible de laisser ça comme ça, un script JS qui ajoute dynamiquement du DOM, tout ça pour régler une histoire de couleur... Je ne comprends pas pourquoi la modif que j'ai proposée ne fonctionne pas chez toi, je vais voir si je peux forker ton code pour que tu voies ce que j'avais en tête

Hors ligne

#519 Le 10/04/2019, à 12:04

fabux

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Sur phone pas de favicon.
Toujours l'espace en trop après "votre école , ".

Hors ligne

#520 Le 10/04/2019, à 12:40

Aldian

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Alors cette fois-ci j'ai forké ton code et j'ai modifié la liste déroulante du champs de recherche à ma sauce, tu peux aller voir ici le détail du code si tu veux le télécharger et voir comment ça va: https://github.com/Aldian-fr/ubuntu-page-accueil-projet.

Si ça te va, tu peux récupérer ce que j'ai fait simplement en approuvant la Pull Request que je viens de faire ici: https://github.com/steeve-legal/ubuntu- … jet/pull/1

Et la démo est disponible sur cette page: https://aldian-fr.github.io/ubuntu-page-accueil-projet/

Dernière modification par Aldian (Le 10/04/2019, à 13:28)

Hors ligne

#521 Le 10/04/2019, à 21:55

Toulibre

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

J'arrive depuis peu,
Alors bishop, merci encore les détails sont dans une autre discussion smile
fabux l'espace à école c'est ok, merci de l'avoir "encore" vu, le favicon comme je te l'ai déjà précisé apparaîtra chez l'hébergeur mais pas sur github smile
Aldian, lorsque je vais à l'adresse que tu mets à dispo je vois que la barre de recherche est avec un fond sombre et un survol bleu,donc pas de changement comme tu le dis, vérifies sur firefox, ce que tu y as mit n'est sûrement pas valable sur tout les navigareurs c'est pourquoi je l'ai mis avec un javascript. Donc question rendu de ta page ...
2019-04-10-21-51-56-282286-Sans-titre.png
J'ai fait quelques changements aussi sur les images et un nouvel icône social
Et grâce à bishop je donne le résultat de ces corrections css, encore merci
2019-04-10-21-39-55-120135-Screenshot-2019-04-10-Ry-sultats-de-la-validation-W3C-CSS-de-https-steeve-legal-github-io-ubuntu-page-accueil-projet-CSS-ni-...-.png

Dernière modification par Toulibre (Le 10/04/2019, à 21:56)

#522 Le 10/04/2019, à 23:59

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Haaa... roll
J'ai posté sur une autre discussion. Je me suis complétement planté. Bishop ! Tu devrais aller te coucher.
Comment tu as fait pour trouver le message ?


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#523 Le 11/04/2019, à 00:19

Toulibre

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

J'avais déjà prit part à cette discussion il y a un moment , pas de souci je répond quand même vu le temps et la peine que tu t'es donné pour corriger les erreurs ! smile

#524 Le 11/04/2019, à 00:55

bishop

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

J'ai commencé à corriger les erreurs HTML5. Je te dirai quoi si ça fonctionne.
La première concerne la balise <center> qui n'est pas (plus) conforme en HTML5. Je l'ai remplacé par des attributs en CSS. Cette erreur concerne le titre et le placement du slider. Sur mon smartphone l'icône ne se superpose pas avec la présentation d'Ubuntu comme le signalait lynn dans le poste #507.

Est-ce que tu peux vérifier cela avec un smartphone et me dire quoi ?
Le lien pour bien faire

Si d'autres utilisateurs peuvent tester ce serait pas mal. Merci. smile


Post-scriptum
Sinon j'ai supprimé les icônes obsolètes et téléchargé les nouveaux et j'ai fait les modifs dans le menu. Par contre pour l'icône social supplémentaire c'est quoi ? Mastodon ?

Dernière modification par bishop (Le 11/04/2019, à 01:13)


La plus grande surprise que puisse faire un con c'est de faire une pause.

Hors ligne

#525 Le 11/04/2019, à 01:26

Coeur Noir

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Oh ça faisait un bail que j'avais pas jeté un œil ! Que s'est-il passé ?

Pourquoi le soulignement de « Un Système Open Source Leader en Tout Point » ?
Et c'est tout haut ou tout bas de casse mais pas de mix minuscule /  majuscule c'est pô français.
Tout ça c'est un peu comme le comic-sans-ms… on peut aimer comme un peut trouver ça daté, suranné.

Il n'y a plus vraiment d'entête, de haut de page, de titre : un menu sandwich, une barre orange avec des icônes aux extrémités au dessus en dessous, du vide…


DébuterDocBien rédigerRetour commandeInsérer image | illustrations & captures d'écran <>

Hors ligne