|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/quintet/styleguide/ |
Upload File : |
<!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">
<title>Quintet Web Site Style Guide 2005</title>
<style type="text/css" media="screen"><!--
@import url("../styles.css");
--></style>
</head>
<body bgcolor="#ffffff">
<div align="center">
<p><a href="../index.html"><img src="../images/Quintet-title.gif" alt="Quintet of the Americas" border="0"></a></p>
</div>
<p><span class="HEAD3">Style Guide 2005</span></p>
<p><span class="Body12">Photos sizes: large photo 600 x 450 pixels , thumbnails 200 x 150.</span></p>
<p><span class="Body12">For 1-6 images, put in Yellow table: (95 % width, centered)</span></p>
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr valign="middle" align="center">
<td height="16" colspan="3" bgcolor="#FF9900">
<div align="center" class="Concert_1date">
January 2002</div>
</td>
</tr>
<tr valign="middle" align="center" bgcolor="#FFCC00">
<td height="32" colspan="3">
<div align="center">
<p><span class="Concert_1titlebig">Quintet playing Judith Sainte Croix CMA concert</span></p>
</div>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFF66">
<h3><img src="../images/shim.gif" width="550" height="5"></h3>
</td>
</tr>
<tr>
<td width="5" bgcolor="#FFFF66" height="5"><img src="../images/shim.gif" width="5" height="5"></td>
<td bgcolor="#FFFF66">
<div align="center">
<div align="center">
<div align="center">
<table width="75%" border="0" cellspacing="15">
<tr valign="top">
<td>
<div align="center">
<p><a name=8 href="../photos/04misc/photos-stcroix.html"><img src="../photos/04misc/thumbnails/judithstcroix.jpg" height="150" width="200" border=0 alt="tbilisi-07"></a></p>
<p><span class="Body12">Matt and Laura playing Colombian gaitas during premiere of <b><i>Vision III</i></b> by Judith Sainte Croix at the Chamber Music America conference, 2003.</span></p>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
<td width="5" bgcolor="#FFFF66"><img src="../images/shim.gif" width="5" height="5"></td>
</tr>
<tr>
<td colspan="3" height="5" bgcolor="#FFFF66"><img src="../images/shim.gif" width="550" height="15"></td>
</tr>
<tr>
<td colspan="3" height="15">
<div align="center">
<font face="Arial, Helvetica, sans-serif"><a href="#top"><font size="2">Back to top</font></a></font></div>
</td>
</tr>
</table>
<p><span class="Body12">For more images, use Photoshop's web gallery feature, with the following settings:</span></p>
<p><span class="Body12"><img src="Screen_008.jpg" alt="" height="50%" width="50%" border="0"><img src="Screen_009.jpg" alt="" width="50%" height="50%" border="0"><br>
<img src="Screen_006.jpg" alt="" width="50%" height="50%" border="0"><img src="Screen_007.jpg" alt="" width="50%" height="50%" border="0"></span></p>
<p><span class="Body12">Then copy the header to replace the header photoshop, result is this: (Linked from a yellow table with a selection of photos and description...)</span></p>
<p><span class="Body12"><img src="Screen_quintetphotos.jpg" alt="" width="50%" height="50%" border="0"></span><span class="Body12">fdsqfd</span></p>
<p><span class="Body12">Make a sub folder in "Photos" for each "big subject" (photoshop can generate its images folder here for ex., otherwise put the html in "misc" folder....</span></p>
</body>
</html>