Last Edited: 01 May 2008 by superuser
Importered from old WiKi -- 30/04-08 18:04.

viz logo

Viz Home - Downloads - .sfs FAQ's - Screenshots - Release details - Ideas - Bugs - Progress - Art - Contributors - Meetings - Reviews

Announcements: 2.15CE Final Available for download∞
Last edited by CrustyLobster
Mon, 09 Apr 2007 08:47 GMT

Below is the offline web page in Puppy Viz final code (active links when on line)

Joes alternative webpage with CSS∞

earlier image
image

image
HTML created in komposer
Note the HTML (for fast loading) makes use of icons in Puppy Viz Alpha
and is designed for display in 2.15 RC1 with Glass icons

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Puppy Linux 2.15CE 'Viz'</title>
<meta name="author" content="Ed Jason" />
<meta name="revised" content="Joe Dopp Added CSS Markup, April 5, 2007" />
<link href="puppy215.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table class="pupcolor1" border="0" cellpadding="2" cellspacing="2" summary="This table contains menu links">
<tbody>
<tr>
<td>
<img src="file:///usr/share/pixmaps/home.png" title="Puppy 2.15CE" alt="Viz" style="border: 0px solid ; width: 48px; height: 48px;" />
<a href="http://puppylinux.org/wikka/CommunityEdition">Viz</a>
</td>
<td>
<img src="file:////usr/share/pixmaps/gxmessage.png" title="Intro to Puppy" alt="Intro" style="border: 0px solid ; width: 48px; height: 48px;" />
<a href="http://tmxxine.com/pup2/puppy2.html" target="_blank">Intro</a>
</td>
<td>
<img src="file:///usr/share/pixmaps/ktip1.png" title="Puppy Wiki site" alt="Wiki" style="border: 0px solid ; width: 48px; height: 48px;" />
<a href="http://puppylinux.org/wikka/LatestNews" target="_blank">Wiki</a>
</td>
<td>
<img src="file:///usr/share/pixmaps/kdmconfig1.png" title="Help, advice and info" alt="Community forum" style="border: 0px solid ; width: 48px; height: 48px;" />
<a href="http://www.murga-linux.com/puppy/" target="_blank">Forum</a>
</td>
<td>
<img src="file:///usr/local/lib/X11/pixmaps/flash.png" title="short videos solving common situations" alt="Flash tutorials" style="border: 0px solid ; width: 48px; height: 48px;" />
<a href="http://rhinoweb.us/" target="_blank" title="Get HowTo videos">Videos</a>
</td>
<td>
<img src="file:///usr/share/pixmaps/kwalletmanager1.png" title="Online and Pdf manuals in several languages" alt="Manual" style="border: 0px solid ; width: 48px; height: 48px;" />
<a href="http://www.puppy-linux.info/">Manual</a></td>
</tr>
</tbody>
</table>

<table class="pupcolor3" style="width: 874px; height: 146px;" cellpadding="6" cellspacing="6" summary="This table contains CE Information and links">
<tbody>
<tr>
<td class="pupcolor2" style="width: 406px;">
<h3>Welcome to Puppy 2.15 "Viz"</h3>
<span class="rightimage">
<img src="file:///usr/local/lib/X11/pixmaps/seamonkey.png" title="Seamonkey" alt="SM" style="border: 0px solid ; width: 48px; height: 48px; float: left;"/>
SeaMonkey is default
<br />
Other Browsers below
<br />
<br />

<img src="file:///usr/local/lib/X11/pixmaps/dog.png" title="Be Happy" alt="BD" style="width: 48px; height: 48px; float: left;" />
Big Dog approved
<br />
Themes
</span>
<br />
<br />

<a href="http://puppylinux.org/wikka/CommunityEdition">CE = Community Edition</a>
<br />
<span style="margin-left: 40px;"><a href="http://puppylinux.org/wikka/Puppy109">Puppy 1.09CE</a></span>
<br />
<span style="margin-left: 40px;"><a href="http://puppylinux.org/wikka/Puppy203">Puppy Office 2.03CE</a></span>
<br />
<br />

<div class="center">
<a href="http://puppylinux.org/wikka/VersionsPuppy">Other Puppy's</a><br />
<a href="http://www.puppyos.net/news/" target="_blank" title="Chief developer Barry's news page">Developers</a><br />
<a href="http://www.murga.org/%7Epuppy/viewtopic.php?t=597">Search </a><br />
<a href="http://murga.org/%7Epuppy/search.php">Discussion Forum</a>
</div>

</td>

<td></td>
<td>
<object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/3kAEENMGoP8" /><param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/v/3kAEENMGoP8" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425" /></object>
<br />
</td>
</tr>
</tbody>
</table>
<table style="text-align: left; width: 780px; height: 22px;" border="0" cellpadding="2" cellspacing="2" summary="This table contains links to usefully Puppylinux Applications that are not bundled with 2.15CE">
<tbody class="pupcolor1">
<tr>
<td class="category">Browser </td>
<td><a href="http://puppylinux.org/wikka/FireFox">Firefox</a></td>
<td><a href="http://puppylinux.org/wikka/OperaBrowser">Opera</a></td>
<td><a href="http://puppylinux.org/wikka/SeaMonkey">SeaMonkey</a></td>
<td><a href="http://puppylinux.org/wikka/FlockBrowser"> Flock</a></td>
<td><a href="http://puppylinux.org/wikka/hv3">Hv3</a></td>
<td></td>
<td class="more"><a class="more" href="http://www.murga-linux.com/puppy/viewtopic.php?p=67839&highlight=konqueror#67839">More</a></td>
</tr>
<tr>
<td class="category">Window Managers</td>
<td><a href="http://puppylinux.org/wikka/KDE">KDE</a></td>
<td><a href="http://puppylinux.org/wikka/XfcePuppy">Xfce</a></td>
<td><a href="http://puppylinux.org/wikka/IceWM">IceWM</a></td>
<td><a href="http://puppylinux.org/wikka/EnlightenmentWM">Enlightenment </a></td>
<td><a href="http://puppylinux.org/wikka/FluxBox">Fluxbox</a></td>
<td> </td>
<td class="more"> </td>
</tr>
<tr>
<td class="category">Office </td>
<td><a href="http://puppylinux.org/wikka/OpenOffice">OpenOffice</a></td>
<td><a href="http://www.murga.org/%7Epuppy/viewtopic.php?t=7826">Abiword</a> </td>
<td><a href="http://noforum.de/dotpups/gnumeric-1.5.2.pup">Gnumeric</a></td>
<td><a href="http://www.murga.org/%7Epuppy/viewtopic.php?t=6771">Megapup</a></td>
<td><a href="http://www.murga-linux.com/puppy/viewtopic.php?p=79179&highlight=siag#79179">Siag</a>
</td>
<td><a href="http://www.murga-linux.com/puppy/viewtopic.php?p=105427#105427">Dia</a>
</td>
<td class="more"> </td>
</tr>
<tr>
<td class="category">Graphics </td>
<td><a href="http://puppylinux.org/wikka/GimpGraphics">Gimp</a></td>
<td><a href="http://puppylinux.org/wikka/XaraLX">Xara</a></td>
<td><a href="http://www.murga-linux.com/puppy/viewtopic.php?p=95546#95546">Inkscape</a>
</td>
<td> </td>
<td> </td>
<td> </td>
<td class="more"><a class="more" href="http://puppylinux.org/wikka/MeatyInternet">More</a></td>
</tr>
<tr>
<td class="category">Editing</td>
<td><a href="http://puppylinux.org/wikka/NVUWebDesign">NVU</a></td>
<td><a href="http://www.goosee.com/puppy/dotpup/beaver030.pup">Beaver</a></td>
<td><a href="http://www.murga.org/%7Epuppy/viewtopic.php?t=7826">Abiword</a></td>
<td><a href="http://getfirebug.com/">Firebug</a>
</td>
<td> </td>
<td> </td>
<td class="more"><a class="more" href="http://puppylinux.org/wikka/MeatyInternet">More</a></td>
</tr>
<tr>
<td class="category">Audio</td>
<td><a href="http://www.murga.org/%7Epuppy/viewtopic.php?p=13429#13429">Audacity</a></td>
<td><a href="http://www.murga.org/%7Epuppy/viewtopic.php?t=9678">Podcasts</a></td>
<td> <a href="http://puppylinux.org/wikka/MusicPrograms">Music</a></td>
<td> </td>
<td> </td>
<td> </td>
<td class="more"><a class="more" href="http://puppylinux.org/wikka/MeatyInternet">More</a></td>
</tr>
<tr>
<td class="category">Development</td>
<td><a href="http://puppylinux.org/wikka/Compiling">C/C++</a></td>
<td><a href="http://puppylinux.org/wikka/GuestTooJavaInstaller">Java </a></td>
<td><a href="http://puppylinux.org/wikka/PuppyBasic">Basic</a></td>
<td><a href="http://puppylinux.org/wikka/TclTk">tcl/tk</a></td>
<td><a href="http://puppylinux.org/wikka/PythonProgramming">Python</a></td>
<td> <a href="http://puppylinux.org/wikka/LuaProgramming">Lua</a></td>
<td class="more"><a class="more" href="http://puppylinux.org/wikka/ProgrammingLanguage">More</a></td>
</tr>
<tr>
<td class="category">Education</td>
<td><a href="http://puppylinux.org/wikka/EducationPuppy">Puppy in Education</a></td>
<td><a href="http://dotpups.de/dotpups/Office/wink.pup">Wink</a></td>
<td><a href="http://dotpups.de/dotpups/Office/wink.pup"> </a></td>
<td> </td>
<td> </td>
<td> </td>
<td class="more"><a class="more" href="http://puppylinux.org/wikka/EducationPuppy">More</a></td>
</tr>
<tr>
<td class="category">Extras</td>
<td><a href="http://puppylinux.org/wikka/Cups">Printing</a></td>
<td><a href="http://puppylinux.org/wikka/WineUse">Wine</a></td>
<td><a href="http://www.murga-linux.com/puppy/viewtopic.php?p=90775#90775">Flash</a></td>
<td><a href="http://puppylinux.org/wikka/NetworkTools">Network Tools </a></td>
<td> </td>
<td> </td>
<td class="more"> </td>
</tr>
</tbody>
</table>
<table class="pupcolor4" border="0" cellpadding="5" cellspacing="5" summary="This table contains links to Web Based Applications for use in Puppy Linux 2.15CE">
<tbody>
<tr>
<td class="footerheading">ONLINE APPLICATIONS</td>
<td><a class="footer" href="https://www.spresent.com/">Presentation</a></td>
<td><a class="footer" href="http://www.zamzar.com/">Convert</a> </td>
<td><a class="footer" href="http://www.ajaxlaunch.com/ajaxwrite/">WP</a></td>
<td><a class="footer" href="http://lazybase.com/">Database</a></td>
<td><a class="footer" href="http://numbler.com/">Spreadsheet</a></td>
<td><a class="footer" href="http://pxn8.com/">Image edit</a></td>
<td><a class="footer" href="http://www.gliffy.com/">Diagrams</a></td>
<td><a class="footer" href="http://www.goffice.com/">Office</a></td>
<td><a class="footer" href="http://www.redhotpawn.com/">Chess</a></td>
</tr>
</tbody>
</table>
</body>
</html>

/* by Joe Dopp for Puppy Linux 2.15 Community Edition */
/* body properties */

body {
font-size: small;
color: rgb(0, 0, 0);
}

body, h1, h2, h3, h4, h5, h6, th {
font-family: Arial,Helvetica,sans-serif;
text-align: center;
}

p, table, td, th, ul, ol, textarea, input {
text-align: left;
vertical-align: top;
}

h3 {
margin-left: 5px;
}

/* table properties */

table {
text-align: left;
vertical-align: top;
width: 100%;
margin-left: auto;
margin-right: auto;
}

td {
text-align: left;
vertical-align: top
}

td.category {
font-weight: bold;
background-color: rgb(255, 255, 255);
text-align: right;
}

td.right { text-align: right; }

.center { text-align: center; }

/* background colors that match the Seamonkey Browser Theme */

.pupcolor1 { background-color: rgb(181, 195, 214) }
.pupcolor2 { background-color: rgb(99, 121, 156) }
.pupcolor3 { background-color: rgb(255, 255, 255) }
.pupcolor4 { background-color: rgb(57, 73, 107) }

/* text properties in for headings to the right of images */

.rightimage {
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-align: left;
}

/* footer properties */

.footerheading { text-align: right;
font-weight: bold;
color: #E6E6FA;
}

/* links properties */
a:link {
color: Black;
font-family: Arial,Helvetica,sans-serif;
font-size: small;
font-style: normal;
font-weight: 900;
text-decoration: none;
}

a:visited {
color: Black;
font-family: Arial,Helvetica,sans-serif;
font-size: small;
font-style: normal;
font-weight: 900;
text-decoration: none;
}

a:hover {
color: White;
font-family: Arial,Helvetica,sans-serif;
font-size: small;
font-style: normal;
font-weight: 900;
text-decoration: underline;
background: #000180;
}

a:active {
color: #000180;
font-family: Arial,Helvetica,sans-serif;
font-size: small;
font-style: normal;
font-weight: 900;
text-decoration: underline;
text-decoration: overline;
background: Yellow;
}

/* footer links properties */
a.footer:link {
color: White;
font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
font-style: normal;
font-weight: 900;
text-decoration: none;
background: rgb(57, 73, 107);
}

a.footer:visited {
color: White;
font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
font-style: normal;
font-weight: 900;
text-decoration: none;
background: rgb(57, 73, 107);
}

a.footer:hover {
color: Yellow;
font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
font-style: normal;
font-weight: 900;
background: rgb(57, 73, 107);
}

a.footer:active {
color: rgb(57, 73, 107);
font-family: Arial,Helvetica,sans-serif;
font-size: x-small;
font-style: normal;
font-weight: 900;
text-decoration: underline;
text-decoration: overline;
background: Yellow;
}

/* 'more' link properties (in application links) */
.more {
color: Black;
background-color: rgb(255, 255, 255);
}
a.more:link { font-style: italic; }
a.more:visited { font-style: italic; }
a.more:hover { font-style: italic; }
a.more:active { font-style: italic; }

image

The Bow Wow starts now! Are your ideas missing from these pages? Be included in the Community Edition. Send a private message to either Ed∞ or Joe∞ with a link to your forum post∞ that was missed to let them know about it. We want everyones ideas for consideration as part of this Community Edition!


CategoryReleases