Impossible d'obtenir ce que je veux sur mon header.php (wordpress)

Impossible d'obtenir ce que je veux sur mon header.php (wordpress) - HTML/CSS - Programmation

Marsh Posté le 15-04-2010 à 15:13:18    

Bonjour,
 
je voudrais faire des modifications sur mon header mais je ne trouve pas où cela se situe devant mon niveau en html. (j'arrive à insérer une image sur un truc vierge... :D )
 
le site en question : vtt-sensation.info
 
Le soucis : c'est le gros vtt-sensation.
 
Je voudrais virer ce titre et mettre à la place une bannière. Google a trouvé sur le forum de wordpress une aide. Seulement, j'arrive bien à virer le titre et mettre une bannière mais cela décale tout (le ACCUEIL À PROPOS FORUM ), et c'est absolument horrible (du coup j'ai remis comme cela était).
 
Si vous pouviez m'aider, voici le code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
 
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) {
single_cat_title(); echo " - "; bloginfo('name');
} elseif (is_single() || is_page() ) {
single_post_title();
} elseif (is_search() ) {
bloginfo('name'); echo " search results: "; echo wp_specialchars($s);
} else { wp_title('',true); }
?></title>
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
 
    <script src="<?php bloginfo('template_directory'); ?>/scripts/mootools.v1.11.js" type="text/javascript"></script>
    <script src="<?php bloginfo('template_directory'); ?>/scripts/jd.gallery.js" type="text/javascript"></script>
    <script src="<?php bloginfo('template_directory'); ?>/scripts/jd.gallery.transitions.js" type="text/javascript"></script>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slideshow.css" type="text/css" media="screen" />
 
    <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styleie.css" /><![endif]-->
<?php wp_head(); ?>
</head>
<body>
 
<div id="wrapper"><a name="top"></a>
<div id="header" class="fix">
    <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
 
<div id="pagenav">
    <ul class="nav fix">
        <li><a href="<?php echo get_settings('home'); ?>/" title="Return to the the frontpage">Accueil</a></li>
        <?php wp_list_pages('title_li='); ?>
    </ul>
</div>
 
<div id="categories">
    <div id="categories" class="fix">  
        <ul class="fix">
        <?php wp_list_cats('sort_column=name&optioncount=0'); ?>
        </ul>
    </div>
</div>
</div>


 :jap:  :jap:


Message édité par Profil supprimé le 15-04-2010 à 15:13:32
Reply

Marsh Posté le 15-04-2010 à 15:13:18   

Reply

Marsh Posté le 15-04-2010 à 15:34:37    

ta bannière fait quelle taille ?

Reply

Marsh Posté le 15-04-2010 à 15:57:17    

950x70 je crois bien :)

Reply

Marsh Posté le 15-04-2010 à 16:00:52    

beaucoup trop grand avec ce template , tu n'as que 400px de large ( après il y a le conteneur de la boite de recherche)


Message édité par flo850 le 15-04-2010 à 16:00:58
Reply

Marsh Posté le 15-04-2010 à 16:04:47    

il faut que je refasse ma bannière alors... :/ et niveau hauteur, je peux mettre plus que tu 70?
 
ps : je viens de m'apercevoir que j'avais testé avec une bannière plus petite, mais elle reste en 468x70 ... pour la couper encore plus, je dois modifier la police sur l'image ;)

Reply

Marsh Posté le 15-04-2010 à 17:16:37    

là par exemple, j'ai viré le titre vtt-sensation en supprimant  
 
<h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
 
mettre ma bannière (gif) arrangera les choses?
 
acceuil, forum et à propos sont décalés vers le haut, c'est laid :o

Message cité 1 fois
Message édité par Profil supprimé le 15-04-2010 à 17:17:02
Reply

Marsh Posté le 15-04-2010 à 17:20:21    

apparamment il faut que je modifie le CSS pour mettre l'image (hébergué sur imageshack)
 
 
edit : j'ai mis cela :
 
/* header */
#header{
background:url(http://img413.imageshack.us/img413/3785/logoff.gif) top no-repeat;
padding:5px 0;
 
edit 2 : bon j'ai l'image mais comme vous voyez, c'est très moche ... je dois réduire encore la taille de l'image pour que cela passe et que devienne comme avant?


Message édité par Profil supprimé le 15-04-2010 à 17:24:17
Reply

Marsh Posté le 15-04-2010 à 18:00:39    

bon, j'ai encore réduit la taille de l'image et ca fait toujours pareil... (300x38 je crois bien)
 
tout est décalé ...  
 
SOS :D

Reply

Marsh Posté le 15-04-2010 à 18:47:51    

chti up :)

Reply

Marsh Posté le 16-04-2010 à 01:12:00    

Salut.
 
 
Si je remplace ta ligne par :
background : url("http://img594.imageshack.us/img594/5452/logoff1.gif" ) no-repeat 0 0;
 
Ta bannière vient bien dans l'angle gauche, en hauteur, et ne décale rien de tes menus...
 
Maintenant, à toi ensuite de changer ta bannière pour la faire dans la largeur voulue (à vue de nez autour de 850 px de large, et dans les 60 à 70 de haut ?)
 


Message édité par toum_toum le 16-04-2010 à 01:22:48

---------------
"2025 : Stupid is now Norm"
Reply

Marsh Posté le 16-04-2010 à 01:12:00   

Reply

Marsh Posté le 16-04-2010 à 09:47:43    

merci de ton aide. En effet, le logo s'est bien mis en haut à gauche. Cependant, cela n'a pas redonné l'apparence originel de la partie recherche et les mots acceuil, forum et a propos sont toujours décalés et sont maintenant "fusionné" avec le logo.
 
:jap:

Reply

Marsh Posté le 16-04-2010 à 10:07:15    

voici à quoi cela ressemble d'origine
 
http://www.themes-css.com/wp-content/uploads/2008/02/wordpress-massivenews.png

Reply

Marsh Posté le 16-04-2010 à 10:17:24    


Salut,

 

Plutot que de virer le H1, tu peux modifier sa CSS.
Tu lui met l'image que tu veux en background et tu fais disparaitre le texte avec la propriété text-indent:-9999px;

 

edit: tu donnes aussi des propriétés height et width au h1 selon les dimensions de ton image


Message édité par Skopos le 16-04-2010 à 10:27:10
Reply

Marsh Posté le 16-04-2010 à 10:39:28    

:jap:  
 
j'ai remis comme cela était au début.
 
voici mon CSS :  

Code :
  1. /*   
  2. Theme Name: Massive News_(niss)
  3. Theme URI: http://www.massivepress.net/
  4. Description: A premium WordPress news theme. Traduction <a href="http://www.niss.fr/">(niss.fr)</a>.
  5. Version: 1.0
  6. Author: Jason Schuller
  7. Author URI: http://www.massivepress.net/
  9. Please leave credit where credit is due.
  10. */
  12. *{
  13. margin:0;
  14. padding:0;
  15. }
  17. html,body{
  18. background:#BDBDBD url(images/bodybg.jpg) repeat-x;
  19. color:#333;
  20. text-align:center;
  21. }
  23. body{font:12px arial,helvetica,verdana,sans-serif;}
  25. h1{
  26. font-size:55px;
  27. font-family:"Times New Roman", Times, serif;
  28. font-weight:normal;
  29. }
  31. h2{font-size:18px;}
  32. h3{font-size:16px;}
  33. h4{font-size:13px;}
  35. h5{
  36. font-size:10px;
  37. color: #7f7f7f;
  38. padding-left:1px;
  39. font-weight:normal;
  40. margin-bottom:8px;
  41. }
  43. a{
  44. color:#333;
  45. text-decoration:none;
  46. }
  48. a:hover{color:#666;}
  50. #wrapper{
  51. margin:0px auto;
  52. text-align:left;
  53. width:878px;
  54. }
  56. /* header */
  57. #header{
  58. background:url(images/headerbg.jpg) no-repeat 0 0;
  59. padding:5px 0;
  60. }
  62. #header h1 a{
  63. width:400px;
  64. float:left;
  65. margin:0;
  66. }
  68. #header h1 a em{
  69. font-style:normal;
  70. color:#555;
  71. }
  73. #searchWrap input{vertical-align:middle;}
  74. #searchWrap #s{
  75. font-size:1.1em;
  76. border:none;
  77. padding:1px 2px;
  78. margin-right:3px;
  79. width:200px;
  80. }
  82. /* page navigation */
  83. #pagenav{
  84. float:left;
  85. width:500px;
  86. padding-top:7px;
  87. }
  89. ul.nav{list-style:none;}
  91. .nav li{
  92. float:left;
  93. display:block;
  94. padding:2px 10px 2px 10px;
  95. background:url(images/pagebreak.gif) left no-repeat;
  96. }
  98. .nav li a{
  99. font-size:11px;
  100. outline:none;
  101. color:#2F2F2F;
  102. text-decoration:none;
  103. display:block;
  104. padding:5px 0 0x 5px;
  105. text-transform:uppercase;
  106. }
  108. .nav li a:hover{
  109. text-decoration:underline;
  110. color:#484848!important;width:
  111. }
  113. * html .nav li a:hover{background:#333;}
  115. /* category navigation */
  116. #categories{
  117. float:left;
  118. width:878px;
  119. }
  121. #categories ul{
  122. list-style:none;
  123. padding:1px 0 0px 0;
  124. }
  126. #categories li{
  127. float:left;
  128. display:block;
  129. background:url(images/catbreak.gif) left no-repeat;
  130. height: 25px;
  131. padding-top:4px;
  132. }
  134. #categories li a{
  135. color:#FFF;
  136. display:block;
  137. padding:2px 10px 4px 10px;
  138. }
  140. #categories li a:hover{color:#CCC;}
  142. /* main content */
  143. #mid{padding-top:4px;}
  144. #main{
  145. background:#FFFFFF url(images/mainbottom.gif) bottom no-repeat;
  146. float:left;
  147. margin:0 10px 0 0;
  148. width:548px;
  149. }
  151. #singlemain{
  152. background:#FFFFFF url(images/smbottom.gif) bottom no-repeat;
  153. float:left;
  154. margin:0 10px 0 0;
  155. width:548px;
  156. }
  158. #featured{
  159. background:url(images/maintop.gif) top left no-repeat;
  160. padding:5px;
  161. }
  163. #myGallery{
  164. margin:4px;
  165. font-size:18px;
  166. }
  168. /* sidebar */
  169. #sidebar a{font-weight:bold;}
  171. #sidebar{
  172. color:#333;
  173. float:left;
  174. margin:0;
  175. width:320px;
  176. line-height:1.3em;
  177. }
  179. #sidebar p{color:#333;}
  181. #blocks{
  182. background:#FFFFFF url(images/blocktop.gif) top no-repeat;
  183. padding:5px 10px 0 10px;
  184. }
  186. #widgetblock{
  187. background:#FFFFFF url(images/blocktop.gif) top no-repeat;
  188. padding:5px 5px 0 5px;
  189. }
  191. #tagblock{
  192. background:#FFFFFF url(images/blocktop.gif) top no-repeat;
  193. padding:5px 10px 0 10px;
  194. }
  196. #tagblock a{
  197. font-weight:normal;
  198. color:#484848;
  199. }
  201. #tagblock a:hover{color:#7F7F7F;}
  203. #advertblock{
  204. background:url(images/advertblockbg.gif) top no-repeat;
  205. height:270px;
  206. padding:10px 0 0 10px;
  207. }
  209. #blocks a{
  210. font-weight:bold;
  211. color:#484848;
  212. }
  214. #blockpost{
  215. padding:0 0 8px 0;
  216. }
  218. #blocks a:hover{color:#7F7F7F;}
  220. h3.blocks{
  221. font-size:15px;
  222. margin-bottom: 10px;
  223. }
  225. h3.mainblock{
  226. font-size:15px;
  227. margin-bottom: 10px;
  228. margin-left: 5px;
  229. }
  231. #bottomblock{
  232. background: #BDBDBD url(images/blockbottom.gif) top no-repeat;
  233. height:7px;
  234. padding:0;
  235. margin-bottom:10px;
  236. }
  238. #searchWrap{
  239. float:right;
  240. margin-top:69px;
  241. margin-right:2px;
  242. }
  244. .blocks{margin-bottom:20px;}
  246. /* main content */
  247. #content{
  248. padding:10px;
  249. }
  251. #content p{
  252. margin-bottom:10px;
  253. }
  255. #introIMG{
  256. width:150px;
  257. height:150px;
  258. float:left;
  259. margin-right:8px;
  260. overflow:hidden;
  261. }
  263. #introIMG img{
  264. border:none;
  265. padding:4px 4px 4px 4px;
  266. border:1px solid #BDBDBD;
  267. }
  270. .postMeta{
  271. background:url(images/dot.gif) repeat-x left center;
  272. text-transform:uppercase;
  273. font-size:11px;
  274. text-align:right;
  275. margin-bottom:2px;
  276. }
  278. .postMeta span.date{
  279. background:#FFF;
  280. color:#7F7F7F;
  281. padding:0 2px 0 4px;
  282. }
  284. .postMeta span.comments{
  285. background:#FFF url(images/user.gif) no-repeat left center;
  286. padding-left:15px;
  287. margin-left:2px;
  288. }
  290. .postMeta span.comments a,
  291. .postMeta span.date a{color:#555;}
  292. .post{margin:0 0 15px 0;}
  294. .post h2{
  295. line-height:1.2em;
  296. }
  298. .post h2 a{
  299. width:100%;
  300. display:block;
  301. outline:none;
  302. }
  304. .entry h3{margin:1em 0;}
  306. .post .entry{
  307. line-height:1.4em;
  308. overflow:hidden;
  309. }
  311. .post .entry p{margin:0;}
  313. .post .entry p a{
  314. background:url(images/dot.gif) repeat-x bottom left;
  315. font-weight:bold;
  316. }
  318. .entry blockquote{margin:0 1.3em 0;}
  320. .entry ul{
  321. margin:0 1.3em 0;
  322. list-style:none;
  323. }
  325. .entry li a{
  326. color:#333;
  327. font-weight:bold;
  328. background:url(images/dot.gif) repeat-x bottom left;
  329. }
  331. .entry ul li{
  332. background:url(images/li.gif) no-repeat 0 1px;
  333. padding-left:18px;
  334. margin-bottom:7px;
  335. }
  337. .entry ol{margin:0 1em 0 3em;}
  338. .entry ol li{margin:0 0 7px 0;}
  339. .entry img,.entry a img{border:none;}
  340. .entry a:hover img{border-color:#DFDFDF;}
  341. .entry table tr {padding: 15px 0;}
  342. .entry table tr.alt {background: #eee;}
  344. /* lists */
  345. .rsslinks h3{margin-bottom:5px;}
  347. .rsslinks p{
  348. margin-bottom:5px;
  349. padding-top:5px;
  350. }
  352. .rsslinks ul li{
  353. background:url(images/rss.gif) no-repeat 0 3px;
  354. color:#7F7F7F;
  355. line-height:1.2em;
  356. border-top:1px solid #BBB;
  357. padding:3px 0 4px 16px;
  358. list-style:none;
  359. }
  361. #widgetblock h3{margin-bottom:5px;}
  363. #widgetblock p{
  364. margin-bottom:5px;
  365. padding-top:5px;
  366. }
  368. #widgetblock ul li{
  369. color:#7F7F7F;
  370. line-height:1.2em;
  371. border-top:1px solid #BBB;
  372. padding:3px 0 4px 0;
  373. list-style:none;
  374. }
  376. /* pagination */
  377. #pagination{
  378. color:#7F7F7F;
  379. font-size:11px;
  380. text-transform:uppercase;
  381. margin-bottom:10px;
  382. margin-top:40px;
  383. text-align:right;
  384. }
  386. #pagination p,#pagination img{vertical-align:middle;}
  388. #pagination a img{
  389. border:none;
  390. margin:0 0 3px 2px;
  391. }
  393. /* comments */
  394. #comments{
  395. width:435px;
  396. padding:12px 0 0 0;
  397. }
  399. #comments h3,
  400. h3#respond{
  401. color:#555;
  402. margin-bottom:7px;
  403. }
  405. ol.commentslist{
  406. list-style:none;
  407. margin:5px 0 12px;
  409. }
  410. .commentslist li{
  411. background:#FFF url(images/lgrey_diag.gif) repeat top left;
  412. border:1px solid #BBB;
  413. margin-bottom:7px;
  414. padding:7px 0;
  415. }
  417. .commentslist li a{
  418. font-weight:bold;
  419. background:url(images/dot.gif) repeat-x bottom left;
  420. }
  422. .commentslist li.alt{background:#FFF;}
  423. .commentslist li:hover{border-color:#888;}
  425. .commentslist .comment_text{
  426. margin:0 7px;
  427. line-height:1.4em;
  428. overflow:hidden;
  429. }
  431. .comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{margin:1em 0;}
  432. .comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}
  434. p.author_meta{
  435. font-weight:bold;
  436. text-transform:uppercase;
  437. margin:0 0 0 7px;
  438. }
  440. p.post_meta{
  441. font-size:11px;
  442. text-transform:uppercase;
  443. text-align:right;
  444. margin:0 7px 0 0;
  445. }
  447. .commentslist li.author{
  448. background:#333;
  449. color:#CCC;
  450. }
  452. .commentslist li.author a{color:#DDD;}
  453. .commentslist li.author a:hover{color:#FFF;}
  455. #comments_closed{
  456. background:#333;
  457. color:#ccc;
  458. padding:7px 0;
  459. margin-top:12px;
  460. line-height:1.5em;
  461. }
  463. p.nocomments{margin:0 12px 0 7px;}
  465. p.nocomments a{
  466. color:#ddd;
  467. font-weight:bold;
  468. text-decoration:underline;
  469. }
  471. p.nocomments a:hover{color:#FFF;}
  473. ol.pingslist{
  474. margin:1.5em 2em;
  475. font-size:12px;
  476. }
  478. .pingslist li{
  479. color:#7F7F7F;
  480. margin:0 0 7px 0;
  481. }
  483. .pingslist li a{
  484. font-weight:bold;
  485. background:url(images/dot.gif) repeat-x bottom left;
  486. }
  488. #commentform p{margin:1em 0;}
  490. #commentform p a{
  491. font-weight:bold;
  492. background:url(images/dot.gif) repeat-x bottom left;
  493. }
  495. #author,#email,#url,#comment{
  496. font:1.1em arial,helvetica,verdana,sans-serif;
  497. border:1px solid #BBB;
  498. padding:2px;
  499. }
  501. #comment{width:429px;overflow:auto;}
  503. #commentform p small{
  504. font-size:10px;
  505. color:#7F7F7F;
  506. }
  508. .commentslist code{background:transparent;}
  510. /* footer */
  511. #footer p{
  512. padding-top:7px;
  513. padding-bottom:50px;
  514. }
  516. #footer p a{
  517. font-weight:bold;
  518. color:#333;
  519. }
  521. /* floats */
  522. .floatleft{
  523. float:left;
  524. margin:3px 7px 0 0;
  525. }
  527. .floatright{
  528. float:right;
  529. margin:3px 0 0 7px;
  530. }
  532. .right{float:right;}
  533. .left{float:left;}
  534. .clear{clear:both;}
  536. .fix:after{
  537. content:".";
  538. display:block;
  539. height:0;
  540. clear:both;
  541. visibility:hidden;
  542. }
  544. .fix{display:inline-block;}
  545. * html .fix{height:1%;}
  546. .fix{display:block;}
  548. /* TABS */
  549. /* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
  550. #main #main-categories {
  551. clear: left;
  552. float: left;
  553. display: block;
  554. width: 525px;
  555. margin: 0 0 10px 0;
  556. }
  557. .tabs-block {
  558. clear: left;
  559. float: left;
  560. width: 250px;
  561. padding: 0;
  562. margin: 0 0 10px 0;
  563. display: block;
  564. }
  565. .tabbed {
  566. width: 100%;
  567. overflow: hidden;
  568. padding: 0;
  569. margin: 0;
  570. background: transparent;
  571. border: none;
  572. }
  573. .tabbed ul.tabs {
  574. overflow: hidden;
  575. display: block;
  576. position: relative;
  577. top: 0;
  578. left: 0;
  579. z-index: 999;
  580. list-style-type: none;
  581. margin: 0;
  582. padding: 0;
  583. width: 100%;
  584. background: transparent;
  585. }
  586. .tabbed ul.tabs li {
  587. display: inline;
  588. float: left;
  589. padding: 0;
  590. margin: 0 .3em 0 0;
  591. }
  592. .tabbed ul.tabs li a {
  593. font-weight: bold;
  594. display: block;
  595. margin: 0;
  596. padding: 5px .8em;
  597. background:#eee; /* #eee;*/
  598. border: 1px solid #ccc;
  599. }
  600. .tabs-block ul.tabs li a { padding: 5px .7em; }
  601. .tabbed ul.tabs li a:hover {
  602. background: #BDBDBD ;
  603. text-decoration: none;
  604. }
  605. .tabbed ul.tabs li a.tab-current {
  606. background: #fff;
  607. border-bottom: 1px solid #fff;
  608. }
  609. .tabs-block .tabbed div, #main .tabbed .c {
  610. overflow: hidden;
  611. display: block;
  612. position: relative;
  613. left: 0;
  614. top: -1px;
  615. z-index: 0;
  616. clear: left;
  617. width: 100%;
  618. margin: 0;
  619. padding: 5px 0;
  620. border: 1px solid #ccc;
  621. background:  #fff;
  622. display: none;
  623. }
  624. div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
  625. .tabs-block .tabbed div.t1, #main .tabbed div.c1 {
  626. display: block;
  627. }
  628. .tabs-block .tabbed div { width: 500px; }
  629. .tabbed div ul {
  630. overflow: hidden;
  631. padding: 4px 0 2px 0;
  632. margin: 0;
  633. background: #fff;
  634. }
  635. .tabbed div ul li {
  636. clear: left;
  637. background: transparent;
  638. }
  639. .tabbed div ul li a {
  640. font-weight: normal;
  641. width: 97%;
  642. display: block;
  643. padding: 2px 0 2px 12px;
  644. background: transparent;
  645. border: none;
  646. }
  647. .tabbed div ul li a:hover { text-decoration: underline; }
  649. /* HOME CATEGORIES TABS */
  650. #home-categories {
  651. overflow: hidden;
  652. }
  653. #main .tabbed .c {
  654. width: 525px;
  655. }
  656. #onglets {
  657. margin:10px;
  658. /*float:left*/
  659. }
  660. .tabbed .post {
  661. float: left;
  662. clear: none;
  663. width: 47%;
  664. margin: 5px 1%;
  665. padding: 0;
  666. }
  668. /* gestion des images dans les onglets!!!! Ajout STEF */
  669. .tabbed .post  img {
  670. float:left;
  671. margin:3px 10px 4px 0pt;
  672. border: 1px solid #000000;
  673. padding: 1px;
  674. }
  675. /* fin ajout stef */
  677. .tabbed .post h3 {
  678. width: 97%;
  679. font-size: 1em;
  680. margin: 0 0 0 5px;
  681. padding: 0;
  682. text-transform:capitalize;
  683. }
  684. .tabbed .post h3 a {
  685. font-weight: bold;
  686. font-size: 1em;
  687. font-family:12px arial,helvetica,verdana,sans-serif;;
  688. letter-spacing:0;
  689. color:#000000;
  690. }
  691. .tabbed .post h3 a:hover {
  692. font-weight: bold;
  693. color:#7F7F7F;
  694. }
  696. .tabbed .post .entry {
  697. margin: 0 0 0 5px;
  698. padding: 0;
  700. }
  701. .tabbed .post .entry p { margin: 0; padding: 0; }


 
