[CSS] Taille des polices du forum

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 21:03

elwario91 a écrit :Pour moi le meilleur programme est Geany ou Gedit
Je trouve que la grandeur de la police est parfaite

Ah oui, j'ai installé Geany pour voir. Et bien ce geany est miro : je lui demande de chercher px dans tout le document il n'en trouve pas un seul !

Alors que Scite, non seulement il les trouve mais il les remplace tous en un coup si je le lui demande.

La CSS c'est bien celle-là ?

kozaki · Message par **kozaki** » jeu. 28 juin 2007, 22:29

Apparemment oui, si y-en a bien 2 : archfr & posting.
Sinon à première vue, il y a 2 définitions à modifier dans 1 css, et c'est tout.
archfr.css (line 6)

Code : Tout sélectionner

body {
color:#46494D;
font-family:"Bitstream Vera Sans","Lucinda Grande",Arial,sans-serif;
font-size:small;
}

archfr.css (line 521)

Code : Tout sélectionner

td, tr, p, div {
font-family:"Bitstream Vera Sans","Lucinda Grande",Arial,sans-serif;
font-size:small;
}

@ melodie au cas où tu aies n fichiers où remplacer un string par un autre :

Code : Tout sélectionner

cd /css/
grep 11px * | cut -d ":" -f 1 | xargs sed -i -e 's/11px/80%/g'

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 22:38

kozaki a écrit :
@ melodie au cas où tu aies n fichiers où remplacer un string par un autre :
Code : Tout sélectionner
cd /css/
grep 11px * | cut -d ":" -f 1 | xargs sed -i -e 's/11px/80%/g'

Pour ma prochaine période de temps libre, je vais devoir choisir entre plonger dans bash, ou dans CSS. Ça va être dur de faire un choix !
(je comprend à peine moins de la moitié des termes dans ta ligne).
Merci quand même.

kozaki · Message par **kozaki** » jeu. 28 juin 2007, 22:49

qui a parlé de comprendre ?

pour les curieux-ses :
http://www.ss64.com/bash/index.html
& pis man xargs, man sed, man cut

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 22:56

kozaki a écrit :qui a parlé de comprendre ?

Et pourtant...

pour les curieux-ses :
http://www.ss64.com/bash/index.html
& pis man xargs, man sed, man cut

Merci.

Message par **warnaud** » jeu. 28 juin 2007, 22:57

Bon ok si vous êtes @fond css

je veux bien m'amuser

alors voici la css d'osku qui corrige des bugs graphiques, le challenge : faire un mix de toutes vos solutions et que ça marche :p
http://docs.google.com/View?docid=dd642nvb_6fr6z25

Je ferai un template v4 avec ça pour voir l'impact sur tout le site

merci aux csseurs et csseuses :p

(désolé je suis ultra overbooké en ce moment)

kozaki · Message par **kozaki** » jeu. 28 juin 2007, 23:04

melodie > avec d'autant plus de plaisir que tu as initié ce débat, et puis tu as toujours la gentillesse de répondre "quand on te cause"

http://docs.google.com/View?docid=dd642nvb_6fr6z25

Désolé, mais blabla@gmail.com ne peut pas accéder à ce document.

Vous êtes connecté avec blabla@gmail.com, mais ce compte de messagerie n'a pas l'autorisation d'accéder à ce document.

Connectez-vous sous un autre nom d'utilisateur ou demandez l'accès à ce document.

keski lui prend à Gogol ?

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 23:05

warnaud a écrit :le challenge : faire un mix de toutes vos solutions et que ça marche :p

De ce que j'en sais, il vaut mieux faire une modification d'abord, et regarder ce que ça produit, avant de faire la suivante, même si tu veux modifier plus de choses dans la même session de travail pour gagner du temps.

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 23:09

kozaki a écrit :melodie > avec d'autant plus de plaisir que tu as initié ce débat, et puis tu as toujours la gentillesse de répondre "quand on te cause"

Pour Gogol je sais pas, mais pour le reste... c'est naturel. Quand à ton lien son clone se nomme maintenant 'bash.html' et il est dans mon répertoire docs infos.

Hummm... ah oui Gogol premier. Warnaud, peut-être qu'une copie sur pastebin, avec une durée un peu plus longue que un mois ? voire même ici peut-être ?

/je re...

Message par **warnaud** » jeu. 28 juin 2007, 23:12

Désolé voilà ce que m'a filé osku qui est la soluce de ce bug : http://bugs.archlinux.fr/?do=details&id=64

Code : Tout sélectionner

/************************/
/*Archlinux.fr template */
/************************/

body {
 background       : url("http://archlinux.fr/templates/archlinuxv3/images/fond_header.jpg") repeat-x top left #fbf8f1;
  padding          : 0px;
  margin           : 0px;
  color            : #46494d;
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : small;
}

#header {
  border           : 0px solid #0F0;
  height           : 140px;
  margin           : 0px 30px 0px 30px;
}

#logo {
  float            : left;
  height           : 140px;
  border           : 0px solid #FF0;
  padding-top      : 0px;
  position         : absolute;
  top              : 0px;
}

#topmenu {
  float            : right;
  margin           : 0px;
  margin-top       : 49px;
  margin-right     : 10px;
  margin-bottom    : 0px;
  height           : 20px;
}

#main {
  padding          : 10px;
  padding-top      : 0px;
  margin           : 0 290px 0 30px;
}

#rightcol {
  clear            : both;
  float            : right;
  width            : 250px;
  padding          : 0 10px 0px 0;
  margin-right     : 30px;
  text-align       : right;
}

input.pkgsearch {
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

p.pkgsearch {
  margin-top       : 5px;
  margin-bottom    : 10px;
}

#rss-feed {
  margin           : 0px;
  padding-top      : 0px;
}

#forum-rss {
  background-color : #f6efe0;
  border           : 1px solid #eee4cb;
  height           : 200px;
}

#wiki-rss {
  background-color : #f6efe0;
  border           : 1px solid #eee4cb;
  height           : 200px;
}

#security-rss {
  background-color : #f6efe0;
  border           : 1px solid #eee4cb;
  height           : 200px;
}

#forum-rss a, #wiki-rss a, #security-rss a {
  color            : #35526f;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #f6efe0;
}

#rss-feed ul {
  padding-left     : 25px;
}

#security-rss a {
  color            : #C24E4E;
}

#foot {
  height           : 100px;
  text-align       : center;
  font-size        : small;
  padding-top      : 10px;
  background       : url("http://archlinux.fr/templates/archlinuxv3/images/fond_bottom.jpg") repeat-x bottom left #fbf8f1;
  margin           : 0px;
  width            : 100%;
  padding-bottom   : 0px;
  position: absolute;
  bottom: 0; left: 0;
}

#search {
  width            : 150px;
  height           : 20px;
  position         : relative;
  top              : 10px;
  right            : 10px;
  float            : right;
}

.clear {
  clear            : both;
  margin           : 0px;
  padding          : 0px;
}

#active_menu {
  font-size        : 14px;
  text-decoration  : underline;
}

#mainlevel-nav ul {
  list-style       : none;
  padding-right    : 10px;
  padding-top      : 35px;
}

#mainlevel-nav ul li {
  display          : block;
  float            : right;
  width            : 67px;
  height           : 20px;
  padding-top      : 2px;
  margin-left      : 3px;
  background       : url("http://archlinux.fr/templates/archlinuxv3/images/tab.png") repeat-x bottom left #fbf8f1;
  text-align       : center;
  font-size        : 13px;
}

#mainlevel-nav ul li[class~=selected] {
  background       : #fbf8f1;
}

#mainlevel-nav ul li a {
  text-decoration: none;
  color            : #35526f;
  font-size        : 12px;
  font-weight      : bold;
}



#welcome {
  border           : 1px solid #8FAECD;
  background       : #e1e3e6;
  padding          : 10px;
  padding-bottom   : 30px;
  margin-top       : 0px;
  padding-top      : 10px;
}

#welcome p{
  font-size        : 13px;
}

#welcome p a {
  font-size        : 14px;
}

#welcome span {
  font-size        : 24px;
  font-weight      : bold;
}

#news {
  margin-right     : 10px;
}

#news a.readon {
  padding-right    : 20px;
}

#news ul {
  padding-left     : 25px;
}

h2 {
  margin           : 20px 0 20px 0;
}
h2.title {
  border-bottom    : 1px solid #46494d;
}

div.mini-rss {
 float             : right;
 position          : relative;
 bottom            : -3px;
 right             : 10px;
}

h3.title {
  margin           : 2px 10px 0px 10px;
  padding: 0px;
  border-bottom    : 1px solid #46494d;
}

h3.title2 {
  margin           : 0 0 5px 0;
  font-size        : 16px;
  font-weight      : bold;
  border-bottom    : 1px solid #46494d;
}

a.readon {
  font-size        : 10px;
}

#archfr-rss {
  width            : 100%;
  padding          : 0px;
  margin           : 0px;
  padding-bottom   : 10px;
  text-align       : left;
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
  padding-top:10px;
}

#archfr-rss ul {
  padding-left     : 14px;
  margin: 10px;
}

#forum-rss {
  width            : 100%;
  padding          : 0px;
  margin           : 0px;
  padding-bottom   : 10px;
  text-align       : left;
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

#forum-rss ul {
  padding-left     : 14px;
  margin           : 10px;
}

#wiki-rss {
  width            : 100%;
  padding          : 0px;
  margin           : 0px;
  padding-bottom   : 10px;
  text-align       : left;
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

#wiki-rss ul {
  padding-left     : 14px;
  margin           : 10px;
}

#security-rss {
  width            : 100%;
  padding          : 0px;
  margin           : 0px;
  padding-bottom   : 10px;
  text-align       : left;
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

#security-rss ul {
  padding-left     : 14px;
  margin           : 10px;
}

table.rss-tab {
  padding          : 10px;
  margin           : 0px;
  border           : 1px solid #eee4cb;
  background-color : #f6efe0;
}

hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
  color            : #46494d;
}

#main a.contentpagetitle {
  color            : #35526f;
  font-size        : 16px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #fbf8f1;
}

table.contentpaneopen {
  background       : transparent;
  font-size        : small;
  width            : 100%;
}

a.readon {
  color            : #35526f;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : transparent;
  float: right;
}

a.blogsection {
  color            : #35526f;
  font-size        : 14px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #fbf8f1;
}

td.createdate {
  font-size        : 10px;
  color            : #46494d;
  text-align       : left;
  background-color : #fbf8f1;
}

table.moduletable {
  width            : 100%;
  padding          : 14px;
  margin-bottom    : 10px;
  text-align       : left;
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

table.moduletable th {
  font-size        : 16px;
  font-weight      : bold;
  color            : #46494d;
  background-color : #f6efe0;
  width            : 100%;
  padding-bottom   : 5px;
}

table.moduletable td {
  font-size        : small;
  font-weight      : normal;
  text-align       : left;
}

table.moduletable a {
  color            : #35526f;
  font-size        : 14px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #f6efe0;
}

div.componentheading {
  background-color : #f6efe0;
  color            : #46494d;
  font-size        : 20px;
  font-weight      : bold;
  text-align       : center;
  margin-bottom    : 10px;
}

a.category, table.contentpane a{
  color            : #35526f;
  font-size        : 14px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #fbf8f1;
}

a.category:hover, table.contentpane a:hover {
  color            : #00f;
  font-size        : 14px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #fbf8f1;
}

div.back_button a{
  color            : #35526f;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
  background-color : #fbf8f1;
}

.pathway {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : 11px;
  color            : #CCCCCC;
  background-color : #fbf8f1;
}

.poll {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
  background-color : #fbf8f1;
}

table.pollstableborder {
  margin-bottom    : 5px;
  width            : 100%;
}

table.pollstableborder td{
  padding-left     : 2px;
}

.sectiontableheader {
  background-color : #CCCCCC;
  color            : #779707;
  font-weight      : bold;
  padding          : 2px;
  font-size        : 14px;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
  color            : #46494d;
}

.sectiontableentry1 a.category {
  background-color : #F0F0F0;
  color            : #46494d;
}

.sectiontableentry1 a.category:hover {
  background-color : #F0F0F0;
  color            : #0000FF;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
  color            : #46494d;
}

.sectiontableentry2 a.category {
  background-color : #E0E0E0;
  color            : #46494d;
}

.sectiontableentry2 a.category:hover {
  background-color : #E0E0E0;
  color            : #0000FF;
}

.small {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : normal;
  background-color : #fbf8f1;
}

.smalldark {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
  background-color : #fbf8f1;
}

.contentpane {
  background       : transparent;
  width            : 100%;
}

.contentpaneopen {
  background       : transparent;
}

.button {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-style       : normal;
  font-size        : 12px;
  font-weight      : bold;
  background       : #e0e0e0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

.inputbox {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : 12px;
  background       : #f6efe0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
}

td, tr, p, div {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-size        : small;
}

input.google_linux_search {
  border           : #e0e0e0 1px solid;
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  padding-left     : 5px;
  width            : 212px;
}

input.google_linux_submit {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-style       : normal;
  font-size        : 12px;
  font-weight      : bold;
  background       : #e0e0e0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
  margin-top       : 10px;
}

input.mailing_mail {
  border           : #e0e0e0 1px solid;
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  padding-left     : 5px;
  width            : 300px;
}

input.mailing_submit {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-style       : normal;
  font-size        : 12px;
  font-weight      : bold;
  background       : #e0e0e0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
  margin-top       : 10px;
}

input.irc {
  font-family      : "Bitstream Vera Sans", "Lucinda Grande", Arial, sans-serif;
  font-style       : normal;
  font-size        : 12px;
  font-weight      : bold;
  background       : #e0e0e0;
  border           : 1px solid #eee4cb;
  color            : #46494d;
  margin-top       : 10px;
}

ul.last_rss {
  padding-left     : 0px;
  list-style       : none;
}

p.last_rss {
  margin           : 2px 0px 2px 10px;
  font-size        : 10px;
}

a.nav {
  text-decoration  : none;
  font-size        : 12px;
  background-color : transparent;
}

#foot a.nav {
  color: #fff;
}

#main a.nav {
  color            : #46494d;
}

td.contentheading {
  font-size        : 16px;
  font-weight      : bold;
  color            : #46494d;
  background-color : #fbf8f1;
  width            : 100%;
  padding-bottom   : 2px;
  border-bottom: 1px dotted #8faecd;
}

a.pagenav {
  text-decoration  : none;
  font-size        : 12px;
  color            : #35526f;
  background-color : #fbf8f1;
}

#main a {
  text-decoration  : none;
  font-size        : 12px;
  color            : #35526f;
  background-color : transparent;
}

#welcome a {
  font-weight      : bold;
  font-size        : 16px;
}

#welcome a.readon {
  font-size        : 12px;
  float            : right;
}

/*repoviewer */
#list {
  margin           : 0 40px 0 30px;
}

#repo-tip {
  width            :350px;
  padding          :10px;
  background-color : #f6efe0;
  border           : 1px solid #eee4cb;
  margin           : 10px 0 10px 0;
  font-size        : 16px;
  font-weight      : bold;
}

div.package {
  padding          :10px;
  background-color : #f6efe0;
  border           : 1px solid #eee4cb;
  margin           : 10px 0 10px 0;
  font-size        : 12px;
  font-weight      : bold;
}

div.package ul {
  padding-left     : 20px;
  margin-bottom    : 10px;
}

div.package li {
  list-style-type  : circle;
}

div.package h2 {
  margin           : 10px 0 10px 0;
}

div.package a {
  text-decoration  : none;
  color            : #35526f;
}

Melodie pas de soucis on peut faire plusieurs version mais je ferai un template spécial pour faire une évolution

pour infos les css utilisées :
http://archlinux.fr/templates/archlinux ... archfr.css
http://archlinux.fr/forum/templates/sub ... Silver.css

Bon c'est pas déjà corrigé :p

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 23:13

/très rapide Warnaud !

J'ai dit:

/je re...

/In Google we trust

Message par **warnaud** » jeu. 28 juin 2007, 23:16

c'est dans le post précédent

mélodie · Message par **mélodie** » jeu. 28 juin 2007, 23:18

warnaud a écrit :c'est dans le post précédent

C'est corrigé, merci.

kozaki · Message par **kozaki** » ven. 29 juin 2007, 00:36

le css réalisé par warnaud (& Osku) & avec une taille des polices standardisée :

http://pastebin.archlinux.fr/1450

je n'ai vérifié que les lignes concernant les polices, et il est possible que FF aie apporté qlqs modifs lors enregistrement.

---

ps : qqn sait comment ils inserrent leur "favicon" sur http://www.ss64.com/ ?

mélodie · Message par **mélodie** » ven. 29 juin 2007, 01:33

kozaki a écrit : ps : qqn sait comment ils inserrent leur "favicon" sur http://www.ss64.com/ ?

Ça sent le tour de passe-passe. Avec ça ?

osku · Message par **osku** » ven. 29 juin 2007, 10:47

Je prends le bus en cours,
On a un souci sur la taille des polices sur le forum ?

Peut on voir une capture d'écran ?

Je vous recommande plus que chaudement l'extension Firebug pour firefox pour de la modif de css

mélodie · Message par **mélodie** » ven. 29 juin 2007, 11:01

osku a écrit :Je prends le bus en cours,
On a un souci sur la taille des polices sur le forum ?

Bonjour osku,
Si tu ne veux pas relire tout le fil, je te fais un résumé : les tailles de polices exprimées en pixels dans la CSS produisent un inconfort visuel important. La taille de police minimale que je configure dans le navigateur n'est pas respectée.

kozaki a déterminé les tailles en %age qui vont bien, et mis tout ça dans le pastebin ci-dessus. (Super !)

Peut on voir une capture d'écran ?

Dans quel but ?

Je vous recommande plus que chaudement l'extension Firebug pour firefox pour de la modif de css

Je ne connaissais pas Firebug, merci bien.

osku · Message par **osku** » ven. 29 juin 2007, 13:08

mélodie a écrit : Dans quel but ?

Pour voir ce que tu vois avec ton navigateur.
Le css sur pastebin résoud donc le problème ?
Tant mieux.

mélodie a écrit : Je ne connaissais pas Firebug, merci bien.

Désolé de ne pas avoir mis de lien.

mélodie · Message par **mélodie** » ven. 29 juin 2007, 13:18

osku a écrit :
mélodie a écrit : Dans quel but ?
Pour voir ce que tu vois avec ton navigateur.

Il faudrait que tu voies ce que je vois avec mes yeux, et non avec mon navigateur.

Le css sur pastebin résoud donc le problème ?

Je ne sais pas tant qu'elle n'est pas installée, mais je l'espère.

osku a écrit :
mélodie a écrit :Firebug
Désolé de ne pas avoir mis de lien.

Mais non, mais non...

J'ai trouvé la doc aussi. Le monde du webmastering est bien riche...

osku · Message par **osku** » ven. 29 juin 2007, 13:35

En attendant qu'elle soit installée, tu peux l'essayer donc avec l'extension Firebug.

As tu un vieil écran?

Arch Linux

Archlinux.fr [Forums]

[CSS] Taille des polices du forum