|
|
| (10 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| − | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| |
| − | <style type="text/css">
| |
| − | body {
| |
| − | font-family: "Trebuchet MS", sans-serif;
| |
| − | line-height: 1.5;
| |
| − | font-size: 14px;
| |
| − | background: #36393D;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| | | | |
| − | a { color: #0066cc; text-decoration: none;}
| |
| − | a:hover { color: #880000; }
| |
| − |
| |
| − | h1 {
| |
| − | margin: 0;
| |
| − | padding-left: 20px;
| |
| − | }
| |
| − | h1 a { text-decoration: none; color: #F9F7ED; }
| |
| − | h1 a:hover { border-bottom: 1px solid #F9F7ED; color: #F9F7ED; }
| |
| − |
| |
| − | #wrap {
| |
| − | width: 940px;
| |
| − | margin: 20px auto;
| |
| − | background: #fff;
| |
| − | padding: 20px;
| |
| − | }
| |
| − |
| |
| − | #header {
| |
| − | background: #2C2D2F;
| |
| − | height: 100px;
| |
| − | line-height: 100px;
| |
| − | }
| |
| − |
| |
| − | #menu {
| |
| − | background: #356AA0;
| |
| − | height: 30px;
| |
| − | line-height: 30px;
| |
| − | }
| |
| − |
| |
| − | #menu ul {
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding-left: 0px;
| |
| − | }
| |
| − | #menu ul li {
| |
| − | display: block;
| |
| − | float: left;
| |
| − | }
| |
| − | #menu ul li a {
| |
| − | display: block;
| |
| − | padding: 0 10px 0 10px;
| |
| − | text-decoration: none;
| |
| − | color: #fff;
| |
| − | font-size: 13px;
| |
| − | font-weight: 600;
| |
| − | }
| |
| − | #menu ul li a:hover {
| |
| − | color: #fff;
| |
| − | background: #CF4D4F;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | float: auto;
| |
| − | width: 620px;
| |
| − | background: #F9F7ED;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | #content h2 {
| |
| − | margin: 0;
| |
| − | color: #F9F7ED;
| |
| − | height: 30px;
| |
| − | line-height: 30px;
| |
| − | background: #2C2D2F;
| |
| − | padding: 0 0 0 10px;
| |
| − | font-size: 16px;
| |
| − | }
| |
| − |
| |
| − | #content p { padding: 0 10px 10px 10px; color: #232323;}
| |
| − | #content ul { padding: 0 20px 10px 30px; }
| |
| − |
| |
| − | #sidebar {
| |
| − | float: left;
| |
| − | margin-top: 20px;
| |
| − | width: 300px;
| |
| − | background: #eee;
| |
| − | border-bottom: 5px solid #36393D;
| |
| − | }
| |
| − |
| |
| − | #sidebar h3 {
| |
| − | background: #2C2D2F;
| |
| − | height: 30px;
| |
| − | line-height: 30px;
| |
| − | font-weight: 600;
| |
| − | font-size: 14px;
| |
| − | margin: 0; padding: 0 0 0 10px;
| |
| − | color: #F9F7ED;
| |
| − | }
| |
| − |
| |
| − | #sidebar p { padding: 0 10px 10px 10px; color: #232323; }
| |
| − |
| |
| − | #sidebar ul {
| |
| − | padding: 10px 0 20px 30px;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #sidebar ul li {
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #sidebar ul ul { padding: 2px 0 2px 20px; }
| |
| − |
| |
| − | #columns p { padding: 0 10px 10px 10px; color: #232323; }
| |
| − |
| |
| − | #columns h3 {
| |
| − | background: #2C2D2F;
| |
| − | height: 30px;
| |
| − | line-height: 30px;
| |
| − | font-weight: 600;
| |
| − | font-size: 14px;
| |
| − | margin: 0 0 0 0; padding: 0 0 0 10px;
| |
| − | color: #F9F7ED;
| |
| − | }
| |
| − |
| |
| − | #columns ul {
| |
| − | padding: 15px 0 20px 30px;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #columns ul li {
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | #column1 {
| |
| − | float: left;
| |
| − | width: 300px;
| |
| − | background: #FFFF88;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | #column2 {
| |
| − | float: left;
| |
| − | margin-left: auto;
| |
| − | width: 300px;
| |
| − | background: #CDEB8B;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | #column3 {
| |
| − | float: left;
| |
| − | margin-left: auto;
| |
| − | width: 300px;
| |
| − | background: #C3D9FF;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − |
| |
| − | #footer {
| |
| − | background: #2C2D2F;
| |
| − | padding: 10px 0;
| |
| − | text-align: center;
| |
| − | color: #fff;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − | #footer p { padding: 0; margin: 0; }
| |
| − | #footer a { color: #fff; }
| |
| − | #footer a:hover { text-decoration: underline; }
| |
| − |
| |
| − | </style>
| |
| − | <title>odtü lise takımının wiki denemesi</title>
| |
| − | </head>
| |
| − | <body>
| |
| − |
| |
| − | <div id="wrap">
| |
| − |
| |
| − | <div id="header">
| |
| − | <h1><a href="#">Denemeee!</a></h1>
| |
| − | </div>
| |
| − |
| |
| − | <div id="menu">
| |
| − | </div>
| |
| − |
| |
| − | <div id="project">
| |
| − |
| |
| − | <h2>Example Article #1 - This is H2 Heading</h2>
| |
| − |
| |
| − | <p>
| |
| − | Bu bir denemedir. unutmayın ki, wikimiz böyle olmayacak. Bu şablon sistemi kavrama amacıyla kullanılıyor.
| |
| − | </p>
| |
| − |
| |
| − | <ul>
| |
| − | <li>Madde 1'in denemesi</li>
| |
| − | <li>Madde 2'nin denemesi</li>
| |
| − | <li>Son maddemiz</li>
| |
| − | </ul>
| |
| − |
| |
| − | <p>
| |
| − | Buraya diğer paragraf geliyor.
| |
| − | </p>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div id="sidebar">
| |
| − | <h3>Menü</h3>
| |
| − | <ul>
| |
| − | <li><a href="#">project</a></li>
| |
| − | <li><a href="#">team</a></li>
| |
| − | <li><a href="#">safety</a></li>
| |
| − | <li><a href="#">filan</a></li>
| |
| − | <li><a href="#">falan</a></li>
| |
| − | <li><a href="#">bla</a></li>
| |
| − | <li><a href="#">Human Practise</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | <h3>Yararlı Kaynaklar</h3>
| |
| − | <ul>
| |
| − | <li><a href="http://www.florencesightseeing.info">Florence Sightseeing</a></li>
| |
| − | <li><a href="http://www.ithappened.info">It Happened</a></li>
| |
| − | <li><a href="http://www.anciv.info">Ancient Civilizations</a></li>
| |
| − | <li><a href="http://www.medievaltimes.info">Medieval History</a></li>
| |
| − | <li><a href="http://www.healthhive.info">Health Information</a></li>
| |
| − | <li><a href="http://www.budgettraveladvice.info">Traveling on a Budget</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div style="clear: both;"> </div>
| |
| − |
| |
| − | <div id="columns">
| |
| − |
| |
| − | <div id="column1">
| |
| − | <h3>Latest Articles</h3>
| |
| − | <ul>
| |
| − | <li><a href="#">Proin at</a></li>
| |
| − | <li><a href="#">Class aptent taciti</a></li>
| |
| − | <li><a href="#">Morbi in dolor</a></li>
| |
| − | <li><a href="#">Praesent ultricies</a></li>
| |
| − | <li><a href="#">Aenean euismod</a></li>
| |
| − | <li><a href="#">Donec sempe</a></li>
| |
| − | <li><a href="#">Suspendisse potenti</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <div id="column2">
| |
| − | <h3>Abone Olun</h3>
| |
| − | <p>
| |
| − | Bizi sosyal medyada takip edinn:!
| |
| − | </p>
| |
| − | </div>
| |
| − |
| |
| − | <div id="column3">
| |
| − | <h3>Friends</h3>
| |
| − | <ul>
| |
| − | <li><a href="http://www.oldwisdom.info">Old Wisdom</a></li>
| |
| − | <li><a href="http://www.supplies4pets.info">Supplies for Pets</a></li>
| |
| − | <li><a href="http://www.viennasights.info">Vienna Sightseeing</a></li>
| |
| − | <li><a href="http://www.barcelonasightseeing.info">Barcelona, Spain</a></li>
| |
| − | <li><a href="http://www.amsterdamsightseeing.info">Amsterdam</a></li>
| |
| − | <li><a href="http://www.francesightseeing.info">French Cities</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div style="clear: both;"> </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div id="footer">
| |
| − | <p>© Copyright 2010 You | Design by <a href="http://www.blogliber.com">Blog Liber</a></p>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |