Votre question

Désactiver un header (Tumblr).

Tags :
  • Blog
  • Souris
  • Futur
  • Html
  • Programmation
Dernière réponse : dans Programmation
26 Août 2012 18:29:35

Bonjour,

J'ai un petit souci avec mon futur blog. J'aurais souhaité désactiver le cadre de mon header ( http://aliocha87.tumblr.com/ ), c'est-à-dire le rectangle gris qui passe au rouge lorsque passe dessus avec la souris. En gros le but serait de ne garder que le titre du site, sans rien autour. Quelle phrase du HTML dois-je modifier/supprimer pour y parvenir ?

Merci d'avance.

Autres pages sur : desactiver header tumblr

26 Août 2012 18:30:18

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- Lightweight Theme by Artur Kim (http://arturkim.com) for Tumblr | version 1.1 -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>{block:SearchPage}Search results for: {SearchQuery} | {/block:SearchPage}{block:IndexPage}{Title}{/block:IndexPage}{block:PostSummary}{PostSummary}{/block:PostSummary}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="text:Header Font Size" content="50px"/>
  14. <meta name="color:Background" content="#1B1C1F"/>
  15. <meta name="color:Border" content="#000000"/>
  16. <meta name="color:Link" content="#A33446"/>
  17. <meta name="image:Header" content=""/>
  18. <meta name="if:Show About Widget" content="1"/>
  19. <meta name="if:Show Stuff I Like Widget" content="1"/>
  20. <meta name="if:Show Latest Tweets Widget" content="0"/>
  21. <meta name="if:Show People I Follow Widget" content="1"/>
  22. <meta name="if:Show Share This Post Links" content="0"/>
  23. <meta name="text:Number of Tweets" content="3"/>
  24. <meta name="text:Google Analytics ID" content="" />
  25. <meta name="text:Disqus Shortname" content="" />
  26.  
  27. <style type="text/css" media="screen">
  28. /* Lightweight Theme by Artur Kim (http://arturkim.com) for Tumblr | version 1.1 */
  29.  
  30. /* RESET */
  31. html, body, div, span, applet, object, iframe,
  32. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  33. a, abbr, acronym, address, big, cite, code,
  34. del, dfn, em, font, img, ins, kbd, q, s, samp,
  35. small, strike, strong, sub, sup, tt, var,
  36. b, u, i, center,
  37. dl, dt, dd, ol, ul, li,
  38. fieldset, form, label, legend,
  39. table, caption, tbody, tfoot, thead, tr, th, td {
  40. margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
  41. }
  42. body { line-height: 1; }
  43. ol, ul { list-style: none; }
  44. blockquote, q { quotes: none; }
  45. blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  46. :focus { outline: 0; }
  47. del { text-decoration: line-through; }
  48. table { border-collapse: collapse; border-spacing: 0; }
  49.  
  50. /* GLOBAL ELEMENTS */
  51. body { background: {color:Background}; }
  52. body, input, textarea { color: #000; font: 16px/1.6 "helvetica neue",helvetica,arial,sans-serif; }
  53. p, ul, ol, dd, pre { margin-bottom: 20px; }
  54. pre, code { font: 12px Monaco,monospace; line-height: 1.6; }
  55. blockquote { border-left: 5px solid #ddd; color: #555; font-style: italic; margin: 0 0 20px; padding: 0 0 0 10px; }
  56. table { border: 1px solid #ccc; border-width: 1px 1px 0 1px; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0; text-align: left; }
  57. caption { text-align: left; }
  58. tr { border-bottom: 1px solid #ccc; }
  59. th, td { padding: .7em 1.25em; }
  60. hr { background-color: #ccc; border: 0; color: #555; height: 1px; margin-bottom: 20px; }
  61. a:link, a:visited { color: {color:Link}; text-decoration: none; }
  62. a:focus, a:hover { text-decoration: underline; }
  63. a:active { position: relative; top: 1px; }
  64. h1, h2, h3, h4, h5, h6 { font-weight:normal; clear:both; }
  65. img { border: 1px solid #ccc; }
  66. a img:focus, a img:hover, a img:active { border-color: {color:Link}; }
  67.  
  68. /* STRUCTURE */
  69. #wrapper {
  70. background: #fff;
  71. border: 10px solid {color:Border};
  72. margin: 20px auto;
  73. padding: 20px 50px;
  74. width: 600px;
  75. }
  76. #header {
  77. }
  78. #main {
  79. }
  80. #container {
  81. }
  82. .sidebar {
  83. }
  84. #footer {
  85. border-top: 1px solid #ccc;
  86. color: #555;
  87. font-size: 12px;
  88. padding: 20px 0;
  89. width: 600px;
  90. }
  91.  
  92. /* DEFAULT CSS */
  93. #branding {
  94. {block:IfNotHeaderImage}padding: 40px 0;{/block:IfNotHeaderImage}
  95. text-align: center;
  96. }
  97. #branding h1 a {
  98. color: #000;
  99. font: {text:Header Font Size}/2 Cambria, serif;
  100. font-weight: large;
  101. text-decoration: none;
  102. }
  103. #branding h1 a:focus, #header h1 a:hover, #header h1 a:active {
  104. color: {color:Link};
  105. }
  106. #branding img {
  107. max-width: 600px;
  108. }
  109. #access {
  110. border-bottom: 1px solid #ccc;
  111. font-size: 12px;
  112. overflow: hidden;
  113. padding: 20px 0 10px;
  114. }
  115. #pages ul {
  116. float: left;
  117. margin-bottom: 0;
  118. }
  119. #pages li {
  120. float: left;
  121. margin-right: 10px;
  122. padding: 3px 0;
  123. }
  124. #pages li.rss {
  125. margin-right: 0;
  126. }
  127. #pages a, #header #pages a:visited {
  128. color: #555;
  129. text-transform: uppercase;
  130. }
  131. #search {
  132. display: block;
  133. float: right;
  134. width: 205px;
  135. }
  136. #search input {
  137. background: none;
  138. border: 1px solid #ccc;
  139. display: block;
  140. font-size: 12px;
  141. }
  142. #search input.search-text {
  143. float: left;
  144. height: 15px;
  145. padding: 4px;
  146. width: 130px;
  147. }
  148. #search input.search-submit {
  149. color: #555;
  150. float: right;
  151. height: 25px;
  152. padding: 3px;
  153. width: 60px;
  154. }
  155. .post {
  156. border-top: 1px solid #ccc;
  157. padding: 20px 0 60px 78px;
  158. position: relative;
  159. }
  160. .post-type a {
  161. height: 48px; width: 48px;
  162. position: absolute; left: 0; top: 20px;
  163. text-indent: -9999px;
  164. }
  165. .post-type-text .post-type a {
  166. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 0;
  167. }
  168. .post-type-photo .post-type a {
  169. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -48px;
  170. }
  171. .post-type-photoset .post-type a {
  172. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -48px;
  173. }
  174. .post-type-quote .post-type a {
  175. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -96px;
  176. }
  177. .post-type-link .post-type a {
  178. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -144px;
  179. }
  180. .post-type-chat .post-type a {
  181. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -192px;
  182. }
  183. .post-type-audio .post-type a {
  184. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -240px;
  185. }
  186. .post-type-video .post-type a {
  187. background: url("http://static.tumblr.com/euguvyd/ntXl4578z/lightweight-icons.png") no-repeat 0 -288px;
  188. }
  189. .post-type a:focus, .post-type a:hover {
  190. -webkit-transform: rotate(15deg);
  191. -moz-transform: rotate(15deg);
  192. }
  193. .post-type a:active {
  194. -webkit-transform: rotate(45deg);
  195. -moz-transform: rotate(45deg);
  196. }
  197. .post-content h3 {
  198. font: 22px/1.6 Georgia,serif;
  199. margin-bottom: 20px;
  200. }
  201. .post-content img {
  202. margin-bottom: 20px;
  203. padding: 10px;
  204. }
  205. .post-type-text .post-content ul {
  206. padding-left: 30px;
  207. }
  208. .post-type-text .post-content ul ul {
  209. margin-bottom: 0;
  210. }
  211. .post-type-text .post-content ul li {
  212. list-style-type: disc;
  213. }
  214. .post-type-text .post-content ul ul li {
  215. list-style-type: circle;
  216. }
  217. .post-type-text .post-content ol {
  218. padding-left: 30px;
  219. }
  220. .post-type-text .post-content ol ol {
  221. margin-bottom: 0;
  222. }
  223. .post-type-text .post-content ol li {
  224. list-style-type: upper-latin;
  225. }
  226. .post-type-text .post-content ol ol li {
  227. list-style-type: lower-latin;
  228. }
  229. .post-type-photoset .post-content .html_photoset, .post-type-video .post-content .video-wrap {
  230. border: 1px solid #ccc;
  231. margin-bottom: 20px;
  232. padding: 10px;
  233. }
  234. .post-type-link .post-content .link-wrap {
  235. margin-bottom: 20px;
  236. }
  237. .post-type-chat .post-content .label {
  238. color: #333;
  239. font-weight: bold;
  240. }
  241. .post-type-audio .post-content .caption {
  242. margin-top: 20px;
  243. }
  244. .tags {
  245. font-size: 12px;
  246. margin-bottom: 10px;
  247. }
  248. .tags a {
  249. border: 1px solid #ccc;
  250. border-radius: 30px; -webkit-border-radius:30px; -moz-border-radius: 30px;
  251. color: #555;
  252. margin-right: 1px;
  253. padding: 2px 10px;
  254. }
  255. .tags a:focus, .tags a:hover {
  256. border-color: {color:Link};
  257. color: {color:Link};
  258. text-decoration: none;
  259. }
  260. .post-meta {
  261. font-size: 12px;
  262. overflow: hidden;
  263. }
  264. .post-meta .date, .post-meta .comments, .post-meta .note-count {
  265. float: left;
  266. }
  267. .post-meta a {
  268. color: #555;
  269. margin-right: 20px;
  270. padding: 1px 0 1px 20px;
  271. }
  272. .post-meta .date a {
  273. background: url("http://static.tumblr.com/euguvyd/pJkl457a4/lightweight-small-icons.png") no-repeat 0 0;
  274. }
  275. .post-meta .comments a {
  276. background: url("http://static.tumblr.com/euguvyd/pJkl457a4/lightweight-small-icons.png") no-repeat 0 -16px;
  277. }
  278. .post-meta .note-count a {
  279. background: url("http://static.tumblr.com/euguvyd/pJkl457a4/lightweight-small-icons.png") no-repeat 0 -32px;
  280. }
  281. .share-this-post {
  282. margin-top: 10px;
  283. }
  284. .post-footer {
  285. border-top: 1px solid #ccc;
  286. font-size: 12px;
  287. overflow: hidden;
  288. padding: 10px 0;
  289. text-transform: uppercase;
  290. }
  291. .post-footer .author {
  292. float: left;
  293. }
  294. .post-footer .shorturl {
  295. float: right;
  296. }
  297. #disqus_thread {
  298. border-top: 1px solid #ccc;
  299. padding-top: 20px;
  300. }
  301. #dsq-content {
  302. font-size: 14px !important;
  303. line-height: 1.6 !important;
  304. }
  305. #disqus_thread h3 {
  306. font: 18px/1.6 Georgia,serif;
  307. margin: 20px 0 10px;
  308. }
  309. #dsq-content .dsq-request-user-info img {
  310. margin-top: 10px;
  311. }
  312. #dsq-content .dsq-options {
  313. background: none !important;
  314. border-bottom: 1px dotted #ccc;
  315. }
  316. #dsq-content .dsq-thread-settings {
  317. border: 1px solid #ccc !important;
  318. }
  319. #dsq-content .dsq-comment-message {
  320. line-height: 1.6 !important;
  321. }
  322. #dsq-content .dsq-pagination {
  323. background: none !important;
  324. border-top: 1px dotted #ccc;
  325. }
  326. #post-notes {
  327. border-top: 1px solid #ccc;
  328. font-size: 14px;
  329. line-height: 1.6;
  330. padding: 10px 0 0;
  331. }
  332. #post-notes ol li {
  333. border-bottom: 1px dotted #ccc;
  334. padding: 10px 0;
  335. }
  336. #post-notes ol li img {
  337. border: none;
  338. margin-right: 4px;
  339. vertical-align: middle;
  340. }
  341. #post-notes ol li blockquote {
  342. margin: 10px 0 0;
  343. }
  344. .widget {
  345. border-top: 1px solid #ccc;
  346. color: #555;
  347. font-size: 12px;
  348. padding: 20px 0;
  349. }
  350. .widget h3 {
  351. font-size: 14px;
  352. font-weight: bold;
  353. margin: 0 0 10px 0;
  354. }
  355. .widget ul {
  356. margin-bottom: 0;
  357. }
  358. #about {
  359. overflow: hidden;
  360. }
  361. #about img {
  362. float: left;
  363. margin: 5px 10px 5px 0;
  364. }
  365. #about p {
  366. margin-bottom: 0;
  367. }
  368. #stuff-i-like {
  369. overflow: hidden;
  370. width: 600px !important;
  371. }
  372. #stuff-i-like ul {
  373. overflow: hidden;
  374. }
  375. #stuff-i-like li.like_post {
  376. float: left;
  377. margin-right: 30px;
  378. width: 180px;
  379. }
  380. #stuff-i-like .like_post img {
  381. max-width: 178px;
  382. }
  383. #stuff-i-like .carousel-navigation {
  384. margin-top: 10px;
  385. overflow: hidden;
  386. }
  387. #stuff-i-like .carousel-navigation button {
  388. background: none;
  389. border: 1px solid #ccc;
  390. color: #555;
  391. display: block;
  392. height: 30px;
  393. padding: 3px;
  394. width: 40px;
  395. }
  396. #stuff-i-like .carousel-navigation button:hover {
  397. border: 1px solid {color:Link};
  398. color: {color:Link};
  399. }
  400. #stuff-i-like .carousel-navigation .prev {
  401. float: left;
  402. }
  403. #stuff-i-like .carousel-navigation .next {
  404. float: right;
  405. }
  406. #latest-tweets {
  407. padding: 30px 0 20px;
  408. }
  409. #latest-tweets ul li {
  410. margin-bottom: 10px;
  411. }
  412. #people-i-follow {
  413. overflow: hidden;
  414. }
  415. #people-i-follow li {
  416. display: inline;
  417. padding: 0;
  418. margin: 0;
  419. }
  420. .pagination {
  421. border-top: 1px solid #ccc;
  422. color: #555;
  423. font-size: 12px;
  424. overflow: hidden;
  425. padding: 10px 0;
  426. text-transform: uppercase;
  427. }
  428. .pagination .archive, .pagination .random {
  429. float: left;
  430. margin-right: 20px;
  431. }
  432. .pagination .previous-page, .pagination .page-number, .pagination .next-page {
  433. float: right;
  434. margin-left: 20px;
  435. }
  436. .pagination a {
  437. color: #555;
  438. }
  439. .pagination .previous-page a {
  440. background: url("http://static.tumblr.com/euguvyd/pJkl457a4/lightweight-small-icons.png") no-repeat left -48px;
  441. padding: 1px 0 1px 20px;
  442. }
  443. .pagination .next-page a {
  444. background: url("http://static.tumblr.com/euguvyd/pJkl457a4/lightweight-small-icons.png") no-repeat right -64px;
  445. padding: 1px 20px 1px 0;
  446. }
  447. {CustomCSS}
  448. </style>
  449.  
  450. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
  451. <script src="http://static.tumblr.com/euguvyd/4Dsl43n9o/jcarousellite.min.js" type="text/javascript"></script>
  452.  
  453. </head>
  454. <body>
  455. <div id="wrapper">
  456. <div id="header">
  457. <div id="access">
  458. <div class="menu">
  459. <div id="pages">
  460. <ul>
  461. <li><a href="/">Home</a></li>
  462. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  463. {block:AskEnabled}<li class="ask"><a href="/ask" class="page">{AskLabel}</a></li>{/block:AskEnabled}
  464. {block:SubmissionsEnabled}<li class="submit"><a href="/submit" class="page">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  465. <li class="mobile"><a href="/mobile">Mobile</a></li>
  466. <li class="rss"><a href="{RSS}">RSS</a></li>
  467. </ul>
  468. </div><!-- #pages -->
  469. <div id="search">
  470. <form action="/search" method="get">
  471. <input type="text" name="q" value="{SearchQuery}" class="search-text" />
  472. <input type="submit" value="Search" class="search-submit" />
  473. </form>
  474. </div><!-- #search -->
  475. </div><!-- .menu -->
  476. </div><!-- #access -->
  477. <div id="branding">
  478. <h1>
  479. {block:IfHeaderImage}<a href="/"><img src="{image:Header}" alt="{Title}" /></a>{/block:IfHeaderImage}
  480. {block:IfNotHeaderImage}<a href="/">{Title}</a>{/block:IfNotHeaderImage}
  481. </h1>
  482. </div><!-- #branding -->
  483. </div><!-- #header -->
  484. <div id="main">
  485. <div id="container">
  486. <div id="content">
  487. {block:Posts}
  488. <div id="post-{PostID}" class="post {block:Text}post-type-text{/block:Text}{block:Photo}post-type-photo{/block:Photo}{block:Photoset}post-type-photoset{/block:Photoset}{block:Quote}post-type-quote{/block:Quote}{block:Link}post-type-link{/block:Link}{block:Chat}post-type-chat{/block:Chat}{block:Video}post-type-video{/block:Video}{block:Audio}post-type-audio{/block:Audio}">
  489. <div class="post-type">
  490. <a href="{Permalink}">{block:Text}Text{/block:Text}{block:Photo}Photo{/block:Photo}{block:Photoset}Photoset{/block:Photoset}{block:Quote}Quote{/block:Quote}{block:Link}Link{/block:Link}{block:Chat}Chat{/block:Chat}{block:Video}Video{/block:Video}{block:Audio}Audio{/block:Audio}</a>
  491. </div><!-- .type -->
  492. <div class="post-content">
  493. {block:Text}
  494. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  495. {Body}
  496. {/block:Text}
  497. {block:Photo}
  498. {LinkOpenTag}<img src="{PhotoURL-500}" class="photo" alt="{PhotoAlt}" />{LinkCloseTag}
  499. {block:HighRes}<a href="{PhotoURL-HighRes}" class="high-res" target="_blank"></a>{/block:HighRes}
  500. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  501. {/block:Photo}
  502. {block:Photoset}
  503. {Photoset-500}
  504. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  505. {/block:Photoset}
  506. {block:Quote}
  507. <div class="quote-content">"{Quote}"</div>
  508. {block:Source}<p class="quote-source">— {Source}</p>{/block:Source}
  509. {/block:Quote}
  510. {block:Link}
  511. <div class="link-wrap"><h3><a href="{URL}" {Target}>{Name}</a></h3></div>
  512. {block:Description}<div class="description">{Description}</div>{/block:Description}
  513. {/block:Link}
  514. {block:Chat}
  515. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  516. <ul class="chat-wrap">
  517. {block:Lines}
  518. <li class="{Alt} user_{UserNumber}">
  519. {block:Label}<span class="label">{Label}</span>{/block:Label}
  520. {Line}
  521. </li>
  522. {/block:Lines}
  523. </ul>
  524. {/block:Chat}
  525. {block:Audio}
  526. <div class="audio-wrap">{AudioPlayerGrey}</div>
  527. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  528. {/block:Audio}
  529. {block:Video}
  530. <div class="video-wrap">{Video-500}</div>
  531. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  532. {/block:Video}
  533. {block:HasTags}
  534. <div class="tags">
  535. Tags: {block:Tags}<a href="{TagURL}" class="single-tag">{Tag}</a> {/block:Tags}
  536. </div>
  537. {/block:HasTags}
  538. </div><!-- post-content -->
  539. <div class="post-meta">
  540. {block:Date}
  541. <div class="date">
  542. <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>
  543. </div><!-- .date -->
  544. {/block:Date}
  545. {block:IfDisqusShortname}
  546. <div class="comments">
  547. <a href="{Permalink}#disqus_thread">0 comments</a>
  548. </div>
  549. {/block:IfDisqusShortname}
  550. {block:NoteCount}
  551. <div class="note-count">
  552. <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  553. </div><!-- .note-count -->
  554. {/block:NoteCount}
  555. </div><!-- .post-meta -->
  556. {block:IfShowShareThisPostLinks}{block:PermalinkPage}
  557. <div class="share-this-post">
  558. <div class="facebook-button"><fb:like layout="standard" show_faces="false" width="450" action="like" colorscheme="light"></fb:like></div>
  559. <div class="tweetmeme-button"><script type="text/javascript">tweetmeme_style = 'compact';</script><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>
  560. </div>
  561. {/block:PermalinkPage}{/block:IfShowShareThisPostLinks}
  562. </div><!-- .post -->
  563. {block:PermalinkPage}
  564. <div class="post-footer">
  565. <div class="author">Posted by <a href="{PostAuthorURL}">{PostAuthorName}</a></div>
  566. <div class="shorturl"><a href="{ShortURL}">∞ Short URL</a></div>
  567. </div>
  568. {/block:PermalinkPage}
  569. {block:IfDisqusShortname}{block:Permalink}
  570. <div id="disqus_thread"></div>
  571. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  572. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript>
  573. {/block:Permalink}{/block:IfDisqusShortname}
  574. {block:PostNotes}<div id="post-notes">{PostNotes}</div>{/block:PostNotes}
  575. {/block:Posts}
  576. {block:Pagination}
  577. <div class="pagination">
  578. <span class="archive"><a href="/archive">Archive</a></span>
  579. <span class="random"><a href="/random">Random</a></span>
  580. {block:NextPage}<span class="next-page"><a href="{NextPage}">Next Page</a></span>{/block:NextPage}
  581. <span class="page-number">Page {CurrentPage} of {TotalPages}</span>
  582. {block:PreviousPage}<span class="previous-page"><a href="{PreviousPage}">Previous Page</a></span>{/block:PreviousPage}
  583. </div><!-- .pagination -->
  584. {/block:Pagination}
  585. </div><!-- #content -->
  586. </div><!-- #container -->
  587. {block:IndexPage}
  588. <div class="sidebar">
  589. {block:IfShowAboutWidget}
  590. <div id="about" class="widget">
  591. <h3>About</h3>
  592. <a href="http://www.tumblr.com/follow/{Name}"><img src="{PortraitURL-64}" alt="portrait" /></a>
  593. {block:Description}<div class="description"><p>{Description}</p></div>{/block:Description}
  594. </div>
  595. {/block:IfShowAboutWidget}
  596. {block:IfShowStuffILikeWidget}{block:Likes}
  597. <div id="stuff-i-like" class="widget carousel">
  598. <h3>Stuff I like <a href="http://www.tumblr.com/liked/by/{Name}">(all)</a></h3>
  599. {Likes limit="9" width="180"}
  600. <div class="carousel-navigation">
  601. <button class="prev"><<</button>
  602. <button class="next">>></button>
  603. </div>
  604. </div>
  605. {/block:Likes}{/block:IfShowStuffILikeWidget}
  606. {block:IfShowLatestTweetsWidget}{block:Twitter}
  607. <div id="latest-tweets" class="widget">
  608. <h3>Latest Tweets <a href="http://twitter.com/{TwitterUsername}">(follow)</a></h3>
  609. <ul id="tweets"></ul>
  610. </div>
  611.  
  612. <script type="text/javascript">
  613. function recent_tweets(data) {
  614. for (i=0; i<data.length; i++) {
  615. if (i<{text:Number of Tweets}) {
  616. document.getElementById("tweets").innerHTML =
  617. document.getElementById("tweets").innerHTML +
  618. '<li class="tweet">' + data[i].text + '</li>';
  619. }
  620. }
  621. document.getElementById("twitter").style.display = 'block';
  622. }
  623. </script>
  624. {/block:Twitter}{/block:IfShowLatestTweetsWidget}
  625. {block:IfShowPeopleIFollowWidget}{block:Following}
  626. <div id="people-i-follow" class="widget">
  627. <h3>People I follow</h3>
  628. <ul>
  629. {block:Followed}
  630. <li><a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" alt="{FollowedName}"/></a></li>
  631. {/block:Followed}
  632. </ul>
  633. </div>
  634. {/block:Following}{/block:IfShowPeopleIFollowWidget}
  635. </div><!-- .sidebar -->
  636. {/block:IndexPage}
  637. </div><!-- #main -->
  638. <div id="footer">
  639. <div class="copyright">© <a href="/">{Title}, 2012</a>. All Rights Reserved.</div>
  640. </div><!-- #footer -->
  641. </div><!-- #wrapper -->
  642.  
  643. {block:Twitter}<script type="text/javascript" src="/tweets.js"></script>{/block:Twitter}
  644. {block:IfShowShareThisPostLinks}{block:PermalinkPage}
  645. <div id="fb-root"></div>
  646. <script>
  647. window.fbAsyncInit = function() {
  648. FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});
  649. };
  650. (function() {
  651. var e = document.createElement('script'); e.async = true;
  652. e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
  653. document.getElementById('fb-root').appendChild(e);
  654. }());
  655. </script>
  656. {/block:PermalinkPage}{/block:IfShowShareThisPostLinks}
  657. {block:IfDisqusShortname}
  658. <script type="text/javascript">
  659. //<![CDATA[
  660. (function() {
  661. var links = document.getElementsByTagName('a');
  662. var query = '?';
  663. for(var i = 0; i < links.length; i++) {
  664. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  665. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  666. }
  667. }
  668. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  669. })();
  670. //]]>
  671. </script>
  672. {/block:IfDisqusShortname}
  673. {block:IfShowStuffILikeWidget}
  674. <script type="text/javascript">
  675. $(function() {
  676. $(".carousel").jCarouselLite({
  677. btnNext: ".next",
  678. btnPrev: ".prev",
  679. scroll: 3
  680. });
  681. });
  682. </script>
  683. {/block:IfShowStuffILikeWidget}
  684. {block:IfGoogleAnalyticsID}<script type="text/javascript">var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}</script>{block:IfGoogleAnalyticsID}
  685.  
  686. </body>
  687. </html>
m
0
l
a c 232 L Programmation
26 Août 2012 19:31:04

Salut,

La bordure qui est appliquée à ton header est la bordure qui est appliquée à toutes tes images :
ligne 65 :
  1. img { border: 1px solid #ccc; }


Et la bordure rouge quand tu passes la souris dessus est déclarée juste en dessous :
  1. a img:focus, a img:hover, a img:active { border-color: {color:Link}; }
m
0
l
27 Août 2012 00:15:42

Super merci OmaR, tu m'enlèves une belle épine du pied :) 
m
0
l
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