Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj12.07.2009, 11:50 (UTC)    
Mesaj konusu: CSS TASARIM - BUDA BENDEN

ÖZÜR DİLİYORUM YANLIŞ YERE AÇMIŞIM KONUYU BURAYA TEKRAR AÇIYORUM..
ÖNİZLEME Yİ BURADAN YAPINIZ : http://img.webme.com/pic/p/postallikoyu/bloggingtema.jpg

TASARIM ÜSTÜ KOD
Kod:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Blogging by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">

<div id="header">
<div id="menu">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="search">
<form method="get" action="">
<fieldset>
<input type="text" name="s" id="search-text" size="15" />
<input type="submit" id="search-submit" value="Search" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<div id="logo">
<h1><a href="">niğde bor postallı köyü</a></h1>
<p><em> template design by <a href="http://www.postallikoyu.tr.gg">NiGDeLi</a></em></p>
</div>
<hr />



<!-- end #logo -->
<hr />
<!-- end #logo -->
<!-- end #header-wrapper -->


TASARIM ALTI KOD:
Kod:
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Aliquam tempus</h2>
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
</li>
<li id="calendar">
<h2>Calendar</h2>
<div id="calendar_wrap">
<table summary="Calendar">
<caption>
March 2008
</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="February" colspan="3" id="prev"><a href="#" title="">&laquo; Feb</a></td>
<td class="pad">&nbsp;</td>
<td abbr="April" colspan="3" id="next"><a href="#" title="">Apr &raquo;</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="5" class="pad">&nbsp;</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td id="today">11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td class="pad" colspan="6">&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<h2>Turpis nulla</h2>
<ul>
<li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a></li>
<li><a href="#">Velit semper nisi molestie</a></li>
<li><a href="#">Eget tempor eget nonummy</a></li>
<li><a href="#">Nec metus sed donec</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->

<div id="footer">
<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
<!-- end #footer -->
</div>
</body>
</html>


CSS BÖLÜMÜ KOD :
Kod:

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin-top: 50px;
padding: 0;
background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/blogging/images/img01.jpg) repeat-x left top;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #837669;
}

h1, h2, h3 {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #649632;
}

h1 { font-size: 44px; }

h2 { font-size: 20px; }

h3 { }

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul, ol { }

blockquote { }

a { color: #000000; }

a:hover { text-decoration: none; }

a img {
border: none;
}

img.left {
float: left;
margin: 7px 30px 0 0;
}

img.right {
float: right;
margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
float: left;
line-height: normal;
}

.list1 li img {
margin: 0 30px 30px 0;
}

.list1 li.alt img {
margin-right: 0;
}

#wrapper {
}

/* Header */

#header-wrapper {
width: 880px;
margin: 0 auto;
}

#header {
width: 900px;
height: 60px;
margin: 0 auto;
background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img02.jpg) no-repeat left top;
}

/* Menu */

#menu {
float: left;
width: 540px;
height: 51px;
}

#menu ul {
margin: 0;
padding: 20px 0 0 20px;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
float: left;
}

#menu a {
display: block;
float: left;
margin-right: 5px;
padding: 5px 12px 5px 28px;
background: url(images/http://www.freecsstemplates.org/templates/previews/blogging/img06.gif) no-repeat left 50%;
text-decoration: none;
font: 14px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {
color: #FFFFFF;
}

/* Search */

#search {
float: right;
width: 305px;
height: 76px;
}

#search form {
float: right;
margin: 0;
padding: 25px 20px 0 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
border: none;
}

#search-text {
width: 135px;
height: 18px;
padding: 3px 0 0 5px;
background: #ECF9E4;
color: #658453;
}

#search-submit {
height: 21px;
margin-left: 12px;
color: #39561D;
}

/* Page */

#page {
width: 900px;
margin: 0 auto;
padding: 30px 0px 0px 0px;
}

/** LOGO */

#logo {
width: 900px;
height: 230px;
margin: 0 auto;
background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img03.jpg) no-repeat left top;
}

#logo h1, #logo p {
margin: 0;
padding: 0 0 0 170px;
line-height: normal;
}

#logo h1 { float: left;
padding-top: 70px; }

#logo h1 a {
text-decoration: none;
text-transform: lowercase;
color: #FFFFFF;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
padding: 130px 0 0 170px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}

#logo p a {
text-decoration: none;
color: #FFFFFF;
}

#logo p a:hover { text-decoration: underline; }

/* Content */

#content {
float: right;
width: 600px;
}

/* Post */

.post {
margin-bottom: 25px;
}

.post .title {
height: 30px;
margin-bottom: 3px;
padding: 8px 0px 2px 40px;
background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img05.jpg) no-repeat left top;
color: #FFFFFF;
}

.post .date {
float: right;
margin-top: -45px;
padding-right: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 18px;
color: #F1B566;
}

.post .meta {
margin: -30px 0 3px 25px;
padding: 2px 30px 2px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
padding: 25px 20px 0px 20px;
}

.post .links {
margin: 0 250px 0 0;
padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
padding-left: 17px;
}

/* Sidebar */

#sidebar {
float: left;
width: 280px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#sidebar li {
margin-bottom: 30px;
padding: 0 0 20px 0px;
}

#sidebar li ul {
line-height: 200%;
}

#sidebar li li {
margin: 0;
padding: 0 20px;
}

#sidebar p {
margin: 0;
padding: 0 20px;
}

#sidebar h2 {
height: 33px;
margin: 0 0 20px 0px;
padding: 8px 0 2px 40px;
background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img04.jpg) no-repeat left top;
font-size: 20px;
color: #FFFFFF;
}


#sidebar p {
line-height: 200%;
}

/* Calendar */

#calendar {
}

#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}

#calendar table {
width: 100%;
border-collapse: collapse;
border-right: 1px solid #F5F2EF;
}

#calendar thead th {
padding: 5px 0;
text-align: center;
border-top: 1px solid #F5F2EF;
border-left: 1px solid #F5F2EF;
background: #F5F2EF;
}

#calendar tbody td {
padding: 5px 0;
text-align: center;
border-top: 1px solid #F5F2EF;
border-left: 1px solid #F5F2EF;
}

#calendar tfoot td {
padding: 5px;
}

#calendar tfoot #next {
text-align: right;
}

#calendar #today {
background: #E7F1E1;
}

/* Footer */

#footer {
width: 900px;
margin: 0 auto;
padding: 0;
background: url(http://www.freecsstemplates.org/templates/previews/blogging/images/img07.jpg) no-repeat left top;
height: 61px;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
line-height: normal;
color: #FFFFFF;
}

#footer a {
color: #F1B566;
}
Mesaj12.07.2009, 11:54 (UTC)    
Mesaj konusu:

Lütfen Tasarımları Sabit Başlıklar Altında Paylaşınız!
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj12.07.2009, 11:56 (UTC)    
Mesaj konusu: NEDEN YANLIŞ YERDE AÇILIYOR ANLAMADIM

MODOLATÖRLERDEN ÖZÜR DİLİYORUM TASARIM BÖLÜMÜN DE YENİ KONU AÇIYORUM CSS SAYFASINDA ÇIKIYOR BEN PEK ANLAMAM İLK TASARIM PAYLAŞIMIM , İSTERSENİZ KONUYU TAŞIYINIZ TASARIM BÖLÜMÜNE TEŞEKKÜR EDİYORUM.
Mesaj12.07.2009, 11:59 (UTC)    
Mesaj konusu:

paylasim61 yazmış:
Lütfen Tasarımları Sabit Başlıklar Altında Paylaşınız!


paylaşımda ve konuda kasıt yok bilginiz olsun .. yapabilirseniz siz taşıyınız ben anlamıyorum. teşekkür ediyorum
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu