Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
660 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1984407
Profil sup​primé
Posté le 15-04-2010 à 15:13:18  answer
 

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
mood
Publicité
Posté le 15-04-2010 à 15:13:18  profilanswer
 

n°1984416
flo850
moi je
Posté le 15-04-2010 à 15:34:37  profilanswer
 

ta bannière fait quelle taille ?

n°1984428
Profil sup​primé
Posté le 15-04-2010 à 15:57:17  answer
 

950x70 je crois bien :)

n°1984430
flo850
moi je
Posté le 15-04-2010 à 16:00:52  profilanswer
 

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
n°1984431
Profil sup​primé
Posté le 15-04-2010 à 16:04:47  answer
 

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 ;)

n°1984479
Profil sup​primé
Posté le 15-04-2010 à 17:16:37  answer
 

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
n°1984483
Profil sup​primé
Posté le 15-04-2010 à 17:20:21  answer
 

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
n°1984514
Profil sup​primé
Posté le 15-04-2010 à 18:00:39  answer
 

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

n°1984531
Profil sup​primé
Posté le 15-04-2010 à 18:47:51  answer
 

chti up :)

n°1984611
toum_toum
Vivons masqués
Posté le 16-04-2010 à 01:12:00  profilanswer
 

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

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
mood
Publicité
Posté le 16-04-2010 à 01:12:00  profilanswer
 

n°1984657
Profil sup​primé
Posté le 16-04-2010 à 09:47:43  answer
 

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:

n°1984665
Profil sup​primé
Posté le 16-04-2010 à 10:07:15  answer
 

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

n°1984677
Skopos
Posté le 16-04-2010 à 10:17:24  profilanswer
 


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
n°1984698
Profil sup​primé
Posté le 16-04-2010 à 10:39:28  answer
 

: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;
 
?

n°1984701
Skopos
Posté le 16-04-2010 à 10:45:48  profilanswer
 

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)

n°1984716
Profil sup​primé
Posté le 16-04-2010 à 10:58:44  answer
 

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

n°1984718
Skopos
Posté le 16-04-2010 à 11:00:56  profilanswer
 

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

n°1984735
Profil sup​primé
Posté le 16-04-2010 à 11:13:45  answer
 

#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
n°1984743
Skopos
Posté le 16-04-2010 à 11:24:40  profilanswer
 

t'as pas défini le height


Message édité par Skopos le 16-04-2010 à 11:25:36
n°1984747
Profil sup​primé
Posté le 16-04-2010 à 11:30:06  answer
 

#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;  
}  
 
 
:??:

n°1984750
Skopos
Posté le 16-04-2010 à 11:32:28  profilanswer
 

teste :spamafote:

n°1984756
Profil sup​primé
Posté le 16-04-2010 à 11:39:27  answer
 

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

n°1984760
Skopos
Posté le 16-04-2010 à 11:48:42  profilanswer
 

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
n°1984763
4ur4
inconnu
Posté le 16-04-2010 à 11:50:55  profilanswer
 

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
n°1984769
Profil sup​primé
Posté le 16-04-2010 à 12:03:52  answer
 

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

n°1984770
Profil sup​primé
Posté le 16-04-2010 à 12:04:13  answer
 

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

n°1984822
toum_toum
Vivons masqués
Posté le 16-04-2010 à 13:31:16  profilanswer
 


 
 
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

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
n°1984825
Profil sup​primé
Posté le 16-04-2010 à 13:42:31  answer
 

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

n°1984865
toum_toum
Vivons masqués
Posté le 16-04-2010 à 14:18:35  profilanswer
 


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


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
n°1986323
4ur4
inconnu
Posté le 21-04-2010 à 14:41:36  profilanswer
 

de koi ?? J'ai rien compris lol

n°1988235
4ur4
inconnu
Posté le 28-04-2010 à 00:50:44  profilanswer
 

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
n°1988689
4ur4
inconnu
Posté le 29-04-2010 à 13:43:18  profilanswer
 

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

n°1988696
Skopos
Posté le 29-04-2010 à 13:55:33  profilanswer
 

T'as qu'à chercher.

n°1989297
4ur4
inconnu
Posté le 01-05-2010 à 07:27:21  profilanswer
 

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

Message cité 2 fois
n°1989308
Skopos
Posté le 01-05-2010 à 09:56:13  profilanswer
 

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

n°1989311
toum_toum
Vivons masqués
Posté le 01-05-2010 à 10:44:55  profilanswer
 

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:


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
n°1989398
Elmoricq
Modérateur
Posté le 01-05-2010 à 21:04:19  profilanswer
 

4ur4 a écrit :

SAlut !!!


 
Salut !  [:linouille]  
 

4ur4 a écrit :

degage stp tu me sert a rien


 
Au revoir !  [:zytra]

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
erreur éxécution 2465, impossible de trouver le champ résultat.Taille header variable.
[eclipse] impossible d'éditer une classeMigration d'un site J2EE totalement impossible
Fonction mail() - reception impossible sur une adresse.htaccess pour migration dotclear/wordpress
[webranking-google] impossible de mettre à jourWordpress avec mot de pass ?
Problème Wordpress 
Plus de sujets relatifs à : Impossible d'obtenir ce que je veux sur mon header.php (wordpress)

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.176 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR