Se connecter / S'enregistrer
Votre question

Changer la largeur des colonnes de mon blog ...

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
17 Octobre 2010 17:55:30

Bonjour,
J'ai un blog et j'aimrais élargir la colonne principale, de façon à ce que les photos que j'e publie soient visibles en taille plus grande.
J'ai un template trouvé sur un site et je ne suis pas douée en HTML ...
voici mon blog, pour que visualisiez mieux :
http://pink-laety.blogspot.com/

Autres pages sur : changer largeur colonnes blog

17 Octobre 2010 17:57:27

Je vous poste également tout le code HTML :


  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <title><data:blog.pageTitle/></title>
  7. <b:skin><![CDATA[/*
  8.  
  9. -----------------------------------------------
  10. Theme Name: WaterColor
  11. Theme URI: http://www.templatelite.com/watercolor-free-wordpress-theme/
  12. Description: Take your theme to the next level with this artistic Watercolor theme.
  13. Version: 1.00
  14. Author: TemplateLite.com
  15. Author URI: http://www.templatelite.com/
  16. Tags: red, fixed width, two columns, widget ready, valid xhtml, valid css
  17.  
  18. Converted to blogger template by FalconHive.com
  19. Theme URI: http://www.falconhive.com/2009/03/water-color.html
  20. Version: 1.00
  21. Date: 09 March 2009
  22. Author URI: http://www.falconhive.com
  23. Reminder: Unless you get the permission from the FalconHive.com, you are strictly not allowed to increase or decrease any footer link in the footer.
  24. ----------------------------------------------- */
  25.  
  26.  
  27. body{
  28. margin:10px auto;
  29. font-size: 12px;
  30. font-family: Calibri, Arial, Helvetica, Sans-Serif;
  31. color:#FF8855;
  32. background:#D9D7A6 url(http://img9.imageshack.us/img9/2817/bgrepeatz.jpg) repeat-y top center;
  33. }
  34.  
  35. img {
  36. border:0px;
  37. padding:5px;
  38. max-width: 100%; /* not working in IE6*/
  39. /*height: auto;*/ /* you can enable this. but it will cause safari problem*/
  40. }
  41. a {color:#FF8855;text-decoration: none;}
  42. a:hover {color: #805976;text-decoration: underline;}
  43.  
  44. h1 {font-size:30px;}
  45. h2 {font-size:26px;}
  46. h3 {font-size:21px;}
  47. h4 {font-size:17px;}
  48. h5 {font-size:14px;}
  49. h6 {font-size:12px;}
  50.  
  51. p {margin: 0px 0px 12px 0px;}
  52. hr {height:1px;border:none;border-top:1px dashed #ACACAC; width:90%;}
  53. del {color:red;}
  54. ins {color:green;}
  55. blockquote {
  56. clear: left;
  57. text-align: justify;
  58. padding: 0px 0px 0px 10px;
  59. margin: 20px 20px 10px 20px;
  60. border-left: 2px solid #ACACAC;
  61. }
  62. input,select,textarea {
  63. font-size:11px;
  64. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  65. }
  66. code{
  67. font: 1.1em 'Courier New', Courier, Fixed;
  68. }
  69.  
  70. .alignleft {float: left;}
  71. .alignright {float: right;}
  72. .aligncenter,div.aligncenter{
  73. display: block;
  74. margin-left: auto;
  75. margin-right: auto;
  76. }
  77. img.alignleft {
  78. padding: 5px;
  79. margin: 0 7px 2px 0;
  80. display: inline;
  81. }
  82. img.alignright {
  83. padding: 5px;
  84. margin: 0 0 2px 7px;
  85. display: inline;
  86. }
  87. img.centered {
  88. display: block;
  89. margin-left: auto;
  90. margin-right: auto;
  91. }
  92. .clear {clear:both;}
  93. .spacer {height:40px;}
  94.  
  95. /*************** layout ***************/
  96. #base_top{
  97. position:relative;
  98. background:url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH7g-7AcmI/AAAAAAAABlk/RXUymQBz9cI/s1600/bg_top.jpg) no-repeat top center;
  99. margin:0; padding:0;
  100. }
  101. #base_bottom{
  102. position:relative;
  103. background:url(http://4.bp.blogspot.com/_XByc9SCisZM/ScH6C9qBd8I/AAAAAAAABjE/r9GWnWDKlWE/s1600/bg_bottom.jpg) no-repeat bottom center;
  104. margin:0; padding:0;
  105. }
  106. #base{
  107. position:relative;
  108. width:980px;
  109. margin:0px auto 0 auto;
  110. padding:0px 0 0 0;
  111. background:url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6C_xz3hI/AAAAAAAABjM/5aXmefFIhMM/s1600/bg_center_repeat.jpg) repeat-y top center;
  112. border:0px red solid;
  113. }
  114.  
  115. #header{
  116. position:relative;
  117. height:200px;
  118. background:url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6xbzxxWI/AAAAAAAABkU/M-dw3vIFXyI/s1600/bg_header.jpg) no-repeat top center;
  119. margin:0; padding:0;
  120. border:0px red solid;
  121. }
  122.  
  123. #container{
  124. position:relative;
  125. background:url(http://1.bp.blogspot.com/_XByc9SCisZM/ScH6DPhxMxI/AAAAAAAABjU/rwrfWIhB9AI/s1600/bg_container.jpg) no-repeat top center;
  126. margin:0;padding:0;
  127. border:0px blue solid;
  128. }
  129. #content{
  130. position:relative;
  131. float:left;
  132. display:inline;
  133. width:588px;
  134. border:0px red solid;
  135. margin:8px 0 0 67px;
  136. padding:0 10px 0 10px;
  137. /*background:url(http://1.bp.blogspot.com/_XByc9SCisZM/ScH87tq3zOI/AAAAAAAABmM/mbgiUewFoxY/s1600/transparent.png);*/
  138. }
  139.  
  140. #sidebar{
  141. float:right;
  142. overflow:hidden;
  143. display:inline;
  144. width:177px;
  145. margin:50px 96px 0 0;
  146. border:0px red solid;
  147. }
  148.  
  149. #footer{
  150. height:149px;/*bg=471px;*/
  151. background:transparent url(http://4.bp.blogspot.com/_XByc9SCisZM/ScH6DGTcgBI/AAAAAAAABjk/cEjU_K0Xo6s/s1600/bg_footer.jpg) no-repeat bottom center;
  152. font-size:11px;
  153. margin:-189px 0 0 0;
  154. padding:322px 50px 0 350px;
  155. border:0px yellow solid;
  156. text-align:right;
  157. }
  158. #footer a, #footer a:hover{
  159. font-size:11px;
  160. color:#000000;
  161. text-decoration:underline;
  162. }
  163.  
  164. /************** Header **************/
  165. #blogtitle{
  166. position:relative;
  167. font-family: Calibri,Verdana;
  168. margin:0px 250px 0 100px;
  169. padding:20px 0 0 0;
  170. text-align:center;
  171. font-size:32px;
  172. font-weight:bold;
  173. border:0px red solid;
  174. }
  175. #blogtitle a, #blogtitle a:hover {
  176. font-family: Arial,Verdana;
  177. color:#000000;
  178. text-decoration:none;
  179. }
  180. #subtitle {
  181. position:relative;
  182. font-family: Arial, Verdana;
  183. margin:0px 300px 0 150px;
  184. padding:10px 0 0 0;
  185. text-align:center;
  186. font-size:16px;
  187. color:#000000;
  188. font-style:italic;
  189. font-weight:bold;
  190. border:0px red solid;
  191. }
  192.  
  193. #menu {
  194. position:absolute;
  195.  
  196. left:0;
  197. bottom:0px;
  198. padding:0;
  199. margin:0 0 0 75px;
  200. width:450px;
  201. height:40px;
  202. border:0px red solid;
  203. }
  204. #menu ul {
  205. float:left;
  206. width:100%;
  207. height: 40px;
  208. padding:0;
  209. margin:0px;
  210. }
  211. #menu ul li {
  212. display: inline;
  213. font-size: 11px;
  214. font-family:Arial,Verdana;
  215. font-weight: bold;
  216. height:40px;
  217. margin:0px;
  218. }
  219. #menu ul li a { /*145x70*/
  220. float: left;
  221. display: block;
  222. height:25px;
  223. width:87px;
  224. line-height: 12px;
  225. color: #000000;
  226. text-align:center;
  227. padding: 15px 10px 0 8px;
  228. margin:0 2px 0 0;
  229. text-decoration:none;
  230. background:url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH6xnZF-QI/AAAAAAAABkk/BcYb1kGO0cI/s1600/bg_menu1.png) no-repeat top center;
  231. }
  232.  
  233. #menu ul li a:hover, #header ul li.current_page_item a {
  234. color:#b01115;
  235. cursor:pointer;
  236. background:url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH6xumdljI/AAAAAAAABks/f9VYgDeKe7A/s1600/bg_menu2.png);
  237. }
  238.  
  239. #header img.home {
  240. position: absolute;
  241. margin:0px;
  242. padding:0px;
  243. left: 65px;
  244. top: 0px;
  245. width:800px;
  246. height:130px;
  247. border:0px red solid;
  248. }
  249.  
  250. #mainsearch{
  251. position:absolute;
  252. top:166px;
  253. left:758px;
  254. width:170px;
  255. height:23px;
  256. margin:0;padding:0;
  257. border:0px red solid;
  258. }
  259. #mainsearch .input {
  260. position:absolute;
  261. text-align:center;
  262. top:1px;
  263. left:1px;
  264. height:16px;
  265. width:102px;
  266. padding:4px 5px 1px 5px;
  267. margin:0 0 0 0;
  268. font-size:10px;
  269. font-family: Arial, Verdana, Helvetica;
  270. color:#999999;
  271. border:none;
  272. background:transparent;
  273. border:0px red solid;
  274. }
  275. #mainsearch .submit{
  276. cursor:pointer;
  277. border:none;
  278. background:transparent;
  279. position:absolute;
  280. top:0px;
  281. right:0px;
  282. height:23px;
  283. width:55px;
  284. }
  285.  
  286. img.rss{
  287. position:absolute;
  288. left: 622px;
  289. bottom: 0px;
  290. height:45px;
  291. width:50px;
  292. }
  293.  
  294. /*************** content ***************/
  295. .archivetitle {
  296. color: #351E00;
  297. text-align:left;
  298. font-size: 12px;
  299. font-weight:bold;
  300. height:25px;
  301. line-height:25px;
  302. padding: 0px 0px 0px 0px;
  303. margin: 0px 10px 15px 30px;
  304. }
  305.  
  306. .post {
  307. position:relative;
  308. padding:0 0 30px 0;
  309. margin:0 20px 0 20px;
  310. /*background:transparent url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6x647xGI/AAAAAAAABk0/lIt8I9IBAaw/s1600/bg_post_bottom.png) no-repeat bottom right;*/
  311. border:0px red solid;
  312. min-height:100px;
  313. }
  314. .post_bottom{
  315. height:100px;
  316. width:550px;
  317. margin:-100px 20px 30px 20px;
  318. background:transparent url(http://3.bp.blogspot.com/_XByc9SCisZM/ScH9N_o0b3I/AAAAAAAABmU/IhQ4K6bN1JA/s1600/bg_post_bottom.png) no-repeat bottom right;
  319. border:0px blue dotted;
  320. }
  321.  
  322. .date {
  323. position:absolute;
  324. left:-77px;
  325. top:0;
  326. height:43px;
  327. width:47px;
  328. padding:0 0px 0 0px;
  329. margin:0 0 0 0px;
  330. background:transparent url(http://2.bp.blogspot.com/_XByc9SCisZM/ScH6DCdKrYI/AAAAAAAABjc/4iGifdvqrqE/s1600/bg_date.jpg) no-repeat;
  331. border:0px red solid;
  332. }
  333. .date_d {
  334. font-size: 18px;
  335. font-family:Arial, Verdana;
  336. font-weight:bold;
  337. text-align:center;
  338. color:#000000;
  339. padding:0px 0 0 0;
  340. }
  341. .date_m {
  342. font-size: 11px;
  343. font-weight:bold;
  344. text-align:center;
  345. color:#000000;
  346. padding:5px 0 0 0;
  347. }
  348.  
  349. .title{
  350. margin:0;
  351. padding:0px 0 0px 0;
  352. font-size:20px;
  353. }
  354. .title a{
  355. color:#598080;
  356.  
  357. }
  358. .title a:hover{
  359. color:#598080;
  360. text-decoration:underline;
  361. }
  362.  
  363. .author{
  364. margin:0;
  365. padding:0px 0 20px 0;
  366. color:#000000;
  367. font-weight:bold;
  368. font-style:italic;
  369. }
  370. .author a, .author a:hover{
  371. color:#000000;
  372. }
  373.  
  374. .entry {
  375. position:relative;
  376. overflow:hidden;
  377. width:528px;
  378. color: #000000;
  379. line-height: 1.6em;
  380. text-align: justify;
  381. padding: 10px 10px 10px 10px;
  382. margin:0;
  383. }
  384.  
  385. .info {
  386. line-height: 1.6em;
  387. font-size: 10px;
  388. text-align: left;
  389. margin: 0px 1px 20px 0px;
  390. padding: 4px 0px 1px 1px;
  391. }
  392.  
  393.  
  394.  
  395.  
  396. .navigation {
  397. font-size: 11px;
  398. margin: 20px 0px 0px 0px;
  399. padding: 10px 0px 10px 0px;
  400. border-top: 2px dotted #ACACAC;
  401. }
  402.  
  403. .sorry {
  404. font-size: 12px;
  405. font-style: italic;
  406. margin: 8px 0px 0px 10px;
  407. padding: 3px 0px 3px 0px;
  408. }
  409.  
  410. /*************** comment ***************/
  411. #postmetadata {
  412. font-size: 11px;
  413. margin: 0px 0px 20px 0px;
  414. padding: 5px 5px 5px 5px;
  415. }
  416.  
  417. .nocomments {background: none; color: #000000;}
  418.  
  419. #comments {
  420. color: #3333CC;
  421. font-size: 12px;
  422. text-align: left;
  423. font-weight: bold;
  424. margin: 0px 5px 0px 5px;
  425. padding: 0px 0px 0px 0px;
  426. font-variant: normal;
  427. border-bottom: 2px dotted #D7D5A4;
  428. }
  429. .commenttitle {
  430. color: #669999;
  431. font-size: 30px;
  432. text-align: left;
  433. font-weight: bold;
  434. margin: 0px 0 20px 0;
  435. padding: 2px 0px 2px 0px;
  436. font-variant: normal;
  437. border-bottom: 1px dashed #D7D5A4;
  438. }
  439. .commentlist {
  440. list-style: none;
  441. margin:0px ;
  442. padding:0 5px 10px 5px;
  443. }
  444. .comment,.trackback,.pingback{
  445. clear:both;
  446. margin:10px 0px 0px 0;
  447. padding:0px 0px 0px 0px;
  448. }
  449. .comment .children{
  450. list-style: none;
  451. padding:0px 0 0 0;
  452. margin:0px 0 0px 15px;
  453. border:0px red solid;
  454. }
  455. .comment div, .trackback div, .pingback div{
  456. height:100%;
  457. background:#E0E0B7;
  458. border:2px #D7D5A4 solid;
  459. padding:5px;
  460. }
  461. .trackback div, .pingback div{
  462. border:1px #D7D5A4 dashed;
  463. }
  464. .comment div div,.trackback div div, .pingback div div{
  465. background:none;
  466. padding:0;
  467. border:0px;
  468. }
  469. .comment .says, .trackback .says, .pingback .says{
  470. display:none;
  471. }
  472. .comment .avatar{
  473. position:relative;
  474. float: left;
  475. margin: 0px 5px 0px 0px;
  476. padding: 0px;
  477. }
  478. .comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{
  479. margin-left:10px;
  480. color:#99CC99;
  481. text-decoration:none;
  482. font-size: 12px;
  483. }
  484. .byuser .fn a{
  485. font-weight:normal;
  486. text-decoration:underline;
  487. }
  488. .bypostauthor .fn a{
  489. font-weight:bold;
  490. text-decoration:underline;
  491. }
  492. .comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{
  493. border-bottom: 1px dashed #B1A074;
  494. margin:0 0 10px 0px;
  495. padding:6px 0 6px 0;
  496. font-size:10px;
  497. }
  498. .trackback .comment-meta{
  499. padding:2px 0 2px 0;
  500. }
  501. .comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {
  502. color:#6666CC;
  503. text-decoration:none;
  504. }
  505.  
  506. .comment .reply{
  507. margin:5px 0 0px 0;
  508. padding:2px;
  509. font-size:10px;
  510. text-align:right;
  511. }
  512. .comment .reply a{
  513. color:#6666CC;
  514. text-decoration:none;
  515. }
  516. .trackback .reply, .pingback .reply{
  517. display:none;
  518. }
  519. /**comment paging WP2.7**/
  520. .commentnavi{
  521. position:relative;
  522. padding-right:20px;
  523. }
  524. .commentpages{
  525. float:right;
  526. padding:5px 10px;
  527. }
  528. .page-numbers{
  529. padding-left:5px;
  530. }
  531. .current{
  532. font-weight:bold;
  533. }
  534. /*** comment form ***/
  535. #respond {
  536. clear:both;
  537. padding:5px 15px 5px 5px;
  538. margin:10px 0px 0px 20px;
  539. font-size:11px;
  540. }
  541. .cancel-comment-reply{
  542. }
  543. #commentform {
  544. margin:0;
  545. padding:10px 0 0 0;
  546. }
  547. #email, #author, #url {
  548. color: #000000;
  549. font-size: 11px;
  550. padding-left: 2px;
  551. vertical-align: middle;
  552. border: 1px solid #B1A074;
  553. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  554. }
  555. #comment {
  556. width: 98%;
  557. color: #000000;
  558. font-size: 11px;
  559. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  560. border: 1px solid #B1A074;
  561. padding: 2px 2px 2px 2px;
  562. }
  563.  
  564. #submit {
  565. height: 20px;
  566. color: #000000;
  567. font-size: 11px;
  568. background: #ffffff;
  569. margin: 0px 0px 0px 0px;
  570. padding: 0px 10px 2px 10px;
  571. border: 1px solid #B1A074;
  572. font-family: Verdana, Arial, Helvetica, Sans-Serif;
  573. }
  574.  
  575. /***** sidebar *****/
  576. #sidebar {color:#666666;}
  577. #sidebar a{color:#000000;}
  578. #sidebar a:hover {color:#ED1B23;}
  579. #sidebar h2 {
  580. color: #ffffff;
  581. height:30px;
  582. font-size: 13px;
  583. font-weight: bold;
  584. letter-spacing: 0px;
  585. font-variant: normal;
  586. margin: 0px 0px 0px 0px;
  587. padding: 15px 10px 0px 10px;
  588. background:url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SRnT2qI/AAAAAAAABlE/E0A3QBmSKYc/s1600/bg_sb1_g.gif') no-repeat right;
  589. }
  590. #sidebar select{
  591. margin:5px 0px 0px 3px;
  592. font-size:11px;
  593. width:170px;
  594. }
  595. #sidebar ul {
  596. list-style-type: none;
  597. margin: 0px 0px 24px 0px;
  598. padding: 0px 0px 20px 0px;
  599. background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7SaKEE6I/AAAAAAAABlM/jMEWzC5Kp_Q/s1600/bg_sb2_g.gif') no-repeat bottom center;
  600. }
  601. #sidebar li {
  602. padding-bottom:20px;
  603. background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7SaKEE6I/AAAAAAAABlM/jMEWzC5Kp_Q/s1600/bg_sb2_g.gif') no-repeat bottom center;
  604. }
  605. #sidebar ul li{
  606. line-height: 1.7em;
  607. list-style-type: none;
  608. font-size:11px;
  609. border:0px red solid;
  610. font-family:Verdana,Arial;
  611. margin: 0px 0px 0px 0px;
  612. padding:2px 2px 0px 20px; /*padding-bottom:0;*/
  613. background: url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SodaCtI/AAAAAAAABlU/VVChhosBebs/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
  614. }
  615. #sidebar ul ul li{
  616. line-height: 1.7em;
  617. list-style-type: none;
  618. font-size:11px;
  619. border:0px red solid;
  620. font-family:Verdana,Arial;
  621. margin: 0px 0px 0px 0px;
  622. padding:2px 2px 0 20px; /*padding-bottom:0;*/
  623. }
  624. #sidebar ul ul ul li {
  625. list-style-type: none;
  626. font-size:11px;
  627. border:0px;
  628. margin: 0px 0px 0px -5px;
  629. line-height: 1.7em;
  630. font-family:Verdana,Arial;
  631. padding: 0px 0px 0px 20px;
  632. }
  633.  
  634. #ArchiveList ul {
  635. list-style-type: none;
  636. margin: 0px 0px 0px 0px;
  637. padding: 0px 0px 20px 0px;
  638. background: url('http://1.bp.blogspot.com/_XByc9SCisZM/ScH7SaKEE6I/AAAAAAAABlM/jMEWzC5Kp_Q/s1600/bg_sb2_g.gif') no-repeat bottom center;
  639. }
  640. #ArchiveList ul li {
  641. line-height: 1.7em;
  642. list-style-type: none;
  643. font-size:11px;
  644. border:0px red solid;
  645. font-family:Verdana,Arial;
  646. margin: 0px 0px 0px 0px;
  647. padding:2px 2px 0px 20px; /*padding-bottom:0;*/
  648. background: url('http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SodaCtI/AAAAAAAABlU/VVChhosBebs/s1600/bg_sb_pin1.gif') no-repeat 0px 3px;
  649. }
  650.  
  651. #sidebar h1 a.rsswidget{
  652. margin-left:0px;
  653. overflow:hidden;
  654. text-decoration:none;
  655. }
  656.  
  657. #flickrrss{
  658. height:81px;
  659. margin:0 50px 0 100px;
  660. padding:0 0 20px 0;
  661. border:0px red solid;
  662. }
  663. #flickrrss img{
  664. background:white;
  665. border:1px black solid;
  666. padding:2px;
  667. margin:0 2px;
  668. width:75px;
  669. height:75px;
  670. }
  671.  
  672. #blog-pager-newer-link{padding-left:20px;float:left}
  673. #blog-pager-older-link{padding-right:20px;float:right}
  674. #blog-pager{text-align:center}
  675.  
  676. ]]></b:skin>
  677.  
  678. <script language='javascript'>
  679. function doClear(theText) {
  680. if (theText.value == theText.defaultValue) {
  681. theText.value = ''
  682. }
  683. }
  684. </script>
  685.  
  686. </head>
  687.  
  688. <body>
  689. <!-- Base_top -->
  690. <div id='base_top'>
  691.  
  692. <!-- Base_bottom -->
  693. <div id='base_bottom'>
  694.  
  695. <!-- Base -->
  696. <div id='base'>
  697.  
  698. <!-- Header -->
  699. <div id='header'>
  700.  
  701. <!-- Title -->
  702. <b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
  703. <b:widget id='Header1' locked='true' title='- P i n k * L a e t y - (en-tête)' type='Header'>
  704. <b:includable id='title'>
  705. <div id='blogtitle'>
  706. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  707. <data:title/>
  708. <b:else/>
  709. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  710. </b:if>
  711. </div>
  712. </b:includable>
  713. <b:includable id='description'>
  714. <div id='subtitle'>
  715. <data:description/>
  716. </div>
  717. </b:includable>
  718. <b:includable id='main'>
  719.  
  720. <b:if cond='data:useImage'>
  721. <b:if cond='data:imagePlacement == "REPLACE"'>
  722. <!--Show just the image, no text-->
  723. <div id='header-inner'>
  724. <a expr:href='data:blog.homepageUrl' style='display: block'>
  725. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  726. </a>
  727. </div>
  728. <b:else/>
  729. <!--
  730. Show image as background to text. You can't really calculate the width
  731. reliably in JS because margins are not taken into account by any of
  732. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  733. width if the user is using shrink to fit.
  734. This results in a margin-width's worth of pixels being cropped. If the
  735. user is not using shrink to fit then we expand the header.
  736. -->
  737. <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
  738. <div class='titlewrapper' style='background: transparent'>
  739. <h1 class='title' style='background: transparent; border-width: 0px'>
  740. <b:include name='title'/>
  741. </h1>
  742. </div>
  743. <b:include name='description'/>
  744. </div>
  745. </b:if>
  746. <b:else/>
  747. <!--No header image -->
  748. <b:include name='title'/>
  749. <b:include name='description'/>
  750. </b:if>
  751. </b:includable>
  752. </b:widget>
  753. </b:section>
  754. <!-- /Title -->
  755.  
  756. <!-- Menu -->
  757. <b:section class='menu' id='menu' preferred='yes' showaddelement='no'>
  758. <b:widget id='LinkList1' locked='true' title='Menu' type='LinkList'>
  759. <b:includable id='main'>
  760. <div class='widget-content'>
  761. <ul>
  762. <b:loop values='data:links' var='link'>
  763. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  764. </b:loop>
  765. </ul>
  766. </div>
  767. </b:includable>
  768. </b:widget>
  769. </b:section>
  770. <!-- /Menu -->
  771.  
  772. <!-- Main Search -->
  773. <div id='mainsearch'>
  774. <form action='http://demo.templatelite.com/' id='mainsearchform' method='get'>
  775. <input class='input' id='s' name='s' onfocus='doClear(this)' type='text' value='Keyword'/>
  776. <input class='submit' type='submit' value=''/>
  777. </form>
  778. </div>
  779. <!-- /Main Search -->
  780.  
  781. <a href='/feeds/posts/default' title='RSS Feed'><img alt='Subscribe RSS' class='rss' src='http://3.bp.blogspot.com/_XByc9SCisZM/ScH9j0wQNvI/AAAAAAAABmk/bcaNWZ133ZE/s1600/spacer.gif'/></a>
  782.  
  783. </div>
  784. <!-- /Header -->
  785.  
  786. <!-- Container -->
  787. <div id='container'>
  788.  
  789. <!-- Content -->
  790. <div id='content'>
  791. <div class='spacer'/>
  792.  
  793. <!-- Content -->
  794. <b:section class='main' id='main' showaddelement='no'>
  795. <b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'>
  796. <b:includable id='nextprev'>
  797. <div class='blog-pager' id='blog-pager'>
  798. <b:if cond='data:newerPageUrl'>
  799. <span id='blog-pager-newer-link'>
  800. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  801. </span>
  802. </b:if>
  803.  
  804. <b:if cond='data:olderPageUrl'>
  805. <span id='blog-pager-older-link'>
  806. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  807. </span>
  808. </b:if>
  809.  
  810. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  811. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  812. <b:else/>
  813. <b:if cond='data:newerPageUrl'>
  814. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  815. </b:if>
  816. </b:if>
  817.  
  818. </div>
  819. </b:includable>
  820. <b:includable id='shareButtons' var='post'>
  821. <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
  822. <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  823. <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
  824. <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  825. <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
  826. <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  827. <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
  828. <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  829. <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
  830. <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  831. </b:includable>
  832. <b:includable id='backlinks' var='post'>
  833. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  834. <b:if cond='data:post.numBacklinks != 0'>
  835. <dl class='comments-block' id='comments-block'>
  836. <b:loop values='data:post.backlinks' var='backlink'>
  837.  
  838. <div class='collapsed-backlink backlink-control'>
  839. <dt class='comment-title'>
  840. <span class='backlink-toggle-zippy'> </span>
  841. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  842. <b:include data='backlink' name='backlinkDeleteIcon'/>
  843. </dt>
  844. <dd class='comment-body collapseable'>
  845. <data:backlink.snippet/>
  846. </dd>
  847. <dd class='comment-footer collapseable'>
  848. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  849. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  850. </dd>
  851. </div>
  852. </b:loop>
  853. </dl>
  854. </b:if>
  855. <p class='comment-footer'>
  856. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  857. </p>
  858. </b:includable>
  859. <b:includable id='post' var='post'>
  860. <!-- Post -->
  861.  
  862. <div class='post' id='post'>
  863. <div class='date'>
  864. <script type='text/javascript'>
  865. var timestamp = "<data:post.timestamp/>";
  866. if (timestamp != '') {
  867. var timesplit = timestamp.split(",");
  868. var date_yyyy = timesplit[2];
  869. var timesplit = timesplit[1].split(" ");
  870. var date_dd = timesplit[2];
  871. var date_mmm = timesplit[1].substring(0, 3);
  872. }
  873. </script>
  874. <div class='date_m'><script type='text/javascript'>document.write(date_mmm);</script></div>
  875. <div class='date_d'><script type='text/javascript'>document.write(date_dd);</script></div>
  876. </div>
  877.  
  878. <div class='title'>
  879. <a expr:name='data:post.id'/>
  880. <b:if cond='data:post.title'>
  881. <b:if cond='data:post.link'>
  882. <a expr:href='data:post.link'><data:post.title/></a>
  883. <b:else/>
  884. <b:if cond='data:post.url'>
  885. <a expr:href='data:post.url'><data:post.title/></a>
  886. <b:else/>
  887. <data:post.title/>
  888. </b:if>
  889. </b:if>
  890. </b:if>
  891. </div>
  892.  
  893. <div class='author'>
  894. <b:if cond='data:top.showAuthor'>
  895. <span class='fn'><data:post.author/></span>
  896. </b:if>
  897. </div>
  898.  
  899. <div class='entry'>
  900. <data:post.body/>
  901. <div style='clear: both;'/> <!-- clear for photos floats -->
  902. </div>
  903.  
  904. <div class='clear'/>
  905.  
  906. <div class='info'>
  907. <span class='category'>
  908. <b:if cond='data:post.labels'>
  909. <data:postLabelsLabel/>
  910. <b:loop values='data:post.labels' var='label'>
  911. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
  912. </b:loop>
  913. </b:if>
  914. </span>
  915.  
  916. <span class='bubble'>
  917. <b:if cond='data:blog.pageType != "item"'>
  918. <b:if cond='data:post.allowComments'>
  919. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  920. </b:if>
  921. </b:if>
  922. </span>
  923.  
  924. <!-- backlinks -->
  925. <span class='post-backlinks post-comment-link'>
  926. <b:if cond='data:blog.pageType != "item"'> |
  927. <b:if cond='data:post.showBacklinks'>
  928. <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
  929. </b:if>
  930. </b:if>
  931. </span>
  932.  
  933. <!-- email post links -->
  934. <span class='post-icons'>
  935. <b:if cond='data:post.emailPostUrl'> |
  936. <span class='item-action'>
  937. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  938. <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
  939. </a>
  940. </span>
  941. </b:if>
  942.  
  943. <!-- quickedit pencil -->
  944. <b:include data='post' name='postQuickEdit'/>
  945. </span>
  946.  
  947. <span class='reaction-buttons'>
  948. <b:if cond='data:top.showReactions'>
  949. <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  950. <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  951. <span class='reactions-label'>
  952. <data:top.reactionsLabel/></span> </td>
  953. <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  954. </tr></table>
  955. </b:if>
  956. </span>
  957.  
  958. <span class='star-ratings'>
  959. <b:if cond='data:top.showStars'>
  960. <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
  961. </b:if>
  962. </span>
  963. </div>
  964.  
  965. <div class='edit'/>
  966.  
  967. </div>
  968.  
  969. <!-- /Post -->
  970. </b:includable>
  971. <b:includable id='status-message'>
  972. <b:if cond='data:navMessage'>
  973. <div class='status-msg-wrap'>
  974. <div class='status-msg-body'>
  975. <data:navMessage/>
  976. </div>
  977.  
  978. <div class='status-msg-border'>
  979. <div class='status-msg-bg'>
  980. <div class='status-msg-hidden'><data:navMessage/></div>
  981. </div>
  982. </div>
  983. </div>
  984. </b:if>
  985. </b:includable>
  986. <b:includable id='comment-form' var='post'>
  987. <div class='comment-form'>
  988. <a name='comment-form'/>
  989. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  990. <p><data:blogCommentMessage/></p>
  991. <data:blogTeamBlogMessage/>
  992. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  993. <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
  994. <data:post.iframeColorizer/>
  995. </div>
  996. </b:includable>
  997. <b:includable id='backlinkDeleteIcon' var='backlink'>
  998. <span expr:class='"item-control " + data:backlink.adminclass'>
  999. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1000. <span class='delete-comment-icon'> </span>
  1001. </a>
  1002. </span>
  1003. </b:includable>
  1004. <b:includable id='postQuickEdit' var='post'>
  1005. <b:if cond='data:post.editUrl'>
  1006. <span expr:class='"item-control " + data:post.adminclass'>
  1007. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1008. <img alt='edit post' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
  1009. </a>
  1010. </span>
  1011. </b:if>
  1012. </b:includable>
  1013. <b:includable id='main' var='top'>
  1014. <!-- posts -->
  1015. <div class='blog-posts hfeed'>
  1016.  
  1017. <b:include data='top' name='status-message'/>
  1018.  
  1019. <data:adStart/>
  1020. <b:loop values='data:posts' var='post'>
  1021. <b:include data='post' name='post'/>
  1022. <b:if cond='data:blog.pageType == "item"'>
  1023. <b:include data='post' name='comments'/>
  1024. </b:if>
  1025. <b:if cond='data:post.includeAd'>
  1026. <data:adEnd/>
  1027. <data:adCode/>
  1028. <data:adStart/>
  1029. </b:if>
  1030. </b:loop>
  1031. <data:adEnd/>
  1032. </div>
  1033.  
  1034. <!-- navigation -->
  1035. <b:include name='nextprev'/>
  1036.  
  1037. <!-- feed links -->
  1038. <b:include name='feedLinks'/>
  1039.  
  1040. <b:if cond='data:top.showStars'>
  1041. <script src='http://www.google.com/jsapi' type='text/javascript'/>
  1042. <script type='text/javascript'>
  1043. google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
  1044. function initialize() {
  1045. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1046. google.annotations.createAll();
  1047. google.annotations.fetch();
  1048. }
  1049. google.setOnLoadCallback(initialize);
  1050. </script>
  1051. </b:if>
  1052.  
  1053. </b:includable>
  1054. <b:includable id='commentDeleteIcon' var='comment'>
  1055. <span expr:class='"item-control " + data:comment.adminClass'>
  1056. <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1057. <img src='http://www.blogger.com/img/icon_delete13.gif'/>
  1058. </a>
  1059. </span>
  1060. </b:includable>
  1061. <b:includable id='feedLinks'>
  1062. <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
  1063. <b:if cond='data:feedLinks'>
  1064. </b:if>
  1065. <b:else/> <!--Post feed links -->
  1066. <div class='post-feeds'>
  1067. <b:loop values='data:posts' var='post'>
  1068. <b:if cond='data:post.allowComments'>
  1069. <b:if cond='data:post.feedLinks'>
  1070. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1071. </b:if>
  1072. </b:if>
  1073. </b:loop>
  1074. </div>
  1075. </b:if>
  1076. </b:includable>
  1077. <b:includable id='feedLinksBody' var='links'>
  1078. <div class='feed-links'>
  1079. <data:feedLinksMsg/>
  1080. <b:loop values='data:links' var='f'>
  1081. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1082. </b:loop>
  1083. </div>
  1084. </b:includable>
  1085. <b:includable id='comments' var='post'>
  1086. <div class='comments' id='comment'>
  1087. <a name='comments'/>
  1088. <b:if cond='data:post.allowComments'>
  1089. <div id='comments'>
  1090. <b:if cond='data:post.numComments == 1'>
  1091. 1 Response
  1092. <b:else/>
  1093. <data:post.numComments/> Responses
  1094. </b:if>
  1095. </div>
  1096.  
  1097. <b:if cond='data:post.commentPagingRequired'>
  1098. <span class='paging-control-container'>
  1099. <a expr:class='data:post.oldLinkclass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1100.  
  1101. <a expr:class='data:post.oldLinkclass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1102.  
  1103. <data:post.commentRangeText/>
  1104.  
  1105. <a expr:class='data:post.newLinkclass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1106.  
  1107. <a expr:class='data:post.newLinkclass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1108. </span>
  1109. </b:if>
  1110.  
  1111. <ol class='commentlist'>
  1112. <b:loop values='data:post.comments' var='comment'>
  1113. <li class='trackback even thread-even depth-1' id='comment'>
  1114. <div id='div-comment'>
  1115. <div class='comment-author vcard'>
  1116. <cite class='fn'>
  1117. <b:if cond='data:comment.authorUrl'>
  1118. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1119. <b:else/>
  1120. <data:comment.author/>
  1121. </b:if>
  1122. </cite>
  1123. <span class='says'>Says:</span>
  1124. </div>
  1125.  
  1126. <div class='comment-meta'>
  1127. <b:if cond='data:post.commentPagingRequired'>
  1128. <a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
  1129. <b:else/>
  1130. <a expr:href='data:blog.url + "#" + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
  1131. </b:if>
  1132. </div>
  1133.  
  1134. <b:if cond='data:comment.isDeleted'>
  1135. <span class='deleted-comment'><data:comment.body/></span>
  1136. <b:else/>
  1137. <p><data:comment.body/></p>
  1138. </b:if>
  1139.  
  1140. <b:include data='comment' name='commentDeleteIcon'/>
  1141. </div>
  1142. </li>
  1143. <br/>
  1144. </b:loop>
  1145. </ol>
  1146.  
  1147. <div id='postcomment'>
  1148. <b:if cond='data:post.embedCommentForm'>
  1149. <b:include data='post' name='comment-form'/>
  1150. <b:else/>
  1151. <b:if cond='data:post.allowComments'>
  1152. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1153. <data:postCommentMsg/>
  1154. </a>
  1155. </b:if>
  1156. </b:if>
  1157. </div>
  1158. </b:if>
  1159.  
  1160. <div id='backlinks-container'>
  1161. <div expr:id='data:widget.instanceId + "_backlinks-container"'>
  1162. <b:if cond='data:post.showBacklinks'>
  1163. <b:include data='post' name='backlinks'/>
  1164. </b:if>
  1165. </div>
  1166. </div>
  1167. </div>
  1168. </b:includable>
  1169. </b:widget>
  1170. </b:section>
  1171.  
  1172. <!-- Navigation -->
  1173. <div class='pagination'>
  1174. <div class='alignleft'/>
  1175. <div class='alignright'/>
  1176. </div>
  1177. <!-- /Navigation -->
  1178.  
  1179. <div class='clear'/>
  1180.  
  1181. </div>
  1182. <!-- /Content -->
  1183.  
  1184. <!-- Sidebar -->
  1185. <b:section class='sidebar' id='sidebar' preferred='yes'>
  1186. <b:widget id='Followers1' locked='false' title='Membres' type='Followers'>
  1187. <b:includable id='main'>
  1188. <b:if cond='data:title != ""'>
  1189. <b:if cond='data:codeSnippet != ""'>
  1190. <h2 class='title'><data:title/></h2>
  1191. <b:else/>
  1192. <b:if cond='data:totalFollowerCount != ""'>
  1193. <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  1194. </b:if>
  1195. </b:if>
  1196. </b:if>
  1197. <div class='widget-content'>
  1198. <div expr:id='data:widget.instanceId + "-wrapper"'>
  1199. <b:if cond='data:codeSnippet != ""'>
  1200. <div style='margin-right:2px;'>
  1201. <data:codeSnippet/>
  1202. </div>
  1203. <b:else/>
  1204. <b:if cond='data:totalFollowerCount == ""'>
  1205. <span class='item-control following-not-admin'>
  1206. <b><data:failureSnippet/></b>
  1207. </span>
  1208. <span class='item-control blog-admin'>
  1209. <b><data:adminFailureSnippet/></b>
  1210. </span>
  1211. <b:else/>
  1212. <b:if cond='data:followingLinkPresent'>
  1213. <div class='follow-this profile-link item-control following-follow-this'>
  1214. <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
  1215. <data:followThisMessage/>
  1216. </a>
  1217. </div>
  1218. <div class='follow-this profile-link item-control following-stop-following-this'>
  1219. <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
  1220. <data:stopFollowingMessage/>
  1221. </a>
  1222. </div>
  1223. </b:if>
  1224.  
  1225. <div class='followers-grid'>
  1226. <b:if cond='data:totalFollowerCount == 0'>
  1227. <div class='profile-link item-control following-follow-this'>
  1228. <data:emptyFollowersMessage/>
  1229. </div>
  1230. </b:if>
  1231. <!--
  1232. Relies on the js written out in navbar.gxp
  1233. -->
  1234. <b:loop values='data:followers' var='follower'>
  1235. <div class='follower'>
  1236. <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  1237. <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
  1238. </a>
  1239. </div>
  1240. </b:loop>
  1241. <div class='clear'/>
  1242. </div>
  1243.  
  1244. <div class='followers-canvas profile-link'>
  1245. <data:followersFooterMessage/>
  1246. <span class='item-control following-not-admin'>
  1247. <a expr:href='data:followersUri'>
  1248. <data:viewAllMessage/>
  1249. </a>
  1250. </span>
  1251. <span class='item-control blog-admin'>
  1252. <a expr:href='data:manageFollowersUri'>
  1253. <data:manageFollowersMessage/>
  1254. </a>
  1255. </span>
  1256. </div>
  1257. </b:if>
  1258. </b:if>
  1259. </div>
  1260. <b:include name='quickedit'/>
  1261. </div>
  1262. </b:includable>
  1263. </b:widget>
  1264. <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  1265. <b:includable id='main'>
  1266. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  1267. <div class='widget-content'>
  1268. <ul>
  1269. <b:loop values='data:links' var='link'>
  1270. <b:if cond='data:link.isCurrentPage'>
  1271. <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
  1272. <b:else/>
  1273. <li><a expr:href='data:link.href'><data:link.title/></a></li>
  1274. </b:if>
  1275. </b:loop>
  1276. </ul>
  1277. <b:include name='quickedit'/>
  1278. </div>
  1279. </b:includable>
  1280. </b:widget>
  1281. </b:section>
  1282. <!-- /Sidebar -->
  1283.  
  1284. <div class='clear'/>
  1285.  
  1286. </div>
  1287. <!-- /Container -->
  1288.  
  1289. <!-- Water Color Blogger Template comes under a Creative Commons License.
  1290. This means it is free to use on your blog as long as the credit link in the footer is kept intact
  1291. FalconHive.com
  1292. -->
  1293.  
  1294. <!-- Footer -->
  1295. <div id='footer'>
  1296.  
  1297. <div id='flickrss'>
  1298. <b:section class='flickrrss' id='flickrrss' preferred='yes'>
  1299. <b:widget id='HTML99' locked='true' title='Flickr' type='HTML'>
  1300. <b:includable id='main'>
  1301. <div class='widget-content'>
  1302. <data:content/>
  1303. </div>
  1304. <b:include name='quickedit'/>
  1305. </b:includable>
  1306. </b:widget>
  1307. </b:section>
  1308. </div>
  1309.  
  1310. © <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  1311.  
  1312. <!-- credit -->
  1313. Designed by <a href='http://www.templatelite.com/'>Wordpress Templates</a>
  1314. <br/>Bloggerized by <a href='http://www.falconhive.com' target='_blank' title='Falcon Hive'>FalconHive</a> | Sponsored by <a href='http://www.bloggerstyles.com'>Blogger Styles</a>
  1315.  
  1316. </div>
  1317. <!-- /Footer -->
  1318.  
  1319. </div>
  1320. <!-- /Base -->
  1321.  
  1322. </div>
  1323. <!-- /Base_bottom -->
  1324.  
  1325. </div>
  1326. <!-- /Base_top -->
  1327.  
  1328. </body></html>





Merciii!
m
0
l
a c 145 L Programmation
17 Octobre 2010 19:05:41

Le souci est qu'il faut reprendre toute la CSS car le thème est fait pour une taille bien particulière et qu'on ne peut pas simplement augmenter une largeur.
m
0
l
Contenus similaires
18 Octobre 2010 18:11:00

et c'est infaisable ..?
m
0
l
a c 145 L Programmation
18 Octobre 2010 22:40:50

Non, c'est long et fastidieux, surtout sans vouloir exactement ce que tu veux.
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