logo Debian Debian Debian-France Debian-Facile Debian-fr.org Forum-Debian.fr Debian ? Communautés logo inclusivité

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 20:59:33

leonlemouton
Adhérent(e)
Distrib. : Debian Stable
(G)UI : Mate ∨ LXQt
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 21:19:13

Slyfox
Membre
Distrib. : Linux pop-os
Noyau : Linux 6.2.6-76060206-generic
(G)UI : GNOME
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 21:19:43)

Hors ligne

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

Anonyme
Invité

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 Anonyme (05-02-2014 21:30:55)

#79 05-02-2014 22: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 22:11:27

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
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 22: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 Anonyme. J'aime bien le thème kao avec les onglets. smile Mais j'aime beaucoup le gradient des boutons du thème de Anonyme. 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
<titia> µonde  -> explosion
<captnfab> ^^
<captnfab> s/µ/bl/ wink

Hors ligne

#82 05-02-2014 23:22:19

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
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 08:08:31

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 27-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 Anonyme sur cette capture
http://pix.tdct.org/upload/original/1391436488.png

@Anonyme
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 08:25:00

smolski
quasi...modo
Lieu : AIN
Distrib. : backports (buster) 10
Noyau : Linux 4.19.0-8-amd64
(G)UI : gnome
Inscription : 21-10-2008

Re : [concours coopératif] nouveau style DF

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

saque eud dun (patois chtimi : fonce dedans)

Hors ligne

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

Anonyme
Invité

Re : [concours coopératif] nouveau style DF

Pas facile, pas facile :

1391708699.jpg

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 Anonyme (28-03-2017 11:16:45)

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

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Anonyme 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 20:24:30

Anonyme
Invité

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.jpg

Dernière modification par Anonyme (28-03-2017 11:15:42)

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

deuchdeb
Moderato ma non troppo
Distrib. : Debian11-KDE-Plasma, LinuxMintCinnamon, DFLinux11
Noyau : Noyau stable
(G)UI : KDE Plasma 5.20
Inscription : 13-01-2010
Site Web

Re : [concours coopératif] nouveau style DF

J'aime bien la version Kao

Une fleur, c'est magique non? smile
Association Debian Facile

Hors ligne

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

Anonyme
Invité

Re : [concours coopératif] nouveau style DF

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

1391725459.jpg


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

Dernière modification par Anonyme (28-03-2017 11:14:47)

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

smolski
quasi...modo
Lieu : AIN
Distrib. : backports (buster) 10
Noyau : Linux 4.19.0-8-amd64
(G)UI : gnome
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

saque eud dun (patois chtimi : fonce dedans)

Hors ligne

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

Anonyme
Invité

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

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

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
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 20:20:05

Anonyme
Invité

Re : [concours coopératif] nouveau style DF

@captnfab

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

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

leonlemouton
Adhérent(e)
Distrib. : Debian Stable
(G)UI : Mate ∨ LXQt
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 20:29:43

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
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 20:31:34

leonlemouton
Adhérent(e)
Distrib. : Debian Stable
(G)UI : Mate ∨ LXQt
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

l'essentiel y est !!

big_smile

Leonlemouton
°(")°

Hors ligne

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

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
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 20:39:39

leonlemouton
Adhérent(e)
Distrib. : Debian Stable
(G)UI : Mate ∨ LXQt
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 20:41:55

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian
Noyau : Dur
(G)UI : gui gui, je zuis un doiseau
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 20:50:33

Anonyme
Invité

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 Anonyme (07-02-2014 20:53:55)

Pied de page des forums