|
|
|
|
Bonjour,
J'aimerais savoir s'il est possible de redimensionner une page de dreamweaver. J'ai ma page principal avec des liens qui menent vers un cour descriptif. Je souhaiterais que ce lien (cette page) ne s'ouvre pas en grand mais soit de la taille de mon texte.
Comment faire
Merci
Bonne journée
Lyr
Salut Lyr
<!--popup centree sur l'écran
function info(mypage,myname,w,h,scroll)
{
var LeftPosition = (screen.width-w)/2;
var TopPosition = (screen.height-h)/2;
var settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+', scrollbars=no,resizable=no'
window.open(mypage,myname,settings)
}
//-->
function info: tu peux remplacer info par un mot de ton choix. Ce fichier sera enregistré dans un dossier "scripts" par exemple (ça t'évitera d'écrire tout à chaque page ou tu devra faire ces popup). Ensuite, entre <head>et</head> tu insère ceci: <script language="JavaScript" src="url_monfichier.js" type="text/javascript"></script> Avec Dream, tu tape src=" et là tu a le bouton parcourir. Tu te sert de ce bouton pour aller cherhcer ton fichier .js. Pour ton lien, ce sera un truc comm: <a href="javascript:void(0)" onClick="info('nom popup/ton_texte.htm','nom_du_menu_popup','470','420','no')";return false;>ton lien</a>
Voilà, si ça peut t'aider... Le bonheur est la seule chose que l'on peut donner sans l'avoir.
|
Salut Lyr ,
'470','420') ici c'est un exemple, le premier pour la largeur, le second pour la hauteur. Mais j'ai une autre solution, plus adaptée pour ton cas. Ce sont les calques en passant par "Afficher/Masquer les calques". Bon je vais ramener du boulot et je reviens de suite pour te proposer ça en détail. @ +. Le bonheur est la seule chose que l'on peut donner sans l'avoir. |
Bon, me r'vla !
|
Merci txiki..
|
Salut Lyr
<div id="nomdu calque" style="position:absolute; visibility:visible; border: 1px none#000000; z-index:1; top: 160px; left: 200px; width: 200px"></div> z-index: plus le chiffre est élevé, plus le calque sera au premier plan top et left: indiquent la position du calque sur ta page, width: indique la largeur de ton calque en pixels. border: pour montrer le contour du calque (ici j'ai mis none donc il n'y aura pas de contour affiché). Si tu veux un contour continu = solid (remplacer le mot none par solid). Si tu veux un contour en pointillé = dashed (remplacer le mot none par dashed). Pour éviter de mettre color: #000000 en plus, tu l'écrit directement dans border: 1px solid #000000; pour la couleur noire mais tu peux le changer. De même, si tu ne veux pas de contour, eh ben, tu supprime "border: _ _ _ _ ; . Si tu veux mettre une couleur d'arrière plan pour ton calque: background-color: #FF9900; avant "></div>final (pour une couleur orange par exemple). Donc résumé: Tu va dans Insertion/Objets de mise en forme/calque. Puis tu clique sur une des bords pour le sélectionner et l'agrandir/réduire + le positionner. Dans ID du calque des propriétés, à gauche, donner un nom explicite mais simple. Ecrire ton texte a afficher dans ce calque (ne t'occupe pas du reste pour le moment. Tu t'assure que le calque est sélectionné puis tu fais F10 (pour passer en mode code) et là tu supprime le heigth (sil y est) et tu met le reste cité plus haut. Pour finir, tu refais F10 pour revenir en mode création et tu choisi "hidden" dans le panneau propriétés pour ton calque. Le plus important: sélectionner un mot qui servira a afficher ton calque (au lieu d'un lien classique, tu tape # dans le champ lien du panneau des propriétés. Bon, j'espère avoir été plus clair ce coup-ci !!! ;-) Bonne chance et n'hésite pas. Le bonheur est la seule chose que l'on peut donner sans l'avoir. |
Oui très clair, la j'ai tout compris. Merci pour tous ces conseils
|
Ahhh ! mais c'est une pop up que tu veux alors ? (fenetre réduite).
<!--popup centree sur l'ecran
function popup(mypage,myname,w,h,scroll)
{
var LeftPosition = (screen.width-w)/2;
var TopPosition = (screen.height-h)/2;
var settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+', scrollbars=no,resizable=no'
window.open(mypage,myname,settings)
}
//-->
tu l'enregistre sous monfichier.js que tu place dans un dossier de ton site (ex: dossier "scripts"). Ensuite, dans la page qui aura a ouvrir la popup, tu ceci entre <head> et </head>: <script language="JavaScript" src="url_du_dossier_scripts/monfichier.js" type="text/javascript"></script> Le mot qui servira de lien, tu met ceci: <a href="javascript:void(0)" onClick="popup('nom_fenetre/mon_texte.htm','info','470','420','no')";return false;>mot_a_cliquer</a>
ici, la pop up fera 470 x 420 px. NOTE: il vaut mieux écrire le .js à part comme ça tu n'a qu'a mettre la ligne du script et son url dans le head. onClick="popup(' = le mot que tu aura mis dans "function popup- - - - de ton fichier.js Le bonheur est la seule chose que l'on peut donner sans l'avoir. |