begin process at 2012 05 30 03:42:00
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Rezize et incrustation sur page d'accueil


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Rezize et incrustation sur page d'accueil

jeudi 5 novembre 2009 à 13:54:49 | Rezize et incrustation sur page d'accueil

mlies

Bonjour,
je suis un vrai grand débutant...
En Javascript et sur ce site...
Du coup savoir si je post au bon endroit ?

Bref, j'avais un webmaster...un peu dépassé malheureusement pour raisons personnelles.
Et j'ai un script pour ma page d'accueil mais il est très imparfait.
J'aimerais obtenir une page d'accueil avec une photo en plein écran (un resize en fonction de la taille de l'écran de l'internaute).
Et un petit texte en incrustation sur la photo.
Pour l'instant ce que j'ai c'est une photo, un cadre noir et dans le cadre noir un texte avec une police trop grande.
Ce qui me sauve c'est que le fond de la photo est noir...du coup ça donne l'impression que c'est en plein écran...mais pour les petits écrans, c'est vraiment pas top.
Le tout est visible à cette adresse :
[ Lien ]
Le code est accessible sinon, le voici ci dessous
D'avance merci pour votre aide
Nicolas


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>- compagnie MA2 -</title>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

<meta name="description" content="Nicolas Maloufi - Compagnie MA2 nicolas maloufi - bettina masson">
<meta name="keywords" content="compagnie ma2, nicolas maloufi, Danse Dense, Journees Danse Dense, Adiam 95, Escales 2009, Escales en Val d'Oise, Talents Danse, Adami, Drac Ile de France, ex-tension, et s il n'etait question que de ?a, Soyons Baroque, les effondres, Emilie Legret, Daniel Ciampolini, Cyril Leclerc, Aurore Ugolin, Dominique Mabileau, Bertrand Gauguet, Dan Weinstein">
<meta name="generator" content="Adobe GoLive 6">
<title> - COMPAGNIE MA2 - </title>
<script language="JavaScript" type="text/javascript">
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
</script>
</head>

<body bgcolor="black" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

<div align="center">
<table width="64" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a title="enter" href="enter.html"><img src="home1.jpg" alt="" height="640" width="1024" border="0"></a></td>
</tr>
<tr>
<td>
<div align="center">
<img src="textehome.gif" alt="" height="244" width="800" border="0"></div>

</td>
</tr>
</table>
</div>
<p></p>
</body>

</html>
jeudi 5 novembre 2009 à 15:18:08 | Re : Rezize et incrustation sur page d'accueil

Zobibol

Membre Club
Bien le bonjour,
Si j'ai tout compris, il faudrait dans la mesure du possible que l'image de fond (home1.jpg") soit adaptée à l'écran visiteur.
Il faut tenir compte du ratio (ayant travaillé avec des photographes et pris quelques dérouillées à ce sujet) pour faire cela, sinon ça va être pas beau
j'ai donc obtenu ce résultat:
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>- compagnie MA2 -</title>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

<meta name="description" content="Nicolas Maloufi - Compagnie MA2 nicolas maloufi - bettina masson">
<meta name="keywords" content="compagnie ma2, nicolas maloufi, Danse Dense, Journees Danse Dense, Adiam 95, Escales 2009, Escales en Val d'Oise, Talents Danse, Adami, Drac Ile de France, ex-tension, et s il n'etait question que de ?a, Soyons Baroque, les effondres, Emilie Legret, Daniel Ciampolini, Cyril Leclerc, Aurore Ugolin, Dominique Mabileau, Bertrand Gauguet, Dan Weinstein">
<meta name="generator" content="Adobe GoLive 6">
<title> - COMPAGNIE MA2 - </title>
<style>
	/**
	* Style appliqué à l'image d'acceuil
	*/
	#backEnterPict{
		position:absolute;
		top:0px;
	}
	
	/**
	* Le texte 
	*/
	#welcomeText{
		position:absolute;
		z-index:5;
	}
</style>
<script language="JavaScript" type="text/javascript">
// mis en commentaire,ça me gonfle ce genre de redimensionnement ;o)
//self.moveTo(0,0);
//self.resizeTo(screen.availWidth,screen.availHeight);
function resizeBackPict(){
	var _img = document.getElementById("backEnterPict");
	var _ratio = (640/1024);
	var _newWidth =document.body.clientHeight / _ratio;
	with( _img.style){
		height = document.body.clientHeight + "px";
		width= _newWidth +"px";
		// centre l'image horizontalement alors
		if ( document.body.clientWidth > _newWidth){
			left = (document.body.clientWidth - _img.offsetWidth) /2 + "px";
		}
	}
	// centrage du texte
	var _welcomeText = document.getElementById("welcomeText");
	with ( _welcomeText.style){
		top = (document.body.clientHeight - _welcomeText.offsetHeight)/2 +"px";
		left = (document.body.clientWidth - _welcomeText.offsetWidth)/2 +"px";
	}
	
}

</script>
</head>

<body bgcolor="black" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" onload="resizeBackPict()">
<img src="home1.jpg" alt=""  border="0" id="backEnterPict" onmousedown="document.location='enter.html'" />
<img src="textehome.gif" alt="" height="244" width="800" border="0" id="welcomeText"/>

</body>

</html>


Mais le seul souci, c'est qu'il faut transformer l'image textehome.gif (un peu d'angloFranchouillard ) et passer le fond en transparent.

Voilà


[o-_-o]
jeudi 5 novembre 2009 à 15:35:34 | Re : Rezize et incrustation sur page d'accueil

mlies

Hello,
Merci "a lot" pour cette proposition.
Je vais essayer de trouver une option pour passer le fond en transparent et incruster le texte en police plus petite.
Encore merci
nicolas
jeudi 5 novembre 2009 à 15:41:40 | Re : Rezize et incrustation sur page d'accueil

Zobibol

Membre Club
Pour passer le fond en transparent, je peux te conseiller un logiciel gratuit et très bien: Paint.net
Après il suffit de redimensionner l'image de texte pour qu'elle soit plus lisible, mais déjà, dans l'état des choses, ça rend pas mal.

Bonne continuation.


[o-_-o]
vendredi 6 novembre 2009 à 11:27:50 | Re : Rezize et incrustation sur page d'accueil

mlies

Hello,
merci pour le petit logiciel.
Je vais jeter un oeil.
Mais juste pour info, le petit commentaire que tu as mis...il peut rester ?
Je peux l'enlever ?
Si je l'enlève il suffit d'enlever la ligne ?
Comme ça :
au lieu de
</style>
<script language="JavaScript" type="text/javascript">
// mis en commentaire,ça me gonfle ce genre de redimensionnement ;o)
//self.moveTo(0,0);

avoir

</style>
<script language="JavaScript" type="text/javascript">
//self.moveTo(0,0);

Et encore merci Zobibol
a+
nicolas
vendredi 6 novembre 2009 à 11:48:49 | Re : Rezize et incrustation sur page d'accueil

mlies

ET ET ET...
J'ai bien mis ton fichier à la place de l'ancien...sauf que...
Il n'est pas pris...
C'est toujours l'ancien qui est actif.
Pourtant j'ai enregistré la modif.
mais il doit y avoir un autre bouton ou action que je ne vois pas.
Je suis chez infomaniak si tu connais.
A+
nicolas
lundi 16 novembre 2009 à 13:55:27 | Re : Rezize et incrustation sur page d'accueil

Zobibol

Membre Club

Désolé pour le retard de ma réponse, mais j'ai eu quelques soucis de grappa
Il pourrait se produire plusieurs problèmes:
- Le temps de transfert sur le serveur (s'il est occupé ...)
- La solution ultime de tout bon développeur web qui veut pas corrigé un bug "Vide ton cache"
Ensuite d'après ce que j'ai vu tu ne centre le "texte" que horizontalement (je pense que c'est volontaire).
Et enfin, tu peux soit dé-commenter mes commentaires:
Code Javascript :
//self.moveTo(0,0);
//self.resizeTo(screen.availWidth,screen.availHeight);

soit les supprimer (c'est vous qui voyez comme dirait l'autre)

[o-_-o]
mardi 17 novembre 2009 à 01:10:43 | Re : Rezize et incrustation sur page d'accueil

mlies

Hello,

Merci pour ta réponse.
Il fallait vider le cache...
Et oui, le texte centré uniquement horizontalement, sinon ça arrive en plein milieu de l'écran et bouffe la photo...
Encore merci
et certainement à bientôt pour d'autres précieux conseils.
bien à toi
nicolas


Cette discussion est classée dans : page, photo, accueil, incrustation, ma2


Répondre à ce message

Sujets en rapport avec ce message

cadre autour d'un lien sur une photo [ par cristina49 ] bonjour,j'ai un petit soucis hyper urgent. je doit mettre le site en ligne et je peut pas en laissant ca comme ca ... j'ai beaucoup de lien sur une pa Commentaire [ par Zirea ] Bonjourje Souhaiterai fair comme Votre Site le systemme de commentaire sur une page Je m'explique:En fait j'ai une page avec une Photo et je voudria e Apparition d'images [ par laubro ] Bonjour,je voudrais, pour une page d'accueil, composée en fait de 4 images, formant un carré une fois réunis, avoir un effet faisant en sorte que ces ouverture d'une photo dans un popup en plein écran... [ par rem78 ] Bonjour,Je possède une page de présentation avec plusieurs photos en miniatures et j'aimerai lorsque l'on clique sur la miniature, cela ouvre une fenê window.close [ par Fripouille ] Bonjour,je souhaite que mon navigateur affiche mon site mais sans les barres de navigation. Par contre la barre des tâches m'intéresse.J'ai d'abord te Problème d'ouverture d'une page en mode Pop Up plein écran [ par rem78 ] Bonjour,Je souhaite réaliser l'ouverture d'une page nomé balme_1.php contenant une photo dans sa taille réelleet sont tire dans une fenêtre Pop Up en Barre de progréssion durant le chargement d'un page [ par rem78 ] Bonjour,Je suis actuellement entraint de réaliser mon site et ma page d'accueil comporte des frames (cadres) et je souhaite la faire ouvrir en mode pl passage d'une variable javascript vers un iframe [ par willfred ] Bonjout à tous,j'ai une page index.html et dans cette page un iframe qui affiche une page accueil.php. Je voudrais savoir comment faire pour passer un popup [ par AeroZeppelin ] Hey,Contexte: L'internaute upload sa photo. Celle-ci est enregistrée tout d'abord dans le rep temp à sa taille originale puis elle estredimensionée da Mon site en page d'accueil sur netscape [ par Ankaa1988 ] Bonjour à tous, j'ai un petit probleme je souhaiterais mettre mon sit en page d'accueil avec un bouton. Alors apres quelques recherches j'ai trouvé ce


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,499 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales