Reprise du message précédent :

C'est pas du flash, normalement ya pas de diff

Chez moi ça prend juste 10% du proc (mac).

pas de soucis sous linux pour moi

compare les performances js de IE7  Par rapport un firefox sous linux, juste pour rire

tu peux donner une idée ? j'ai pas de windows sous la main

0 fps sous wnidows  

et sinon, sous wnidows xp :
33 fps avec IE8
30 avec opera 10.00
57 avec chrome 4

ouaip, ça devient catastrophique pour firefox, je vient de passer entièrement à Chrome pour ça (chez moi et au taff)
FF freeze régulièrement pendant plusieurs secondes, sous windows ou linux, la barre d'adresse freeze tout le temps dès que tu commence à taper super désagréable, et l'utlisation mémoire qui passe régulièrement à 1Go meme en ne laissant plus qu'une fenetre et onglet ouverts ...

Pour le taff je reste sous FF.

tu as testé chrome ?  
la partie debuggage est pas mal du tout

Oui mais je préfère firebug, peut-être l'habitude.

Vous avez un outil pour déterminer les écarts entre les couleurs?
 
Genre j'ai un beau dégradé de gris, et je voudrais avoir la même chose mais dans les tons bleus (ou vert, etc). Comment faire pour déterminer le gradient équivalent?

 
Le plus simple pour ce genre de boulot ce sera probablement de passer en HSV.
Tu choisis une couleur pour ton 'ton', tu la passe en valeurs HSV, tu garde les valeurs de Hue et Saturation et tu copie les valeurs de V de ton dégradé pour chaque position, puis tu reconvertis en RGB pour avoir les couleurs de ton gradient.

Après quelques tests il s'avère que ça ne marche pas aussi facilement que ça. Selon les tons il faut que les gradients soient plus marqués que d'autre. Donc dans Photochiote, "multiply" ou "darken" avec un gradient de gris sur du bleu n'est pas aussi beau qu'un gradient de bleu avec des couleurs choisies au poil.

Aaahhh.... mais tu veux le faire sur une image avec toshop, pas avec du code ?

Oups c'est vrai qu'on est dans la catégorie programmation. Je vais voir les graphistes ce qu'ils en pensent

Sinon pour le test du cube qui tourne: Mac PowerPC+FF: 9fps, avec Safari ça monte à 17fps.

MacBook Pro I5 : 60/62 fps partout
(Surement grace à la GeForce ?)

62 fps aussi  

nan c'est grace à ta maman

 
ta une bouton pour faire comme firebug

au fait je sais pas si c'est déja passé,mais Google propose ses webfonts: http://code.google.com/webfonts

ry ça fonctionne meme sous IE5

Ca ne fonctionne pas sans Javascript

Exact, je peux au moins afficher les boutons Telecharger

J'ai ce block à mettre en page de manière la plus flexible possible (au minimum étirable en hauteur, en largeur serait bien aussi mais je crois que ce n'est pas possible), avec une ou plusieurs tab au contenu modifiable.

Je n'arrive pas à faire en sorte que le background étirable commence à la fin du background fixe, soit à 253px de manière à ce qu'il ne passe pas au dessus.
J'ai essayé de le faire commencer à la suite du background fixe, ou à superposer les deux avec un z-index différent de manière à ce que le background étirable passe en dessous, mais rien n'y fait

<div class="tiny_stripes_block_wrapper">
    <div class="block_stripes_tabs">
        <div class="block_stripes_tab">
            <span><a href="#">Amis</a></span>
        </div>
    </div>
    <div class="tiny_stripes_block">
        <div class="tiny_stripes_block_bg">
            <p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. 
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
        </div>
    </div>        
    <div class="tiny_stripes_block_bottom">
        &nbsp;
    </div>
</div>

.tiny_stripes_block_wrapper {
    width: 321px;
    margin: 50px 0 20px 0;
}
.tiny_stripes_block {
    background: url("/images/template/profil/tiny_stripes_block.png" ) no-repeat;
    color: #6e6e6e;
    min-height: 253px;
    position: relative;
}
.tiny_stripes_block_bg {
    background: url("/images/template/profil/tiny_stripes_block_bg.png" ) repeat-y;
    z-index: 1;
    position: absolute;
}
.tiny_stripes_block_wrapper .block_stripes_tabs {
    margin: 0 0 0 10px;
}
.tiny_stripes_block_bottom {
    background: url("/images/template/profil/tiny_stripes_block_bottom.png" ) no-repeat;
    height: 10px;
}

Je suis arrivé à ça :
 

<div class="tiny_stripes_block_wrapper">
    <div class="block_stripes_tabs">
        <div class="block_stripes_tab">
            <span><a href="#">Amis</a></span>
        </div>
    </div>
    <div class="tiny_stripes_block">
            <p>Blabla</p>
    </div>        
    <div class="tiny_stripes_block_bottom">
        &nbsp;
    </div>
</div>

.tiny_stripes_block_wrapper {
    width: 321px;
    margin: 50px 0 20px 0;
}
.tiny_stripes_block {
    background-image: url("/images/template/profil/tiny_stripes_block.png" ), url("/images/template/profil/tiny_stripes_block_bg.png" );
    background-repeat: no-repeat, repeat-y;
    background-position: 0 0, 0 bottom;
    color: #6e6e6e;
    min-height: 253px;
    padding: 5px 10px;
}
.tiny_stripes_block_wrapper .block_stripes_tabs {
    margin: 0 0 0 10px;
}
.tiny_stripes_block_bottom {
    background: url("/images/template/profil/tiny_stripes_block_bottom.png" ) no-repeat;
    height: 10px;
}

 
J'ai encore 3 problèmes :
1) Je n'arrive pas à ce que le second background commence plus bas que le haut du bloc
2) La marge supérieur de mon paragraphe décale le titre du block dans la tab
3) Les "stripes" du footer ne sont pas tout le temps aligné avec celles du background (mais j'imagine qu'on ne peut rien faire pour ça)

une div avec un background en dégradé gris->blanc
+
une div avec les stripes sur fond transparents, couleur fixe, repeat-y
+
3 divs top middle bottom qui s'occupe de tes bordures blanches (z-index max)
 
Dans l'idée ca devrait marcher, et tes stripes seront full dynamiques sans faux racords
 

QUESTION2NOOB :
 
J'ai un système où pour télécharger un fichier, ça passe d'abord par un script qui vérifie le droit de la personne à le télécharger puis qui redirige l'utilisateur vers l'url du fichier.  
 
Genre telechargement.php?id=5     ==>  media/categorie/fichier.zip
 
Juste que là pas de soucis, le truc c'est que comment je fais pour empecher l'utilisateur de directement aller à media/categorie/fichier.zip pour le télécharger ?  
 
Si je mets un htaccess/htpasswd sur le dossier media/, ça va faire chier l'utilisateur qui a le droit vu qu'il devra rentrer un mot de passe et cie
 
Une idée ?

 
Le problème c'est que le bloc a des coins arrondis

T'as le droit d'utiliser des png 24 transparents ?
 
Si oui pour faire un bloc étirable en hauteur :  
 
un bloc conteneur avec les stripes en background, le background très long genre 3 fois plus long que ce qu'on peut voir à la base, en gros tu prends le problème à l'envers tu essayes pas de faire un background qui se reproduit, tu fais un background grand que tu peux afficher en petit ou en grand selon le besoin. Si le delta entre le nombre mini d'élément et le nombre maxi n'est pas trop important, ça marchera sans soucis
+
un bloc en haut qui contient les 2 arrondis du haut en PNG 24 transparent avec le titre
+
un ul qui contient ta liste d'éléments ainsi que les bordures droite/gauche
+  
un bloc en bas qui contient les 2 arrondis du bas en PNG 24 transparent avec le lien en pied
 
Ca me parait beaucoup plus simple et sémantique que les solutions proposées ci-dessus
 

C'est ce que je disais quoi ..

sauf que la solution d'alekusu n'a pas l'air de gérér le dégradé en plus des stripes..

 
ma solution a le dégradé inclus dans une seule image, ce qui peut avoir des avantages, comme des inconvénients, tout dépend de ce qu'il veut vraiment et l'utilisation par la suite

Tu interdis tout simplement l'accès, ou mieux, tu le mets à l'extérieur du DocumentRoot.
 
Le truc c'est que tu ne dois pas rediriger vers le fichier à télécharger, mais balancer le contenu du fichier via le script (avec les headers qui vont bien).

stockage des fichiers hors de l'arborescence web
ton script, après avoir vérifié les droits envoi les bon header et fait un readfile

Avec Nginx, X-Accel-Redirect est parfaitement adapté à ça.

 
J'interdis l'accès avec quelle méthode ? Et je ne comprends pas ladiff entre faire une redirection header vers le fichier et balancer directement le contenu du fichier via headers ? si tu peux m'éclairer

Hors de l'arbo web c'est à dire en dehors du htdocs / www ?

oui

Htaccess : DENY FROM ALL

Méthode 1 : sécurisation impossible : l'adresse http://blabla/fichiers/truc.zip ne peut pas (ou très difficilement) être accessible par monsieur X mais pas monsieur Y.
Méthode 2 : tu ne vas plus chercher le fichier via le web (méthode 1) mais via le système de fichiers, avec une porte d'entrée unique (le script), donc tu sécurises comme tu veux.

Les htaccess, ça ne gère que les droits d'accès via le web, ils ne sont plus pris en compte quand tu bosses sur le système de fichiers.

C'est clair ou tu veux un ex