Nouvelle CSS medievale
Mardi 29 janvier 2008 à 22 h 58
Edit : cette CSS n'est plus pour le moment, pour cause d'incompatibilité avec ie6
Plusieurs heures de boulot, mais ça y'est, j'y suis arrivé. Je vous laisse observer le nouveau décors de mon blog de votre oeil critique.
J'ai tout testé avec Firefox mais je n'utilise pas d'outils liées à firefox. Je sais qu'avec internet explorer, cette CSS ne marche pas du tout, et pour les autres je n'en sais rien.
Concernant le choix artistique, je fais appel à votre bon sens pour la critique. Si vous n'aimez ni le moyen-age, ni les peaux de Pergames, alors oubliez tout de suite.
Je vous laisse le lien vers la CSS si ça peut en aider quelques uns. Ce n'est pas ce qu'il y a de plus propre niveau présentation et ergonomie. CSS
J'oubliais : c'est prévu pour une résolution de 1024*768, mais j'ai aussi prévu de la marge pour vos 1280*1024. Il y a un possible décallage du parchemin pour les eeepc par contre.
Risques de bug :
- Ascenseur des archive.
- Barres des liens nofrag en bas.
- Decallage du parchemin.
- Affichage hasardeux pour des résolutions suppérieures à 1280*1024 (je n'aime pas spécialement les %, désolé.)
- Option d'admin qui déconnent, elles se trouvent trop à droite. Pour vous, c'est le bouton "modifier" à coté de votre commentaire. Mais comme c'est dans le meme lot que MES options d'administration, ça déconne un peu. Alors demerdez vous : "modifier" sera 10 cm à droite de votre réponse, pas trop grave :-)
Plusieurs heures de boulot, mais ça y'est, j'y suis arrivé. Je vous laisse observer le nouveau décors de mon blog de votre oeil critique.
J'ai tout testé avec Firefox mais je n'utilise pas d'outils liées à firefox. Je sais qu'avec internet explorer, cette CSS ne marche pas du tout, et pour les autres je n'en sais rien.
Concernant le choix artistique, je fais appel à votre bon sens pour la critique. Si vous n'aimez ni le moyen-age, ni les peaux de Pergames, alors oubliez tout de suite.
Je vous laisse le lien vers la CSS si ça peut en aider quelques uns. Ce n'est pas ce qu'il y a de plus propre niveau présentation et ergonomie. CSS
J'oubliais : c'est prévu pour une résolution de 1024*768, mais j'ai aussi prévu de la marge pour vos 1280*1024. Il y a un possible décallage du parchemin pour les eeepc par contre.
Risques de bug :
- Ascenseur des archive.
- Barres des liens nofrag en bas.
- Decallage du parchemin.
- Affichage hasardeux pour des résolutions suppérieures à 1280*1024 (je n'aime pas spécialement les %, désolé.)
- Option d'admin qui déconnent, elles se trouvent trop à droite. Pour vous, c'est le bouton "modifier" à coté de votre commentaire. Mais comme c'est dans le meme lot que MES options d'administration, ça déconne un peu. Alors demerdez vous : "modifier" sera 10 cm à droite de votre réponse, pas trop grave :-)
Pour le titre enroulé, c'est réglé, merci.
Sinon ? Beau boulot !
EDIT : Ah ouais quand même.
Edit : Et pourquoi tu ne mets pas :
#main div.admin {
...
margin-left:240px;
top:0px;
...
}
Mais moche sur un 20", tu as eu la bonté de le préciser au moins.
merci, je vais essayer cela.
Shinoda,
oui absolument. Je vais essayer quelques polices, mais si tu as une idée particuliere en tête, n'hésite pas à la transmettre.
Aux autres :
Vous ne pensez donc qu'au caca !
si je décalle les boutons "modifier/supprimer" vers la gauche, alors MON panneau d'administration se retrouve lui aussi décallé vers la gauche, c'est à dire derriere les articles. Je ne peux plus le voir.
Et comme je n'ai pas trouvé la moindre trace de ce panneau d'administration dans le source du blog, je ne peux pas le deplacer independement.
Je ne connais pas son nom
mais ça serait un truc du genre :
#admin <nom du panneau d'administration>
{position : fixed
margin-left : 800px;
}
Il ne reste plus qu'à determiner quoi mettre entre les guillemets
Tant que l'on n'aura pas décidé d'un code universel pour toute chose liée à la spécification, l'informatique sera toujours et constemement ralentie lors du passage d'une personne à une autre.
margin-left:240px;
top:0px;
}
Faudrait ptete pas oublier qu'on peut pas tout faire sans maitriser un peu. Si tu maitrisais les feuilles de style tu n'aurais aucun probleme. Enfin j'avoue ne pas avoir vraiment compris le sens de ta phrase.
Non en fait c'était cette page html en particulier que je ne maitrisais pas, c'est à dire la division "comment" dans admin. J'ignorais son existence, et comme elle n'est pas dans le source (surement dans un module php ou java, là par contre je n'y connais rien) je ne pouvais pas la deviner.
c'est à dire que je sais que si je veux modifier toto sans modifier dudule dans :
<div name="prout">
<div name="toto">
</div>
<div name="dudule">
</div>
</div>
je sais quoi faire. Mais si j'ignore l'existence du nom "toto" c'est pas gagné. On se comprend ?
encore qu'on ne devrait meme pas raisonner comme ça. Dans 10 ans ça aura encore changé. Un raisonnement pur dirait que :
si toto : prout & dudule : prout
alors pour modifier toto sans modifier dudule il faut faire [prout] toto{}
(tiens d'ailleur moi j'aurai plutot fait #admin comments {...}
là j'ai une defaillance, faudrait que je revoie mes cours...)
Hmmm... c'est très mal spécifié tout ca :)))
Les feuilles de style s'applique sur du code html, le code html est "executé" coté client (sur ton navigateur donc), il est donc impossible que des elements dont tu donnes un style avec ta css soit absent de ta page html (comme l'est du code PHP ou JAVA, mais le code HTML ne peut pas etre caché par du code PHP ou JAVA puisqu'a ce moment là, c'est executé coté serveur et ton navigateur ne pourra pas lire ce code - et donc afficher ta page).
Sinon dans ton exemple tu confonds name et class. Je comprend ce que tu veux dire, mais ce que tu dis est impossible (cf mon paragraphe d'avant).
Quand je prend le code source de cette page, je vois rapidement :
<div id="comments">
<a name="c" class="null"></a>
<a name="322310" class="null"></a>
<div class="comment commentnum1">
<div class="title"> </div>
<div class="author"> par <a href="http://www.nofrag.com/~hervai/">hervai</a></div>
<div class="date">Mardi 29 janvier 2008 à 23 h 02</div>
<div class="body">Ca sent pas le HD l'image de fond, dommage</div>
<div class="admin"><script type="text/javascript"><!--//--><![CDATA[//><!--
is_authed && comment_functions(3054, 18058, 322310, 'Olipro/2008/jan/29/34595-nouvelle-css-medievale/322310/');
//--><!]]></script></div>
</div>
</div>
Donc on voit que les commentaires sont tous entre la balise <div class="comments">
En gros ce que je te donne :
#comments div.admin {
margin-left:240px;
top:0px;
}
Signifie :
J'applique le style suivant dans les div qui ont comme class admin au sein des elements qui ont comme class comments.
Je suis clair ?
Par contre je maintiens le fait que je n'ai absolument pas trouvé mon panneau de controle sur le source de la page html du blog. Pourtant il y'est, je l'ai meme modifié avec la css. C'est là ou ça dépasse mes compétences.
<div id="main">
<div id="title">I Has A Bug <span class="author">(le blog de <a href="http://www.nofrag.com/~jye/">jye</a>)</span></div>
<div class="admin"><script type="text/javascript"><!--//--><![CDATA[//><!--
is_authed && blog_admin(840);
//--><!]]></script></div>
c'est le code javascript is_authed && blog_admin(840); qui remplit la partie avec le code html correspondant en prenant soin de checker avant si tu es bien l'admin du blog.
ta demarche etait en effet mauvaise car le panneau d'admin comme tu peux le voir au dessus est compris dans le div main. Mais malheureusement le div des commentaires l'est aussi. C'est pour ça qu'il faut modifier le panneau admin des commentaires tu n'as pas le choix.
Ce qui aurait été plus simple, c'est que le dev des layout du blog est definie une classe adminauthor pour ton panneau d'admin et une classe admincomment pour les commentaires.
Je n'ai aucune connaissance en java, comme quoi, je risquais pas de trouver ça tout seul.