Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

#76 05-02-2014 21:59:33

leonlemouton
Adhérent(e)
Distrib. : Jessie
Noyau : Linux 3.16.0-4-686-pae
(G)UI : Mate 1.8.1
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

Je vais arrêter les bannières je m'épuise inutilement ... roll

1391628817.png

@kao Merci pour les conseils sur le svg et le crénelage; je découvre pas mal de choses big_smile

Je vais me replonger dans les fichiers css et regarder les différentes propositions

Leonlemouton
°(")°

Hors ligne

#77 05-02-2014 22:19:13

Slyfox
Membre
Lieu : Pays du chocolat
Distrib. : GNU/Linux Debian Sid
Noyau : Linux 4.7.0-1-amd64
(G)UI : MATE
Inscription : 15-12-2013

Re : [concours coopératif] nouveau style DF

Bonjour les amis smile

C'est pas moi qui peux vraiment vous aidez sad , et oui je ne suis pas un pro de ce type de langage (pour le moment... tongue)

En tout cas un grand bravo et tout mes encouragements à tous les participants pour le travail accompli et à venir ! smile

Amicalement Slyfox

Dernière modification par Slyfox (05-02-2014 22:19:43)

Hors ligne

#78 05-02-2014 22:28:52

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

@Slyfox

Merci smile

@captnfab

Une police sur gnome-look qui est vraiment pas mal:


Quelques petites retouches avec fontforge et le tour est joué tongue
http://gnome-look.org/content/show.php/ … tent=50553

leonlemouton a écrit :


Je vais arrêter les bannières je m'épuise inutilement ..



Pourquoi ? C'est un super boulot que tu nous fait là !!!

Dernière modification par golgot200 (05-02-2014 22:30:55)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#79 05-02-2014 23:02:12

paskal
autobahn
Lieu : ailleurs
Inscription : 14-06-2011
Site Web

Re : [concours coopératif] nouveau style DF

@kao : le bleu des menus "contributions" est un poil (ou deux) trop foncé, et au survol, c'est pratiquement illisible.  smile

I'd love to change the world
But I don't know what to do
So I'll leave it up to you...

logo-sur-fond.png

Hors ligne

#80 05-02-2014 23:11:27

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

@kao: pour ma part, c'est le bleu de « Contributions : Personnelles | Nouvelles | Récentes | Sans réponse » que je changerais bien en bleu ciel.

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#81 05-02-2014 23:45:35

Lætitia
Modette
Lieu : Normandie du Nord
Distrib. : Stretch
Noyau : 4.6.0-1-amd64
(G)UI : Xfce4
Inscription : 14-04-2010
Site Web

Re : [concours coopératif] nouveau style DF

salut,
j'ai testé le thème kao et golgot200. J'aime bien le thème kao avec les onglets. smile Mais j'aime beaucoup le gradient des boutons du thème de golgot200. Erf, c'est pas simple.
En apparté, est ce que vous avez ce bug avec les thèmes calqués sur Air? Je viens de m'en apercevoir.
file-R299eb15de22db44865e7571f1d0f4538.png

Pour les fonts, y'a aussi squirrel. Y'a pas mal de open font licence.

Bon courage smile

<titia> pas assez cuit; µonde  -> explosion
<captnfab> ^^
<captnfab> s/µ/bl/ wink

Hors ligne

#82 06-02-2014 00:22:19

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

En effet, petit bug pour les thèmes à la Air smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#83 06-02-2014 09:08:31

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

captnfab a écrit :

@kao: idem. Et j'ai l'impression que ce style se déclinera facilement en une version «contraste faible/inversé» qui ne fatigue pas trop les yeux smile


Je suis d'accord avec toi, il est important de prendre en compte cette fatigue des yeux. Regarder une page blanche c'est regarder un néon directement.

paskal a écrit :

@kao : le bleu des menus "contributions" est un poil (ou deux) trop foncé, et au survol, c'est pratiquement illisible.  smile


J'ai noté, c'est le bleu de base je crois, je ne l'ai pas changé.

@Lætitia
J'ai vu le bug, ça doit être un effet de bord, il faut que j'investigue.
Pour les boutons, j'ai une préférence pour le léger dégradé des cases de la page d'accueil que propose golgot200 sur cette capture
http://pix.tdct.org/upload/original/1391436488.png

@golgot200
Fait attention à ce que ta page soit compatible avec les petits écrans, vise le 1024px de large. Dans le thème actuel, les boutons sont trop gros et forment trois lignes sur un écran de faible résolution.

C'est pareil pour le bando, faut être vigilant. Dans le svg que j'ai mis à dispo, j'avais inséré des marqueurs (bandes grises) aux différentes résolutions possibles pour être sûr qu'un logo ne se retrouve pas coupé en deux.

@leonlemouton la bannière est un long et difficile chemin smile . Smolski m'avait filé un bon coup de main pour faire le tri dans la mienne.

En tout cas, n'hésitez à faire vos remarques, je prends note et ce weekend je me replongerai dedans.

Hors ligne

#84 06-02-2014 09:25:00

smolski
administrateur quasi...modo
Lieu : AIN
Distrib. : 8 (jessie) 64 bits + backports
Noyau : 4.6.0-0.bpo.1-amd64
(G)UI : gnome 3.14.1
Inscription : 21-10-2008

Re : [concours coopératif] nouveau style DF

Je plussoie pour le léger dégradé proposé par golgot200. smile

"Définition d'eric besson : S'il fallait en chier des tonnes pour devenir ministre, il aurait 2 trous du cul." - JP Douillon
"L'utopie ne signifie pas l'irréalisable, mais l'irréalisée." - T Monod (source :  La zone de Siné)
"Je peux rire de tout mais pas avec n'importe qui." - P Desproges
"saque eud dun" (patois chtimi : fonce dedans)

Hors ligne

#85 06-02-2014 19:46:06

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Pas facile, pas facile :

1391708699.png

Pas moyen de finir le radius à la base de bandeau connectés .... Contributions. Une vilaine ligne  Bleuâtre  qui englobe aussi la police principal me fait ch.....
Si je fait mon radius, elle ressort des angles arrondis. Mais Kao, a du s'en appercevoir aussi  wink puisse qu'il a laissé la chose.

@captnfab

Polices Zekton en gpl wink

Dernière modification par golgot200 (06-02-2014 19:52:21)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#86 06-02-2014 20:37:12

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

golgot200 a écrit :

Polices Zekton en gpl wink


Nickel! Tu me la passeras (ou me donnera un lien vers elle) la prochaine fois que tu pasteras ton .css smile


captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#87 06-02-2014 21:24:30

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

@captnfab

Sur Gnome Look -- fonts -- Zekton wink

Kao a raison pour les boutons sur des écrans en petites raisolutions. Il faut que je revois l'agencement de ceux-ci  tongue


EDIT:

Là ça passe.


1391714790.png

Dernière modification par golgot200 (06-02-2014 21:27:06)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#88 06-02-2014 23:40:31

deuchdeb
Moderato ma non troppo
Lieu : Pays de Cocagne
Distrib. : Jessie 8 + backports
Noyau : linux-image-3.16
(G)UI : KDE4.14 - Mate
Inscription : 13-01-2010

Re : [concours coopératif] nouveau style DF

J'aime bien la version Kao

Hors ligne

#89 06-02-2014 23:51:49

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

http://www.sitepoint.com/css3-multiple-borders/

1391725459.png


box-shadow:
    0 0 0 1px #1E1E1E,
    0 0 0 2px #6D91C8;
 

Dernière modification par golgot200 (07-02-2014 00:24:34)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#90 06-02-2014 23:54:21

smolski
administrateur quasi...modo
Lieu : AIN
Distrib. : 8 (jessie) 64 bits + backports
Noyau : 4.6.0-0.bpo.1-amd64
(G)UI : gnome 3.14.1
Inscription : 21-10-2008

Re : [concours coopératif] nouveau style DF

Pour moi, cette police fait moins humaine qu'une ronde tout de même... smile

"Définition d'eric besson : S'il fallait en chier des tonnes pour devenir ministre, il aurait 2 trous du cul." - JP Douillon
"L'utopie ne signifie pas l'irréalisable, mais l'irréalisée." - T Monod (source :  La zone de Siné)
"Je peux rire de tout mais pas avec n'importe qui." - P Desproges
"saque eud dun" (patois chtimi : fonce dedans)

Hors ligne

#91 07-02-2014 18:53:15

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Bonsoir à tous.

Une petite aide please !!!

Le bouton Rechercher dans la partie Documentation (wiki-base.css, je suppose) : le code c'est où ? smile

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#92 07-02-2014 19:34:15

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Je crois que c'est « #dw__search » dans « wiki-perso.css »

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#93 07-02-2014 21:20:05

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

@captnfab

Et bien tu crois bien. Merci tu es un chef wink Le search est retouché.

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#94 07-02-2014 21:24:38

leonlemouton
Adhérent(e)
Distrib. : Jessie
Noyau : Linux 3.16.0-4-686-pae
(G)UI : Mate 1.8.1
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

un Perso.css avec un menu "responsive"...
Je n'ai pas fait de ménage...


/*----------------------Reset---------------------------------*/

* {
    padding: 0;
    margin: 0;
     
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/*-----------------------Global------------------------------*/

html, body {
width:100%;
height:100%;
background-color: #F6F9FC;
}

h1,h2,h3,h4,h5,h6,p{
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

#brdtitle h1 {
  display: block;
/*  background: url(http://debian-facile.org/img/df_bleu_test.png); */
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 125px; /* Hauteur de l'image */
  width: 100%; /* largeur de l'image */
  text-indent: -200%;
   margin:0px;
}

#brdtitle{
  /*background-color: #F6F9FC;*/
}

#brdtitle h1 {
}

#brddesc{
  display:none;
  text-indent: -200%;
  /*background-color: #F6F9FC;*/
  margin:0px;
    background: #004687;
}

#brdmenu{
 padding: 0px 10px;
    width: 100%;
    margin: 0px auto;  
    background: #004687;
}

#brdmenu ul{
    list-style: none;
    overflow: hidden;

/*background-color: #44699C;*/
}

#brdmenu li{

/*float: left;
padding :0.3em 0;
height: 25px;
padding: 10px 5px 10px 5px;*/
}

#brdmenu li a{

   display: block;
   float: left;
   padding: 25px 10px;
   background: #44699C;
   border-right: 1px outset #004687;
   color: #fff;  
   font: 300 13px/1.4 Helvetica, Verdana, Arial, sans-serif;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}

#brdmenu li a:hover {
  background: #004687;
}

#brdmenu li:last-child a {
  border: none;
}

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
    #brdmenu li a {
        font: 400 10px/1.4 Helvetica, Verdana, Arial, sans-serif;
    }
     
    #brdmenu small {
        font: 100 10px/1 Helvetica, Verdana, Arial, sans-serif;
    }
}


@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
    #brdmenu li a {
        width: 25%;
        border-bottom: 1px solid #fff;
        font: 400 11px/1.4 Helvetica, Verdana, Arial, sans-serif;
    }
}


@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
    #brdmenu li a {
        width: 50%;
        font: 400 12px/1.4 Helvetica, Verdana, Arial, sans-serif;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
   #brdmenu li a {
     width: 100%;
        font: 400 11px/1.4 Helvetica, Verdana, Arial, sans-serif;
    }
}

@media only screen and (max-width : 150px),
only screen and (max-device-width : 150px){
   #brdmenu li a {
        font: 400 11px/1.4 Helvetica, Verdana, Arial, sans-serif;
    }
}

#brdwelcome ul{
  width: 100%;
  height: 15px;
  list-style-type: none;
  padding-left: 0;
  font-size: 0.7em;
  color: black;
}

#brdwelcome ul{
  display: inline;
}

.conl li{
  display: block;
  background-color: #F6F9FC;
  float:left;
  padding : 0 0.3em;
  padding:10px 5px;

}

.conr li{
  display: block;
  background-color: #F6F9FC;
  float: right;
  padding:10px 5px;

 
}

#brdfooter{
  clear:both;
  width: 100%;
  position:relative;
  bottom:0px;
  background-color: #44699C;
  color:white;
  padding:2px 10px;
}

/*----------------------Accueil------------------------------*/

#carregauche, #carregauche2, #carremilieu, #carremilieu2, #carredroite{
margin: 1%;
}

#carregauche a{
/*background-image:url('archive.png');*/
}

#carregauche2 a{
/*background-image:url('installer.png');*/
}

#carremilieu a{
/*background-image:url('forum.png');*/
}

#carremilieu2 a{
/*background-image:url('irc.png');*/
}

#carredroite a{
/*background-image:url('asso.png');*/
}

.carre {
width:31%;
height: 100px;
float: left;
font-size: 0.7em;
background-color: #44699C;
}
 
.carre a{
text-decoration: none;
background-repeat:no-repeat;
background-position:95% 45%;
height: 100%;
width: 100%;
display: block;
color:white;
}

.carre a:hover{
text-decoration: none;
background-color: #004687;
box-shadow: 10px 10px 5px #CAD7E1;
background-position:95% 55%;
}
 
.carre h1{
font-size:170%;
text-align: center;
}

.carre h2{
padding-left:10px;
font-size:125%;
}
 
#newsasso{
float:right;
width:31%;
margin: 0% 2% 1% 1%;
}
 
#news{
clear:left;
float: left;
width: 64%;
margin: 0% 1% 1% 1%;
}

.news{
background-color: #F6F9FC;
}

.news li{
list-style-type: none;
}

.news h1{
padding-left: 10px;
color: #44699C;
}

.news h2{
padding-top: 5px;
padding-left: 20px;
}

.news p{
padding-left: 20px;
padding-right: 10px;
padding-top: 0px;
}
 



smile


Leonlemouton
°(")°

Hors ligne

#95 07-02-2014 21:29:43

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Je l'ai mis en place. Attention, il n'est pas complet smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#96 07-02-2014 21:31:34

leonlemouton
Adhérent(e)
Distrib. : Jessie
Noyau : Linux 3.16.0-4-686-pae
(G)UI : Mate 1.8.1
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

l'essentiel y est !!

big_smile

Leonlemouton
°(")°

Hors ligne

#97 07-02-2014 21:33:24

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Ben, il manque ta bannière smile

Je l'ai rajoutée vite fait.

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#98 07-02-2014 21:39:39

leonlemouton
Adhérent(e)
Distrib. : Jessie
Noyau : Linux 3.16.0-4-686-pae
(G)UI : Mate 1.8.1
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

Je vais revoir ça... smile

Je bosse déjà sur la spirale:

1391801923.png

big_smile

Leonlemouton
°(")°

Hors ligne

#99 07-02-2014 21:41:55

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Tu nous fait une version effet d'optique ?
cat-optic.gif

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#100 07-02-2014 21:50:33

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Ne touchez pas votre écran ....... ceci n'est pas  ..........  big_smile

EDIT:  Vraiment la classe ce chat smile

Dernière modification par golgot200 (07-02-2014 21:53:55)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

Pied de page des forums