Se connecter / S'enregistrer

Résolu Problème html - suppression bouton navigation

Solutions (6)
Tags :
  • Html
  • Navigation
  • Programmation
|
Bonjour,

J'ai un blog Tumblr, j'ai rajouté un code html pour avoir un "endless scroll" sur le thème.
Le endless scroll fonctionne tout à fait correctement, le problème c'est que le bouton de navigation reste affiché entre les supposées pages.
Ci-dessous le code html de mon thème, pouvez-vous svp m'indiquer ce que je dois faire afin de supprimer le bouton de navigation ?

Merci.


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  4. <head>
  5. <link rel="shortcut icon" href="{Favicon}" />
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <meta name="description" content="{MetaDescription}" />
  9.  
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  11.  
  12. <meta name="color:Background" content="#000000" />
  13. <meta name="color:Body" content="#aaa" />
  14. <meta name="color:Link" content="#666" />
  15. <meta name="color:Hover" content="#ccc" />
  16. <meta name="color:Text Shadow" content="#000" />
  17. <meta name="color:Header Seperator" content="#222" />
  18. <meta name="color:Post Seperator" content="#191919" />
  19. <meta name="font:Body" content="Lucida Sans" />
  20. <meta name="if:Show Avatar" content="0" />
  21. <meta name="if:Show Search Bar" content="0" />
  22.  
  23.  
  24. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  25.  
  26. <style type="text/css">
  27. body { background-color: {color:Background};
  28. font-family: {font:Body}; font-size: 9px;
  29. color: {color:Body};
  30. margin-top: 25px;
  31. text-shadow: 1px 1px 1px {color:Text Shadow};
  32. }
  33.  
  34. .clear { clear: both; }
  35.  
  36. h1 {margin: 0; padding: 0;}
  37. a { color: {color:Link}; text-decoration: none; }
  38. a:hover { color: {color:Hover};}
  39. a img {border: none;}
  40.  
  41. #avatar {float: right; margin-bottom: 15px;}
  42. #wrapper {width: 510px; margin: 0 auto;}
  43.  
  44. #header {margin-left: 10px; margin-bottom: 100px; border-bottom: 1px solid {color:Header Seperator};}
  45. #logo {margin-bottom: 15px;}
  46. h1 {font-weight: normal; color: {color:Body}; font-size:16px;}
  47.  
  48. #header .text, .pages, .navibar {margin-bottom: 10px;}
  49.  
  50. .pages a, .navibar a { margin-right: 5px; }
  51.  
  52. #sidebar {}
  53.  
  54.  
  55. .post {}
  56.  
  57. .box-bottom {float: left; width: 10px;}
  58.  
  59. .box-bottom .permalink {display: block; margin-left: -15px; color: {color:Header Seperator}; font-size: 16px;}
  60.  
  61. .post-content {float: left; width: 500px; margin-bottom:50px; padding-bottom:50px;border-bottom: 1px solid {color:Post Seperator}; line-height: 150%; ; }
  62.  
  63. .post-text h3 {margin:0; font-size: 16px; font-weight: normal; text-shadow: 1px 1px 2px #000;}
  64. .post-text h3 a {color: #aaa;}
  65. .post blockquote {margin-left: 15px;}
  66.  
  67. .post-text embed, .post-video embed {width: 500px; max-height: 300px;}
  68.  
  69. .post-photo img {width: 500px;}
  70.  
  71. .post-chat ul {margin: 0; padding:0; list-style:none;}
  72. .post-chat ul li {margin-bottom: 10px; margin-left: 10px;}
  73. .post-chat .odd {color: #eee;}
  74. .post-chat .label {display: block; font-weight: bold; margin-left: -10px;}
  75.  
  76. .post-quote {font-size: 16px;}
  77. .post-quote .source {font-size: 10px;}
  78.  
  79. .audio_player {background: #000; width: 500px; display: block;}
  80.  
  81.  
  82. .jump-pagination, .pagination {text-align: center; width: 150px; margin: 0 auto;}
  83. #copyrights {text-align: right; color: {color:Header Seperator}; margin: 20px 0px;}
  84.  
  85. .perma-info {margin-left: 10px;}
  86.  
  87. .tags a {margin-right: 10px;}
  88.  
  89. a#prev, a#next {padding: 0px 10px;}
  90.  
  91. .search { text-align: center; margin-top: 15px;}
  92. .search .input {background: #111; border: 1px solid {color:Post Seperator}; padding: 2px; color: {color:Link}; width: 100%; }
  93. .search .submit {display: none; }
  94.  
  95. .perma-info a.notes {display: none;}
  96.  
  97. ol.notes { margin: 0px 15px; padding: 10px;}
  98. ol.notes li {margin-bottom: 10px;}
  99. ol.notes img {margin-right: 5px;}
  100. {CustomCSS}
  101.  
  102. </style>
  103. </head>
  104. <body>
  105.  
  106. <div id="frame">
  107.  
  108. <div id="wrapper">
  109.  
  110. <div id="header">
  111. <div id="logo">
  112. <h1>
  113. <a href="/">
  114.  
  115. {Title}
  116. </a>
  117. </h1>
  118. </div>
  119.  
  120.  
  121. <div id="sidebar">
  122.  
  123. {block:IfShowAvatar}<div id="avatar"><img src="{PortraitURL-64}" /></div>{/block:IfShowAvatar}
  124. <div class="text">{Description}</div>
  125.  
  126. <div class="navibar">{block:AskEnabled}<a href="/ask">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  127. {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>
  128.  
  129.  
  130. </div>
  131. <br class="clear" />
  132.  
  133.  
  134.  
  135. </div>
  136.  
  137. <div id="main_wrapper">
  138.  
  139. <div id="content">
  140.  
  141. {block:TagPage}
  142. <h3>Posts tagged "{Tag}"</h3>
  143. {/block:TagPage}
  144.  
  145. {block:SearchPage}
  146. <div id="searchresults" class="searchresultcount"><h3>{SearchResultCount} results for <strong>"{SearchQuery}"</strong></h3></div>
  147. {/block:SearchPage}
  148.  
  149. {block:NoSearchResults}
  150. <style type="text/css">
  151. .searchresultcount { display: none; }
  152. </style>
  153. <div id="searchresults"><h3>No results for <strong>"{SearchQuery}"</strong></h3></div>
  154. {/block:NoSearchResults}
  155.  
  156.  
  157.  
  158. {block:Posts}
  159. <div class="post" id="post-{PostID}">
  160.  
  161.  
  162.  
  163.  
  164. <div class="box-bottom">
  165. <a href="{Permalink}" class="permalink">*</a>
  166.  
  167.  
  168. </div>
  169.  
  170.  
  171.  
  172.  
  173.  
  174. {block:Text}
  175.  
  176. <div class="post-text post-content">
  177.  
  178. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3> {/block:Title}
  179.  
  180. {Body}
  181.  
  182. </div>
  183. {/block:Text}
  184.  
  185.  
  186.  
  187. {block:Quote}
  188. <div class="post-quote post-content">
  189. {Quote}
  190. {block:Source}<div class="source"> {Source}</div> {/block:Source}
  191. </div>
  192. {/block:Quote}
  193.  
  194.  
  195.  
  196. {block:Audio}
  197. <div class="post-audio post-content">
  198. {AudioPlayerBlack}
  199. {block:Caption}
  200. <div class="caption">{Caption}</div>
  201. {/block:Caption}
  202. <div class="audio-plays">{PlayCountWithLabel}</div>
  203. </div>
  204. {/block:Audio}
  205.  
  206.  
  207.  
  208. {block:Photo}
  209. <div class="post-photo post-content">
  210.  
  211. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  212.  
  213. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  214.  
  215. </div>
  216. {/block:Photo}
  217.  
  218.  
  219.  
  220.  
  221. {block:Photoset}
  222. <div class="post-photoset post-content">
  223.  
  224. {Photoset-500}
  225.  
  226. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  227.  
  228. </div>
  229. {/block:Photoset}
  230.  
  231.  
  232.  
  233. {block:Video}
  234. <div class="post-video post-content">
  235.  
  236. {Video-500}
  237.  
  238. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  239. </div>
  240. {/block:Video}
  241.  
  242.  
  243.  
  244.  
  245. {block:Chat}
  246. <div class="post-chat post-content">
  247.  
  248. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3> {/block:Title}
  249.  
  250. <ul class="chat">
  251. {block:Lines}
  252. <li class="{Alt} {UserNumber}">{block:Label}<span class="label">{Label}</span> {/block:Label} {Line}</li>
  253. {/block:Lines}
  254. </ul>
  255. </div>
  256. {/block:Chat}
  257.  
  258.  
  259.  
  260. {block:Link}
  261. <div class="post-link post-content">
  262.  
  263. <a href="{URL}" class="link" {Target}>{Name}</a>
  264.  
  265. {block:Description}<div class="link-description">{Description}</div> {/block:Description}
  266.  
  267. </div>
  268. {/block:Link}
  269.  
  270. {block:PermalinkPage}
  271. <div class="perma-info">
  272.  
  273. {block:HasTags}
  274. <div class="tags">
  275. {block:Tags}
  276. <a class"tags" href="{TagURLChrono}"><span class="border"></span> <span class="tag">{Tag}</span></a>
  277. {/block:Tags}
  278. </div><br class="clear" />
  279. {/block:HasTags}
  280.  
  281.  
  282. {block:Date}
  283. <div class="date">
  284. <span class="mon">{ShortMonth}</span>
  285. <span class="day">{DayOfMonthWithZero}</span>
  286. </div>
  287. {/block:Date}
  288.  
  289. </div>
  290. {/block:PermalinkPage}
  291.  
  292.  
  293. <br class="clear" />
  294. {PostNotes}
  295.  
  296. </div>
  297.  
  298.  
  299.  
  300. {/block:Posts}
  301.  
  302. {block:PermalinkPagination}
  303. <div class="pagination">
  304. {block:PreviousPost} <a id="prev" href="{PreviousPost}">« prev post </a>{/block:PreviousPost}
  305. {block:NextPost} <a id="next" href="{NextPost}">next post » </a>{/block:NextPost}
  306. </div>
  307. {/block:PermalinkPagination}
  308.  
  309.  
  310.  
  311. {block:IfNotUseJumpPages}
  312. {block:Pagination}
  313. <div class="pagination">
  314. {block:IfShowCurrentTotalPage}
  315. <div class="total">{CurrentPage}/{TotalPages}</div>
  316. {/block:IfShowCurrentTotalPage}
  317.  
  318.  
  319.  
  320.  
  321. </div>
  322.  
  323. {/block:Pagination}
  324. {/block:IfNotUseJumpPages}
  325.  
  326.  
  327. {block:Pagination}
  328. <br class="clear" />
  329. <div class="jump-pagination">
  330. {block:PreviousPage}
  331. <div id="prev">
  332. <a href="{PreviousPage}">« prev</a>
  333. </div>
  334. {/block:PreviousPage}
  335.  
  336. {block:JumpPagination length="10"}
  337.  
  338. {block:CurrentPage}
  339. <span class="current_page">{PageNumber}</span>
  340. {/block:CurrentPage}
  341.  
  342. {block:JumpPage}
  343. <a class="jump_page" href="{URL}">{PageNumber}</a>
  344. {/block:JumpPage}
  345.  
  346. {/block:JumpPagination}
  347. {block:NextPage}
  348. <div id="next">
  349. <a href="{NextPage}">next »</a>
  350. </div>
  351. {/block:NextPage}
  352.  
  353. </div>
  354. {/block:Pagination}
  355.  
  356. </div>
  357.  
  358.  
  359. <div class="bottomBar">
  360.  
  361.  
  362.  
  363.  
  364. {block:IfShowSearchBar}
  365. <div class="search">
  366.  
  367. <form action="/search" method="get">
  368. <input class="input" type="text" name="q" value="{SearchQuery}"/>
  369. <input class="submit" type="submit" value="o"/>
  370. </form>
  371.  
  372. </div>{block:IfShowSearchBar}
  373.  
  374.  
  375.  
  376.  
  377. </div>
  378.  
  379.  
  380.  
  381.  
  382. </div>
  383.  
  384. </div>
  385.  
  386. </div>
  387.  
  388. </div>
  389.  
  390. </body>
  391. </html>

Contenus similaires
Meilleure solution
partage
, Modérateur |
Salut,

Tu as seulement besoin de supprimer tout le code de la pagination non ?
Y'a rien de compliqué à ça... si ?
  • Commenter cette solution |
Score
0
òh
òi
|
  • Commenter cette réponse |
Score
0
òh
òi
|
Meilleure réponse sélectionnée par Minnie Moskowitz.
  • Commenter cette réponse |
Score
0
òh
òi
|
oui ça a fonctionné, c'est parfait, merci.
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
supprime tout ça alors:
  1. {block:PermalinkPagination}
  2. <div class="pagination">
  3. {block:PreviousPost} <a id="prev" href="{PreviousPost}">« prev post </a>{/block:PreviousPost}
  4. {block:NextPost} <a id="next" href="{NextPost}">next post » </a>{/block:NextPost}
  5. </div>
  6. {/block:PermalinkPagination}
  7.  
  8.  
  9. {block:IfNotUseJumpPages}
  10. {block:Pagination}
  11. <div class="pagination">
  12. {block:IfShowCurrentTotalPage}
  13. <div class="total">{CurrentPage}/{TotalPages}</div>
  14. {/block:IfShowCurrentTotalPage}
  15.  
  16.  
  17.  
  18.  
  19. </div>
  20.  
  21. {/block:Pagination}
  22. {/block:IfNotUseJumpPages}
  23.  
  24.  
  25. {block:Pagination}
  26. <br class="clear" />
  27. <div class="jump-pagination">
  28. {block:PreviousPage}
  29. <div id="prev">
  30. <a href="{PreviousPage}">« prev</a>
  31. </div>
  32. {/block:PreviousPage}
  33. {block:JumpPagination length="10"}
  34.  
  35. {block:CurrentPage}
  36. <span class="current_page">{PageNumber}</span>
  37. {/block:CurrentPage}
  38.  
  39. {block:JumpPage}
  40. <a class="jump_page" href="{URL}">{PageNumber}</a>
  41. {/block:JumpPage}
  42.  
  43. {/block:JumpPagination}
  44. {block:NextPage}
  45. <div id="next">
  46. <a href="{NextPage}">next »</a>
  47. </div>
  48. {/block:NextPage}
  49.  
  50. </div>
  51. {/block:Pagination}
  • Commenter cette réponse |
Score
0
òh
òi
|
OmaR a dit :
Salut,

Tu as seulement besoin de supprimer tout le code de la pagination non ?
Y'a rien de compliqué à ça... si ?



Oui, c'est exactement ça, merci !
  • 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