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

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Auteur Sujet :

page d'accueil site

n°831596
Berceker U​nited
PSN : berceker_united
Posté le 25-08-2004 à 10:24:16  profilanswer
 

Reprise du message précédent :
ou je vais voir la page?

mood
Publicité
Posté le 25-08-2004 à 10:24:16  profilanswer
 

n°831704
Orchrist
Life is a war
Posté le 25-08-2004 à 11:32:04  profilanswer
 

oups dsl j'ai oublié le lien!  :D  jsuis un grand cornichon! lol  :D  ^^
http://www.black-dragon.org/garde.htm

n°831742
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 11:50:26  profilanswer
 

hop j'ai fait ca rapidement (c'est moche parce que je suis une buse en CSS mais bon)
 
thing.html

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html lang="en">
  3.   <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  5.   <title>Enter in the fantastic world</title>
  6.   <LINK rel="stylesheet" type="text/css"
  7.         href="thing.css">
  8.   </head>
  9.   <body>
  10.   <div class="Title">Welcome to The Fantastic World</div>
  11.   <div class="thing">
  12.       <p>Black</p>
  13.       <p>Dragon</p>
  14.   </div>
  15.   <span class="enter">Enter</span>
  16.   </body>
  17. </html>


thing.css:

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. width: 100%;
  5. height: 100%;
  6.     font-family: Abaddon™;
  7.     background: url("http://www.black-dragon.org/fonds/0.jpg" ) no-repeat fixed top left;
  8. }
  9. .Title {
  10.     margin-top: 10px;
  11.     width: 100%;
  12.     text-align: center;
  13.     font-size: 52px;
  14. }
  15. .thing {
  16.     font-size: 40px;
  17.     margin-top: 15%;
  18.     color: #666666;
  19. }
  20. .thing p {
  21.     margin-top: 0;
  22.     margin-bottom: 0;
  23. }
  24. .enter {
  25.     float: right;
  26.     position: absolute;
  27.     top: auto;
  28.     right: 5px;
  29.     bottom: 0px;
  30.     text-align: right;
  31.     font-size: 72px;
  32. }


 
Avec un peu de boulot et un minimum de sens artistique ca pourrait largement s'améliorer ( [:spamafote] ) mais ca donne déjà une idée d'un contenu un peu plus "propre"
 
Pour pouvoir modifier "dynamiquement" le bg, il suffit de déporter la propriété background du body au sein d'une balise style dans le html
 
Ou alors créer des CSS spécialement pour le background du body et les modifier en dynamique (genre bg1.css, bg2.css et bg3.css, et tu choisis aléatoirement celle qui est chargée)


Message édité par masklinn le 25-08-2004 à 11:53:08

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°831750
Orchrist
Life is a war
Posté le 25-08-2004 à 11:59:05  profilanswer
 

ouais, je vais esayer
mais sinon, je vais garder l'autre... même si c'est pas propre, sça fait beau! ^^

n°831790
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 12:32:45  profilanswer
 

Orchrist a écrit :

ouais, je vais esayer
mais sinon, je vais garder l'autre... même si c'est pas propre, sça fait beau! ^^


non [:spamafote]  
 
sous Firefox 0.9.3, le "Enter" t'es obligé de scroller 10 jours dans du blanc pour l'avoir
 
http://img19.exs.cx/img19/7386/site_up.png
 
http://img36.exs.cx/img36/4473/site_down.png
 
Après test, MSIE6 SP1 a moins de blanc mais c'est pas joli non plus


Message édité par masklinn le 25-08-2004 à 12:34:08

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°831827
Orchrist
Life is a war
Posté le 25-08-2004 à 13:54:57  profilanswer
 

Bon, alors je peux faire comment? pour que ça passe sur les naviguateurs autres que internet explorer?

n°831849
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 14:11:40  profilanswer
 

bin celle que je t'ai donné à base de html + css fonctionne sous MSIE 6 et Fox 0.9.3, à tester avec Opera mais de toute facon c'est valide W3C donc ca devrait passer NP
 
et tu fais le random à coup de php, ca passe sans problème (puisque l'host de black-dragon m'a tout l'air d'accepter le PHP)
 
tiens, essaies:
thing.php

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html lang="en">
  3.   <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  5.   <title>Enter in the fantastic world</title>
  6.   <LINK rel="stylesheet" type="text/css"
  7.         href="thing.css">
  8.   <style type="text/css">
  9.     <!--
  10.     body {
  11.         background-image: url("http://www.black-dragon.org/fonds/<?php echo rand(0,2); ?>.jpg" );
  12.         }
  13.     -->
  14.   </style>
  15.   </head>
  16.   <body>
  17.   <div class="Title">Welcome to The Fantastic World</div>
  18.   <div class="thing">
  19.       <p>Black</p>
  20.       <p>Dragon</p>
  21.   </div>
  22.   <span class="enter">Enter</span>
  23.   </body>
  24. </html>


thing.css

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. width: 100%;
  5. height: 100%;
  6.     font-family: Abaddon™;
  7.     background-repeat: no-repeat;
  8.     background-attachment: fixed;
  9.     background-position: top left;
  10. }
  11. .Title {
  12.     margin-top: 10px;
  13.     width: 100%;
  14.     text-align: center;
  15.     font-size: 52px;
  16. }
  17. .thing {
  18.     font-size: 40px;
  19.     margin-top: 15%;
  20.     color: #666666;
  21. }
  22. .thing p {
  23.     margin-top: 0;
  24.     margin-bottom: 0;
  25. }
  26. .enter {
  27.     float: right;
  28.     position: absolute;
  29.     top: auto;
  30.     right: 5px;
  31.     bottom: 0px;
  32.     text-align: right;
  33.     font-size: 72px;
  34. }


 
et fais gaffe, ton bg 2 a une casse différente des autres (2.JPG <--> 0.jpg)


Message édité par masklinn le 25-08-2004 à 14:28:17

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°831862
Orchrist
Life is a war
Posté le 25-08-2004 à 14:37:43  profilanswer
 

ça a l'air de marcher correctement, mais je n'ai pas compris comment faire le random, le php, j'y connais encore moins bien que le html... tu peux me faire un exemple de script? tiens, si tu veux, voila mes pages: http://www.black-dragon.org/thing.html

n°831865
Orchrist
Life is a war
Posté le 25-08-2004 à 14:40:38  profilanswer
 

mais il faudrait pas que ma page qui sera garde.html soit en php...

n°831868
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 14:42:19  profilanswer
 

ben tu utilises garde.php et non garde.html
 
spa possible?
c'est juste une histoire de nom/lien [:spamafote]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
mood
Publicité
Posté le 25-08-2004 à 14:42:19  profilanswer
 

n°831877
Orchrist
Life is a war
Posté le 25-08-2004 à 14:56:58  profilanswer
 

ben, c paske j'ai pas mal de sites ou est inscrit mon site sur www.black-dragon.org/index.html...alors... vu que mon ancienne page idex.html est maitenant home.html... c'est pas possible de basculer les background en utilisant le css? tu avais parlé de trois feuilles de style??? et doit bien yavoir un script css pour sa?

n°831902
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 15:16:54  profilanswer
 

le CSS ne sert pas a faire des scripts, la bascule ne peut pas être automatique entre les 3 CSS, il faut utiliser du JS/PHP


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°831981
Orchrist
Life is a war
Posté le 25-08-2004 à 16:21:25  profilanswer
 

d'acord! alors, tu peux me dire comment faire? maitenant que j'ai mon css... est-ce que tu peux me trouver un script équivalent à celui que j'avais?
celui-ci:  
 
<script language="JavaScript">  
// voici la fonction que je vais appeller  
function image()  
{  
// déclarer le tableau de 3 éléments  
var tab = new Array(3);  
// initialiser le tableau  
tab[0] = 'http://www.black-dragon.org/fonds/0.jpg';  
tab[1] = 'http://www.black-dragon.org/fonds/1.jpg';  
tab[2] = 'http://www.black-dragon.org/fonds/2.JPG';  
// générer aléatoirement un nombre entre 0 et la taille de mon tableau  
var indice = Math.floor(Math.random() * tab.length);  
// affecter une l'image choisit à mon arrière plan  
window.document.body.background = tab[indice];  
}  
</script>

n°831986
Orchrist
Life is a war
Posté le 25-08-2004 à 16:23:05  profilanswer
 

tiens, regarde aussi, j'ai un pb encore http://forum.hardware.fr/hardwaref [...] 6814-1.htm

n°831999
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 16:31:16  profilanswer
 

malheureusement je n'y connais rien en JS (ca me donne des boutons), donc je vais pas pouvoir t'aider la dessus :/


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°832004
Orchrist
Life is a war
Posté le 25-08-2004 à 16:35:58  profilanswer
 

ah...et sinon,en php, tu peux me dire? tant pis pour le html... je ferai une redirection! dis moi comment faire la même page que sa en php,merci!

n°832009
masklinn
í dag viðrar vel til loftárása
Posté le 25-08-2004 à 16:40:25  profilanswer
 

je te l'ai déjà fait ici
 
théoriquement, il suffit que tu publies les deux fichiers (.php et .css, attention ce CSS est différent de la version HTML) et pouf c'est bon


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°832182
Orchrist
Life is a war
Posté le 25-08-2004 à 19:19:40  profilanswer
 

celui de la haut, alors, je fais une page php avec ça dedans? et le css il change? si oui, qu'est-ce que je mets dedans?

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
[JS] récupérer le contenu d'une page web.[Web/PHP/XML] Inserer un flux XML dans une page PHP
CGI dans une page htmlVBA - Sélection toutes feuilles d'un classeur pour mise en page
Site web déjà tout prêt et adaptable à sa sauceSupprimer l'affichage des warnings sur une page
ajouter de la musique sur un site perso[FLASH] animation flash pour un site HTML ?
comment créer une page d accueil qui est remplacée par le site ?Comment faire tomber la neige sur la page d'accueil de mon site ?
Plus de sujets relatifs à : page d'accueil site


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)