Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2097 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  HFR : Onglets, comment c'est fait?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

HFR : Onglets, comment c'est fait?

n°1101604
AGA
La boîte à Bokeh!
Posté le 30-05-2005 à 13:47:40  profilanswer
 

Salut,
 
comment sont fais les onglets HFR?
 
Ce n'est pas une simple image de dégradé comme PhpWebGallery, puisque là celà respecte les couleurs persos.
 
Merci pour la piste ;)


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
mood
Publicité
Posté le 30-05-2005 à 13:47:40  profilanswer
 

n°1101621
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 30-05-2005 à 14:05:15  profilanswer
 

http://forum.hardware.fr/message.p [...] &dest=joce


---------------
J'ai un string dans l'array (Paris Hilton)
n°1101632
skeye
Posté le 30-05-2005 à 14:09:05  profilanswer
 

AGA a écrit :

Salut,
 
comment sont fais les onglets HFR?
 
Ce n'est pas une simple image de dégradé comme PhpWebGallery, puisque là celà respecte les couleurs persos.
 
Merci pour la piste ;)


 
Lis le code de la page? :??:


---------------
Can't buy what I want because it's free -
n°1101643
FlorentG
Posté le 30-05-2005 à 14:14:25  profilanswer
 

Ben ouais, suffit de voir le code source [:johneh] (y'a de ces questions parfois :D )

n°1101762
AGA
La boîte à Bokeh!
Posté le 30-05-2005 à 15:07:10  profilanswer
 

mouais.
 
Sans les CSS je fais rien, et moi j'y arrive pas à charger les CSS.
 
J'ai pas votre niveau non plus...
 
Merci qd même d'avoir lu...


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
n°1101767
skeye
Posté le 30-05-2005 à 15:09:34  profilanswer
 

AGA a écrit :

mouais.
 
Sans les CSS je fais rien, et moi j'y arrive pas à charger les CSS.
 
J'ai pas votre niveau non plus...
 
Merci qd même d'avoir lu...


 

Citation :


<link rel="stylesheet" href="/include/the_style1.php?color_key=%23FFFFFF-%23DEDFDF-%23000080-%23C2C3F4-%23336699-%23FFFFFF-%23FFFFFF-%23000000-%23000080-%23000000-%23000080-%23F7F7F7-%23DEDFDF-%23C0C0C0-%23C0C0C0-%23FFFFFF-%23000000-%23000000-%230000FF-0-http:||forum-images.hardware.fr" />
<link rel="stylesheet" href="/themes/css_forum/1/style.php?color_key=%23FFFFFF-%23DEDFDF-%23000080-%23C2C3F4-%23336699-%23FFFFFF-%23FFFFFF-%23000000-%23000080-%23000000-%23000080-%23F7F7F7-%23DEDFDF-%23C0C0C0-%23C0C0C0-%23FFFFFF-%23000000-%23000000-%230000FF-0-http:||forum-images.hardware.fr" />
<link rel="stylesheet" href="/include/the_style.css" />


 
http://forum.hardware.fr/include/t [...] ardware.fr
http://forum.hardware.fr/themes/cs [...] ardware.fr
http://forum.hardware.fr/include/the_style.css


Message édité par skeye le 30-05-2005 à 15:10:08

---------------
Can't buy what I want because it's free -
n°1101786
AGA
La boîte à Bokeh!
Posté le 30-05-2005 à 15:17:16  profilanswer
 

Merci.
Dans le code source je n'avais pas les style1.php, à cause de l'url rewriting je suppose.
 
merci de ton aide. :)


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
n°1101864
AGA
La boîte à Bokeh!
Posté le 30-05-2005 à 15:50:53  profilanswer
 

J'ai ça, mais c'est pas encore parfait :/

Code :
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <!--
  5. img
  6. {
  7. border: 0px;
  8. margin: 0px;
  9. }
  10. .cadreonglet
  11. {
  12. float: left;
  13. }
  14. .beforonglet, .afteronglet,  .beforongletsel,  .afterongletsel
  15. {
  16. float: left;
  17. height: 18px;
  18. width: 4px;
  19. font-size:0px;
  20. padding: 0px;
  21. }
  22. .onglet
  23. {
  24. background-color: #336699;
  25. background-image: url(http://forum-images.hardware.fr/themes_static/temp/1-19-185-202-219-51-102-153.png);
  26. background-repeat:repeat-x;
  27. }
  28. .ongletsel, .ongletonmouseover
  29. {
  30. background-color: #DEDFDF;
  31. background-image: url(http://forum-images.hardware.fr/themes_static/temp/1-19-242-242-242-222-223-223.png);
  32. background-repeat:repeat-x;
  33. }
  34. .beforonglet
  35. {
  36. background-color: #336699;
  37. background-image: url(http://forum-images.hardware.fr/themes_static/temp/3-19-255-255-255-51-102-153.png);
  38. background-repeat:no-repeat;
  39. }
  40. .afteronglet
  41. {
  42. background-color: #336699;
  43. background-image: url(http://forum-images.hardware.fr/themes_static/temp/4-19-255-255-255-51-102-153.png);
  44. background-repeat:no-repeat;
  45. }
  46. .beforongletsel
  47. {
  48. background-color: #DEDFDF;
  49. background-image: url(http://forum-images.hardware.fr/themes_static/temp/3-19-255-255-255-222-223-223.png);
  50. background-repeat:no-repeat;
  51. }
  52. .afterongletsel
  53. {
  54. background-color: #DEDFDF;
  55. background-image: url(http://forum-images.hardware.fr/themes_static/temp/4-19-255-255-255-222-223-223.png);
  56. background-repeat:no-repeat;
  57. }
  58. -->
  59. </style>
  60. </head>
  61. <body>
  62. <table class="none" style="border:0px" cellspacing="0" cellpadding="0">
  63. <tr><td style="vertical-align:bottom">
  64.  <div class="cadreonglet">
  65.      <div class="beforonglet" id="befor1">&nbsp;</div>
  66.   <a href="/forum2.php?config=hardwarefr.inc&amp;cat=10&amp;subcat=0&amp;page=1&amp;post=71136" class="onglet" id="onglet1" onmouseover="select_onglet(1)" onmouseout="unselect_onglet(1)" title="Liste générale">
  67.    <img src="http://forum-images.hardware.fr/themes_static/images/old style/global.gif" title="Liste générale" alt="All" />
  68.   </a>
  69.   <div class="afteronglet" id="after1">&nbsp;</div><div class="beforongletsel">&nbsp;</div>
  70.   <div class="ongletsel" title="Sujet où j'ai participé">
  71.    <img src="http://forum-images.hardware.fr/themes_static/images/old style/multipleflag1.gif" title="Sujet où j'ai participé" alt="" />
  72.   </div>
  73.   <div class="afterongletsel">
  74.    &nbsp;
  75.   </div>
  76.  </div>
  77. </td></tr>
  78. </table>
  79. </body>
  80. </html>


Message édité par AGA le 30-05-2005 à 15:51:14

---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
n°1102079
esox_ch
Posté le 30-05-2005 à 20:15:59  profilanswer
 


 
Nan mais celui la  :sarcastic: Toujours pret à faire chier les webdev  :whistle:


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
n°1102608
AGA
La boîte à Bokeh!
Posté le 31-05-2005 à 11:01:01  profilanswer
 

Bref,  
le truc intéressant c'est ça : http://forum-images.hardware.fr/th [...] 23-223.png
 
Comment on fait pour générer ça?
 
Merci.


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
mood
Publicité
Posté le 31-05-2005 à 11:01:01  profilanswer
 

n°1102685
esox_ch
Posté le 31-05-2005 à 11:40:09  profilanswer
 

Heu ... sois tu le fait avec photoshop ... soit avec la lib GD :D


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
n°1102843
AGA
La boîte à Bokeh!
Posté le 31-05-2005 à 13:32:04  profilanswer
 

Ok, avec GD si on veut du dynamique.
 
Merci.


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
n°1102931
esox_ch
Posté le 31-05-2005 à 14:28:42  profilanswer
 

C'est un peu utiliser des gros gros moyens pour un petit truc mais ça peut etre amusant si tu fais quelques add-ons. Par exemple je me rappelle que sur mon ancien forum (flashy inside) j'avais fait mes menus avec GD et que la couleur du forum changeait graduellement selon l'heure (rouge le matin - jaune clair a midi - rouge le soir - bleu la nuit) et ça ... merci GD :D


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
n°1110682
FlorentG
Posté le 07-06-2005 à 10:51:23  profilanswer
 

esox_ch a écrit :

C'est un peu utiliser des gros gros moyens pour un petit truc mais ça peut etre amusant si tu fais quelques add-ons. Par exemple je me rappelle que sur mon ancien forum (flashy inside) j'avais fait mes menus avec GD et que la couleur du forum changeait graduellement selon l'heure (rouge le matin - jaune clair a midi - rouge le soir - bleu la nuit) et ça ... merci GD :D


J'ai noté ça sur mon bloc-note pompe-idées :D


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  HFR : Onglets, comment c'est fait?

 

Sujets relatifs
Faire des onglets: CSS ou JS ?[wxWidget] onglets
menu par onglets en imagesProgrammation avec extension HFR firefox
Comment faire des onglets?Rencontre HFR: où ? (à part DTC bien sur)
[C++][MFC] problème onglets[resolu] Evenements sur JTables contenues dans des onglets....
[HS] Roboticiens d'HFR ?forum: celui d'hfr (enfin PPC)
Plus de sujets relatifs à : HFR : Onglets, comment c'est fait?


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)