Forum'da ara:
Ara


Yazar Mesaj
Mesaj26.08.2010, 10:14 (UTC)    
Mesaj konusu: Yardım Gerekiyor Bi zahmet :)

Arkadaşlar forumda önerilen siteden bi şablon buldum indirdim fakat çoğu yerde

<div>...</div> kodları geçiyor benim indirdiğim kodlarda böyle kodlar yok ne yapacağımı bilmiyorum css kodu bölümüne yapıştırıyorum ancak gözükmüyor?

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

body {
margin: 0;
padding: 0;
background: #EEF1F4 url(http://www.freecsstemplates.org/preview/freshscent/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B7B97F;
}

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

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: none;
color: #D64803;
}

a:hover {
}

#wrapper {
margin: 0 auto;
padding: 0;
}

/* Header */

#header {
width: 1000px;
height: 104px;
margin: 0 auto;
background: url(http://www.freecsstemplates.org/preview/freshscent/img03.jpg) no-repeat left top;
}

/* Logo */

#logo {
float: left;
height: 60px;
margin: 0;
padding: 40px 0px 0px 20px;
color: #FFFFFF;
}

#logo h1, #logo p {
margin: 0;
padding: 0;
}

#logo h1 {
float: left;
padding-left: 25px;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 40px;
}

#logo p {
float: left;
margin: 0;
padding: 22px 0 0 10px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

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

/* Search */

#search {
float: right;
width: 279px;
height: 110px;
padding: 0;
}

#search form {
height: 41px;
margin: 0;
padding: 50px 0 0 30px;
}

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

#search-text {
width: 195px;
padding: 6px 10px;
border: none;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #262618;
}

#search-submit {
display: none;
}

/* Menu */

#menu {
width: 1000px;
height: 46px;
margin: 0 auto;
padding: 0;
background: url(http://www.freecsstemplates.org/preview/freshscent/img04.jpg) no-repeat left top;
}

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

#menu li {
float: left;
}

#menu a {
display: block;
height: 32px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
background: #C44203;
}

#menu .current_page_item a {
background: #C44203;
}

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

#splash {
width: 1000px;
height: 260px;
margin: 0px auto;
background: url(http://www.freecsstemplates.org/preview/freshscent/img05.jpg) no-repeat left top;
}

/* Page */

#page {
width: 1000px;
margin: 0 auto;
padding: 0;
background: url(http://www.freecsstemplates.org/preview/freshscent/img07.jpg) repeat-y left top;
}

#page-bgtop {
background: url(http://www.freecsstemplates.org/preview/freshscent/img06.jpg) no-repeat left top;
}

#page-bgbtm {
margin: 0px;
padding: 40px 30px 0px 30px;
background: url(http://www.freecsstemplates.org/preview/freshscent/img08.jpg) no-repeat left bottom;
}

/* Content */

#content {
float: left;
width: 520px;
padding: 0px 20px;
}

.post {
padding-bottom: 30px;
}

.post .title {
height: 38px;
letter-spacing: -.5px;
color: #1757AB;
}

.post .title a {
color: #FFFFFF;
border: none;
}

.post .meta {
margin-top: -10px;
padding-bottom: 5px;
border-bottom: 1px dashed #ACAD8E;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
}

.post .meta a {
}






#sidebar {
float: right;
width: 330px;
padding: 0px 0px 0px 0px;
color: #B7B97F;
}

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

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

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

#sidebar li li {
line-height: 35px;
border-bottom: 1px dashed #ACAD8E;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar h2 {
height: 38px;
padding: 12px 0 0 15px;
letter-spacing: -.5px;
color: #FFFFFF;
}

#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
}

#sidebar a {
border: none;
color: #B7B97F;
}

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

/* Calendar */

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

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

/* Footer */

#footer-wrapper {
width: 100%;
background: #231202;
}

#footer {
width: 1000px;
height: 100px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
padding-top: 40px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #656646;
}

#footer a {
color: #3E3F27;
}


kodlar bunlar neler eksik?yada ne yapmak zorundayım

herkese iyi forumlar,,
Mesaj26.08.2010, 10:17 (UTC)    
Mesaj konusu:

iceblue tasareım herlade bven pek anlamam böle bakıpat icbluemi neyse ;

SİTENE GİR ORADAN

Arrow Tasarım Ayarları

Arrow İceblue tasarımını seç

Arrow Çıkan Yerde Bi alan var oraya yapıştır...

Kolay gelsin...
Mesaj26.08.2010, 11:06 (UTC)    
Mesaj konusu:

Tamamen sıfırdan bir şablon benim anlamadığım şey neresi tasarım üstü neresi altı ve css kodları bölümüne ne yazıcam bunları öğrenmek istiyorum
Mesaj26.08.2010, 11:08 (UTC)    
Mesaj konusu:

kardeşim bu freecsstemplatesin tasarımı sen linkini ver ben ayırırım.ama sen tasarımın linkini ver
______________
Mesaj26.08.2010, 11:13 (UTC)    
Mesaj konusu:

http://www.freecsstemplates.org/preview/freshscent/

bu linki kardeş şimdiden sağol
Mesaj26.08.2010, 11:13 (UTC)    
Mesaj konusu:

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

body {
margin: 0;
padding: 0;
background: #EEF1F4 url(http://www.freecsstemplates.org/preview/freshscent/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B7B97F;
}
............................................
[code]

diye verdiğiniz kod CSS kodu.

İndirdiğiniz tasarım dosyasının içinde mevcut olan index.htm dosyasına sağ tıklayın ve birlikte açtan Not Defterinde açın işte orda gördüğünüz kodlarda <div>...</div> dediğiniz kodlar..
Mesaj26.08.2010, 11:17 (UTC)    
Mesaj konusu:

thb işi halletti gene bize bişey kalmadı
______________
Tr.Gg Dışı link Yasak |Bilgiliwebnet
Mesaj26.08.2010, 11:20 (UTC)    
Mesaj konusu:

çok sağol tşk ederm
Mesaj26.08.2010, 11:25 (UTC)    
Mesaj konusu:

mikroweb yazmış:
thb işi halletti gene bize bişey kalmadı


Very Happy Very Happy

facebookmangafan yazmış:
çok sağol tşk ederm


Ben teşekkür ederim bide code butonu çalışsaydı dört dörtlük olacaktıda .. Very Happy
Mesaj26.08.2010, 11:37 (UTC)    
Mesaj konusu:

Ama yapamadımm :SSS bi özelden mesajla anlatırmısın?
Mesaj26.08.2010, 11:44 (UTC)    
Mesaj konusu:

Merhaba,
Öncelikle kodları ayırırken içerik kısmını baz alın o katmandan yukarı tasarımın sütüne altı tasarımın altına.

Css Kodu:

Kod:

body {
margin: 0;
padding: 0;
background: #EEF1F4 url(http://www.freecsstemplates.org/preview/freshscent/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B7B97F;
}

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

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: none;
color: #D64803;
}

a:hover {
}

#wrapper {
margin: 0 auto;
padding: 0;
}

/* Header */

#header {
width: 1000px;
height: 104px;
margin: 0 auto;
background: url(http://www.freecsstemplates.org/preview/freshscent/img03.jpg) no-repeat left top;
}

/* Logo */

#logo {
float: left;
height: 60px;
margin: 0;
padding: 40px 0px 0px 20px;
color: #FFFFFF;
}

#logo h1, #logo p {
margin: 0;
padding: 0;
}

#logo h1 {
float: left;
padding-left: 25px;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 40px;
}

#logo p {
float: left;
margin: 0;
padding: 22px 0 0 10px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

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

/* Search */

#search {
float: right;
width: 279px;
height: 110px;
padding: 0;
}

#search form {
height: 41px;
margin: 0;
padding: 50px 0 0 30px;
}

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

#search-text {
width: 195px;
padding: 6px 10px;
border: none;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #262618;
}

#search-submit {
display: none;
}

/* Menu */

#menu {
width: 1000px;
height: 46px;
margin: 0 auto;
padding: 0;
background: url(http://www.freecsstemplates.org/preview/freshscent/img04.jpg) no-repeat left top;
}

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

#menu li {
float: left;
}

#menu a {
display: block;
height: 32px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
background: #C44203;
}

#menu .current_page_item a {
background: #C44203;
}

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

#splash {
width: 1000px;
height: 260px;
margin: 0px auto;
background: url(http://www.freecsstemplates.org/preview/freshscent/img05.jpg) no-repeat left top;
}

/* Page */

#page {
width: 1000px;
margin: 0 auto;
padding: 0;
background: url(http://www.freecsstemplates.org/preview/freshscent/img07.jpg) repeat-y left top;
}

#page-bgtop {
background: url(http://www.freecsstemplates.org/preview/freshscent/img06.jpg) no-repeat left top;
}

#page-bgbtm {
margin: 0px;
padding: 40px 30px 0px 30px;
background: url(http://www.freecsstemplates.org/preview/freshscent/img08.jpg) no-repeat left bottom;
}

/* Contentt */

#contentt {
float: left;
width: 520px;
padding: 0px 20px;
}

.post {
padding-bottom: 30px;
}

.post .title {
height: 38px;
letter-spacing: -.5px;
color: #1757AB;
}

.post .title a {
color: #FFFFFF;
border: none;
}

.post .meta {
margin-top: -10px;
padding-bottom: 5px;
border-bottom: 1px dashed #ACAD8E;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
}

.post .meta a {
}

#sidebar {
float: right;
width: 330px;
padding: 0px 0px 0px 0px;
color: #B7B97F;
}

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

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

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

#sidebar li li {
line-height: 35px;
border-bottom: 1px dashed #ACAD8E;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar h2 {
height: 38px;
padding: 12px 0 0 15px;
letter-spacing: -.5px;
color: #FFFFFF;
}

#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
}

#sidebar a {
border: none;
color: #B7B97F;
}

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

/* Calendar */

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

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

/* Footer */

#footer-wrapper {
width: 100%;
background: #231202;
}

#footer {
width: 1000px;
height: 100px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
padding-top: 40px;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #656646;
}

#footer a {
color: #3E3F27;
}


Tasarımın üzeri:
Kod:

<div id="wrapper">
   <div id="header">
      <div id="logo">
         <h1><a href="#">Fresh Scent   </a></h1>
         <p> design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
      </div>
      <div id="search">
         <form method="get" action="">
            <fieldset>
            <input type="text" name="s" id="search-text" size="15" value="enter keywords here..." />
            <input type="submit" id="search-submit" value="GO" />
            </fieldset>
         </form>
      </div>
   </div>
   <!-- end #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>
   <div id="splash">&nbsp;</div>
   <!-- end #menu -->
   <div id="page">
   <div id="page-bgtop">
   <div id="page-bgbtm">
      <div id="contentt">


Tasarımın altı:

Kod:

</div>
      <!-- end #contentt -->
      <div id="sidebar">
         <ul>
            <li>
               <h2>Aliquam tempus</h2>
               <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p>
            </li>
            <li>
               <h2>Categories</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Blogroll</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Archives</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end #sidebar -->
      <div style="clear: both;">&nbsp;</div>
   </div>
   </div>
   </div>
   <!-- end #page -->
</div>
   <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 -->


Not: Tasarımın üzerindeki content katmanını contentt yaptım çünkü Bedava-Sitem ana Css design şablonundaki katmanda content olduğu için uyumsuzluk gösterebilir..
Önceki mesajları göster:   


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