Conseils pour mon site

Conseils pour mon site - Web design - Graphisme

Marsh Posté le 21-03-2006 à 16:45:12    

Bonjour,  
J'ai créé ce site pour un club de foot qu'on a monté avec des copains.
http://perso.wanadoo.fr/ecbastiais/
Pour le moment il y a que cette page mais j'aimerai l'ameliorer avant de continuer.
Comme vous pouvez le constater, mon site a été réalisé avec plusieur images et j'aurai aimé savoir comment faire pour les mettres en fond pour avoir la possibilité d'écrire dessus?
Merci de me repondre.
 
Donnez moi vos critiques et conseils.

Message cité 1 fois
Message édité par tony3332b le 21-03-2006 à 17:01:02
Reply

Marsh Posté le 21-03-2006 à 16:45:12   

Reply

Marsh Posté le 21-03-2006 à 17:21:07    

tony3332b a écrit :

Bonjour,  
J'ai créé ce site pour un club de foot qu'on a monté avec des copains.
http://perso.wanadoo.fr/ecbastiais/
Pour le moment il y a que cette page mais j'aimerai l'ameliorer avant de continuer.
Comme vous pouvez le constater, mon site a été réalisé avec plusieur images et j'aurai aimé savoir comment faire pour les mettres en fond pour avoir la possibilité d'écrire dessus?
Merci de me repondre.
 
Donnez moi vos critiques et conseils.


 
Pour ce qui est de mettre une image en arrière plan vois du côté des balises META ... notamment sur l'option background appelé si je me souviens bien bgimage ou un truc comme ça  
 
Pour ce qui est de la critique, le logo fait plus pensé à un site sur le catholicisme ou sur de l'alcool que sur du foot ....


---------------
Etes-vous iiagoo ? => www.iiagoo.fr
Reply

Marsh Posté le 21-03-2006 à 18:03:51    

Merci mais je comprend pas je suis desolé.

Reply

Marsh Posté le 21-03-2006 à 18:46:19    

:hello:
 
je vois ton problème, mais je pense qu'il sera difficile d'y trouver une solution vue la façon dont tu as découpé ton layout.
 
Là, tu pourrais utiliser des blocs fixes avec des barres de défilement, ou refaire ta découpe en séparant bien les parties répétitives (arrières plan) des autres.
 
Mais bon, la encore, la découpe en tableaux reste toujours plus galère qu'autre chose.
 
Il y a la solution qui va bien : les CSS :D
 
Un apprentissage plus sérieux et nécessaire, car cela ne se gère pas en WYSIWYG (mode création de Dreamweaver comme tu seemble l'utiliser). Par contre, le résultat est bien meilleur, beaucoup léger et souple ;)
 
voilà, c'était des remarques générales, donc si tu as des questions la-dessus, don't hesitate !

Reply

Marsh Posté le 22-03-2006 à 09:22:41    

remizz a écrit :

:hello:
 
je vois ton problème, mais je pense qu'il sera difficile d'y trouver une solution vue la façon dont tu as découpé ton layout.
 
Là, tu pourrais utiliser des blocs fixes avec des barres de défilement, ou refaire ta découpe en séparant bien les parties répétitives (arrières plan) des autres.
 
Mais bon, la encore, la découpe en tableaux reste toujours plus galère qu'autre chose.
 
Il y a la solution qui va bien : les CSS :D
 
Un apprentissage plus sérieux et nécessaire, car cela ne se gère pas en WYSIWYG (mode création de Dreamweaver comme tu seemble l'utiliser). Par contre, le résultat est bien meilleur, beaucoup léger et souple ;)
 
voilà, c'était des remarques générales, donc si tu as des questions la-dessus, don't hesitate !


 
Peux tu me donner un bon tut pour réaliser un CSS.
Merci pour tes remarque.

Reply

Marsh Posté le 22-03-2006 à 11:37:59    

en fait j'aurai aimé mettre en fon ke la zone du grand et du petit rectangle car c là ou je vai faire mes modifications.
 
Aidez moi ou donnez moi de bon lien car j'ai vraiment du mal là.
 merci

Reply

Marsh Posté le 22-03-2006 à 17:44:12    

Dans ton cas, pour simplement mettre une image en fond, il faut ajouter ceci  (en l'occurence ici, ça doit être une balise <td> )
 

Code :
  1. <td style="backround-image: url(url_de_l_image)">


 
Après, vu la découpe, ton texte devra se résumer à la seule taille de ton image car celle ci n'est pas découpée de façon à s'étirer ;)
 
Et pour les CSS qui vont bien :  
 
-Tuto Xhtml/Css par le site du zéro
 
-Site sur l'accessibilité avec de nombreux exemples d'utilisations des CSS
 
voilà, il y en a d'autres :D


---------------
topik Annecy
Reply

Marsh Posté le 23-03-2006 à 08:35:04    

pour mettre mon image en fond c bon j'ai reussi. merci de votre aide.
 
Maintenant j'ai un autre petit souci:
J'ai trouvé un script pour mettre en place mon livre d'or et celui ci ne fonctionne pas (allez jetter un oeuil http://perso.wanadoo.fr/ecbastiais/ ).
 
Peut etre que c'est par ce qu'on peut pas realiser de livre d'or en HTML ou alors parce que j'ai pas pris le bon script.
 
Pouvez vous m'expliquer c'est quoi qui coince.
 
Merci

Reply

Marsh Posté le 23-03-2006 à 09:15:00    

A ma connaissance, les pages perso wanadoo ne supportent pas PHP. Donc le livre d'or ne pourra pas fonctionner ;)


---------------
topik Annecy
Reply

Marsh Posté le 23-03-2006 à 09:31:15    

remizz a écrit :

A ma connaissance, les pages perso wanadoo ne supportent pas PHP. Donc le livre d'or ne pourra pas fonctionner ;)


 
Mais j'ai pas de PHP car je sai pas faire.
 
Je sais faire qu'un minimum de HTML et j'aimerai pouvoir mettre un formulaire deja créer.
Pouvez vous me donner des code oubien un site ou lon pe recuperer le livre d'or.

Reply

Marsh Posté le 23-03-2006 à 09:31:15   

Reply

Marsh Posté le 24-03-2006 à 11:46:15    

Pour le livre d'or j'ai reussi.
J'ai une autre question: quand j'ecris du texte dans mon tableau, je peus pas mettre plus d'un espace à la suite et quand je veux aller à la ligne en appuyant une fois sur "enter" ca saute une ligne.
Quelqu'un peut il me dire comment resoudre ca?
merci

Reply

Marsh Posté le 24-03-2006 à 16:36:56    

Comment faire pour centrer limage "ecb/site/site%20ECB2/images/ecb2.jpg"
Aidez moi s'il vou plai.
personne me repond!
 
voici les codes:

 
<html>
<HEAD>
<TITLE>Script N° 60</TITLE>
 
<script language="JavaScript">
<!--
// Copyright Peter Gehrig and Urs Dudli.  
// If you add this script to a script-library  
// you have to add a link to http://www.24fun.ch
// -- Trouver sur presencenet.net -- //
 
// La largeur de l'image en pixels
var imgwidth=468
// La hauteur de l'image en pixels
var imgheight=700
// Le nom de l'image à faire exploser
var imgurl="ecb/site/site%20ECB2/images/ecb2.jpg"
// L'adresse de destination après l'explosion
var redirurl="ecb/site/site%20ECB2/club.htm"
// La position de l'image par rapport au bord gauche
var x_finalpos=250    JE PENSE QUIL FAUT MODIFIER CETTE LIGNE MAIS KOI METTRE??
// La position de l'image par rapport au bord supérieur
var y_finalpos=200
// Le nombre de blocs découpés par ligne
var x_slices=8
// Le nombre de ligne de découpe
var y_slices=5
// La vitesse d'explosion
// Speed of explosion
var pause=10
/////// Ne MODIFIEZ PLUS RIEN /////////////
var marginright
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0
var x_random=new Array()
var y_random=new Array()
var max_explsteps=15
var i_explsteps=0
 
function initiate() {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
 for (ii=0;ii<=x_slices-1;ii++) {
 x_random[spancounter]=Math.ceil(240*Math.random())-120
 y_random[spancounter]=Math.ceil(240*Math.random())-120
 spancounter++
 }
}
}
 
function explode_IE() {
spancounter=0
if (i_explsteps<=max_explsteps) {
 for (i=0;i<=y_slices-1;i++) {
  for (ii=0;ii<=x_slices-1;ii++) {
  var thisspan=eval("document.all.span"+spancounter+".style" )
  thisspan.posLeft+=x_random[spancounter]
  thisspan.posTop+=y_random[spancounter]
  spancounter++
  }
 }
 i_explsteps++
 var timer=setTimeout("explode_IE()",pause)
}
else {
 spancounter=0
 for (i=0;i<=y_slices-1;i++) {
  for (ii=0;ii<=x_slices-1;ii++) {
  var thisspan=eval("document.all.span"+spancounter+".style" )
  thisspan.posLeft=-5000
  spancounter++
 }
}
clearTimeout(timer)
window.location=redirurl
}
}
// -->
</script>
 
<style type="text/css">
<!--
.Style11 { font-size: 16px;
 font-weight: bold;
 color: #3366CC;
}
.Style13 {font-size: 14px; font-weight: bold; color: #3366CC; }
-->
</style>
</HEAD>
<body onLoad="initiate()">
<div align="center">
  <p>&nbsp;</p>
  <table width="609" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td width="609" height="195"><div align="center">          <h5 align="center" class="Style11">Bienvenue sur le site officiel de l'Espoir Club Bastiais. </h5>
          <h5 align="center"><span class="Style13">Vous y trouverez toutes les informations sur notre club, les &eacute;quipes, les r&eacute;sultats et autres.</span><br>
            <br>
            <script language="JavaScript">
<!--  
// -- Trouver sur presencenet.net -- //
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
marginright=screen.width+50
document.write("<span id='span"+spancounter+"' style='position:absolute;visibility:visible; left:"+x_finalpos+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>" )
document.write("<a href='javascript:explode_IE()'>" )
document.write("<img src='"+imgurl+"' border='0'><BR>" )
document.write("</a>" )
document.write("</span>" )
clipleft+=width_slice
clipright+=width_slice
spancounter++
}
clipleft=0
clipright=width_slice
cliptop+=height_slice
clipbottom+=height_slice
}
// -->
            </script>
      </h5>
</div></td>
    </tr>
  </table>
  <p>&nbsp;    </p>
</div>
</BODY>
 
</HTML>


Message édité par tony3332b le 24-03-2006 à 16:40:08
Reply

Marsh Posté le 24-03-2006 à 16:38:51    

ah ouais, ça c'est du code :love:


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
Reply

Marsh Posté le 24-03-2006 à 16:41:37    

wizopunker a écrit :

ah ouais, ça c'est du code :love:


 
jai pris un code deja fai mais j'arrive pas à m'en sortir pour centrer cette image!
j suis novice.


Message édité par tony3332b le 24-03-2006 à 16:42:00
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed