Tweet
Bonjour!
je programme pour la premiere fois avec joomla, j ai concu mon fichier index ci dessous, je compte administrer avec joomla, je veux savoir juste a quel niveau inserrer les balisse d entete de joomla
je programme pour la premiere fois avec joomla, j ai concu mon fichier index ci dessous, je compte administrer avec joomla, je veux savoir juste a quel niveau inserrer les balisse d entete de joomla
Code HTML:
<!DOCTYPE html> <html lang="en"> <head> <title>Sacom Plus</title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <script type="text/javascript" src="js/jquery-1.6.min.js"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Open_Sans_400.font.js" type="text/javascript"></script> <script src="js/Open_Sans_Light_300.font.js" type="text/javascript"></script> <script src="js/Open_Sans_Semibold_600.font.js" type="text/javascript"></script> <script type="text/javascript" src="js/tms-0.3.js"></script> <script type="text/javascript" src="js/tms_presets.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script src="js/FF-cash.js" type="text/javascript"></script> <!--[if lt IE 7]> <div style=' clear: both; text-align:center; position: relative;'> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a> </div> <![endif]--> <!--[if lt IE 9]> <script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen"> <![endif]--> </head> <body id="page1"> <!-- header --> <div class="bg"> <div class="main"> <header> <div class="row-1"> <h1> <a class="logo" href="index.html">Point.co</a> <strong class="slog">Sacom Plus</strong> </h1> <form id="search-form" action="" method="post" enctype="multipart/form-data"> <fieldset> <div class="search-form"> <input type="text" name="search" value="" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''" /> <a href="#" onClick="document.getElementById('search-form').submit()">Search</a> </div> </fieldset> </form> </div> <div class="row-2"> <nav> <ul class="menu"> <li><a class="active" href="index.html">Acceuil</a></li> <li><a href="news.html">Nos Events</a></li> <li><a href="services.html">Nos Services</a></li> <li><a href="products.html">Nos Produits</a></li> <li class="last-item"><a href="contacts.html">Contact</a></li> </ul> </nav> </div> <div class="row-3"> <div class="slider-wrapper"> <div class="slider"> <ul class="items"> <li><img src="images/serd.jpg" alt=""> <strong class="banner"> <strong class="b1">la solidarite</strong> <strong class="b2">equitabilite</strong> <strong class="b3">Et innovation technologique<br></strong> </strong> </li> <li><img src="images/gsfae.jpg" alt=""> <strong class="banner"> <strong class="b1">ejifmm</strong> <strong class="b2">u8wrjio</strong> <strong class="b3">fuwfnowfjiwefiowef<br>dfsdnsduh</strong> </strong> </li> <li><img src="images/olp.jpg" alt=""> <strong class="banner"> <strong class="b1">ckioer</strong> <strong class="b2">rfftfefd</strong> <strong class="b3">p;iklikpik<br>ctvv</strong> </strong> </li> </ul> <a class="prev" href="#">prev</a> <a class="next" href="#">prev</a> </div> </div> </div> </header> <!-- content --> <section id="content"> <div class="padding"> <div class="box-bg margin-bot"> <div class="wrapper"> <div class="col-1"> <div class="box first"> <div class="pad"> <div class="wrapper indent-bot"> <strong class="numb img-indent2">01</strong> <div class="extra-wrap"> <h3 class="color-1"><strong>Orange</strong>Money</h3> </div> </div> <div class="wrapper"> <a class="button img-indent-r" href="#">>></a> <div class="extra-wrap"> sdffefgdfb <a class="link" target="_blank" href="http://blog.templatemonster.com/free-website-templates/ ">jdnldfvnfvi</a> djisdsdmsvms;mk </div> </div> </div> </div> </div> <div class="col-1"> <div class="box second"> <div class="pad"> <div class="wrapper indent-bot"> <strong class="numb img-indent2">02</strong> <div class="extra-wrap"> <h3 class="color-2"><strong>Telephones</strong>et Accesoires</h3> </div> </div> <div class="wrapper"> <a class="button img-indent-r" href="#"></a> <div class="extra-wrap"> gbjnkk <a class="link" href="http://blog.templatemonster.com/2011/06/13/free-website-template-jquery-slider/" target="_blank" rel="nofollow">ghbjkjnj</a> wdcdsdsdnj </div> </div> </div> </div> </div> <div class="col-2"> <div class="box third"> <div class="pad"> <div class="wrapper indent-bot"> <strong class="numb img-indent2">03</strong> <div class="extra-wrap"> <h3 class="color-3"><strong>Nos Events</strong>Blablabla</h3> </div> </div> <div class="wrapper"> <a class="button img-indent-r" href="#">>></a> <div class="extra-wrap"> dnocdniocdjno <a class="link" href="index.html">ecdn</a>, <a class="link" href="news.html">kocdpko</a>, <a class="link" href="services.html">djiicji</a>, <a class="link" href="products.html">tfsdtedtwd</a>, <a class="link" href="contacts.html">wcdjiwp[d</a>. </div> </div> </div> </div> </div> </div> </div> <div class="wrapper"> <div class="col-3"> <div class="indent"> <h2>Nos Missions</h2> <p class="color-4 p1">Faire un grand commentaire sur les differents missions de sacom plus</p> <div class="wrapper"> <figure class="img-indent3"><img src="images/aqws.jpg" alt="" /></figure> <div class="extra-wrap"> <div class="indent2"> Faire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missions </div> </div> </div> <a class="button-2" href="#">Plus de details</a> </div> </div> <div class="col-2"> <div class="block-news"> <h3 class="color-4 p2">Recents Evenements</h3> <div class="wrapper p2"> <time class="tdate-1 fleft" datetime="2016-07-29"><strong>29</strong>juillet</time> <div class="extra-wrap"> <h5>Grand titre</h5> Faire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missi<a href="#"></a> </div> </div> <div class="wrapper"> <time class="tdate-1 fleft" datetime="2011-05-24"><strong>08</strong>Aout</time> <div class="extra-wrap"> <h5>Grand evenement</h5> Faire un grand commentaire sur les differents missionsFaire un grand commentaire sur les differents missions <a href="#"></a> </div> </div> </div> </div> </div> </div> </section> <!-- footer --> <footer> <div class="row-top"> <div class="row-padding"> <div class="wrapper"> <div class="col-1"> <h4>Address:</h4> <dl class="Addresse"> <dt><span>Pays:</span>Cameroun</dt> <dd><span>Ville:</span>Garoua</dd> <dd><span>Local:</span>a cote de la Boulagerie du grand marche</dd> <dd><span>Email:</span><a href="#">sacomeventsplus@yahoo.com</a></dd> </dl> </div> <div class="col-2"> </ul> </div> <div class="col-3"> <h4>Reseaux Sociaux</h4> <ul class="list-services"> <li class="item-1"><a href="#">Facebook</a></li> <li class="item-2"><a href="#"></a></li> <li class="item-3"><a href="#"></a></li> </ul> </div> <div class="col-4"> </div> </div> </div> </div> <div class="row-bot"> <div class="aligncenter"> <p class="p0"><a href="http://store.templatemonster.com?aff=netsib1" target="_blank" rel="nofollow">Site web develloper par : </a></p> <a href="http://www.templates.com/product/3d-models/" target="_blank" rel="nofollow">aimery carlos</a><br> <!-- {%FOOTER_LINK} --> </div> </div> </footer> </div> </div> <script type="text/javascript"> Cufon.now(); </script> <script type="text/javascript"> $(function(){ $('.slider')._TMS({ prevBu:'.prev', nextBu:'.next', playBu:'.play', duration:800, easing:'easeOutQuad', preset:'simpleFade', pagination:false, slideshow:3000, numStatus:false, pauseOnHover:true, banners:true, waitBannerAnimation:false, bannerShow:function(banner){ banner .hide() .fadeIn(500) }, bannerHide:function(banner){ banner .show() .fadeOut(500) } }); }) </script> </body> </html>
Commentaire