Résolu PROBLÈME HTML tumblr

Solutions (5)
Tags :
  • souris
  • Html
  • Programmation
|
Hello, j'ai un blog sur tumblr : http://heartytrash.tumblr.com et les notes/date/tags ne s'affichent que quand on passe la souris sur l'image. qu'est-ce qu'il faut changer dans le CSS pour que les notes/date/tags soient toujours affichés ?
Merci d'avance. :) 

Voilà le CSS:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>{Title}</title>
  6. <META NAME="Title" CONTENT="{Title}">
  7. {block:Description}
  8. <META NAME="Description" CONTENT="{MetaDescription}">
  9. {/block:Description}
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <script language="JavaScript">
  14. <!--
  15. var message=":)";
  16. function click(e) {
  17. if (document.all) {
  18. if (event.button == 2) {
  19. alert(message);
  20. return false;
  21. }
  22. }
  23. if (document.layers) {
  24. if (e.which == 3) {
  25. alert(message);
  26. return false;
  27. }
  28. }
  29. }
  30. if (document.layers) {
  31. document.captureEvents(Event.MOUSEDOWN);
  32. }
  33. document.onmousedown=click;
  34. // -->
  35. </script>
  36.  
  37.  
  38.  
  39.  
  40.  
  41. <meta name="font:Body" content="Tahoma"/>
  42. <meta name="image:Background" content=""/>
  43. <meta name="color:Background" content="#fff"/>
  44. <meta name="color:PostBackground" content="#f8f8f8"/>
  45. <meta name="color:Link" content="#000000"/>
  46. <meta name="text:FontSize" content="10"/>
  47. <meta name="text:HoverBoxTransparency" content="0.70"/>
  48. <meta name="if:Show Archive Link" content="1"/>
  49. <meta name="if:Show RSS Link" content="1"/>
  50. <meta name="if:Show Random Link" content="0"/>
  51. <meta name="if:Show Likes Link" content="0"/>
  52. <meta name="if:Show Mobile Link" content="0"/>
  53. <meta name="if:LessSpaceBetweenPosts" content="0"/>
  54. <meta name="if:ShowNotes" content="0"/>
  55.  
  56. <style type="text/css">
  57. img { border:0px; }
  58. body {
  59. background: url('{image:Background}') fixed {color:Background};
  60. color:#bbbbbb;
  61. font-family:{font:Body};
  62. font-size: {text:FontSize}px;
  63. margin:0px;
  64. padding:0px;
  65. letter-spacing: -1px
  66. }
  67.  
  68. a:link, a:active, a:visited {
  69. color: {color:Link};
  70. text-decoration:none;
  71. font-style:normal;
  72. font-family:{font:Body};
  73. font-size:1em;
  74. border-bottom:5px dotted #fff;
  75. letter-spacing: -1px
  76. }
  77. a:hover {
  78. color: #bbbbbb;
  79. text-decoration:none;
  80. border-bottom:1px dotted #d8d8d8;
  81. font-style:normal;
  82. }
  83. a:focus { outline: none; }
  84.  
  85.  
  86. div.header {
  87. width:480px;
  88. margin-bottom: 80px;
  89. background:{color:PostBackground};
  90. padding:10px 20px;
  91. }
  92. div.header img {
  93. max-width:480px;
  94. }
  95. a.blogtitle {
  96. font-size:30px;
  97. border-bottom:0px;
  98. letter-spacing: -1px
  99. font-style:oblic
  100. }
  101.  
  102.  
  103. div.posts {
  104. margin:10px 0 0 0px;
  105. width:500px;
  106. text-align:justify;
  107. }
  108. div.posts div.post {
  109. position:relative;
  110. {block:ifNotLessSpaceBetweenPosts}margin-bottom: 250px;{/block:ifNotLessSpaceBetweenPosts}
  111. {block:ifLessSpaceBetweenPosts}margin-bottom: 100px;{/block:ifLessSpaceBetweenPosts}
  112. }
  113. div.posts div.post div.text img {
  114. max-width:460px !important;
  115. height:auto;
  116. }
  117. div.posts div.post div.text {
  118. background:{color:PostBackground};
  119. padding:10px 20px;
  120. }
  121.  
  122.  
  123. div.posts div.post div.permalink {
  124. position:absolute;
  125. z-index:10;
  126. background: rgba(255, 255, 255, {text:HoverBoxTransparency});
  127. {block:IndexPage}display:none;{/block:IndexPage}
  128. padding:0px 6px; top:0px;
  129. left:-179px;
  130. }
  131. div.posts div.post:hover div.permalink {
  132. display:block;
  133. }
  134. div.posts div.post div.permalink a {
  135. border-bottom:0px;
  136. }
  137. div.posts div.post div.permalink div.left {
  138. width:150px;
  139. border-right:1px dotted rgba(0, 0, 0, 0.30);
  140. padding:11px 11px 11px 5px;
  141. }
  142. div.posts div.post div.permalink div.left img { max-width:150px; }
  143.  
  144. a.linkpost { border-bottom:1px dotted #d8d8d8; font-weight:bold; }
  145.  
  146. div.chat ul { list-style:none; margin:0px; padding:0px; }
  147. div.chat li { padding:3px 0; }
  148. div.chat span.label { font-weight:bold; width:100px; display:block; float:left; }
  149. div.chat div.line { width:333px; float:left; }
  150.  
  151. blockquote { margin-left:3px !important; }
  152.  
  153.  
  154. ol.notes { padding: 0px; margin: 0px 5px; list-style-type: none; }
  155. ol.notes li.note { border-top: solid 0px #ccc; padding: 0 0 3px 0; }
  156. ol.notes li.note img.avatar {vertical-align: -4px; margin-right: 0px; width: 16px; height: 16px; }
  157. ol.notes li.note span.action { font-weight: normal; }
  158. ol.notes li.note span.action a { font-weight: normal; }
  159. ol.notes li.note .answer_content { font-weight: normal; }
  160. ol.notes li.note blockquote { border-color: none; padding: 1px 3px; margin: 0px 0px 0px 0px; }
  161. ol.notes li.note blockquote a { text-decoration: none; }
  162.  
  163. {CustomCSS}
  164. </style>
  165. </head>
  166. <body>
  167. <div align="center">
  168.  
  169. <div class="header">
  170. <a href="/" class="blogtitle">{Title}</a>
  171.  
  172. <br>
  173.  
  174. {block:IfShowRSSLink}
  175. <a href="{RSS}">RSS</a>
  176. {/block:IfShowRSSLink}
  177. {block:IfShowArchiveLink}
  178. <a href="/archive">Archive</a>
  179. {/block:IfShowArchiveLink}
  180. {block:IfShowRandomLink}
  181. <a href="/random">Random</a>
  182. {/block:IfShowRandomLink}
  183. {block:IfShowLikesLink}
  184. <a href="<a href="http://www.tumblr.com/liked/by/" rel="nofollow" target="_blank">http://www.tumblr.com/liked/by/</a>{Name}">Likes</a>
  185. {/block:IfShowLikesLink}
  186. {block:IfShowMobileLink}
  187. <a href="/mobile">Mobile</a>
  188. {/block:IfShowMobileLink}
  189. {block:SubmissionsEnabled}
  190. <a href="/submit">Submit</a>
  191. {/block:SubmissionsEnabled}
  192. <a href="<a href="http://formspring.me/heartytrash" rel="nofollow" target="_blank">http://formspring.me/heartytrash</a>">formspring</a>
  193. <a href="<a href="http://twitter.com/heartytrash" rel="nofollow" target="_blank">http://twitter.com/heartytrash</a>">twitter</a>
  194.  
  195. {block:HasPages}<br />
  196. {block:Pages}
  197. <a href="{URL}">{Label}</a>
  198. {/block:Pages}
  199. {/block:HasPages}
  200.  
  201. <br><br>
  202.  
  203. {block:Description}
  204. {Description}
  205. {/block:Description}
  206.  
  207.  
  208.  
  209. </div>
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216. <div class="posts">
  217. {block:Posts}
  218.  
  219.  
  220. <div class="post">
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227. {block:Text}
  228. <div class="text">
  229. <div class="permalink">
  230. <div class="left">
  231. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  232. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  233. {block:HasTags}<br><br>
  234. Tags:
  235. {block:Tags}
  236. <a href="{TagURL}" class="tag">{Tag}</a>
  237. {/block:Tags}
  238. {/block:HasTags}
  239. </div>
  240. </div>
  241.  
  242. {block:Title}<a href="{Permalink}" class="caption">{Title}</a>
  243. <br />{/block:Title}
  244. {Body}
  245. </div>
  246. {/block:Text}
  247.  
  248.  
  249.  
  250. {block:Photo}
  251. <div class="photo">
  252. <div class="permalink">
  253. <div class="left">
  254. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  255. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  256. <br><br>
  257. {block:Caption}{Caption}{/block:Caption}
  258. {block:HasTags}<br><br>
  259. Tags:
  260. {block:Tags}
  261. <a href="{TagURL}" class="tag">{Tag}</a>
  262. {/block:Tags}
  263. {/block:HasTags}
  264. </div>
  265. </div>
  266.  
  267. <div align="center">
  268. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  269. </div>
  270. </div>
  271. {/block:Photo}
  272.  
  273.  
  274.  
  275. {block:Photoset}
  276. <div class="photo">
  277. <div class="permalink">
  278. <div class="left">
  279. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  280. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  281. <br><br>
  282. {block:Caption}{Caption}{/block:Caption}
  283. {block:HasTags}<br><br>
  284. Tags:
  285. {block:Tags}
  286. <a href="{TagURL}" class="tag">{Tag}</a>
  287. {/block:Tags}
  288. {/block:HasTags}
  289. </div>
  290. </div>
  291.  
  292.  
  293. {PhotoSet-500}
  294. </div>
  295. {/block:Photoset}
  296.  
  297.  
  298.  
  299. {block:Quote}
  300. <div class="text">
  301. <div class="permalink">
  302. <div class="left">
  303. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  304. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  305. {block:HasTags}<br><br>
  306. Tags:
  307. {block:Tags}
  308. <a href="{TagURL}" class="tag">{Tag}</a>
  309. {/block:Tags}
  310. {/block:HasTags}
  311. </div>
  312. </div>
  313.  
  314. <span style="font-size:20px; float:left; font-family:georgia; padding-right:5px;">&#147;</span>
  315. {Quote}
  316. {block:Source}<br /><span style="padding-left:0px;">— {Source}</span>{/block:Source}
  317. </div>
  318. {/block:Quote}
  319.  
  320.  
  321.  
  322. {block:Link}
  323. <div class="text">
  324. <div class="permalink">
  325. <div class="left">
  326. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  327. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  328. {block:HasTags}<br><br>
  329. Tags:
  330. {block:Tags}
  331. <a href="{TagURL}" class="tag">{Tag}</a>
  332. {/block:Tags}
  333. {/block:HasTags}
  334. </div>
  335. </div>
  336.  
  337. » <a href="{URL}" class="linkpost" {Target}>{Name}</a>
  338. {block:Description}
  339. {Description}
  340. {/block:Description}
  341. </div>
  342. {/block:Link}
  343.  
  344.  
  345.  
  346.  
  347. {block:Chat}
  348. <div class="text">
  349. <div class="permalink">
  350. <div class="left">
  351. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  352. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  353. {block:HasTags}<br><br>
  354. Tags:
  355. {block:Tags}
  356. <a href="{TagURL}" class="tag">{Tag}</a>
  357. {/block:Tags}
  358. {/block:HasTags}
  359. </div>
  360. </div>
  361.  
  362. <div class="chat">
  363. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  364. <ul>
  365. {block:Lines}
  366. <li class="{Alt}">
  367. {block:Label}<span class="label">{Label}</span>{/block:Label}
  368. <div class="line">{Line}</div>
  369. <br style="clear:both;" />
  370. </li>
  371. {/block:Lines}
  372. </ul>
  373. </div>
  374. </div>
  375. {/block:Chat}
  376.  
  377.  
  378. {block:Audio}
  379. <div class="text">
  380. <div class="permalink">
  381. <div class="left">
  382. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  383. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  384. {block:HasTags}<br><br>
  385. Tags:
  386. {block:Tags}
  387. <a href="{TagURL}" class="tag">{Tag}</a>
  388. {/block:Tags}
  389. {/block:HasTags}
  390. </div>
  391. </div>
  392.  
  393. {AudioPlayerGrey}
  394. {block:Caption}{Caption}{/block:Caption}
  395. </div>
  396. {/block:Audio}
  397.  
  398.  
  399. {block:Video}
  400. <div class="photo">
  401. <div class="permalink">
  402. <div class="left">
  403. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  404. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  405. <br><br>
  406. {block:Caption}{Caption}{/block:Caption}
  407. {block:HasTags}<br><br>
  408. Tags:
  409. {block:Tags}
  410. <a href="{TagURL}" class="tag">{Tag}</a>
  411. {/block:Tags}
  412. {/block:HasTags}
  413. </div>
  414. </div>
  415.  
  416. {Video-500}
  417. </div>
  418. {/block:Video}
  419.  
  420.  
  421.  
  422. {block:Answer}
  423. <div class="text">
  424. <div class="permalink">
  425. <div class="left">
  426. {block:Date}<a href="{Permalink}">{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  427. {block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}
  428. {block:HasTags}<br><br>
  429. Tags:
  430. {block:Tags}
  431. <a href="{TagURL}" class="tag">{Tag}</a>
  432. {/block:Tags}
  433. {/block:HasTags}
  434. </div>
  435. </div>
  436.  
  437. <a href="{Permalink}" class="caption">{Asker} asked: {Question}</a>
  438. {Answer}
  439. </div>
  440. {/block:Answer}
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448. {block:Permalink}
  449. {block:IfShowNotes}
  450. {block:PostNotes}
  451. <br><br><br><div class="text">
  452. {block:NoteCount}
  453. <div style="font-size:1.2em; font-weight:bold; margin-bottom:5px;">{NoteCountWithLabel}</div>
  454. {/block:NoteCount}
  455.  
  456. {PostNotes}
  457.  
  458. </div>
  459. {/block:PostNotes}
  460. {/block:IfShowNotes}
  461. {/block:Permalink}
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474. </div>
  475.  
  476.  
  477.  
  478.  
  479. {/block:Posts}
  480.  
  481.  
  482.  
  483. <div style="text-align:center;">
  484. <span style="background:#fff;">
  485. {block:Pagination}
  486. {block:PreviousPage}
  487. <a href="{PreviousPage}">« Previous</a>
  488. {/block:PreviousPage}
  489. {block:PreviousPage}{block:NextPage}  ·  {/block:NextPage}{/block:PreviousPage}
  490. {block:NextPage}
  491. <a href="{NextPage}">Next »</a>
  492. {/block:NextPage}
  493. {/block:Pagination}
  494. </span>
  495.  
  496. <br />
  497. <br />
  498. <br />
  499. <br />
  500. <br />
  501.  
  502. </div>
  503.  
  504. </div>
  505. </div>
  506. </body>
  507. </html>
Contenus similaires
Meilleure solution
partage
|
Alors remet les et essaye d'enlever le
  1. {block:IndexPage}display:none;{/block:IndexPage}

ligne 127
  • Commenter cette solution |
Score
0
òh
òi
|
Ca maaaaaaaaaaarche. :D 
Merci beaucoup !
  • Commenter cette réponse |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par HayleyW.
  • Commenter cette réponse |
Score
0
òh
òi
|
Quand j'enlève, ça change rien. Les notes, la date et les tags ne s'affichent toujours que quand je passe la souris sur les images. Mais merci de ton aide. :) 
  • Commenter cette réponse |
Score
0
òh
òi
|
A mon avis il suffit d'enlever les 2 lignes :
  1. {block:IfShowNotes}
et
  1. {/block:IfShowNotes}


(lignes 449 et 460)
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS