Aller au contenu

[Résolu] Besoin d'aide pour site HTML

Valounours

Par Valounours
dans Café / Zone libre

Recommended Posts

Valounours Mentor

Valounours

Posté(e)
Posté(e)

Salut,

Jaurais besoin d'aide pour faire mon site en Html :

J'aimerais mettre comme fond le fond de ce site : http://strokeapps.net/filmscore/

Mais je ny arrive pas : le code html si joint 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html templateref="http://strokeapps.net/filmscore/"
xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta name="language" content="EN" />
 <meta name="keywords"
content="android, iphone, apple, htc, motorola, droid, hero, app, application, film, movie, rating, rate, score, save"
lang="en" />
 <meta name="author" content="Dan Rowden" />
 <meta name="robots" content="all,index,follow" />
 <meta name="copyright" content="Copyright 2010" />
 <meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
 <link rel="shortcut icon" href="../images/favicon.png" />
 <link rel="stylesheet" href="style.css"
type="text/css" media="screen" />
 <script type="text/javascript"
src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
 <script type="text/javascript">
   $(document).ready(function() {
       $('#thumbs li a').click(function () {
           var newImage = $(this).attr('href');
           $('#screenshot img').attr("src", newImage);
           return false;
       });
   });
 </script>
 <title>Filmscore — a movie rating app for Android</title>
</head>
<body>
<br />
<div id="wrapper"> <br />
<img style="width: 441px; height: 100px;" alt=""
src="http://android-france.fr/wp-content/uploads/2009/10/CyanogenMod-Android-Community-Rom-based-on-Donut-tree.-Mozilla-Firefox.jpg" /><br />
<br />
<br />
<br />
 <img alt=""
src="http://www.19fdesign.com/wp-content/uploads/2011/04/cm1.png" /><br />
<br />
<br />
<br style="color: rgb(0, 51, 0);" />
<div style="text-align: left;"><big><big><span
class="Apple-style-span"
style="border-collapse: separate; font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium; color: rgb(255, 255, 255);"><span
class="Apple-style-span"
style="font-family: 'Trebuchet MS'; font-size: 21px; line-height: 19px; text-align: center;"><strong
class="bbc" style="font-weight: bold ! important;"><span
style="color: rgb(0, 51, 0);"><span
style="color: rgb(0, 153, 0);"> 
 Thèmes made in FrAndroid</span> </span> 
           
           
           
           
           
           </strong></span></span></big></big><span
class="Apple-style-span"
style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
class="Apple-style-span"
style="color: rgb(0, 0, 128); font-family: 'Trebuchet MS'; font-size: 21px; line-height: 19px; text-align: center;"><strong
class="bbc" style="font-weight: bold ! important;">Thèmes
made in Samdroid</strong></span></span></div>
<br />
<br />
<br />
<br />
<br />
<br style="color: rgb(204, 0, 0);" />
<big style="color: rgb(204, 0, 0);"><big><big>Remerciments</big></big></big><br />
</div>
<div id="base"></div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5452673-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

Si qqn y arrive :D

Lien vers le commentaire
Partager sur d’autres sites
Valounours Mentor

Valounours

Posté(e)
  • Auteur
Posté(e)

Non la voici au cas ou :

* { padding: 0; margin: 0; }

body { font-family: Helvetica, Arial, san-serif; font-size: 80%; background-color: #000; color: #fff; text-align: center; }

a { color: #111; outline: none; }
a img { border: none; }

p img { vertical-align: middle; }

#wrapper { margin: auto; width: 1000px; height: 860px; background: url('http://darkslide.comlu.com/images/bg.png') no-repeat; position: relative; }

#phone { position: absolute; left: 110px; top: 120px; text-align: center; width: 294px; font-weight: bold; line-height: 1.2em;}
#screenshot { position: absolute; left: 33px; top: 99px; }
#price { position: absolute; left: -10px; top: -20px; }

#rightcol { position: absolute; left: 460px; width: 450px; top: 100px; text-align: center; }
#info { font-size: 1.2em; font-weight: bold; line-height: 1.2em; }
#info p+p { margin-top: 1.5em; }

#thumbs { margin: 37px 0 60px 27px; }
#thumbs li { width: 104px; display: block; float: left; padding: 4px 7px 30px; background: url('../images/thumb-bg.png') no-repeat; font-weight: bold; }
#thumbs li+li { margin-left: 20px; }
#thumbs li img { margin-bottom: 10px; }

#paper { color: #000; text-align: left; clear: both; width: 447px; height: 180px; background: url('../images/paper.png') no-repeat; position: relative; line-height: 1.5em; }
#paper p+p { margin-top: 1.2em; }
#paper p img { padding-bottom: 10px; }
#download { position: absolute; top: 40px; left: 30px; font-size: 1.2em; width: 200px; }
#qr-code { position: absolute; right: 25px; top: 25px; }
#coming-to-iphone { position: absolute; left: 30px; bottom: 20px; display: none; }
#developed-by { position: absolute; bottom: 30px; left: 30px; }

#base { padding-bottom: 30px; line-height: 2em; }
#base a { color: #b0d1d7; }
#social-icon { vertical-align: top; }

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×
×
  • Créer...