- Intro - Index Tema

Left Side

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad splendide quaerendum per, ea minimum officiis oportere vel, an has perpetua percipitur. Consequat contentiones his te, id noster menandri his. Per partem perfecto eu, est soluta accusata ex.

Left Side

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad splendide quaerendum per, ea minimum officiis oportere vel, an has perpetua percipitur. Consequat contentiones his te, id noster menandri his. Per partem perfecto eu, est soluta accusata ex.

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.

Right Side

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.

Sub Title

Ad splendide quaerendum per, ea minimum officiis oportere vel, an has perpetua percipitur. Consequat contentiones his te, id noster menandri his. Per partem perfecto eu, est soluta accusata ex.

Right Side

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere.

Lorem ipsum summo nominavi pri et. Stet eruditi perfecto at sed, ad enim constituto deseruisse quo, mea no quem eros munere. Ad splendide quaerendum per, ea minimum officiis oportere vel, an has perpetua percipitur. Consequat contentiones his te, id noster menandri his. Per partem perfecto eu, est soluta accusata ex.

Intro - Index Tema

İntro - İndex Tema

Tema sitelerinde dolaşırken bir introya rastladım. Sade olması en büyük avantaj olarak düşünüyorum. Hem sade hem de şık.

Ekran Görüntüsü:

Kendinize göre değiştirebilirsiniz fakat sağ alt köşedeki yeri bu temayı yapan kişinin linkini kaldırmayınız emeğe saygı lütfen. Bedava-Sitem'e uyarlama bana aittir o bölümüde kaldırmazsanız sevinirim. Güle güle kullanın.

Kod:

<style type="text/css"> * {     margin: 0;     padding: 0;     text-decoration: none; }  html {background: #fcfcfc; font-family: verdana, sans-serif; font-size: 14px;} #all {border: solid #ffffff 1px; width: 58.6em; color: #333; font-size: 90%; font-family: Georgia, sans-serif; margin: 0 auto 4em auto;} #menu a {color: #333;} #menu a:hover {color: #e74a40;} #author {position: absolute; right: 1em; bottom: 1em; color: #ccc; font-size: 90%; text-align: right} #author a {color: #ccc;} #author a:hover {color: #e74a40;} #menu {float: left; padding-right: 1em; padding-bottom: 2em; padding-top: 12em; border-right: solid #000 1px; margin: 2em auto; width: 24em; text-align: right} #content {margin: 0 auto 4em auto; width: 30em; border-left: #000 1px solid; padding: 2em 2em 2em 1em; float: right} h1 {font-size: 180%; font-weight: bold; font-style: italic;} h1 a {color: #222;} h1 a:hover {color: #00eb42;} h2 {font-size: 100%; font-weight: normal; margin-bottom: 1em; font-style: italic} h3 {font-size: 100%; font-weight: bold; margin: 2em 0 1em 0; font-style: italic} p {margin: 1em 0;} address {font-size: 100%; font-style: normal} acronym {border: none;} a {color: #bc312b} a:hover {color: #e74a40} ul {margin-top: 1em;} li {list-style-type: none} dl {margin-top: 1em} dt {margin-top: 0.5em;} img#logo {position: absolute; width: 10em; margin-left: -11em; margin-top: 2em;} </style> <div id="all"><img height="129" id="logo" name="logo" alt="logo" src="https://img.webme.com/pic/u/utkubs/utkubsmaskot.jpg" _fcksavedurl="https://img.webme.com/pic/u/utkubs/utkubsmaskot.jpg" style="left: 520px; width: 114px;" />       <div id="menu"> <ul>     <li><a href="#LİNK" _fcksavedurl="#LİNK">Ana Sayfa</a></li>     <li><a href="#LİNK" _fcksavedurl="#LİNK">İletişim</a></li> </ul> <ul>     <li><a href="#LİNK" _fcksavedurl="#LİNK">Ziyaretçi Defteri</a></li>     <li><a href="#LİNK" _fcksavedurl="#LİNK">Hakkımda</a></li>     <li><a href="#LİNK" _fcksavedurl="#LİNK">Diğer Sitelerim / Projelerim</a></li> </ul> </div>  <div id="content"> <h1><a href="" _fcksavedurl="" title="Needles Template">UtkuBS Başlık</a></h1> <h2>Bedava-Sitem üyelerine yardım sitesi.</h2> <p><a href="http://www.utkubs.tr.gg" _fcksavedurl="http://www.utkubs.tr.gg">UtkuBS Site</a></p> <p>Bu alana ne istiyorsanız yazarsınız. Alttaki yazılar, kodlamalar örnek olarak eklenmiştir, kendi istediğinizi yazarsınız.</p> <p>You can change the logo picture in <em>logo.jpg</em> file. If it has another aspect ratio, you might want to adjust the following styles:<br /> <br /> <span style="font-family: Sans; font-size: 90%; color: #666">     #menu {padding-top: 12em}<br /> #logo {margin-left: -11em}<br /> #logo {width: 10em}     </span></p> <p>An example of content link: <a href="http://css4free.com/tag/css4free-suggestions/" _fcksavedurl="http://css4free.com/tag/css4free-suggestions/">Favorite CSS Web Designs</a>.</p> <p>An example of item list:</p> <ul>     <li>item</li>     <li>another item</li>     <li>and one more</li> </ul> <p>If you have any questions, suggestions or just want to share something concerning Needles template, write to: <br /> <a href="mailto:marcin@teodorczyk.info" _fcksavedurl="mailto:marcin@teodorczyk.info"> marcin@teodorczyk.info </a></p> <p>Last update: 25/07/2012</p> </div> <div id="author">Template Needles, designed by <a href="http://teodorczyk.info" _fcksavedurl="http://teodorczyk.info">Marcin Teodorczyk</a><br /> Bedava-Sitem'e uyarlayan <a href="http://utkubs.tr.gg/" _fcksavedurl="http://utkubs.tr.gg/">UtkuBS</a></div> </div>

Giriş Butonuna Kod (dilerseniz ekleyebilirsiniz)

This template downloaded form free website templates

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol