← UI & UX Design

Inserir novo layer NVU

Lida 1928 vezes

Offline

miguelcardoso 
Membro
Mensagens 736 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Boas gostava de criar um novo layer neste template http://miguelcardoso.name/1/
Código:
Código: [Seleccione]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Free Site Template says put your page title here</title>
  <meta name="description"
 content="Free web site templates to jump start your new web site.">
  <meta name="keywords"
 content="free site template search graphics build web site">
</head>
<body background="bg.gif" bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0"
 width="720">
  <tbody>
    <tr>
      <td align="center" height="70" width="130">&nbsp;</td>
      <td height="70" width="30"><img
 src="spacer.gif" height="70" width="30"></td>
      <td height="70"><font color="#990000"
 face="Arial, Helvetica, sans-serif" size="6"><b>Your
Name</b></font></td>
    </tr>
    <tr>
      <td valign="top" width="130">&nbsp;</td>
      <td width="30"><img src="spacer.gif"
 height="40" width="30"></td>
      <td valign="top">&nbsp;</td>
    </tr>
    <tr>
      <td valign="top" width="130"> <br>
      <img src="home.gif" alt="Home" border="0"
 height="24" vspace="2" width="130"><br>
      <a href="about.htm"><img src="about.gif"
 alt="About Us" border="0" height="24" vspace="2"
 width="130"></a><br>
      <a href="contact.htm"><img src="contact.gif"
 alt="Contact Us" border="0" height="24" vspace="2"
 width="130"></a> <a href="#"><img
 src="feedback.gif" alt="Talk To Us" border="0"
 height="24" vspace="2" width="130"></a> <a
 href="#"><img src="products.gif" alt="Our Products"
 border="0" height="24" vspace="2" width="130"></a>
      <a href="#"><img src="services.gif"
 alt="Our Services" border="0" height="24"
 vspace="2" width="130"></a> </td>
      <td width="30"><img src="spacer.gif"
 height="6" width="30"></td>
      <td valign="top">
      <div align="center">
      <p align="left"><font
 face="Arial, Helvetica, sans-serif" size="2">Your
homepage.</font></p>
      <p align="left"><font
 face="Arial, Helvetica, sans-serif" size="2">You
could put your company logo on this page.</font></p>
      <p align="left"><font
 face="Arial, Helvetica, sans-serif" size="2">Use this
page to grab your visitors' attention so they want to find out more
about you.</font></p>
      <p align="left"><font
 face="Arial, Helvetica, sans-serif" size="2">So keep
the textual content on this page clear and concise.</font></p>
      <p align="left"><font
 face="Arial, Helvetica, sans-serif" size="2"><br>
      <br>
      </font></p>
      </div>
      </td>
    </tr>
<!-- You may replace the following with your own information -->
    <tr>
      <td valign="top" width="130">&nbsp;</td>
      <td width="30">&nbsp;</td>
      <td valign="top">
      <div align="center"><!-- Begin AdDynamix Code -->
      <iframe
 src="http://ads.pennyweb.com/creative/2%7C2126534-14;iframe?"
 hspace="0" vspace="0" marginheight="0"
 name="AdDynamix" frameborder="0" height="60"
 scrolling="no" width="468"> &lt;NOFRAME&gt;
&lt;a&gt; &lt;img&gt;&lt;/a&gt;
&lt;/NOFRAME&gt;
      </iframe><!-- End AdDynamix Code -->
      <p><font color="#cc6600"
 face="Arial, Helvetica, sans-serif" size="1"><b><font
 color="#990000">&copy; Copyright 2001. All rights
reserved.</font> <font color="#990000">Contact:</font>
      <a href="mailto:jim@jimworld.com">JimWORLD</a><font
 color="#990000"> Powered by </font><a
 href="http://freesitetemplates.com"><i>Free Site
Templates</i></a></b></font></p>
      </div>
      </td>
    </tr>
    <tr>
      <td valign="top" width="130">&nbsp;</td>
      <td width="30">&nbsp;</td>
      <td>
      <div align="center"><font color="#cc6600"
 face="Arial, Helvetica, sans-serif" size="2"><b><font
 color="#990000" size="1">Site template designed by</font><font
 size="1"> <a href="http://www.petelove.com">PeteLove.com</a></font></b></font></div>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

O layer é para inserir uma imagem de 124*110 como é que posso fazer isso?  :obrigado:
Offline

-RJ- 
Membro
Mensagens 1188 Gostos 0
Troféus totais: 30
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Usa o dreamweaver... tens tudo a mão...
Offline

miguelcardoso 
Membro
Mensagens 736 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Convem aprender isto eventualmente :P Alem disso para muitas coisas convem ter o programa legal  :superlol:
Offline

miguelcardoso 
Membro
Mensagens 736 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Ok já encontrei onde se mete isso:

http://nvu.wikispaces.com/FAQ+layers

Código: [Seleccione]
Insert a Layer:

   1. On the toolbar just above the edit window, click on the Layer button (just to the right of the font selection dropdown).
   2. You get a little cross symbol, with a connected stack of three little boxes.
   3. Click and drag on the cross symbol to move the new layer out onto the page.
   4. Click on the middle box in the stack, and drag to the left to open the layer up.
   5. Click on any corner or side box to reshape the layer.
   6. Click and drag on the cross symbol to move the layer.
   7. Click inside the opened layer (cursor will look like it's just outside to the left of the layer frame).
   8. Menu: Insert > Image....
   9. Reshape, and move, the layer as you wish.

Simples mas quem n sabe é como quem não vé :)
Realmente o Dreamweaver é muito mais simples de utilizar não é à toa que é 400$ mais caro que o NVU lol