c'est ou que je dois modifier cela?
 
c'est cela?  
 
h1{
font-size:55px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
 
?

Reply

Marsh Posté le 16-04-2010 à 10:45:48    

Non car ça va cibler tous les H1 de la page si il y en a plsrs.
Soit tu cibles plus précisément avec une une nouvelle règle
#header h1
 
Soit tu ajoutes ces propriétés à #header h1 a, ça devrait marcher aussi (j'ai pas regardé le code en détail)

Reply

Marsh Posté le 16-04-2010 à 10:58:44    

#header h1 a{
width:400px;
float:left;
margin:0;
}
 
ok, trouvé.
 
je rajoute ca : text-indent:-9999px; et un background?

Reply

Marsh Posté le 16-04-2010 à 11:00:56    

oui la prop text-indent et l'image-bannière que tu voulais dans une prop  background.

Reply

Marsh Posté le 16-04-2010 à 11:13:45    

#header h1 a{
width:400px;
float:left;
margin:0;
background : url("http://img594.imageshack.us/img594/5452/logoff1.gif" ) no-repeat 0 0;  
text-indent:-9999px;
}
 
 
Désolé, j'y connais pas grand chose, c'est bon comme indiqué ci dessus?

Message cité 1 fois
Reply

Marsh Posté le 16-04-2010 à 11:24:40    

t'as pas défini le height


Message édité par Skopos le 16-04-2010 à 11:25:36
Reply

Marsh Posté le 16-04-2010 à 11:30:06    

#header h1 a{  
width:468px;  
height : 70px;
float:left;  
margin:0;  
background : url("http://img63.imageshack.us/img63/4806/logo3nf.jpg" ) no-repeat 0 0;  
text-indent:-9999px;  
}  
 
 
:??:

Reply

Marsh Posté le 16-04-2010 à 11:32:28    

teste :spamafote:

Reply

Marsh Posté le 16-04-2010 à 11:39:27    

héhé, pas mal du tout skopos :D
 
la bannière est à revoir mais là ca commence à être plutôt bon :D

Reply

Marsh Posté le 16-04-2010 à 11:48:42    

j'ai pas ce qu'il faut sur cet ordi pour regarder mieux mais t'as le principe de base.

 

En passant, héberge ta banière ailleurs que sur imageshack car vu la tendance de ce dernier à partir en sucette...


Message édité par Skopos le 16-04-2010 à 11:48:55
Reply

Marsh Posté le 16-04-2010 à 11:50:55    

bonjour a tous !
 
j'ai fait un site normal en HTML avec l'acceuil, plusieur pages ect...
 
Mais je sais plus du tout comment je peut le mettre en ligne =(
quelqu'un peut m'aider svp Merci beaucoup

Message cité 1 fois
Reply

Marsh Posté le 16-04-2010 à 12:03:52    

voilà, après plusieurs essais de taille de bannière, j'arrive à un truc sympa ;)
 
:jap:

Reply

Marsh Posté le 16-04-2010 à 12:04:13    

4ur4 a écrit :

bonjour a tous !
 
j'ai fait un site normal en HTML avec l'acceuil, plusieur pages ect...
 
Mais je sais plus du tout comment je peut le mettre en ligne =(
quelqu'un peut m'aider svp Merci beaucoup


perso, je suis chez 1&1

Reply

Marsh Posté le 16-04-2010 à 13:31:16    


 
 
Non, moi je ne suis pas d'acc avec les propositions ci-dessus.
 
C'est dans le Header que ca se passe (ou en tous cas qu'il faut essayer au départ... :o )
 
Tu as :
 
/* header */
#header{
background:url(images/headerbg.jpg) no-repeat 0 0;
padding:5px 0;
}
 
 
le but sera de virer ce headerbg.jpg pour le remplacer par ton image (par ex monentete.jpg)
 
Crées ton image monentete.jpg, autour de la taille 850x85 pixels (on verra plus précisément plus tard),  
et tu la mets en ligne par ex chez imageshack si tu veux...
 
Tu écris ensuite :
 
/* header */
#header{
background : url("http://imgXXX.imageshack.us/imgXXX/XXXX/monentete.jpg" ) no-repeat 0 0;
padding:5px 0;
}
 
Et tu regardes et nous dis ce qui se passe...  :o
 
-------------------------------
 
Edit : bon si tu es ok avec le résultat, c'est le principal et oublie ma soluce :o  :)
 
Autre enregistreur de photos : casimages (par exemple)


Message édité par toum_toum le 16-04-2010 à 13:32:54

---------------
"2025 : Stupid is now Norm"
Reply

Marsh Posté le 16-04-2010 à 13:42:31    

:jap: pour ton idée mais ta solution fait que acceuil/forum/a propos sont décalés tout en haut ;)

Reply

Marsh Posté le 16-04-2010 à 14:18:35    


Il s'appelle comment ton thème initial stp ?


---------------
"2025 : Stupid is now Norm"
Reply

Marsh Posté le 21-04-2010 à 14:41:36    

de koi ?? J'ai rien compris lol

Reply

Marsh Posté le 28-04-2010 à 00:50:44    

SAlut !!!
 
J'ai fait une pages web en HTML avec des images et tout le bazzard...
 
Comment je peut mettre ces pages sur le NET ???
 
Je suis Chez orange. Expliquez bien SVP ^^
 
MERCIIIIIIIIIIIIIIII

Message cité 1 fois
Reply

Marsh Posté le 29-04-2010 à 13:43:18    

Repondez pas tous a la fois.... 4___4

Reply

Marsh Posté le 29-04-2010 à 13:55:33    

T'as qu'à chercher.

Reply

Marsh Posté le 01-05-2010 à 07:27:21    

degage stp tu me sert a rien  
qui peut me repondre SVP ??

Message cité 2 fois
Reply

Marsh Posté le 01-05-2010 à 09:56:13    

tu serais pas un assisté incapable de lancer une recherche par lui-même tu aurais déjà mis ta page html en ligne.

Reply

Marsh Posté le 01-05-2010 à 10:44:55    

4ur4 a écrit :

degage stp tu me sert a rien  
qui peut me repondre SVP ??


Personne car déjà tu est sur le topic de qq'un d'autre... regarde le sujet.
 
D'autre part un minimum d'effort ne fait de mal à personne.
 
Pour terminer, ce ton.... :heink:


---------------
"2025 : Stupid is now Norm"
Reply

Marsh Posté le 01-05-2010 à 21:04:19    

4ur4 a écrit :

SAlut !!!


 
Salut !  [:linouille]  
 

4ur4 a écrit :

degage stp tu me sert a rien


 
Au revoir !  [:zytra]

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed