「トップページ」(2008/06/22 (日) 22:28:55) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
**@wikiへようこそ
-ウィキはみんなで気軽にホームページ編集できるツールです。
-このページは自由に編集することができます。
-メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます
**まずはこちらをご覧ください。
-[[@wikiの基本操作>http://atwiki.jp/guide/category2.html]]
-[[用途別のオススメ機能紹介>http://atwiki.jp/guide/category22.html]]
-[[@wikiの設定/管理>http://atwiki.jp/guide/category6.html]]
**分からないことは？
-[[@wiki ご利用ガイド>http://atwiki.jp/guide/]]
-[[よくある質問>http://atwiki.jp/guide/category1.html]]
-[[無料で会員登録できるSNS内の@wiki助け合いコミュニティ>http://sns.atfb.jp/view_community2.php?no=112]]
-[[@wiki更新情報>http://www1.atwiki.jp/guide/pages/264.html]]
-[[@wikiへのお問合せフォーム>http://atwiki.jp/helpdesk]]
等をご活用ください
**@wiki助け合いコミュニティの掲示板スレッド一覧
#atfb_bbs_list(112)
**その他お勧めサービスについて
-[[大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES>>http://atpages.jp/]]
-[[無料ブログ作成は@WORDをご利用ください>>http://atword.jp/]]
-[[2ch型の無料掲示板は@chsをご利用ください>>http://atchs.jp/]]
-[[フォーラム型の無料掲示板は@bbをご利用ください>>http://atbb.jp/]]
-[[お絵かき掲示板は@paintをご利用ください>>http://atpaint.jp/]]
-[[その他の無料掲示板は@bbsをご利用ください>>http://atbbs.jp/]]
-[[無料ソーシャルプロフィールサービス @flabo(アットフラボ)>>http://sns.atfb.jp]]
**おすすめ機能
-[[気になるニュースをチェック>http://atwiki.jp/guide/17_174_ja.html]]
-[[関連するブログ一覧を表示>http://atwiki.jp/guide/17_161_ja.html]]
**その他にもいろいろな機能満載！！
-[[@wikiプラグイン>http://atwiki.jp/guide/category17.html]]
-[[@wiki便利ツール>http://atwiki.jp/guide/category32.html]]
-[[@wiki構文>http://atwiki.jp/guide/category16.html]]
-[[@wikiプラグイン一覧>http://www1.atwiki.jp/guide/pages/264.html]]
**バグ・不具合を見つけたら？ 要望がある場合は？
お手数ですが、メールでお問い合わせください。
<!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" lang="en">
<!-- Recommended XHTML-Editor: HTML-Kit 292 (Freeware) -->
<!-- http://www.chami.com/html-kit/download/ -->
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name or Company / Template design: G. Wolfgang / June 8, 2006 / Email: gw@actamail.com / Check my favorite website: www.sda.org" />
<link rel="stylesheet" type="text/css" media="screen,projection" href="./css/style_screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="./css/style_print.css" />
<title>MultiFlex-2 - Layout #1</title>
</head>
<body>
<div class="page-container-1">
<!-- HEADER -->
<!-- Flag navigations -->
<div class="navflag-container">
<div class="navflag">
<ul>
<li><a href="#"><img class="img-navflag" src="./img/flag_uk.png" alt="" /></a></li>
<li><a href="#"><img class="img-navflag" src="./img/flag_germany.png" alt="" /></a></li>
<li><a href="#"><img class="img-navflag" src="./img/flag_sweden.png" alt="" /></a></li>
</ul>
</div>
</div>
<!-- Navigation Level 1 -->
<div class="nav1-container">
<div class="nav1">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<!-- Sitename -->
<div class="site-name">
<p class="title"><a href="index.html">MULTIFLEX•2</a></p>
<p class="subtitle"><a href="index.html">Flexible Webtemplates.</a></p>
</div>
<!-- Site slogan -->
<div class="site-slogan-container">
<div class="site-slogan">
<p class="title">YOUR TEMPLATE PARTNER!</p>
<p class="subtitle">Quality is our passion.</p>
<p class="text">Serving the webcommunity<br />with XHTML/CSS designs</p>
<p class="readmore">››› <a href="#">Go to templates</a></p>
</div>
</div>
<!-- Header banner -->
<div><img class="img-header" src="./img/header.jpg" alt=""/></div>
<!-- Navigation Level 2 -->
<div class="nav2">
<ul>
<li><a href="index.html" class="selected">Layout 1</a></li>
<li><a href="layout2.html">Layout 2</a></li>
<li><a href="layout3.html">Layout 3</a></li>
<li><a href="options_basic.html">Basic Options</a></li>
<li><a href="options_extra.html">Extra Options</a></li>
</ul>
</div>
<!-- Buffer after header -->
<div class="buffer"></div>
<!-- NAVIGATION -->
<!-- Navigation Level 3 -->
<div class="nav3">
<ul>
<li class="title">Menu</li>
<li class="group"><a href="#">Group Link</a></li>
<li class="group"><a href="#">Group Link</a></li>
<li><a href="#">Sublink</a></li>
<li><a href="#" class="selected">Sublink</a></li>
<li class="group"><a href="#">Group Link</a></li>
</ul>
<ul>
<li class="title">More Menu</li>
<li class="group"><a href="#">Group Link</a></li>
<li class="group"><a href="#">Group Link</a></li>
</ul>
<!-- Main title -->
<p class="sidebar-maintitle">My templates</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p><b>GoFlexible</b><br />Released: 20.03.2006<br />
Not for operational use.</p>
<p><b>GoFlexible-2</b><br />Released: 10.04.2006<br />
Not for for operational use.</p>
<p><b>GoFlexiblePro/GoFlexPro</b><br />Released: 16.04.2006<br />
OK for operational use.</p>
<p><b>MultiFlex-1</b><br />Released: 01.05.2006<br />
<b class="txt-red10">GOOD</b> for operational use.</p>
<p><b>MultiFlex-1.1</b><br />Released: 15.05.2006<br />
<b class="txt-red10">BETTER</b> for operational use.</p>
<p><b>MultiFlex-2</b><br />Released: 15.05.2006<br />
<b class="txt-red10">BEST</b> for operational use.</p>
</div>
<!-- Main title -->
<p class="sidebar-maintitle">Advertisements</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p>Put ads here (160px) ...</p>
</div>
</div>
<!-- CONTENT -->
<div class="content1">
<!-- Page title -->
<div class="content1-pagetitle">Welcome to MultiFlex-2</div>
<!-- Text container -->
<div class="content1-container line-box">
<div class="content1-container-1col">
<p class="content-title-noshade-size3">Basic overview</p>
<p class="content-subtitle-noshade-size1">Experience freedom</p>
<div class="content-txtbox-noshade">
<p>MultiFlex-2 is an improvement of MultiFlex-1. Changes consist of: 1) More page layouts, 2) more title options, 3) better viewing on 800x600 screens, 4) more efficient code, 5) increased browser support, 6) better stylesheet for printing. The template has many options for layout, pictures, text, tables, and colors, and is suitable for personal, business and portal websites. Three basic page layouts exist, <a href="index.html">Layout 1</a>, <a href="layout2.html">Layout 2</a>, <a href="layout3.html">Layout 3</a>. Please check the <a href="options_basic.html">Basic Options</a> and <a href="options_extra.html">Extra Options</a> to discover the full potential.</p>
<p class="readmore">| 15.05.2006 | <a href="#">Read more</a> | <a href="#">Print</a> |</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container line-box">
<div class="content1-container-2col-left">
<p class="content-title-noshade-size3">Code quality</p>
<p class="content-subtitle-noshade-size1">Solid and stable</p>
<div class="content-txtbox-noshade">
<p>MultiFlex-2 has a clean and stable code giving a firm foundation for current and future browsers. Use <a href="http://www.chami.com/html-kit/">HTML-Kit 292</a> and <a href="http://www.newsgator.com/NGOLProduct.aspx?ProdId=TopStyle&ProdView=lite">TopStyle Lite 3.10</a> freeware for easy editing.</p>
</div>
</div>
<div class="content1-container-2col-right">
<p class="content-title-noshade-size3">Browser support</p>
<p class="content-subtitle-noshade-size1">Tested for all platforms</p>
<div class="content-txtbox-noshade">
<p>Test passed at <a href="http://www.browsercam.com/">Browsercam</a> for:</p>
<p>MSIE 6.0 SP2, MSIE 7.0 Beta2, Firefox 1.0/1.5, Mozilla 1.6/1.7, Netscape 6.2.3/7.2/8.1, Opera 7.54/8.5.0/8.54, Konqueror 3.4.0, Camino 1.0, Safari 1.2/1.3/2.0.</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container">
<div class="content1-container-3col-left">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
</div>
<div class="content1-container-3col-middle">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
</div>
<div class="content1-container-3col-right">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
</div>
</div>
<!-- Text container -->
<div class="content1-container">
<div class="content1-container-3col-left">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
</div>
<div class="content1-container-3col-middle">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
</div>
<div class="content1-container-3col-right">
<p class="content-title-noshade-size3">Lorem Ipsum</p>
<p class="content-subtitle-noshade-size1">Lorem Ipsum</p>
<div class="content-txtbox-noshade">
<p>Lorem ipsum dolor sit amet, adipiscing elit, sed diam nonummy nibh euismod.</p>
</div>
</div>
</div>
</div>
<!-- SIDEBAR -->
<div class="sidebar">
<!-- Main Title -->
<p class="sidebar-maintitle">Infobar</p>
<!-- Textbox -->
<p class="sidebar-title-noshade">Check options!</p>
<div class="sidebar-txtbox-noshade">
<p>This page only shows the basics of MultiFlex-2. For more options, see <a href="options_basic.html">Basic Options</a> and <a href="options_extra.html">Extra Options</a>.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">It's free!</p>
<div class="sidebar-txtbox-noshade">
<p>Enjoy the template for free. Of course it would be nice if you keep author infos, but you can remove them if you prefer to do so.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">Questions?</p>
<div class="sidebar-txtbox-noshade">
<p>My name is Gerhard. If you have any questions about the template, just send me an email to <a href="mailto:gw@actamail.com">gw@actamail.com</a>. By the way, why not take a look at my <a href="http://www.sda.org">favorite website</a>.</p>
</div>
<!-- Textbox -->
<p class="sidebar-title-noshade">News and Links</p>
<div class="sidebar-txtbox-noshade">
<p>Use the left and right sidebars for news, events, links, ad banners, or other things.</p>
<p><b>»</b> <a href="#">Link A</a><br />
<b>»</b> <a href="#">Link B</a></p>
</div>
<!-- Main Title-->
<p class="sidebar-maintitle">Advertisements</p>
<!-- Textbox -->
<div class="sidebar-txtbox-noshade">
<p>Put ads here (160px) ...</p>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<p><b>Copyright © 2006 Your Company | All Rights Reserved</b></p>
<p>Design <a href="mailto:gw@actamail.com">G. Wolfgang</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate code as W3C XHTML 1.1 Strict Compliant">W3C XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate Style Sheet as W3C CSS 2.0 Compliant">W3C CSS 2.0</a></p>
</div>
</div>
</body>
</html>
表示オプション
横に並べて表示：
変化行の前後のみ表示：
