User: SimonAW Date: 2008-05-06 18:44:07+0000 Added: de/www/testdir/info4.html de/www/testdir/why4.css
Log: Version 4 File Changes: Directory: /de/www/testdir/ =========================== File [added]: info4.html Url: http://de.openoffice.org/source/browse/de/www/testdir/info4.html?rev=1.1&content-type=text/vnd.viewcvs-markup Added lines: 338 ---------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>OpenOffice.org Informationen</title> <link rel="stylesheet" href="why4.css" type="text/css" /> <script type="text/javascript" src="box.js"></script> </head> <body> <!-- Master Container: Centered and 700px wide --> <div id="container"> <!-- This holds the main header --> <!-- This is the site title --> <h1>OpenOffice.org Version 3</h1> <!-- End of headerwrapper --> <!-- Here's the box for the main article --> <div class="articleboxouter"> <!-- Here's where you can place ur content --> <div class="articleboxinner"> <div style="display: none;" id="box_1"> <!-- The main image. 300px by 210px --> <img src="../images/why_great.png" alt="OpenOffice.org 2 software" title="OpenOffice.org 2 software" class="mainpiccontrol" id="pix1" height="210" width="300"> <div id="mytext1"> <!-- The title for this article --> <span class="articleheader">Eine groÃartige Software</span> <!-- The preview content --> erfordert ein groÃartiges Team. OpenOffice.org 2 ist das Ergebnis einer zwanzigjährigen kontinuierlichen Sowtwareentwicklung auf hohem Niveau. Das <b>Open-Source</b> Entwicklungsmodell bedeutet, dass es keinerlei Geheimnisse gibt. <br> Bewegen Sie Ihre Maus Ãber die Screenshots, um mehr Details zu den Hauptkomponenten zu erfahren <i>(erfordert javascript)</i>. </div> <!-- Link to the full article, an arrow and a text link --> <span class="readmore"> <a href="#"> <img src="../images/arrow.png" alt="read more" class="noborder"> </a> <a href="http://de.openoffice.org/downloads/quick.html";> OpenOffice.org 3 jetzt Herunterladen </a> <br> </span> </div> <div style="display: block;" class="boxes" id="box_2"> <!-- The main image. 300px by 210px --> <a href="http://de.openoffice.org/images/writer-big.png";> <img src="../images/writer-crop.png" alt="Writer" title="Click for full-size screenshot of Writer" class="mainpiccontrol" id="pix2" height="210" width="300"></a> <div id="mytext2"> <!-- The title for this article --> <span class="articleheader">Writer</span> <!-- The preview content --> enthält alles, was man von einer modernen, voll ausgestatteten Textverarbeitung mit DTP-Funktionalität erwarten würde: leistungsfähige Features wie AutoKorrektur, AutoVervollständigung, AutoFormat, Formatvorlagen, Textrahmen und Verknüpfungen, Inhaltsverzeichnisse, Indizierung, Literaturverzeichnisse, Abbildungen, Tabellen und andere Elemente. Writer ist einfach genug für ein schnelles Memo und zugleich mächtig und stabil genug, um komplette Bücher mit vielen Grafiken, Ãberschriften und vielerlei mehr zu verfassen. <br> </div> <!-- Link to the full article, an arrow and a text link --> <span class="readmore"> <a href="#"> <img src="../images/arrow.png" alt="read more" class="noborder"> </a> <a href="http://de.openoffice.org/downloads/quick.html";> OpenOffice.org 3 jetzt herunterladen </a> <br> </span> </div> <div style="display: none;" class="boxes" id="box_3"> <!-- The main image. 300px by 210px --> <a href="http://de.openoffice.org/images/calc-big.png";> <img src="../images/calc-crop.png" alt="Calc" title="Click for full-size screenshot of Calc" class="mainpiccontrol" id="pix3" height="210" width="300"></a> <div id="mytext3"> <!-- The title for this article --> <span class="articleheader">Calc</span> <!-- The preview content --> ist die Tabellenkalkulation, die Sie schon immer wollten. Anfänger finden sie intuitiv und leicht zu erlernen; professionelle Datenverarbeiter und Zahlenjongleure schätzen die umfassende Palette von leistungsstarken Funktionen wie den erweiterten Datenpilot, Formeln in natürlicher Sprache, eine intelligente Summmenfunktion, eine umfassende Palette von fortschrittlichen Kalkulationsfunktionen, Stile und Formatierungen sowie einen Szenario-Manager für die Frage "Was wäre wenn...". <br> </div> <!-- Link to the full article, an arrow and a text link --> <span class="readmore"> <a href="#"> <img src="../images/arrow.png" alt="read more" class="noborder"> </a> <a href="http://de.openoffice.org/downloads/quick.html";> OpenOffice.org 3 jetzt herunterladen </a> <br> </span> </div> <div style="display: none;" class="boxes" id="box_4"> <!-- The main image. 300px by 210px --> <a href="http://de.openoffice.org/images/impress-big.png";> <img src="../images/impress-crop.png" alt="Impress" title="Click for full-size screenshot of Impress" class="mainpiccontrol" id="pix4" height="210" width="300"></a> <div id="mytext4"> <!-- The title for this article --> <span class="articleheader">Impress</span> <!-- The preview content --> ist ein hervorragendes Werkzeug für effektive Multimedia-Präsentationen. Ihre Präsentationen bestechen mit 2D-und 3D-Clipart, Schrifteffekten mit FontWork, Spezialeffekten, Animationen und beeindruckenden Zeichenwerkzeugen. Eine geteilte Ansicht stellt alle Tools griffbereit zur Verfügung und Sie können Ihre am häufigsten verwendeten Zeichenwerkzeuge rund Ihrem Bildschirm für den Zugriff auf Tastendruck anordnen. Verteilen Sie Ihre Werke auf alle erdenklichen Arten: nicht nur PDF, sondern auch HTML und Flash. Verkünden Sie Ihre Botschaft mit <b>Impress</b>. <br> </div> <!-- Link to the full article, an arrow and a text link --> <span class="readmore"> <a href="#"> <img src="../images/arrow.png" alt="read more" class="noborder"> </a> <a href="http://de.openoffice.org/downloads/quick.html";> OpenOffice.org 3 jetzt herunterladen </a> <br> </span> </div> <div style="display: none;" class="boxes" id="box_5"> <!-- The main image. 300px by 210px --> <a href="http://de.openoffice.org/images/draw-big.png";> <img src="../images/draw-crop.png" alt="Draw" title="Click for full-size screenshot of Draw" class="mainpiccontrol" id="pix5" height="210" width="300"></a> <div id="mytext5"> <!-- The title for this article --> <span class="articleheader">Draw</span> <!-- The preview content --> alles von einer schnellen Skizze zu einem komplexen Plan. <b>Draw</b> gibt Ihnen die Werkzeuge zur Kommunikation mit Grafiken und Diagrammen. Objekte manipulieren, drehen in zwei oder drei Dimensionen, die Nutzung ausgefeilten Renderings zur Schaffung fotorealistischer Bilder. Verbindungspunkte erleichtern die Arbeit mit Flussdiagrammen, Organigrammen, Netzwerk-Diagrammen und mehr. Formatvorlagen erleichtern Ihnen die Arbeit in Draw genauso wie in allen anderen Modulen von OpenOffice.org Ein Bild aus <b>Draw</b> sagt mehr als tausend Worte! <br> </div> <!-- Link to the full article, an arrow and a text link --> <span class="readmore"> <a href="#"> <img src="../images/arrow.png" alt="read more" class="noborder"> </a> <a href="http://de.openoffice.org/downloads/quick.html";> OpenOffice.org 3 jetzt herunterladen </a> <br> </span> </div> <div style="display: none;" class="boxes" id="box_6"> <!-- The main image. 300px by 210px --> <a href="http://de.openoffice.org/images/base-big.png";> <img src="../images/base-crop.png" alt="Base" title="Click for full-size screenshot of Base" class="mainpiccontrol" id="pix6" height="210" width="300"></a> <div id="mytext6"> <!-- The title for this article --> <span class="articleheader">Base</span> <!-- The preview content --> ermöglicht Ihnen die nahtlose Bearbeitung Ihrer Datenbank in OpenOffice.org. Erstellen und Modifizieren von Tabellen, Formularen, Abfragen und Berichten, entweder mit Ihrem eigenen Datenbankserver oder der in Base intergrierten HSQL-Datenbank. Base bietet den Zugriff über Assistenten, Design-Ansichten oder SQL-Ansichten für Anfänger, Fortgeschrittene und erfahrene Benutzer. Greifen Sie problemlos auf Ihre Datenbanken zu mit <b>Base</b>! <br> </div> <!-- Link to the full article, an arrow and a text link --> <span class="readmore"> <a href="#"> <img src="../images/arrow.png" alt="read more" class="noborder"> </a> <a href="http://de.openoffice.org/downloads/quick.html";> OpenOffice.org 3 jetzt herunterladen </a> <br> </span> </div> </div> <!-- End of content holder --> </div> <!-- End of main article --> <!-- Here's the box for some pics --> <div class="picboxouter"> <!-- Here's where you can place ur thumbnails --> <!-- All should be uniformly sized ;-) --> <div class="screenbox"> <a href="http://de.openoffice.org/images/writer-big.png"; onmouseover="swapper('box_2');"> <img src="../images/writer-icon.png" class="screenboxcontrol" alt="Writer word processor screenshot" title="Click for Writer word processor screenshot"><br> <span>Writer</span> </a> </div> <div class="screenbox"> <a href="http://de.openoffice.org/images/calc-big.png"; onmouseover="swapper('box_3');"> <img src="../images/calc-icon.png" class="screenboxcontrol" alt="Calc spreadsheet screenshot" title="Click for Calc spreadsheet screenshot"><br> <span>Calc</span> </a> </div> <div class="screenbox"> <a href="http://de.openoffice.org/images/impress-big.png"; onmouseover="swapper('box_4');"> <img src="../images/impress-icon.png" class="screenboxcontrol" alt="Impress presentations screenshot" title="Click for Impress presentations screenshot"><br> <span>Impress</span> </a> </div> <div class="screenbox"> <a href="http://de.openoffice.org/images/draw-big.png"; onmouseover="swapper('box_5');"> <img src="../images/draw-icon.png" class="screenboxcontrol" alt="Draw graphics screenshot" title="Click for Draw graphics screenshot"><br> <span>Draw</span> </a> </div> <div class="screenbox"> <a href="http://de.openoffice.org/images/base-big.png"; onmouseover="swapper('box_6');"> <img src="../images/base-icon.png" class="screenboxcontrol" alt="Base database screenshot" title="Click for Base database screenshot"><br> <span>Base</span> </a> </div> </div> <!-- End of photogallery --> <!-- We love three columns, don't we? --> <!-- Holder for three columns --> <div class="articleboxouter"> <div id="newsContainer2"> <!-- Column 1 --> <div class="c1"> <div class="noteheader"> Vorsprung durch Design </div> <div class="spacy"> Mit Wurzeln, die über zwanzig Jahre zurückreichen, ist OpenOffice.org ein ausgereiftes, zuverlässiges Produkt. OpenOffice.org wurde von Anfang an als eine zusammenhängende Software entwickelt - nicht als Zusammenstellung einzelner Programme. Dadurch ist es in der Bedienung durchgängig und leicht zu anzuwenden - was Sie in einer Anwendung lernen, ist auch in den anderen Modulen nutzbar. Die kontextsensitive Hilfe gibt Ihnen in allen Anwendungen genau die Unterstützung, die Sie benötigen. Sie können jede Art von Dokument aus jeder Anwendung öffnen - OpenOffice.org ist wirklich aus einem Guss. Darüber hinaus läuft auf allen wichtigen Plattformen - Microsoft Windows, GNU/Linux, Sun Solaris, Mac OS X - ist das nicht toll? </div> </div> <!-- Column 2 --> <div class="c2"> <div class="noteheader"> Vorsprung für Sie </div> <div class="spacy"> OpenOffice.org enthält alle Office-Anwendungen, die Sie benötigen, in einem einzigen Paket. Sie brauchen sich keine Gedanken darüber zu machen, welche Version Sie installieren: eine einzige Installation liefert alles. Die Installation umfasst auch einige Features, die selbst teure Drittprogramme nicht haben - zum Beispiel die Fähigkeit, PDF-Dateien zu erstellen, um sicherzugehen, dass Dritte unabhängig von ihrer Anwendung Ihr Dokument genau so sehen, wie sie es sollen. Es gibt auch eine wachsende Reihe von Erweiterungen, so genannten Extensions: Zusätzliche Features, die jeder entwickeln kann. OpenOffice.org veröffentlich neue Versionen des Paketes mehrere Male pro Jahr, damit Sie schneller in den Genuss von neuer Funktionalität kommen. </div> </div> <!-- Column 3 --> <div class="c3"> <div class="noteheader"> Vorsprung durch Offenheit </div> <div class="spacy"> <!-- The content for this attention grabbing block --> OpenOffice.org wird "ohne Geheimnisse" nach dem Open-Source-Modell entwickelt. Jeder kann sich die Programme im Quelltext anschauen und Verbesserungen einbringen oder Fehler beheben. Jeder kann Fehler melden und Erweiterungen vorschlagen, und jeder kann die Reaktion von anderen Benutzern oder Entwicklern darauf sehen. Der Status der aktuellen und der zukünftigen Versionen wird auf einem öffentliche Wiki dokumentiert. So können Sie entscheiden, ob und wann Sie ein Upgrade machen, um die Vorteile der neuen Funktionen zu genieÃen. Jeder, der kommerzielle Software und seine Vermarktung gewohnt ist, wird OpenOffice.org erfrischend anders finden. GenieÃen Sie die Vorteile von Open Source! </div> </div> </div> </div> <!-- End of the three columns holder --> <!-- This little whitespace will separate the page from the footer --> </div> <!-- End of master container --> </body> </html> File [added]: why4.css Url: http://de.openoffice.org/source/browse/de/www/testdir/why4.css?rev=1.1&content-type=text/vnd.viewcvs-markup Added lines: 735 ---------------- /* CSS Document - Author: Shaibal Mandal */ /* Design: Reflections, from OpenWebsiteDesign */ /* Main Styles that apply to body */ body { /*font-size: 11px; font-family: DejaVu Sans, Verdana, Arial, Sans-Serif; margin: 0; padding-left: 0;*/ /*background: #f4f4f4 url(images/bg.gif) center repeat-y;*/ /* position: absolute; width:350px; */ } /* This is the page container built and centered using -ve margins */ #container { width: 710px; /* width: 710px; margin-left: auto; margin-right: auto; */ /* margin-left: -350px; */ } /* The topmost faded bar */ #topbar { width:auto; background: #EEE; height: 20px; padding: 10px 5px 5px 2px; font: 9px verdana; font-weight: bold; color: #CCCCCC; text-align: right; } /* class that styles the holder div of the forms */ .userform { width: auto; color: #0634bc; padding: 5px 0px 5px 3px; background: #fbfbfb; border:1px solid #efefef; border-top: none; text-align: justify; margin-bottom: 1px; } /* This will style the login and search */ .userform input { border: 1px solid #DDD; font-family: verdana; font-size: 10px; color: #BBB; font-weight: bold; } /* #EEE = light grey #DDD = dark grey #0634bc = dark purple #efefef = light grey #DBB7DB = light violet #663366 = deep purple #F7F4F7 = faint pinky grey #f1f1f1 = light grey #F7F4F7 = deep deep purple #591333 = deep purple */ /* #06348c = OOo dark blue #b7cad7 = OOo shady light blue #c4dae9 = OOo light blue #698ed1 = OOo lighter blue #ecf1f5 = OOo pale blue */ h1 { font-size: 3em; } h6 { font: 10px verdana; font-weight: bold; color: #DDD; margin: 0px; padding: 0px; margin-left: 8px; } /* This holds the tabs */ #tabholder { width: auto; } /* Container for the article box, and the pic box */ .articleboxouter { width: auto; padding: 10px 6px 10px 5px; clear: both; } /* Content holder for the articles */ /* Modified by SimonAW, May 1 2008 */ .articleboxinner { width: auto; /* font-size: 12px; line-height: 20px; */ line-height: 1.4em; color: #06348c; padding: 15px 6px 0px 6px; background: #fbfbfb; border:1px solid #efefef; text-align: left; height: 20em; /* was: 220px */ } /* The title style for the main article */ .articleheader { font-size: 18px; font-weight: bold; } /* This will style the read more thing at the bottom */ .readmore { text-align: right; display: block; width: auto; } /* This controls the main pic in the main article box */ .mainpiccontrol { border: 0px #c4dae9 solid; float: left; margin-right: 10px; } /* Container for the pic thumbnails */ .picboxouter { width: auto; padding: 0px 6px 0px 5px; clear: both; } /* Content holder for the pic box */ .picbox { width: auto; line-height: 20px; color: #06348c; padding: 2px 9px 2px 8px; border: 1px solid #efefef; text-align: center; float: left; } .picbox a:hover { border: none; } .picbox a:hover span { border-bottom: dashed 1px red; } /* This controls the thumbnails in the picbox div Issue 74175 */ .pickboxcontrol { vertical-align: middle; /* width: 95px; */ height: 64px; } /* Content holder for the screen box */ .screenbox { width: auto; line-height: 20px; color: #06348c; padding: 2px 1px 2px 1px; border: 1px solid #efefef; text-align: center; float: left; } /* .screenbox a:hover { border: none; } .screenbox a:hover span { border-bottom: dashed 1px red; } */ .screenboxcontrol { vertical-align: middle; width: 120px; height:86px; } /* Sometimes, I don't want borders around my hyperlink images */ .noborder { border: none; } /* For taming those leeeeeeetle arrows */ img { vertical-align: text-bottom; } /* Style-up those ugly default hyperlinks */ a { text-decoration: none; padding: 0; margin: 0; color: #663366; } /* And their ugly hover states too */ /* a:hover { border-bottom:dashed 1px red; } */ /* Why should the humble footer be left out? */ #myfooter { background-color: #ccc; color: #fff; text-align: center; vertical-align: middle; /* height: 150px; */ padding-top: 5px; clear: both; } #myfooter td { border: 0px; padding: 0px; border-spacing: 0px; text-align: center; } /* This will contain the three columns */ #newsContainer2 { width:auto; background-color: #ecf1f5; } /* First column of the three columns */ .c1 { width: 227px; background-color: #ecf1f5; border: 1px solid #DDD; border-top: none; line-height: 22px; color: #0634bc; float: left; } /* Second column of the three columns */ .c2 { width: 230px; float: left; border-bottom: 1px solid #DDD; line-height: 22px; color: #0634bc; } /* Third column of the three columns */ .c3 { width: 228px; background-color: #ecf1f5; border: 1px solid #DDD; border-top: none; line-height: 22px; color: #0634bc; float: left; } /* This controls the titles for each column */ .noteheader { width:auto; border-bottom: 1px solid #DDD; border-top: none; color: #0634bc; height: 24px; font-family: verdana; font-size: 11px; font-weight: bold; background:url(images/headerBG.jpg) repeat-x; } /* And this gives the column text some breathing space */ .spacy { padding: 5px; } /* CSS Tabs */ #tabs8 { float:left; width:100%; background:#F1F1F1; font-size:93%; line-height:normal; border-bottom:1px solid #CCC; } #tabs8 ul { margin:0; padding:10px 10px 0 5px; list-style:none; } #tabs8 li { display:inline; margin:0; padding:0; } #tabs8 a { float:left; background:url("images/tableft8.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs8 a span { float:left; display:block; background:url("images/tabright8.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#eee; font-weight: bold; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span {float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { /* color:#591333; */ color:#06348c; } #tabs8 a:hover { background-position:0% -42px; border: none; } #tabs8 a:hover span { background-position:100% -42px; color: #888; } #tabs8 #current a { background-position:0% -42px; } #tabs8 #current a span { background-position:100% -42px; color: #888; } /* End of CSS Tabs */ #valid-xhtml-footer { padding-left: 8px; clear: both; width: 710px; margin-left: auto; margin-right: auto; } --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
![http://de.openoffice.org/images/writer-big.png"](http://de.openoffice.org/images/writer-big.png"){kind=link}
![http://de.openoffice.org/images/calc-big.png"](http://de.openoffice.org/images/calc-big.png"){kind=link}
![http://de.openoffice.org/images/impress-big.png"](http://de.openoffice.org/images/impress-big.png"){kind=link}
![http://de.openoffice.org/images/draw-big.png"](http://de.openoffice.org/images/draw-big.png"){kind=link}
![http://de.openoffice.org/images/base-big.png"](http://de.openoffice.org/images/base-big.png"){kind=link}