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

 
 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Page Suivante
Page Précédente
Bas de page 
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 !!!

Message cité 1 fois

---------------
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 ?

Message cité 1 fois
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

Message cité 1 fois

---------------
/!\ Le point de rendez-vous des amateurs de vieux matos informatique c'est ici !/!\
n°1099572
Skopos
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 ?
 

Message cité 1 fois
n°1099573
Skopos
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
n°1099574
Skopos
Posté le 18-03-2010 à 09:37:31  profilanswer
 

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

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
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]

n°1099585
Skopos
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.

Message cité 1 fois
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
Posté le 18-03-2010 à 11:45:53  profilanswer
 

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

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
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)

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
Posté le 18-03-2010 à 12:37:37  profilanswer
 

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

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
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
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
Posté le 28-05-2010 à 12:34:37  profilanswer
 

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

n°1106389
Skopos
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] )

n°1106391
Skopos
Posté le 28-05-2010 à 12:58:57  profilanswer
 

fixé (je crois :D)

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. :??:

Message cité 1 fois

---------------
Gamertag: CoteBlack YeLL
n°1106433
Skopos
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
n°1106436
Skopos
Posté le 28-05-2010 à 15:41:23  profilanswer
 

Voilà la CSS:

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


Message édité par Skopos le 28-05-2010 à 15:43:26
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
Posté le 28-05-2010 à 19:58:33  profilanswer
 

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

n°1106962
Skopos
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

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

n°1107046
Skopos
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
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 :)

Message cité 1 fois

---------------
Deviens un Ami de Kalaweit シ Ne jetez plus, réparez ! °⌣°
n°1107345
Skopos
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 :)
 

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

Message cité 1 fois
n°1107437
Skopos
Posté le 05-06-2010 à 21:43:22  profilanswer
 

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

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;}
  4. [id*="befor"], [id*="after"] {display: none;}
  5. .onglet, .ongletsel, .ongletonmouseover {
  6. /*margin-right: 8px;
  7. background-image: inherit !important;
  8. background-color: #222 !important; */
  9. -moz-border-radius: 3px 12px 0 0 !important;
  10. border: 1px solid #555 !important;
  11. border-bottom: none !important;
  12. }
  13. .ongletsel {-moz-box-shadow: 0px -1px 10px #e70;  border-color: #e70 !important;}
  14. /*.ongletonmouseover {background-color: #e70 !important; } */


Message édité par AnthonyD le 05-06-2010 à 21:54:12
n°1107443
Skopos
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]

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3
Page Suivante
Page Précédente
Haut de page 

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

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.187 secondes

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