28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Ca fait longtemps que je voulais m'y mettre, j'ai décidé de revoir la mise en page de mon compte Blogger pour en faire quelque chose de sympa.

Je veux créer de nouvelles pages, en créant une page modèle. J'ai donc isolé la feuille de style, le header, le footer pour y voir plus clair et ça fonctionne. Par contre rien à faire avec la sidebar qui refuse de s'afficher en include; et les balises du type
<h2 class="sidebar-title">Dernièrement</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><font face="Century Gothic, Trebuchet"><a href="[b]<$BlogItemPermalinkURL$>[/b]">[b]<$BlogPreviousItemTitle$>[/b]</a></font></li>
     </BloggerPreviousItems>
  </ul>
qui ne fonctionnent que sur la page initiale

Ma nouvelle page ressemble à ça ; c'est joli mais j'aimerai que les balises fautives (qui fonctionnent sur la page initiale blog.php) soient remplacées par leurs valeurs respectives.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Tecnicolor | Manifesto</title>

<$BlogMetaData$>

<STYLE type=text/css>@import url(  http://www.tecnicolor.net/CSS.css  );</STYLE>
  
</HEAD>

<BODY leftMargin=0 topMargin=0 background="http://www.tecnicolor.net/header/motif.gif">
<DIV align=center>
<!-- Header Externe -->
<?php
   include("header.php");
?>
<!--// Header Externe -->
<SCRIPT src="script.js" type=text/javascript></SCRIPT>
<table width=906>
          <tr>
            <td align="left">
						<div style="FONT-SIZE: 24px; FONT-FAMILY: Trebuchet MS, Verdana; TEXT-ALIGN: left;"></div>
</td>
          </tr>
          <tr>
            <td align="left" bgcolor=white valign="top" border-width=1px border-color=black>
  <div style="PADDING-RIGHT: 20px; PADDING-LEFT: 60px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; PADDING-TOP: 20px; FONT-FAMILY: Trebuchet MS, Verdana; ">			
<!-- Begin #content -->
<div align="left" id="content">
<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>
  <!-- Begin .post -->
  <div class="post">
         <h3 class="post-title"><font size="30px" face="century gothic,Trebuchet">MANIFESTO</font>
    </h3>
    <div class="post-footer" style="PADDING-BOTTOM: 15px"><em>20 octobre 2008</em></div>

	         <div class="post-body">
	<div><span style="font-size:90%;">
      <p> Du 35 mm muet bichrome au Super Technirama 70 mm, les films Technicolor&reg; sont les t&eacute;moins arch&eacute;ologiques du plus fabuleux des proc&eacute;d&eacute;s de couleur que l&rsquo;histoire du cin&eacute;ma ait connu. C&rsquo;est le charme d&eacute;suet du <em>Magicien d&rsquo;Oz</em>, de <em>Blanche Neige et les sept nains</em>, <em>Chantons sous la pluie, </em>et<em> Fen&ecirc;tre sur cour</em>. La vie en Technicolor&reg; poss&egrave;de un esth&eacute;tique inimitable, port&eacute;e par une technologie audacieuse. Elle confirme aussi la relation indissociable entre fond et forme, art et industrie. </p>
      <p>Aujourd&rsquo;hui la famille s&rsquo;agrandit, les id&eacute;es prennent, la couleur &eacute;clate. TECNICOLOR est n&eacute; d&rsquo;une envie nouvelle qui depuis longtemps m&eacute;ritait un site qui lui soit propre. Son orthographe change et Chezmanu[c]bien tire sa r&eacute;v&eacute;rence. </p>
      <p>TECNICOLOR n&rsquo;est pas un simple blog musical, c&rsquo;est un blog <em>&agrave; propos</em> de la musique. Nous ne voulons pas faire une chronique de disque ou de concert de plus, mais nous voulons offrir sur cet espace une alternative au buzz qui sature le web. Amateurs de vide greniers et chercheurs de nouveaux tr&eacute;sors, nous voulons aller &agrave; la d&eacute;couverte des liens qui unissent un artiste &agrave; un autre, surtout lorsqu&rsquo;ils d&eacute;passent les fronti&egrave;res de leur discipline initiale&nbsp;: la musique. </p>
      <p>A l&rsquo;&egrave;re de la pluridisciplinarit&eacute;, le travail de la pochette d&rsquo;un disque, d&rsquo;une vid&eacute;o, d&rsquo;un roman ou d&rsquo;un spectacle sont autant d&rsquo;indices sur la personnalit&eacute; de leur auteurs que sur leurs directions artistiques. Je pense &agrave; Ennio Morricone &amp; Sergio Leon, le Velvet Underground &amp; Andy Warhol, Serge Gainsbourg &amp; Joan Sfar, Philip Glass &amp; Sesame Street &agrave; tous ceux pr&eacute;sents et &agrave; venir sur nos pages. </p>
      <p>Emmanuel Minelle </p><br>
      <p align="center"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/ch-R1aIM-C0&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/ch-R1aIM-C0&hl=fr&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
	</span></div>
    </div>

    <br>
 
  </div>
  <!-- End .post -->
  
  
 

</Blogger>
</div></div>
<!-- End #main -->



<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

   
  <!-- End #profile -->
    
        <MainOrArchivePage>
<ul id="recently">
<a href="http://www.tecnicolor.net/2008/10/collectionnite-aige.html"><img src="http://www.tecnicolor.net/autopromo200.jpg" border=0 width=200></a><br>  
  </ul>
  
<h2 class="sidebar-title">Dernièrement</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><font face="Century Gothic, Trebuchet"><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></font></li>
     </BloggerPreviousItems>
  </ul>

    <MainOrArchivePage>
  <h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><font face="Century Gothic, Trebuchet"><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></font></li>
	  </BloggerArchives>

  </ul>

  <h2 class="sidebar-title">Abonnement</h2>
    <ul class="archive-list">
   	  <a href="http://www.tecnicolor.net/atom.xml"><img src="http://www.tecnicolor.net/rss.gif" border=0></a>&nbsp;&nbsp;Flux rss

  </ul>
  </MainOrArchivePage>


</div></div>
<!-- End #sidebar -->


</div>
<!-- End #content -->



<!-- Begin #footer -->
<div id="footer"><hr />
  <p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

</div>
<!-- End #footer --></div>
</td>
          </tr>
  </table>
		
</div>	

<!-- Footer Externe -->
<?php
   include("footer.php");
?>
<!--// Footer Externe -->
	
<!--// CONTENU -->

</body>
</html>


1. Y a-t-il une manip à faire leur indiquer aux balises du type <$blogPreviousItemTitles$> où se trouve les valeurs à intégrer? Smiley murf
2. Comment faire pour isoler la totalité de la sidebar avec la propriété include de PHP?

Soyez-en remerciés Smiley smile
Manu
Modifié par chez manu (28 Oct 2008 - 11:00)
Administrateur
Bonjour et bienvenue,

<, $ et > ne sont pas des caractères autorisés dans un lien autant que je sache (quoique $ ?) mais je pense que tu veux parler d'un outil présent sur ton serveur qui utilise cette syntaxe? S'agit-il de blogger (il y a un élément div qui porte ce nom) ou un autre moteur de blog (Wordpress, Dotclear, ...) ou du PHP tout simple avec un moteur de template de ta fabrication?

Bref quel outil utilises-tu?

EDIT: il manque un Doctype à ta page et attention aux balises écrites en majuscules une fois que tu auras choisi ton Doctype Smiley smile
Modifié par Felipe (28 Oct 2008 - 11:05)
Merci Felipe,
Ces balises sont des outils proposés par Blogger.
Je vais me renseigner sur les doctype en attendant Smiley smile
Bonjour, tes $ font appelle à des variables php de ton outil de blogg ; tu dois peut-être avoir un problème de chemin vers ces variables (qui récupèrent le chemin de ton href). J'espère que c'est assez compréhensible ce que je dis... Bon courage
je suis bien d'accord avec toi Macpom, mais je ne sais comment le faire trouver le bon chemin avec ces balises-là...