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

 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Auteur Sujet :

[WebDesign] - Thèmes pour le Forum

n°1099540
Zedlefou
In cabbage we trust !
Posté le 17-03-2010 à 20:09:42  profilanswer
 

Reprise du message précédent :
C'est BO comme tout ! J'adoooore ...
 
Moi je dis on lance un concours pour le bandeau du site !!!


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
mood
Publicité
Posté le 17-03-2010 à 20:09:42  profilanswer
 

n°1099546
Gein
Posté le 17-03-2010 à 21:07:00  profilanswer
 

Skopos a écrit :


Cat ou sous-cat ?
En tout cas j'ai prévu de faire au moins une banière HFR par défaut pour le reste du forum.
 


 
Oui je parlais bien des cat.  :jap:  
 
 

Skopos a écrit :


 
 les liens du haut, au survol ou en général tu veux dire ? (en général j'y toucherais pas je pense)
 


 
Oui les liens du haut ils ne sont pas trop visibles, gris foncé sur noir, et au survol le rouge est trop foncé.
Sinon j'ai une petite question quand tu bidouille le script il automatiquement modifié chez nous ou il faut le réinstaller ?

n°1099563
Iryngael
Awesome, ain't it ?
Posté le 17-03-2010 à 23:54:27  profilanswer
 

J'ai rajouté  

Code :
  1. /* QUOTES */
  2. hr {background-color: #fff;}


 
à la fin car les quotes ne sont pas séparés du post (chez moi en tout cas :o)
 
Mais bonne bonne idée


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
n°1099572
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 09:13:35  profilanswer
 

Zedlefou a écrit :

C'est BO comme tout ! J'adoooore ...
 
Moi je dis on lance un concours pour le bandeau du site !!!


:jap:
 
Pas con l'idée de concours :gratgrat:
 

Gein a écrit :


 
Oui je parlais bien des cat.  :jap:  
 


C'était prévu mais je sais pas si ça va être faisable finalement (voir mes post précedents)
Disons que ça va marcher tant que l'on active pas les drapos/fav, dès lors qu'ils sont activés les adresses deviennent dynamiques et il est difficile/impossible de les cibler.
 
Le pb pourrait être réglé avec du JS surement mais ça implique l'utilisation de greaseMonkey, et GM semble attendre le chargement complet de la page pour charger les usercript ce qui provoque un "flash" disgracieux.
 

Gein a écrit :


Oui les liens du haut ils ne sont pas trop visibles, gris foncé sur noir, et au survol le rouge est trop foncé.
Sinon j'ai une petite question quand tu bidouille le script il automatiquement modifié chez nous ou il faut le réinstaller ?


Je vais les modifier pour le survol.
 
Je crois que si tu l'a installé depuis la page userstyle, tu peux voir si il y a une maj depuis le panneau stylish de ton FF... à confirmer à la prochaine version ;)
 

Iryngael a écrit :

J'ai rajouté  

Code :
  1. /* QUOTES */
  2. hr {background-color: #fff;}


 
à la fin car les quotes ne sont pas séparés du post (chez moi en tout cas :o)
 
Mais bonne bonne idée


:jap:
 
Désolé, je vois pas de quoi tu parles. Sur quelle page ?
 


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099573
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 09:15:00  profilanswer
 

Avis aux utilisateurs de Chrome

 

L'extension Stylish de FF a été porté sur chrome récemment.
https://chrome.google.com/extension [...] leoegfcffe

 

Différence importante avec la gestion native des userscript, pas de latence à l'affichage pendant le chargement des pages (si elle se comporte comme sous FF, si qq peut me faire un retour rapide, merci).

 

La prochaine maj verra donc la correction des bugs signalé et l'adaptation du code pour chrome.


Message édité par Skopos le 18-03-2010 à 09:17:08

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099574
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 09:37:31  profilanswer
 

Good news, l'extension stylish existe aussi pour Opera :)


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099579
Iryngael
Awesome, ain't it ?
Posté le 18-03-2010 à 09:46:03  profilanswer
 

Skopos a écrit :


:jap:
 
Désolé, je vois pas de quoi tu parles. Sur quelle page ?
 


Ben sur n'importe quelle page les quotes se trouvaient dans le post mais sans en être séparés car je pense que la <hr> de séparation a exactement la couleur du fond du post [:tinostar]


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
n°1099581
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 09:58:25  profilanswer
 

j'dois pas être réveillé, je vois même pas le hr dans le code des post [:nybbas]


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099585
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 10:21:19  profilanswer
 

Passe à la 3.6, certaines propriétés/sélecteurs ne sont pas pris en compte dans la version précédente, je pense que c'est la source des pb car les quotes ont bien un fond différent des posts.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099605
Iryngael
Awesome, ain't it ?
Posté le 18-03-2010 à 11:36:47  profilanswer
 

Skopos a écrit :

Passe à la 3.6, certaines propriétés/sélecteurs ne sont pas pris en compte dans la version précédente, je pense que c'est la source des pb car les quotes ont bien un fond différent des posts.


 
Je suis sous 3.6 et j'ai bien l'alternance des couleurs pour les posts mais sans mon paramétrage les quotes sont pas séparés :o
Je fais une caps


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
mood
Publicité
Posté le 18-03-2010 à 11:36:47  profilanswer
 

n°1099608
Iryngael
Awesome, ain't it ?
Posté le 18-03-2010 à 11:39:57  profilanswer
 

http://www.izipik.com/images/201003/18/tbnh8qqaal71ibgj3nlo1-bug_theme.jpg
 
Voila comment ca fait chez moi sans ce que j'ai rajouté, que le quote soit sur fond clair ou sombre :)


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
n°1099609
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 11:45:53  profilanswer
 

je comprends pas d'où ça vient, j'ai pas ce pb :gratgrat:
CTRL-F5 ?


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099615
Zedlefou
In cabbage we trust !
Posté le 18-03-2010 à 12:08:09  profilanswer
 

J'ai pas non plus


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
n°1099616
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 12:15:50  profilanswer
 

J'ai trouvé la source du pb.
 
Il faut que tu modifie le paramètre "afficher les citations de manière traditionnelle" dans ton profil (paramètres du forum)


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099620
Iryngael
Awesome, ain't it ?
Posté le 18-03-2010 à 12:35:37  profilanswer
 

Forcément :o
Mais je comptais garder un peu de leet oldschool dans cette nouvelle interface playschool [:be my baby]


---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
n°1099622
Skopos
Titilleur de nombrils...
Posté le 18-03-2010 à 12:37:37  profilanswer
 

je verrais ptêt ça... après :D


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1099648
g-ridaz
Steam/XboxLive: Gridaz
Posté le 18-03-2010 à 14:33:39  profilanswer
 

Même souci, je vais tester ton "astuce"
 
Merci pour ces thèmes en tous cas :jap:

n°1101938
Biiij
Suck it up, move on.
Posté le 09-04-2010 à 13:43:52  profilanswer
 

drap


---------------
I always wanted to be somebody, I should have been more specific... | Flickr
n°1103681
AnthonyD
»»───(knee)───►
Posté le 30-04-2010 à 23:32:29  profilanswer
 

pard

n°1106381
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 12:20:48  profilanswer
 

Mise à jour du thème.

 

- réponse rapide accessible en bas-droite de la fenêtre, au survol
- insertion des prop CSS3 (radius et shadow) pour webkit et opera

 

- fil d'ariane bas de forum : correcttion bug de tremblement
- img hors smiley ombrées
- augmentation contraste des liens dans les messages
- augmentation contraste survol des liens du haut
- révision de la page racine du forum
- corrections page de réponse (sauts de ligne)

 

Ya un bouton mise à jour dans stylish...et un sur la page du thème sur userstyle... si ça ne fonctionne pas faite la maj à la main ;)


Message édité par Skopos le 28-05-2010 à 12:34:12

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106382
Dj YeLL
$question = $to_be || !$to_be;
Posté le 28-05-2010 à 12:29:56  profilanswer
 

Je n'arrive pas accéder à userstyles.org :(


---------------
Gamertag: CoteBlack YeLL
n°1106385
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 12:34:37  profilanswer
 

retente, je viens de faire la maj sans pb :spamafote:


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106389
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 12:52:23  profilanswer
 

humm attendez ça merdoit le panneau de réponse rapide :whistle:
(j'ai pas testé en différente réso [:nybbas] )


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106391
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 12:58:57  profilanswer
 

fixé (je crois :D)


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106421
Dj YeLL
$question = $to_be || !$to_be;
Posté le 28-05-2010 à 14:50:35  profilanswer
 

Bon c'est bizarre ça ... je rentre du taff, et je n'arrive pas accéder à userstyles non plus depuis chez moi. :??:


---------------
Gamertag: CoteBlack YeLL
n°1106433
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 15:34:09  profilanswer
 


euh je comprends pas pourquoi tu dis ça :D
C'est ce que j'ai fait pour cette maj. 3 déclarations préfixées (moz, webkit et o) et une sans préfixe... c'est bourrin mais comme je ne suis pas sûr de ce qui a été implémenter ou pas sur les différents browsers je déclare tout en 4 exemplaires :whistle:

 
Dj YeLL a écrit :

Bon c'est bizarre ça ... je rentre du taff, et je n'arrive pas accéder à userstyles non plus depuis chez moi. :??:


T'as essayé un lien direct vers un style ? http://userstyles.org/styles/26120
edit: ah ouais ça marche plus non plus chez moi [:nybbas]

 


Message édité par Skopos le 28-05-2010 à 15:40:35

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106436
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 15:41:23  profilanswer
 

Voilà la CSS:

Code :
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document domain("forum.hardware.fr" )  {
  3. /*#############################################################
  4.    Thème original DARK PAPER pour le forum HFR par Skopos
  5.         version 1.1 BETA
  6.         support sur http://forum.hardware.fr/hfr/Graph [...] 2431_1.htm
  7. ##################################################################
  8. modifs au 28/05
  9. - réponse rapide accessible en bas-droite de la fenêtre au survol
  10. - insertion des prop CSS3 (radius et shadow) pour webkit et opera
  11. - fil d'ariane bas de forum : correcttion bug de tremblement
  12. - img hors smiley ombrées
  13. - augmentation contraste des liens dans les messages
  14. - augmentation contraste survol des liens du haut
  15. - révision de la page racine du forum
  16. - corrections page de réponse (sauts de ligne)
  17. */
  18. /* Reset */
  19. * {border: none !important;}
  20. a:hover {text-decoration: none !important; }
  21. br {display: none ;}
  22. /* BR */
  23. table.main br,
  24. form .s2Ext br,
  25. .messCase2 br,
  26. .toberead br,
  27. body.reponse br,
  28. tr.message td br {display: inline ; }
  29. /* BORDURES */
  30. .cBackHeader td, .sujet td
  31. {
  32. border:1px solid #333 !important;
  33. border-right: 0px !important;
  34. }
  35. .cBackHeader th + th {border-left: 1px solid #555 !important;}
  36. .fondForum2Fonctions th {border-top: 1px solid #555 !important; }
  37. .fondForum2Title th
  38. {
  39. border-bottom: 1px solid #555 !important;
  40. padding-right: 12px !important;
  41. }
  42. .fondForum1Subcat td {border-top: 1px solid #555 !important;}
  43. .fondForumDescription th {border-top: 1px solid #555 !important;}
  44. .message td.messCase1 {border-right: 1px solid #222 !important;}
  45. .message td.messCase2 .toolbar {border-bottom: 1px solid #888 !important;}
  46. table.main, table.messagetable {border-left: 1px solid #555 !important;}
  47. table.main, table.messagetable {border-right: 1px solid #555 !important;}
  48. /* image de fond, bordure, arrondi */
  49. #mesdiscussions
  50. {
  51. width: 98% !important;
  52. max-width: 1024px;
  53. position: relative; top: 20px;
  54. }
  55. /* FOND DU FORUM */
  56. body
  57. {
  58. color: #888 !important;
  59. margin: 0 0 10px 0;
  60. background-color: #bbb !important;
  61. background-image:url("http://sifr.free.fr/Gfx/Stylish_img/tilefondforum.jpg" );
  62. position: relative !important;
  63. }
  64. /* MENU LOGO */
  65. td.tdmenu {display: none; }
  66. table.hfrheadmenu
  67. {
  68. width: 100% !important;
  69. position: absolute;
  70. top: -72px !important;
  71. }
  72. table.hfrheadmenu *
  73. {
  74. color: #333 !important;
  75. background: #555 url("http://sifr.free.fr/Gfx/Stylish_img/blackgif.gif" ) repeat !important;
  76. }
  77. table.hfrheadmenu a:hover
  78. {
  79. text-decoration: none !important;
  80. color: #ea0 !important;
  81. }
  82. .fastsearchInput
  83. {
  84. color: #4cf !important;
  85. background: #555 url("http://sifr.free.fr/Gfx/Stylish_img/lightgif.gif" ) repeat !important;
  86. width: 6em !important;}
  87. div[style="width: 99%;"] {width: 100% !important;}
  88. span.menuExt
  89. {
  90. background-image: url("http://sifr.free.fr/Gfx/Stylish_img/logo_cat12.jpg" ), url("http://sifr.free.fr/Gfx/Stylish_img/fondheader.gif" );
  91. background-repeat: no-repeat, repeat-x;
  92. background-position: 50% !important;
  93. display: block;
  94. height: 180px !important;
  95. position: relative;
  96. top: 25px;
  97. border-bottom: 10px solid #222 !important;
  98. }
  99. /* MENU MODO */
  100. .headerModeration
  101. {
  102. height: 50px !important;
  103. width: 50px !important;
  104. position: absolute;
  105. top: -100px;
  106. right: 0px;
  107. }
  108. /* MENU ARBORESCENT */
  109. .arbo *
  110. {
  111. color: #4cf !important;
  112. display: inline !important;
  113. }
  114. .arbo img,
  115. .arbo br {display:none !important;}
  116. .arbo h2:before {content:" ▐"; font-size: 12px;}
  117. .arbo h3:before, .arbo h4:before {content:" ►";}
  118. .arbo h1 a{color: #777 !important;}
  119. .arbo {height: 50px;}
  120. .arbo a:hover
  121. {
  122. color: #222 !important;
  123. background-color: #ea0 !important;
  124. -moz-border-radius: 3px;
  125. -webkit-border-radius: 3px;
  126. -o-border-radius: 3px;
  127. border-radius: 3px;
  128. }
  129. .left + .arbo {margin: 10px 0 10px 20px !important;}
  130. /* MENU CADRE ROUGE / LIEN REGLEMENT */
  131. .menu {display: none;}
  132. /* BOUTONS SUJETS */
  133. div.rightbutton
  134. {
  135. position: relative;
  136. top: 61px;
  137. }
  138. div.rightbutton a img,
  139. div.nombres a img,
  140. a img[alt="Ajouter une réponse"] {display: none;}
  141. div.rightbutton a:before,
  142. div.nombres a:before
  143. {
  144. font-size: 14px;
  145. color: #bbb;
  146. padding: 3px 0.5em;
  147. background-color: #222;
  148. -moz-border-radius: 12px 3px 0 0;
  149. -webkit-border-radius: 12px 3px 0 0;
  150. -o-border-radius: 12px 3px 0 0;
  151. border-radius: 12px 3px 0 0;
  152. border: 1px solid #555;
  153. content:"nouveau sondage";
  154. }
  155. div.rightbutton a[href$="sujet.htm"]:before,
  156. div.nombres a[href$="sujet.htm"]:before,
  157. div.rightbutton a[href*="sond=0"]:before,
  158. div.nombres a[href*="sond=0"]:before
  159. {
  160. content:"nouveau topic";
  161. }
  162. div.rightbutton a[href*="cat=prive"]:before,
  163. div.nombres a[href*="cat=prive"]:before
  164. {
  165. content: "nouveau MP";
  166. }
  167. /* répondre (page topic) */
  168. a[accesskey="r"]:after
  169. {
  170. content: "répondre";
  171. font-size: 14px;
  172. color: #bbb;
  173. padding: 3px 0.5em;
  174. background-color: #222;
  175. -moz-border-radius: 0 0 3px 12px;
  176. -webkit-border-radius: 0 0 3px 12px;
  177. -o-border-radius: 0 0 3px 12px;
  178. border-radius: 0 0 3px 12px;
  179. border: 1px solid #555;
  180. border-top: none !important;
  181. position: relative;
  182. top:2px;
  183. }
  184. /* boutons du bas */
  185. div.nombres a:before
  186. {
  187. -moz-border-radius: 0 0 3px 12px;
  188. -webkit-border-radius: 0 0 3px 12px;
  189. -o-border-radius: 0 0 3px 12px;
  190. border-radius: 0 0 3px 12px;
  191. content:"nouveau sondage";
  192. border: 1px solid #555;
  193. border-top: none !important;
  194. }
  195. a[href*="carte"]:before  {content: inherit !important;}
  196. .nombres b {color: #888;}
  197. .nombres input {margin-right: 2em;}
  198. /* ONGLETS FILTRES */
  199. td[style="vertical-align: bottom;"]
  200. {
  201. float: left;
  202. position:relative;
  203. top:1px;
  204. }
  205. td[style="vertical-align: bottom;"] .left {margin-left: 2em;}
  206. [id*="befor"],
  207. [id*="after"] {display: none;
  208. }
  209. .onglet,
  210. .ongletsel,
  211. .ongletonmouseover
  212. {
  213. margin-right: 8px;
  214. background-image: inherit !important;
  215. background-color: #222 !important;
  216. -moz-border-radius: 3px 12px 0 0 !important;
  217. -webkit-border-radius: 3px 12px 0 0 !important;
  218. -o-border-radius: 3px 12px 0 0 !important;
  219. border-radius: 3px 12px 0 0 !important;
  220. border: 1px solid #555 !important;
  221. border-bottom: none !important;
  222. }
  223. .ongletsel
  224. {
  225. -moz-box-shadow: 0px -1px 10px #ea0;
  226. -webkit-box-shadow: 0px -1px 10px #ea0;
  227. -o-box-shadow: 0px -1px 10px #ea0;
  228. box-shadow: 0px -1px 10px #ea0;
  229. border-color: #ea0 !important;
  230. }
  231. .ongletonmouseover {background-color: #ea0 !important; }
  232. /* MP */
  233. .left .left img+a {color: #777 !important;}
  234. .left .left img+a.red {color: #ea0 !important;}
  235. /* ########### LISTE SUJETS ######################*/
  236. /* sujet a lire */
  237. .toberead,
  238. .toberead *{color: #666 !important;
  239. }
  240. .toberead a:hover {
  241. font-weight:bold;
  242. color: #222 !important;
  243. background-color: #ea0;
  244. }
  245. /* SOUS-CAT */
  246. tr.fondForum1Subcat td {font-size: 0;
  247. }
  248. tr.fondForum1Subcat td a {
  249. font-size:16px;
  250. margin: 8px ;
  251. line-height: 26px;
  252. padding: 0px 0.5em ;
  253. display: inline-block !important;
  254. color: #666 !important;
  255. background-color: #333;
  256. border: 1px solid #444  !important;
  257. -moz-border-radius: 7px;
  258. -webkit-border-radius: 7px;
  259. -o-border-radius: 7px;
  260. border-radius: 7px;
  261. }
  262. tr.fondForum1Subcat td b
  263. {
  264. padding: 0 5px;
  265. display: inline-block;
  266. line-height: 26px !important;
  267. font-size: 16px !important;
  268. position:relative; 
  269. border-width : 1px 0 !important;
  270. -moz-border-image : url("http://sifr.free.fr/Gfx/Stylish_img/buttonborderorange.png" ) 5%  stretch;
  271. -webkit-border-image : url("http://sifr.free.fr/Gfx/Stylish_img/buttonborderorange.png" ) 5%  stretch;
  272. -o-border-image : url("http://sifr.free.fr/Gfx/Stylish_img/buttonborderorange.png" ) 5%  stretch;
  273. border-image : url("http://sifr.free.fr/Gfx/Stylish_img/buttonborderorange.png" ) 5%  stretch;
  274. color: #ea0 !important;
  275. }
  276. tr.fondForum1Subcat td a:hover {border-color: #ea0 !important;}
  277. tr.fondForum1Subcat td b:hover {color: #222 !important;}
  278. /*
  279. tr.fondForum1Subcat td {padding: 0; font-size: 0px; }
  280. tr.fondForum1Subcat td { background: url("file:///E:/Utilisateurs/Skopos/Images/SetIconHFR/fondbutton.gif" ) repeat  !important;}
  281. tr.fondForum1Subcat td a
  282. {
  283. font-weight: bold;
  284. font-size: 16px !important;
  285. line-height: 30px;
  286. position:relative;
  287. top:-4px;
  288. padding: 0px 0.2em ;
  289. display: inline-block !important;
  290. }
  291. tr.fondForum1Subcat td a:before
  292. {
  293. content:": ";
  294. color: rgba(255,255,255,0.5);
  295. }
  296. tr[class*=fondForum1Subcat] td a:after
  297. {
  298. content:" :";
  299. color: rgba(255,255,255,0.5);
  300. }
  301. tr.fondForum1Subcat a:hover
  302. {
  303. text-decoration: none !important;
  304. background-color: #4cf; }
  305. */
  306. /* Pagination haut/bas des pages liste_sujets et messages */
  307. .cBackHeader b+b
  308. {
  309. padding: 0 2px;
  310. -moz-border-radius: 3px; color: #000;
  311. -o-border-radius: 3px; color: #000;
  312. -webkit-border-radius: 3px; color: #000;
  313. border-radius: 3px; color: #000;
  314. background-color: #4cf;
  315. }
  316. .cBackHeader span+b,
  317. .cBackHeader a+b
  318. {
  319. padding: 0 2px;
  320. -moz-border-radius: 3px;
  321. -webkit-border-radius: 3px;
  322. -o-border-radius: 3px;
  323. border-radius: 3px;
  324. color: #000;
  325. background-color: #4cf;
  326. }
  327. a.cHeader:hover
  328. {
  329. color: #000 !important;
  330. background-color: #ea0;
  331. }
  332. .pagepresuiv {margin: 0 1em 0 0 !important;}
  333. .cFondu {color: #555 !important;}
  334. [class*="sujetCase"]
  335. {background-color: #666 !important; color: #eee;}
  336. [class*="sujetCase"] a
  337. {color: #ccc !important;}
  338. tr[class$="en0"]> td.sujetCase3 a
  339. {
  340. color: #fff !important;
  341. text-shadow: 0px 0px 6px #ff0;
  342. }
  343. tr[class$="cky"]> td[class^="sujetCase"] 
  344. {background-color: #444 !important;}
  345. /* cases 1 6 9 */
  346. td.sujetCase1,
  347. td.sujetCase6,
  348. td.sujetCase9
  349. {background-color: #444 !important;}
  350. td.sujetCase2 img
  351. {
  352. -webkit-opacity: 0.3;
  353. -o-opacity: 0.3;
  354. opacity: 0.3;
  355. }
  356. td.sujetCase2 img:hover
  357. {
  358. -webkit-opacity: 1;
  359. -o-opacity: 1;
  360. opacity: 1;
  361. }
  362. /* FOOTER */
  363. .legende,
  364. .toberead
  365. {
  366. margin : 2em 0;
  367. padding: 1em;
  368. background-color: #333;
  369. }
  370. .legende br {display: block;}
  371. .copyright,
  372. center
  373. {
  374. margin : 3em 0;
  375. padding: 1em;
  376. color: #888 !important;
  377. background-color: #333;
  378. }
  379. center a {color: #08b !important;}
  380. center {display: none;}
  381. /* ################ MESSAGES ################*/
  382. .main .left {margin-left: 10px;}
  383. tr.message {background-color : transparent !important;}
  384. .main tbody {background-color:#222 !important;}
  385. .messagetable tbody {background-color:#222 !important;}
  386. .messagetable
  387. {
  388. background-color:#222 !important;
  389. padding: 0.5em !important;
  390. }
  391. td.messCase1 {
  392. -moz-border-radius: 7px 0 0 7px !important;
  393. -webkit-border-radius: 7px 0 0 7px !important;
  394. -o-border-radius: 7px 0 0 7px !important;
  395. border-radius: 7px 0 0 7px !important;
  396. }
  397. td.messCase2 {
  398. -moz-border-radius: 0 7px 7px 0 !important;
  399. -webkit-border-radius: 0 7px 7px 0 !important;
  400. -o-border-radius: 0 7px 7px 0 !important;
  401. border-radius: 0 7px 7px 0 !important;
  402. }
  403. .messagetable:nth-child(even) tr td {
  404. color:#ccc !important;
  405. background-color: #555 !important;
  406. }
  407. .messagetable:nth-child(even) table.citation,
  408. .messagetable:nth-child(even) table.quote
  409. {
  410. background-color: #4d4d4d !important;
  411. -moz-border-radius: 7px;
  412. -webkit-border-radius: 7px;
  413. -o-border-radius: 7px;
  414. border-radius: 7px;
  415. }
  416. .messagetable:nth-child(even) table.citation td,
  417. .messagetable:nth-child(even) table.quote td
  418. {
  419. background-color: #4d4d4d !important;
  420. color: #aaa !important;
  421. }
  422. .messagetable:nth-child(odd) tr td
  423. {
  424. color:#eee !important;
  425. background-color: #777 !important;
  426. }
  427. .messagetable:nth-child(odd) table.citation,
  428. .messagetable:nth-child(odd) table.quote
  429. {
  430. background-color: #6b6b6b !important;
  431. -moz-border-radius: 7px;
  432. -webkit-border-radius: 7px;
  433. -o-border-radius: 7px;
  434. border-radius: 7px;
  435. }
  436. .messagetable:nth-child(odd) table.citation td,
  437. .messagetable:nth-child(odd) table.quote td
  438. {
  439. background-color: #6b6b6b !important;
  440. color: #ccc !important;
  441. }
  442. .messagetable:nth-child(odd) table.citation td{color: #222 !important;}
  443. .messagetable:nth-child(even) table.citation td{color: #222 !important;}
  444. .messagetable:nth-child(odd) a.cLink {color: #4cf !important;}
  445. .messagetable:nth-child(even) a.cLink {color: #2ad !important;}
  446. /* spoiler, code, fixe */
  447. .spoiler,
  448. .code,
  449. .fixed
  450. {
  451. border: 1px solid #888 !important;
  452. background-color: transparent !important;
  453. }
  454. .messagetable:nth-child(even) .spoiler,
  455. .messagetable:nth-child(even) .code,
  456. .messagetable:nth-child(even) .fixed
  457. {
  458. border: 1px solid #666 !important;
  459. }
  460. /* message Auteur */
  461. td.messCase1 {text-align: center;}
  462. .cBackHeader
  463. {
  464. background-image : inherit !important ;
  465. background-color: #222 !important;
  466. }
  467. .cBackHeader td
  468. {
  469. border-bottom : 1px solid #555 !important;
  470. }
  471. .fondForum2PagesBas td
  472. {
  473. border-left: 1px solid #555 !important;
  474. border-right: 1px solid #555 !important;
  475. }
  476. /* LIENS */
  477. /* IMAGES */
  478. .messCase2 div p img:not([src*="http://forum-images.hardware.fr"])
  479. {
  480. -moz-box-shadow: 0 0 15px #111 ;
  481. -webkit-box-shadow: 0 0 15px #111 ;
  482. -o-box-shadow: 0 0 15px #111 ;
  483. box-shadow: 0 0 15px #111 ;
  484. }
  485. /* MODO ACTION */
  486. input[value="Effacer/restaurer les messages sélectionnés"]
  487. {
  488. position: absolute;
  489. bottom: 230px;
  490. right:0; }
  491. /* FOOTER MESSAGE */
  492. .s2Ext b,
  493. .s1Ext *
  494. {color: #888 !important;}
  495. /* ################ REPONSE RAPIDE ################### */
  496. div.s2Ext {
  497. position: fixed;
  498. bottom: 5px;
  499. left: 99.5%;
  500. background-color: #111;
  501. border: 7px solid #ea0 !important;
  502. -moz-border-radius: 7px 0 0 7px;
  503. -webkit-border-radius: 7px 0 0 7px;
  504. -o-border-radius: 7px 0 0 7px;
  505. border-radius: 7px 0 0 7px;
  506. }
  507. div.s2Ext:hover
  508. {
  509. left: inherit;
  510. bottom: 5px;
  511. right: 0px;
  512. }
  513. /* ################ PAGE ACCUEIL ####################*/
  514. tr.cat:nth-child(odd) td{background-color: #555 !important; border: 1px solid #222!important;}
  515. tr.cat:nth-child(even) td {background-color: #555 !important; border: 1px solid #222!important;}
  516. tr.cat {color: #ccc !important;}
  517. tr.cat a {color: #bbb !important;}
  518. tr.cat td.catCase1{height: 50px;}
  519. tr.cat td b {display: inline-block; margin: 5px 0!important;}
  520. tr.cat td a.cCatTopic {color: #fff !important; font-size: 16px !important; padding: 0 5px;}
  521. tr.cat td a:hover {color: #ea0 !important;}
  522. tr.cat td a.cCatTopic:hover
  523. {
  524. color: #222 !important;
  525. -moz-border-radius: 7px;
  526. -webkit-border-radius: 7px;
  527. -o-border-radius: 7px;
  528. border-radius: 7px;
  529. background-color: #ea0;
  530. }
  531. /* ################   PAGE REPONDRE  ################*/
  532. #mesdiscussions table:nth-child(2n+18)  {background-color: #777;}
  533. #mesdiscussions table:nth-child(2n+19)  {background-color: #555;}
  534. body.reponse {color: #fff !important; background-image: none !important;  background-color: #666 !important;}
  535. }
  536. @-moz-document url-prefix("http://forum.hardware.fr/message.php" ) {
  537. .citation td{background-color: #555 !important;}
  538. }


Message édité par Skopos le 28-05-2010 à 15:43:26

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106477
Zedlefou
In cabbage we trust !
Posté le 28-05-2010 à 19:23:47  profilanswer
 

Tu t'es bien fais chier mon cochon  [:vic_mackey]


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
n°1106481
Skopos
Titilleur de nombrils...
Posté le 28-05-2010 à 19:58:33  profilanswer
 

parfois oui mais sinon ça me détend en fait :D


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106962
Skopos
Titilleur de nombrils...
Posté le 02-06-2010 à 17:06:44  profilanswer
 

Il semblerait que userstyle ait eu un problème, c'est revenu à l'ancienne version de mon thème... je reupdate dès que je peux.
 
Sinon ça affiche 80 installations, mais y'en a ici qui l'utilisent encore ou pas ? :d


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1106977
Zedlefou
In cabbage we trust !
Posté le 02-06-2010 à 20:27:51  profilanswer
 

Moi je l'ai mais j'ai pas fais la MaJ. Ca marchait pas alors j'ai laissé tomber ...


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
n°1106979
Skopos
Titilleur de nombrils...
Posté le 02-06-2010 à 20:46:13  profilanswer
 

Bon ptet que ça marchait, je sais pas, c'est pas hyper clair pour moi le fonctionnement de leur site : j'ai refait la maj mais le lien d'origine conserve l'ancienne version :spamafote:
 
Faut essayer avec celui-là http://userstyles.org/styles/26120?r=1275504181


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1107046
Skopos
Titilleur de nombrils...
Posté le 03-06-2010 à 12:58:28  profilanswer
 

Il y a qq changement dans la structure du code du forum aujourd'hui.
L'arborescence ne s'affiche plus comme avant sur le thème.
 
Je vais attendre un peu avant de faire une maj en cas d'autres changements mais si vous voulez corriger vous même il faut chercher ARBO et remplacer un bout de code (équivalent) par :
 

Code :
  1. .arbo span[id$="_2"]:before {content:" ▐"; font-size: 12px;}
  2. .arbo span[id$="_3"]:before, .arbo h1:before {content:" ►";}
  3. .arbo span[id$="_1"] a {color: #777 !important;}


Message édité par Skopos le 03-06-2010 à 12:58:45

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1107189
PeSSouZiX
Posté le 04-06-2010 à 12:57:29  profilanswer
 

je l'ai aussi, et je le trouve magnifique. :jap:  
j'ai juste fait quelques petites modifs comme changer la résolution, enlever le bandeau graphisme (pas parce qu'il était moche mais pour gagner de la place à cause de mon format widescreen), remplacer le jaune en noir pour les titres des topics, etc...
 
http://nsa15.casimages.com/img/2010/06/04/1006041246574377.png
 
merci pour ce thème :)


---------------
Deviens un Ami de Kalaweit シ Ne jetez plus, réparez ! °⌣°
n°1107345
Skopos
Titilleur de nombrils...
Posté le 05-06-2010 à 12:17:59  profilanswer
 

PeSSouZiX a écrit :

je l'ai aussi, et je le trouve magnifique. :jap:  
j'ai juste fait quelques petites modifs comme changer la résolution, enlever le bandeau graphisme (pas parce qu'il était moche mais pour gagner de la place à cause de mon format widescreen), remplacer le jaune en noir pour les titres des topics, etc...
 
http://nsa15.casimages.com/img/201 [...] 574377.png
 
merci pour ce thème :)


Content de voir qu'il est utile à d'autres :)
 


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1107429
AnthonyD
»»───(knee)───►
Posté le 05-06-2010 à 21:04:34  profilanswer
 

Pour avoir l'effet "glow" (brillant) autour du bouton fav/drapal/lu il faut copier/coller quelle partie du CSS ?  
http://hfr-rehost.net/self/pic/b5674d33d3a36aa6a424b0e798a0bf68affe1641.png

n°1107437
Skopos
Titilleur de nombrils...
Posté le 05-06-2010 à 21:43:22  profilanswer
 

lignes 259-266, propriété box-shadow.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°1107439
PeSSouZiX
Posté le 05-06-2010 à 21:45:26  profilanswer
 

AnthonyD a écrit :

Pour avoir l'effet "glow" (brillant) autour du bouton fav/drapal/lu il faut copier/coller quelle partie du CSS ?
http://hfr-rehost.net/http://self/ [...] fe1641.png

ça serait dans cette partie, à peu près au milieu du script:

 

/* ONGLETS FILTRES */
td[style="vertical-align: bottom;"]  {float: left; position:relative; top:1px;}
td[style="vertical-align: bottom;"] .left {margin-left: 2em;}

 

[id*="befor"], [id*="after"] {display: none;}
.onglet, .ongletsel, .ongletonmouseover {margin-right: 8px; background-image: inherit !important; background-color: #222 !important; -moz-border-radius: 3px 12px 0 0 !important; border: 1px solid #555 !important; border-bottom: none !important;}
.ongletsel {-moz-box-shadow: 0px -1px 10px #e70;  border-color: #ea0 !important;}
.ongletonmouseover {background-color: #ea0 !important; }

 

couleur #ea0 >> jaune.
chez moi, j'ai mis un "glow" orangé >> #e70

 

grillayd ^^


Message édité par PeSSouZiX le 05-06-2010 à 21:46:27

---------------
Deviens un Ami de Kalaweit シ Ne jetez plus, réparez ! °⌣°
n°1107441
AnthonyD
»»───(knee)───►
Posté le 05-06-2010 à 21:49:40  profilanswer
 

Merci c'est presque ca, sauf que la j'ai le fond des onglets en noir [:supervomi] et le mouseover en orange :D

 

edit : Ca à l'air ok avec ceci :

Code :
  1. td[style="vertical-align: bottom;"]  {float: left; position:relative; top:1px;}
  2. td[style="vertical-align: bottom;"] .left {margin-left: 2em;}
  3. [id*="befor"], [id*="after"] {display: none;}
  4. .onglet, .ongletsel, .ongletonmouseover {
  5. /*margin-right: 8px;
  6. background-image: inherit !important;
  7. background-color: #222 !important; */
  8. -moz-border-radius: 3px 12px 0 0 !important;
  9. border: 1px solid #555 !important;
  10. border-bottom: none !important;
  11. }
  12. .ongletsel {-moz-box-shadow: 0px -1px 10px #e70;  border-color: #e70 !important;}
  13. /*.ongletonmouseover {background-color: #e70 !important; } */


Message édité par AnthonyD le 05-06-2010 à 21:54:12
n°1107443
Skopos
Titilleur de nombrils...
Posté le 05-06-2010 à 22:05:52  profilanswer
 

Vous avez la version précédente on dirait. Vous ne pouvez pas profiter de la sioupair-fitioure de la réponse rapide escamotable  [:alertes_f1_2:1]


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3

Aller à :
Ajouter une réponse
 

Sujets relatifs
Création de sites internet - WebdesignRemarques et idées pour le forum Graphisme
Création de sites internets - Webdesigncomment mettre une image en fond sur mon forum
comment mettre video sur le forum ?? merciCssZenGarden @ gfx - thème 1 : ambiance sucrée
Themes sur forum phpbbRecherche idée pour webdesign poisson rouge virtuel
Plus de sujets relatifs à : [WebDesign] - Thèmes pour le Forum


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR