[zopeorg-checkins] CVS: Products/ZopeOrg-NV/skins/nzo - main_template.html:1.14 nzo.css.dtml:1.2 standard_html_header.dtml:1.2
Sidnei da Silva
sidnei at x3ng.com.br
Thu Jan 9 14:14:02 EST 2003
Update of /cvs-zopeorg/Products/ZopeOrg-NV/skins/nzo
In directory cvs.zope.org:/tmp/cvs-serv32528/nzo
Modified Files:
main_template.html nzo.css.dtml standard_html_header.dtml
Log Message:
some dtml skins for zwiki while someone writes zpt versions
=== Products/ZopeOrg-NV/skins/nzo/main_template.html 1.13 => 1.14 ===
<title tal:define="ob_title here/Title; portal_title container/title"
tal:content="string:${portal_title}: ${ob_title}">New Zope.org</title>
+
<link href="css_default.css" rel="stylesheet" type="text/css"
tal:attributes="href here/css_default.css/absolute_url" />
@@ -43,65 +44,58 @@
<body>
<span metal:define-macro='header'>
-<div id="TOP_NAVIG">
- <table width="100%" background="top_bckgrd.jpg" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td width="201" valign="top">
- <div align="left">
- <a href="#" tal:attributes="href portal_url"><img src="top_logo.gif"
- width="201" height="54" border="0" /></a></div></td>
-
- <td background="top_bckgrd.jpg" width="100%">
-
- <a href="#"
- tal:attributes="href portal_url">Home</a> |
- <a href="#" tal:attributes="href string:${portal_url}/sitemap.html">Site map</a> |
- <a href="#" tal:attributes="href string:${portal_url}/help.html">Help</a> |
- <a href="#" tal:attributes="href string:${portal_url}/search_form">Search</a>
- </td>
- <td background="top_bckgrd.jpg" nowrap="nowrap">
- <form action="search" method="get"
+
+<div class="top">
+
+ <div class="searchBox">
+
+ <form action="search" method="get"
tal:attributes="action string:${portal_url}/search">
- <input type="text" name="SearchableText" value="Type your search here"
- size="20" onfocus="this.value='';" />
- <input type="submit" name="Submit" value="Go" />
- </form>
-
- </td>
- </tr>
- </table>
+
+ <a href="#"
+ tal:attributes="href portal_url">Home</a> |
+ <a href="#" tal:attributes="href string:${portal_url}/sitemap.html">Site map</a> |
+ <a href="#" tal:attributes="href string:${portal_url}/help.html">Help</a> |
+ <a href="#" tal:attributes="href string:${portal_url}/search_form">Search</a>
+
+ <input type="text" name="SearchableText" value="Type your search here"
+ size="20" onfocus="this.value='';" />
+ <input type="submit" name="Submit" value="Go" />
+ </form>
+
+ </div>
+
+<a href="#" tal:attributes="href portal_url">
+ <img src="top_logo.png" class="logo"
+ width="201" height="54" border="0" />
+ </a>
+
+
</div>
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td bgcolor="#CCCCCC" class="SLOGAN"> The website for the Zope Community</td>
- <td bgcolor="#CCCCCC">
+<div class="top_bar">
+ <div class="slogan">
+ The Website for the Zope Community
+ </div>
- <div id="USER_BAR">
+ <div class="user_bar">
Username: <span tal:content="uname">Guest</span>
<span tal:repeat="action user_actions">
<a href="" tal:attributes="href action/url"
tal:content="action/name">Login</a><span tal:condition="not: repeat/action/end"> | </span>
</span>
<span tal:condition="nothing"><a href="join_form">Join</a></span>
- </div>
-
- </td>
- </tr>
- <tr>
- <td bgcolor="#BBBBBB" height="1"></td>
- <td bgcolor="#BBBBBB" height="1"></td>
- </tr>
-
-
+ </div>
+
+</div>
-</table>
</span>
-<table width="100%" border="0" cellspacing="0" cellpadding="7">
+<table class="columns">
<tr>
- <td valign="top" nowrap width="120">
- <div metal:define-macro="side_menu" id="SIDE_MENU">
+ <td class="left">
+
+ <span metal:define-macro="side_menu" id="side_menu" class="side_menu">
<h1><a href="#">About Zope</a></h1>
<div><a href="#">What is Zope?</a></div>
@@ -151,174 +145,34 @@
<div><a href="#">Marketing Zope</a></div>
- </div>
+ </span>
</td>
+ <td class="right">
- <td background="point_bckgrd2.jpg" width="1"> </td>
- <td valign="top">
- <span metal:define-macro='bread_byline'>
+ <div metal:define-macro='bread_byline'>
<div id="Breadcrumbs" tal:condition="python: not here.getId() == utool.getPortalObject().getId()">
- Location:
- <span tal:replace="structure python:here.shortBread(include_root=1)">
- <a href="#">Bread</a> > <a href="#">Crumbs</a></span>
- </div>
- <div metal:use-macro="container/macros_repository/macros/byline">Byline</div>
-
+ Location:
+ <span tal:replace="structure python:here.shortBread(include_root=1)">
+ <a href="#">Bread</a> > <a href="#">Crumbs</a>
</span>
-
- <div metal:define-slot="main">
-
-
-<TABLE width="100%" border=0 cellspacing="0" cellpadding="0">
- <TBODY>
- <TR>
- <TD id="contentarea" valign="top">
- <H1>Spotlight on...<br /></H1>
-
- <h2>Using Zope With Amaya<br />
- <span style="font-size: small">By Michel Pelletier 21 August, 2001</span></h2>
- <p>Zope is an object-oriented web application server that
- is managed through a web interface. This interface allows
- you to add and manipulate Zope objects. Zope's managment
- interface is one of its most powerful features, but there
- is one area where using Zope's managment interface is
- difficult: editing templates. <img src="more.gif"
- width="115" height="33" align="absbottom" /></p>
-
- <H1>What is Zope?</H1>
-
- <p>Zope is an open source application server for building
- content management solutions such as publishing sites,
- intranet, portals, and custom applications. The Zope
- community consists of hundreds of companies and thousands
- of developers all over the world, working on building
- the platform and Zope applications. <br />
- <img src="more.gif" width="115" height="33" align="absbottom" />
- </p>
-
- <h1>Info for...</h1>
-
- <div><a href="#">New Users</a>: New to Zope but familiar with
- website programming.
-
- <div class="subitems"><a href="">Intro</a>,
- <a href="">About Python</a>,
- <a href="">Web Programming</a>
- <img src="more.gif" width="115" height="33" align="absbottom" />
- </div>
- </div>
-
- <div><a href="#">Web Masters</a>: Using Zope to make a website.
-
- <div class="subitems"><a href="">Using Apache</a>,
- <a href="">Security</a>,
- <a href="">Backup policies</a>,
- <a href="#">DTML </a>
- <a href=""><img src="more.gif" width="115" height="33"
- align="absbottom" border="0" /></a>
- </div>
- </div>
-
- <div><a href="#">Product Developers</a>: Using Zope to make
- applications.
-
- <div class="subitems"><a href="">Developers Guide</a>,
- <a href="#">ZClasses</a>,
- <a href="">Unit testing</a>
- <a href="#"><img src="more.gif" width="115" height="33"
- align="absbottom" border="0" /></a>
- </div>
</div>
-
- <div><a href="#">Zope Developers</a>: Doing the impossible,
- improving Zope.
-
- <div class="subitems"><a href="">Products</a>,
- <a href="">Using CVS</a>,
- <a href="">Bug days</a>
- <a href="#"><img src="more.gif" width="115" height="33"
- align="absbottom" border="0" /></a>
- </div>
+ <div metal:use-macro="container/macros_repository/macros/byline">
+ Byline
</div>
-
- </TD>
-
- <TD valign="top"><img src="space.gif" width="7" height="32" alt="" /></TD>
- <TD background="point_bckgrd2.jpg"><img src="space.gif" width="24" height="32" alt="" /></TD>
- <TD id="NEWS_MENU" vAlign=top width=200>
-
- <H1>Announcements</H1>
-
- <p>14 March - <a href="#">O'Reilly Call For Papers
- Deadline</a></p>
-
- <p>13 March - <a href="#">Migration to new.zope.org
- Scheduled</a></p>
-
- <p>13 March - <a href="#">Lennart is Learning
- dreamweaver, Olivier prefers plain old ZMI</a></p>
-
- <p style="text-align: center"><img style="text-align: center"
- src="more.gif" width="115" height="33" align="absbottom" /></p>
-
- <H1>News</H1>
-
- <p>13 Apr - <a href="#">ZPT introduction</a></p>
-
- <p>13 Apr - <a href="#">Lambda Tricks</a></p>
-
- <p>13 Apr - <a href="#">Zope on Slashdot</a></p>
-
- <p style="text-align: center"><img style="text-align: center"
- src="more.gif" width="115" height="33" align="absbottom" /></p>
-
- <h1>Top Resources</h1>
-
- <div class="topresources">
- <p> - <a href="#">Content Index 1.5.0</a> (haqa)</p>
-
- <p> - <a href="#">Ratings 0.3.0</a> (k_vertigo)</p>
-
- <p> - <a href="#">LDAP Directory Manager 0.1</a> (k_vertigo)</p>
-
- <p> - <a href="#">Photo Extension 0.0.2</a> (mngibso)</p>
-
- <p> - <a href="#">ZExternal News 1.0.2</a> (odeckmyn)</p>
- </div>
-
- <p style="text-align: center"><img style="text-align: center"
- src="more.gif" width="115" height="33" align="absbottom" /></p>
-
- </TD>
- </TR>
- </TBODY>
-</TABLE>
-
</div>
+ <div>
+ <span metal:define-slot="main">
+ main
+ </span>
+ </div>
</td>
</tr>
</table>
<span metal:define-macro="footer">
-<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" style="margin-top: 2em;margin-bottom: 2em">
-<tr>
-<td align="center" id="FOOTER_MENU">
- <a href="#">Privacy policy</a> | <a href="#">Feedback
- to this page's author</a> | <a href="#">Feedback about Zope.org</a>
- | <a href="#">Page Source</a>
-</td>
-</tr>
-</table>
-
-<!-- Disabled
-
-<div align="center" metal:use-macro="container/macros_repository/macros/bugbox">
-Here goes the Bug Box
-</div>
-
--->
<div align="center" metal:use-macro="container/macros_repository/macros/copyright">
- Here goes the Copyright
+Here goes the Copyright
</div>
</span>
+
</body>
</html>
=== Products/ZopeOrg-NV/skins/nzo/nzo.css.dtml 1.1 => 1.2 ===
**
*/
-
-/*
-** Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
-**
-** **
-**
-**
-**
-** */
-/* */
-
-
-
body {
font: 0.8em Verdana, Helvetica, Arial, sans-serif;
background: White;
@@ -241,11 +228,12 @@
background: transparent;
margin: 0;
padding: 0;
+ background-color: #336699;
}
.logo {
/* Logo properties */
- margin: 1em 0em 1em 2em;
+ margin: 0em 2em 0em 0em;
padding: 0;
}
@@ -254,11 +242,55 @@
background-color: transparent;
color: Black;
float: right;
- margin: 3em 0em 0em 0em;
+ margin: 2em 0em 0em 0em;
padding: 0em 2em 0em 0em;
text-align: right;
text-transform: lowercase;
- width: 30%;
+ width: 50%;
+}
+
+div.searchBox a {
+ color: White;
+}
+
+div.top_bar {
+ background: transparent;
+ margin: 0;
+ padding: 0;
+ background-color: #CCCCCC;
+}
+
+div.slogan {
+ float: left;
+ background: transparent;
+}
+
+div.user_bar {
+ float: right;
+ background: transparent;
+}
+
+span.side_menu {
+ border: dotted black 1px;
+ float: left;
+ width: 150px;
+ padding: 6px;
+ margin: 4px;
+}
+
+table.columns {
+ width: 100%;
+ border: 4px;
+}
+
+table.columns td.left {
+ vertical-align: top;
+ width: 150px;
+}
+
+table.columns td.right {
+ vertical-align: top;
+ padding: 4px;
}
input.searchButton {
@@ -346,29 +378,6 @@
.addFavorite {
vertical-align: bottom;
-}
-
-table.columns {
- width: 100%;
-}
-
-table.columns td.left {
- vertical-align: top;
- width: 15%;
- padding: 2em 1em 1em 2em;
-}
-
-table.columns td.main {
- vertical-align: top;
- padding: 0em 1em 1em 1em;
- margin: 0;
- width: 70%;
-}
-
-table.columns td.right {
- vertical-align: top;
- width: 15%;
- padding: 2em 2em 1em 1em;
}
#contentTabs {
=== Products/ZopeOrg-NV/skins/nzo/standard_html_header.dtml 1.1 => 1.2 ===
<dtml-var "macro_renderer(template='here/main_template', macro='header')" >
-<table width="100%" border="0" cellspacing="0" cellpadding="7">
+<table class="columns">
<tr>
- <td valign="top" nowrap width="120">
+ <td class="left">
<dtml-var "macro_renderer(template='here/main_template', macro='side_menu')" >
-
</td>
-
- <td background="point_bckgrd2.jpg" width="1"> </td>
- <td valign="top">
-
+ <td class="right">
<dtml-var "macro_renderer(template='here/main_template', macro='bread_byline')" >
More information about the zopeorg-checkins
mailing list