Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj28.01.2009, 23:32 (UTC)    
Mesaj konusu: Free temple tasarımını ayırmak ?

http://www.freecsstemplates.org/preview/nightvision arkadaslar lınktekı tasarımı begendım acılıyetı olmasa lınk vermezdım fakat hıc bır yardım goremedım Sıteme bunu koyabılıyorum fakat sıtemın ıcerıgı gozukmuyor bunun için ayırmak gereklıymıs ben ayıramadım sızden rıcam ayırabılırmısınız sıteme dırek koymak ıcın sımdıden tesekur ederım


En son quickhack tarafından 29.01.2009 16:55:59 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj28.01.2009, 23:48 (UTC)    
Mesaj konusu:

onu bulamadım ama ona benzerini buldum

tasarımın üstüne
Kod:
<div id="header">
   <div id="logo">
      <h1><a href="#">Baseline</a></h1>
      <h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
   </div>
   <div id="search">
      <form method="get" action="">
         <fieldset>
         <input id="searchinput" type="text" name="searchinput" value="" />
         <input id="searchsubmit" type="submit" value="Search" />
         </fieldset>
      </form>
   </div>
</div>
<div id="menu">
   <ul>
      <li class="active"><a href="#"><b>Home</b></a></li>
      <li><a href="#"><b>Blogs</b></a></li>
      <li><a href="#"><b>Forums</b></a></li>
      <li><a href="#"><b>About</b></a></li>
      <li><a href="#"><b>Contact</b></a></li>
   </ul>
</div>
<div id="page">
   <div id="content">
      <div id="feature" class="box-orange">
         <h2 class="section"><b>BonJuan-62.Tr.Gg</b></h2>
         <div class="content">
            <h1>Hoşgeldiniz...</h1>
            <p class="byline"><small>Bilgi Güçtür, Paylaştıkça Büyür!</small></p>





tasarımın altına

Kod:
</div>
      </div>
      <div class="two-cols">
         <div class="box-blue col-one">
            <h2 class="section"><b>Hakkımızda</b></h2>
            <div class="content">
               Kısa Bir Yazı burada olabilir...
               </div>
         </div>
         <div class="box-pink col-two">
            <h2 class="section"><b>Bağlantılar</b></h2>
            <div class="content">
               <ul class="list">
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 1</a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
   <div id="sidebar" class="two-cols">
      <div class="col-one">
         <div class="box-blue">
            <h2 class="section"><b>Categories</b></h2>
            <div class="content">
               <ul>
                  <li>
                     <h3><a href="#">Pede vel arcu</a></h3>
                     <ul>
                        <li><a href="#">Aliquet pretium</a></li>
                        <li><a href="#">Pellentesque qui</a></li>
                        <li><a href="#">Integer sit amet</a></li>
                        <li><a href="#">Elit non gravida</a></li>
                        <li><a href="#">Blandit </a><a href="#">lorem ipsum</a></li>
                        <li><a href="#">Dolor sit amet</a></li>
                     </ul>
                  </li>
                  <li>
                     <h3><a href="#">Adipiscing elit</a></h3>
                     <ul>
                        <li><a href="#">Nec erat sit amet</a></li>
                        <li><a href="#">Pellentesque congue</a></li>
                        <li><a href="#">Cras vitae metus</a></li>
                        <li><a href="#">Risus pellentesque</a></li>
                        <li><a href="#">Maecenas vitae orci</a></li>
                        <li><a href="#">Vitae tellus feugiat</a></li>
                        <li><a href="#">Etiam ac tortor eu</a></li>
                     </ul>
                  </li>
                  <li>
                     <h3><a href="#">Metus euismod</a></h3>
                     <ul>
                        <li><a href="#">Duis non ante in</a></li>
                        <li><a href="#">Commodo euismod</a></li>
                        <li><a href="#">Nec erat sit amet</a></li>
                        <li><a href="#">Pellentesque congue</a></li>
                        <li><a href="#">Risus pellentesque</a></li>
                        <li><a href="#">Maecenas vitae orci</a></li>
                        <li><a href="#">Vitae tellus eleifend</a></li>
                        <li><a href="#">Etiam ac tortor eu</a></li>
                     </ul>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <div class="col-two">
         <div class="box-pink">
            <h2 class="section"><b>Sponsors</b></h2>
            <div class="content"><a href="#"><img src="images/img20.jpg" alt="" width="160" height="600" /></a></div>
         </div>
      </div>
   </div>
   <div style="clear: both;"> </div>
</div>
<div id="footer">
   <p id="legal">Copyright © 2007 Simpletex. All Rights Reserved | Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
   <p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>



css koduna

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
*/

* {
   margin: 0;
   padding: 0;
}

body{
   background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/baseline/images/img01.gif) repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #666666;
}

h1, h2 {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight: normal;
}

h1 {
   font-size: 197%;
}

h2 {
   font-size: 167%;
}

h3 {
   margin-bottom: 1em;
   text-transform: uppercase;
   font-size: 100%;
   color: #000000;
}

p, ul, ol {
   margin-bottom: 1.5em;
   line-height: 1.6em;
}

p {
}

ol {
}

ul {
   list-style: none;
}

ul li {
   padding-left: 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img16.gif) no-repeat 0px 10px;
}

a:link {
   color: #3490F8;
}

a:hover, a:active {
   text-decoration: none;
   color: #F89934;
}

a:visited {
   color: #666666;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 0 20px 10px 0;
}

img.right {
   float: right;
   margin: 0 0 10px 20px;
}

.byline {
   color: #CCCCCC;
}

.col-one {
   float: left;
}

.col-two {
   float: right;
}

.two-cols {
}

.two-cols .col-one, .two-cols .col-two {
   width: 250px;
}

/* Boxes */

.box-orange {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img09.gif) repeat-x;
}

.box-orange .section {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img11.gif) no-repeat right top;
   font-size: 100%;
   color: #FFFFFF;
}

.box-orange .section b {
   display: block;
   height: 23px;
   padding: 7px 0 0 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img10.gif) no-repeat;
}

.box-orange .content {
   padding: 20px;
}

.box-blue {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img13.gif) repeat-x;
}

.box-blue .section {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img15.gif) no-repeat right top;
   font-size: 100%;
   color: #FFFFFF;
}

.box-blue .section b {
   display: block;
   height: 23px;
   padding: 7px 0 0 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img14.gif) no-repeat;
}

.box-blue .content {
   padding: 20px;
}

.box-pink {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img17.gif) repeat-x;
}

.box-pink .section {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img19.gif) no-repeat right top;
   font-size: 100%;
   color: #FFFFFF;
}

.box-pink .section b {
   display: block;
   height: 23px;
   padding: 7px 0 0 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img18.gif) no-repeat;
}

.box-pink .content {
   padding: 20px;
}

/* Header */

#header {
   width: 960px;
   height: 92px;
   margin: 0 auto;
}

/* Logo */

#logo {
   float: left;
margin-top: -31px;
}

#logo h1, #logo h2 {
   float: left;
}

#logo h1 {
   padding-top: 40px;
   text-transform: lowercase;
   font-size: 34px;
   font-weight: normal;
}

#logo h2 {
   padding: 63px 0 0 3px;
   text-transform: uppercase;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

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

/* Search */

#search {
   float: right;
   width: 300px;
   padding-top: 55px;
margin-top: -31px;
}

#search form {
}

#search fieldset {
   border: none;
}

#searchinput, #searchsubmit {
   font: bold 100% Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
}

#searchinput {
   padding: 2px 5px;
   width: 198px;
   background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/baseline/images/img02.gif) repeat-x;
   border: 1px solid #FFFFFF;
}

#searchsubmit {
   padding: 0 2px;
   background: #F4A652 url(http://www.freecsstemplates.org/templates/previews/baseline/images/img03.gif) repeat-x;
   border: 1px solid #000000;
   text-transform: lowercase;
}

/* Menu */

#menu {
   width: 960px;
   height: 30px;
   margin: 0 auto;
margin-top: -29px;

}

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

#menu li {
   display: block;
   float: left;
   margin-right: 1px;
   padding: 0;
   background: #FFFFFF;
}

#menu a {
   display: block;
   float: left;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img07.gif) no-repeat;
   text-decoration: none;
   color: #666666;
}

#menu a:hover {
   color: #1777B1;
}

#menu b {
   display: block;
   float: left;
   height: 23px;
   padding: 7px 20px 0 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img08.gif) no-repeat right top;
   cursor: hand;   
}

#menu li.active {
   background: #CFCECE url(http://www.freecsstemplates.org/templates/previews/baseline/images/img04.gif) repeat-x;
}

#menu li.active a {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img06.gif) no-repeat right top;
   color: #C90404;
}

#menu li.active b {
   background: url(http://www.freecsstemplates.org/templates/previews/baseline/images/img05.gif) no-repeat;
}

/* Page */

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

/* Content */

#content {
   float: left;
   width: 520px;
}

/* Feature */

#feature {
   margin-bottom: 20px;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 420px;
}

#sidebar .col-one {
   width: 200px;
}

#sidebar .col-two {
   width: 200px;
}

/* Footer */

#footer {
   height: 100px;
   padding: 20px;
   background: #DDDDDD;
   border-top: 1px solid #999999;
}

#footer p {
   margin: 0;
   text-align: center;
   font-size: 85%;
}

______________

Forumda BonJuan-62 yerine ismimle yani "Deniz" diye hitap edilmesini tercih ederim!.Very Happy
Mesaj29.01.2009, 13:23 (UTC)    
Mesaj konusu:

Kardes paylastıgın ıcın emegıne saglık ama bana sıyah bır tasarım lazım
O yuzden onu ıstdım o olmuyorsa rıca etsem kendı sıtende kullandıgın tasarımı benımle paylasırmısın oda freetemple dıye hatırlıyorum...lutfen kardesım ıstersen reklamınıda yapars Smile
Mesaj29.01.2009, 20:29 (UTC)    
Mesaj konusu:

quickhack yazmış:
Kardes paylastıgın ıcın emegıne saglık ama bana sıyah bır tasarım lazım
O yuzden onu ıstdım o olmuyorsa rıca etsem kendı sıtende kullandıgın tasarımı benımle paylasırmısın oda freetemple dıye hatırlıyorum...lutfen kardesım ıstersen reklamınıda yapars Smile

İnceleyiniz Wink
Arrow
http://www.bedava-sitem.com/forum/viewtopic.php?t=25694

______________
Aşağıdaki yazı fontunun adı Angilo Tatto'dur. Gelen mesajlara istinaden yazdım Smile
Mesaj30.01.2009, 12:21 (UTC)    
Mesaj konusu:

tesekur ederım arkadasım yaptım oldu =)
Önceki mesajları göster:   


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