|
|||||||
|
|
|
 |
|
|
Strumenti |
02-10-2002, 15:42
|
#1 |
|
Senior Member
Iscritto dal: Sep 2002
Città: Tortona
Messaggi: 915
|
Problema
Ho finito il layout con photoshop
Ho fatto l'ho slicing con imageready Adesso ho una pagina html e una cartella con le immagini  Questo è il codice html: <HTML> <HEAD> <TITLE>Untitled-4</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <!-- ImageReady Preload Script (Untitled-4.psd) --> <SCRIPT TYPE="text/javascript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImagesArray(array) { if (document.images && (preloadFlag == true)) { for (var i=0; i<array.length; i+=2) { document[array[i]].src = array[i+1]; } } } function changeImages() { changeImagesArray(changeImages.arguments); } function toggleImages() { for (var i=0; i<toggleImages.arguments.length; i+=2) { if (selected == toggleImages.arguments[i]) changeImagesArray(toggleImages.arguments[i+1]); } } var selected = ''; var preloadFlag = false; function preloadImages() { if (document.images) { id1_ImageMap_01_sel = newImage("images/1-ImageMap_01_sel.jpg"); id1_ImageMap_02_sel = newImage("images/1-ImageMap_02_sel.jpg"); id1_ImageMap_03_sel = newImage("images/1-ImageMap_03_sel.jpg"); id6_ImageMap_01_sel = newImage("images/6-ImageMap_01_sel.jpg"); id6_ImageMap_02_sel = newImage("images/6-ImageMap_02_sel.jpg"); id6_ImageMap_03_sel = newImage("images/6-ImageMap_03_sel.jpg"); preloadFlag = true; } } // --> </SCRIPT> <!-- End Preload Script --> </HEAD> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();"> <!-- ImageReady Slices (Untitled-4.psd) --> <TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=2> <IMG SRC="images/5.jpg" WIDTH=130 HEIGHT=65 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=5> <IMG NAME="id1" SRC="images/1.jpg" WIDTH=391 HEIGHT=392 BORDER=0 ALT="" USEMAP="#id1_Map"></TD> <TD COLSPAN=5 ROWSPAN=2> <IMG NAME="id6" SRC="images/6.jpg" WIDTH=503 HEIGHT=135 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=65 ALT=""></TD> </TR> <TR> <TD ROWSPAN=6> <IMG SRC="images/4.jpg" WIDTH=17 HEIGHT=523 ALT=""></TD> <TD ROWSPAN=6> <IMG SRC="images/Link.jpg" WIDTH=113 HEIGHT=523 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=70 ALT=""></TD> </TR> <TR> <TD ROWSPAN=2> <IMG SRC="images/Info.jpg" WIDTH=123 HEIGHT=69 ALT=""></TD> <TD ROWSPAN=2> <IMG SRC="images/8.jpg" WIDTH=105 HEIGHT=69 ALT=""></TD> <TD COLSPAN=2> <IMG SRC="images/9.jpg" WIDTH=196 HEIGHT=33 ALT=""></TD> <TD ROWSPAN=8> <IMG SRC="images/7.jpg" WIDTH=79 HEIGHT=633 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD> </TR> <TR> <TD COLSPAN=2> <IMG SRC="images/Ecc.....jpg" WIDTH=196 HEIGHT=36 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD> </TR> <TR> <TD COLSPAN=4 ROWSPAN=2> <IMG SRC="images/Main.jpg" WIDTH=424 HEIGHT=331 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=188 ALT=""></TD> </TR> <TR> <TD ROWSPAN=2> <IMG SRC="images/3.jpg" WIDTH=172 HEIGHT=196 ALT=""></TD> <TD ROWSPAN=3> <IMG SRC="images/Tag.jpg" WIDTH=126 HEIGHT=246 ALT=""></TD> <TD> <IMG SRC="images/13.jpg" WIDTH=93 HEIGHT=143 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=143 ALT=""></TD> </TR> <TR> <TD COLSPAN=4 ROWSPAN=4> <IMG SRC="images/10.jpg" WIDTH=342 HEIGHT=233 ALT=""></TD> <TD ROWSPAN=3> <IMG SRC="images/Form.jpg" WIDTH=175 HEIGHT=139 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=53 ALT=""></TD> </TR> <TR> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/2.jpg" WIDTH=302 HEIGHT=180 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD> </TR> <TR> <TD ROWSPAN=2> <IMG SRC="images/11.jpg" WIDTH=126 HEIGHT=130 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/12.jpg" WIDTH=175 HEIGHT=94 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=94 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=113 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=172 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=126 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=123 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=105 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=175 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=79 HEIGHT=1 ALT=""></TD> <TD></TD> </TR> </TABLE> <MAP NAME="id1_Map"> <AREA SHAPE="rect" ALT="" COORDS="338,221,377,260" HREF="#" ONMOUSEOUT="toggleImages('ImageMap_01', new Array('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'), 'ImageMap_02', new Array('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'), 'ImageMap_03', new Array('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'), ); return true;" ONMOUSEUP="selected='ImageMap_03'; changeImages('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'); return true;"> <AREA SHAPE="rect" ALT="" COORDS="338,175,377,214" HREF="#" ONMOUSEOUT="toggleImages('ImageMap_01', new Array('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'), 'ImageMap_02', new Array('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'), 'ImageMap_03', new Array('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'), ); return true;" ONMOUSEUP="selected='ImageMap_02'; changeImages('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'); return true;"> <AREA SHAPE="rect" ALT="" COORDS="338,127,377,166" HREF="#" ONMOUSEOUT="toggleImages('ImageMap_01', new Array('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'), 'ImageMap_02', new Array('id1', 'images/1-ImageMap_02_sel.jpg', 'id6', 'images/6-ImageMap_02_sel.jpg'), 'ImageMap_03', new Array('id1', 'images/1-ImageMap_03_sel.jpg', 'id6', 'images/6-ImageMap_03_sel.jpg'), ); return true;" ONMOUSEUP="selected='ImageMap_01'; changeImages('id1', 'images/1-ImageMap_01_sel.jpg', 'id6', 'images/6-ImageMap_01_sel.jpg'); return true;"> </MAP> <!-- End ImageReady Slices --> </BODY> </HTML> Adesso come faccio per inserire un iframe esattamente nelle 3 parti piu chiare dell'immagine? Tipo questo: http://www.just-dreaming.com/frames.htm |
|
|
|
02-10-2002, 17:14
|
#2 |
|
Senior Member
Iscritto dal: Sep 2002
Città: Tortona
Messaggi: 915
|
Ho provato questo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0039)http://www.just-dreaming.com/index2.htm --> <HTML><HEAD><TITLE>{ just dreaming ____ version 10 }</TITLE> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <STYLE type=text/css>BODY { FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #dbd3c8; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; align: justify } TD { FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #dbd3c8; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; align: justify } TR { FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #dbd3c8; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; align: justify } A:link { BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: black 0px solid; CURSOR: default; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A:visited { BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: black 0px solid; CURSOR: default; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A:active { BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: black 0px solid; CURSOR: default; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } A:hover { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-SIZE: 7.5pt; BORDER-LEFT: #ffffff 0px solid; CURSOR: default; COLOR: #c0b7ac; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .opaco { FILTER: Alpha(Opacity=80) } .testo { FILTER: DropShadow(Color=#201914, OffX=1, OffY=1, Positive=1) } .titolo { BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: black 0px solid; COLOR: #ffffff; BORDER-BOTTOM: #c0b7ac 1px solid; FONT-STYLE: italic; FONT-FAMILY: Georgia, "Times New Roman", Times, serif } </STYLE> <SCRIPT language=JavaScript> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </SCRIPT> <META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD> <BODY text=#dbd3c8 bgProperties=fixed bgColor=#201914 leftMargin=0 background=Home.jpg topMargin=0> <DIV id=Layer1 style="z-index: 1; left: 19; width: 111; position: absolute; top: 66; height: 523"><iframe name=link src="C:\Windows\Desktop\Html Page\Link.html" height=523 width=123 frameborder=0><img src="C:\Windows\Desktop\Nuova Cartella (4)\images\Link.jpg></iframe> </div> </body> </html> Ho messo una pagina html nel iframe però l'ho sfondo diventa bianco e a me nn serve bianco 
|
|
|
|
|
02-10-2002, 17:15
|
#3 |
|
Senior Member
Iscritto dal: Sep 2002
Città: Tortona
Messaggi: 915
|
Doppio post
|
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 16:23.
