Forum'da ara:
Ara


Yazar Mesaj
Mesaj31.10.2008, 22:55 (UTC)    
Mesaj konusu: tasarim problemi

ya arkadaslar ben site http://www.freecsstemplates.org/preview/widgetlike bu sitedeki tasarimi yapmak istiyorum bir yardimci olun anlamadim cok kariski birsey bunu yapmasini bilen biri varsa ltfen bana yardimci olun
Mesaj31.10.2008, 23:33 (UTC)    
Mesaj konusu: HACKERFRİEND paylasımıdır.

Tasarimin üstüne:
Kod:
<div id="bg1">
   <div id="header">
      <h1><a href="#">WidgetLike<sup>1.0</sup></a></h1>
      <h2>By <a href="http://www.nodethirtythree.com/">NodeThirtyThree</a> + <a href="http://www.freecsstemplates.org/">FreeCSSTemplates</a></h2>
   </div>
   <!-- end #header -->
</div>
<!-- end #bg1 -->
<div id="bg2">
   <div id="header2">
      <div id="menu">
         <ul>
            <li><a href="#">Photos</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Friends</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
         </ul>
      </div>
      <!-- end #menu -->
      <div id="search">
         <form method="get" action="#">
            <fieldset>
            <input type="text" name="q" value="search keywords" id="q" class="text" />
            <input type="submit" value="Search" class="button" />
            </fieldset>
         </form>
      </div>
      <!-- end #search -->
   </div>
   <!-- end #header2 -->
</div>
<!-- end #bg2 -->
<div id="bg3">
   <div id="bg4">
      <div id="bg5">
         <div id="page">
            <div id="content">
               <div class="post">
                  <div class="title">
                     <h2><a href="#">HackeR FrienD.Net</a></h2>
                     <p>10.11.08</p>
                  </div>
                  <div class="entry">


Tasarimin altına:
Kod:
</div>
                  <div class="meta">
                     Sloganımız: Bilgi Güçtür, Paylaştıkça Büyür!
                     </div>
               </div>
            </div>
            <div id="sidebar">
               <ul>
                  <li>
                     <h2>Tempus aliquam</h2>
                     <p>Sed vel quam. Vestibulum pellentesque. Morbi sit amet magna ac lacus dapibus interdum. Donec pede nisl, gravida iaculis, auctor vitae, bibendum sit amet aliquam. <a href="#">Read more&hellip;</a></p>
                  </li>
                  <li>
                     <h2>Ipsum sed interdum</h2>
                     <ul>
                        <li><a href="#">Sed vel quam vestibulum</a></li>
                        <li><a href="#">Pellentesque morbi sit veroeros</a></li>
                        <li><a href="#">Magna interdum donec pede</a></li>
                        <li><a href="#">Nisl gravida iaculis auctor vitae</a></li>
                        <li><a href="#">Bibendum sit amet mauris cras</a></li>
                        <li><a href="#">Adipiscing libero et risus donec</a></li>
                        <li><a href="#">Venenatis porttitor morbi quam</a></li>
                     </ul>
                  </li>
               </ul>
            </div>
            <!-- end #sidebar -->
            <div style="clear: both; height: 40px;">&nbsp;</div>
         </div>
      </div>
   </div>
</div>
<div id="footer">
   <p>(c) 2008 Sitename.com. Design by <a href="http://www.nodethirtythree.com/">nodeThirtyThree</a> + <a href="http://www.freewpthemes.net/">Free CSS Templates</a></p>
</div>


CSS kismina(meta tagları olmadan)
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;}


* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0px;
   background: #002F43 url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/bg01.jpg) repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #B9B9B9;
}

h1, h2, h3 {
   margin-bottom: 1.5em;
}

h1 {
   font-size: 2em;
}

h2 {
   font-size: 1.4em;
}

h3 {
   font-size: 1em;
}

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

ul, ol {
   margin-left: 3em;
}

blockquote {
   margin-left: 3em;
   margin-right: 3em;
}

a {
   color: #8AC800;
}

a:hover {
   text-decoration: none;
}

strong {
   color: #D7D7D7;
}

img.left {
   float: left;
   margin: 5px 25px 0px 0px;
}

img.right {
   float: right;
   margin: 5px 0px 0px 25px;
}

/* Background */

#bg1 {
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/bg02.jpg) no-repeat center top;
}

#bg2 {
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/bg03.jpg) no-repeat center top;
}

#bg3 {
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/bg04.jpg) repeat-y center top;
}

#bg4 {
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/bg05.jpg) no-repeat center top;
}

#bg5 {
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/bg06.jpg) no-repeat center bottom;
}

/* Header */

#header {
   width: 900px;
   height: 145px;
   margin: 0px auto;
   text-transform: lowercase;
   color: #FFFFFF;
}

#header h1 {
   float: left;
   margin: 0px;
   padding: 70px 0px 0px 25px;
   font-size: 40px;
}

#header h1 sup {
   font-weight: normal;
}

#header h2 {
   float: right;
   margin: 0px;
   padding: 95px 25px 0px 0px;
   font-size: 14px;
}

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

/* Header2 */

#header2 {
   width: 900px;
   height: 88px;
   margin: 0px auto;
}

/* Menu */

#menu {
   float: left;
}

#menu ul {
   margin: 0px;
   padding: 34px 0px 0px 0px;
   list-style: none;
   text-transform: lowercase;
}

#menu li {
   float: left;
}

#menu a {
   padding-left: 50px;
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
}

/* Search */

#search {
   float: right;
}

#search form {
   margin: 0px;
   padding: 35px 80px 0px 0px;
}

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

#search input.text {
   width: 160px;
   background: none;
   border: none;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #AEC38B;
}

#search input.button {
   display: none;
}

/* Page */

#page {
   width: 846px;
   margin: 0px auto;
   padding: 40px 0px 0px 0px;
}

/* Content */

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

.post {
}

.post .title {
   height: 49px;
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/img02.gif) no-repeat;
}

.post .title h2 {
   float: left;
   padding: 12px 0px 0px 24px;
   font-size: 24px;
   text-transform: lowercase;
}

.post .title h2 a {
   text-decoration: none;
   color: #FFFFFF;
}

.post .title h2 a:hover {
   color: #8AC800;
}

.post .title p {
   float: right;
   padding: 12px 24px 0px 0px;
   font-size: 15px;
   font-weight: bold;
   color: #343434;
}

.post .entry {
   padding: 30px 23px 0px 23px;
}

.post .meta {
   height: 70px;
   clear: left;
   margin: 0px 23px;
   padding: 15px 0px 0px 0px;
   border-top: 1px solid #262626;
}

.post .meta .credit {
   float: left;
}

.post .meta .links {
   float: right;
}

.post .meta .links .more {
   padding-left: 17px;
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/img05.gif) no-repeat left center;
}

.post .meta .links .comments {
   padding-left: 19px;
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/img04.gif) no-repeat left center;
}

/* Sidebar */

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

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

#sidebar li {
   background: url(http://www.freecsstemplates.org/templates/previews/widgetlike/images/img03.gif) no-repeat;
   padding: 0px 23px 20px 23px;
}

#sidebar li ul {
}

#sidebar li li {
   padding: 8px 0px;
   background: none;
   border-bottom: 1px solid #262626;
}

#sidebar h2 {
   margin: 0px;
   padding: 16px 0px 30px 0px;
   text-transform: lowercase;
   font-size: 14px;
   color: #FFFFFF;
}

/* Footer */

#footer {
}

#footer p {
   margin: 0px;
   padding: 20px 0px;
   text-align: center;
   text-transform: lowercase;
   color: #566D77;
}

#footer a {
   color: #8097A1;
}


Arrow temel tasarımlardan CSS sec kaydet
Arrow gelişmiş ayarlar kısmına gerekli kodları yapıştır.
Arrow kendi sitene göre düzenle kaydet.

NOT:HACKERFRİEND arkadasımıza tsk.


En son kanalbizim tarafından 01.11.2008 09:29:05 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj31.10.2008, 23:36 (UTC)    
Mesaj konusu:

Merhaba
Free template uygulamak icin

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=33273&postdays=0&postorder=asc&start=0
Inceleyiniz
Iyi eglenceler!..
Wink
Mesaj01.11.2008, 09:14 (UTC)    
Mesaj konusu:

simdi ben bu nkodlari ayarlayinca olacakmi
Mesaj01.11.2008, 10:14 (UTC)    
Mesaj konusu:

kodu ben ayarladim siteme ekledim ama olmadi istedigim tasarim biri bana yardim olsun istedigim tasarimi sitemde göreyim tesekürler
Mesaj01.11.2008, 11:42 (UTC)    
Mesaj konusu:

ARkadasım Şimdi Css DEsing Tasarımını secince yapacaksın.Heralde yapmıssındır 'da olmadıysa Bilemiyorum ?. Ama buyuk bir ihtimal cıkmazı lazım bende css desin kullanıyorum?
______________
Mesaj01.11.2008, 12:15 (UTC)    
Mesaj konusu:

BAk Şimdi Aşama Aşama Takip Et.

1.Aşama


2.Aşama


TASARIMIN ÜZERİNDEKİ YAZI
Kod:
<div id="header">    <div id="logo">       <h1>                           </h1>       <p>----------------------------------------------------</p>    </div>    <div id="search">       <form method="get" action="">          <fieldset>          <input id="s" type="text" name="s" value="" />          <input id="x" type="submit" value="Arama" />          </fieldset>       </form>    </div> </div> <!-- end header --> <!-- start menu --> <div id="menu">    <ul>       <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>       <li><a href="#" _fcksavedurl="#">İletişim</a></li>       <li><a href="#" _fcksavedurl="#">Ziyaretci  Defteri</a></li>       <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>       <li><a href="#" _fcksavedurl="#">Site Haritası/a></li>    </ul> </div> <!-- end menu --> <!-- start page --> <div id="page">    <!-- start content -->    <div id="content">       <h1 class="pagetitle">Orta Bölüm</h1>           <h2 class="title">Tasarima Hoşgeldiniz</h2>


TASARIMIN ALTINDAKI BÖLÜM

Kod:
   </div>    <!-- end content -->    <!-- start sidebar -->    <div id="sidebar">       <ul>          <li>             <h2>Menü</h2>                      <ul>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>              </ul>          </li>          <li>             <h2>Tasarimlar</h2>                      <ul>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li>             </ul>          </li> <li>                      <h2>Arşiv</h2>                      <ul>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li>                         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li>                      </ul>                   </li>       </ul>    </div>    <!-- end sidebar -->    <div style="clear: both;"> </div> </div> <!-- end page --> <div id="footer">    <p>©2008 Tüm Hakları SakLıdır.  •  Design by <a href="http://www.ask-nett.tr.gg" _fcksavedurl="http://www.ask-nett.tr.gg">ASK-NETT</a>.</p> </div>



CSS DESİNG BÖLÜMÜ
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 WWW.Ask-NeTT.TR.GG*/  body {    margin: 0;    padding: 0;    background: #AAE74A url(http://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }  body, th, td, input, textarea {    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    font-size: 13px;    color: #666666; }  p, ol, ul {    line-height: 170%; }  a:hover {    text-decoration: none; }  /* Header */  #header {    width: 960px;    height: 120px;    margin: 0 auto; }  #logo {    float: left;    height: 120px;                       margin-top: -11px;    margin-left: 10px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left center; }  #logo h1, #logo p {    text-transform: lowercase; }  #logo h1 {    margin: 0;    padding: 25px 0 0 85px;    letter-spacing: -2px;    font-size: 3em;    font-weight: normal;    color: #000000; }  #logo h1 a {    color: #000000; }  #logo p {    margin: -10px 0 0 2px;    padding: 0 0 0 85px;    text-transform: lowercase; }  #search {    float: right;    width: 280px; }  #search form {    margin-top: -5px;    padding: 63px 0 0 0; }  #search fieldset {    margin: 0;    padding: 0;    border: none; }  #search #s, #search #x {    float: left; }  #search #s {    width: 188px;    margin: 2px 6px 0 0;    padding: 2px 5px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x;    border: 1px solid #ACACAC; }  #search #x {    width: 67px;    height: 28px;    padding: 0;    background: #006BFF url(http://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat;    border: none;    text-transform: lowercase;    color: #FFFFFF; }  /* Menu */  #menu {    width: 962px;    height: 50px;    margin-top: -32px;    margin-left: auto;    margin-right: auto; }  #menu ul {    margin: 0;    padding: 0;    list-style: none; }  #menu li {    display: block;    float: left; }  #menu a {    display: block;    float: left;    height: 38px;    padding: 8px 20px 0 20px;    text-decoration: none;    text-transform: lowercase;    color: #000000; }  #menu a:hover {    text-decoration: underline; }  #menu .current_page_item {    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }  #menu .current_page_item a {    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top;    font-weight: bold; }  /* Page */  #page {    width: 962px;    margin: 0 auto;    background: #FFFFFF url(http://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /* Content */  #content {    float: right;    width: 700px;    padding: 0;    background: url() no-repeat; }  #content a {    color: #FF8900; }  .pagetitle {    height: 33px;    margin: 0;    padding: 8px 0 0 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat;    font-size: 1.4em;    color: #FFFFFF; }  #content #rss-posts {    display: block;    margin: -30px 15px 0px 0px;    padding: 0 20px 0 0;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center;    text-align: right;    font-weight: bold;    color: #FFFFFF; }  .post {    padding: 40px 30px 0 30px; }  .title {    margin: 0;    font-size: 2.4em;    font-weight: normal; }  .byline {    margin: 0 0 20px 0; }  .meta {    border-top: 1px dotted #CCCCCC;    text-align: right; }  .meta .more, .meta .comments {    padding-left: 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; }  /* Sidebar */  #sidebar {    float: left;    width: 230px;    padding: 11px 5px 0 11px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }  #sidebar ul {    margin: 0;    padding: 0;    list-style: none; }  #sidebar li {    margin-bottom: 20px; }  #sidebar li ul {    padding: 10px 15px; }  #sidebar li li {    margin: 0;    padding-left: 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; }  #sidebar h2 {    height: 33px;    margin: 0;    padding: 8px 0 0 15px;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat;    font-size: 1.4em;    color: #FFFFFF; }  #sidebar a {    text-decoration: none;    color: #0065FF; }  #sidebar a:hover {       text-decoration: underline; }  /* Footer */  #footer {    width: 962px;    margin: 0 auto;    padding: 30px 0;    background: url(http://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }  #footer p {    margin: 0;    text-align: center;    color: #FFFFFF; }  #footer a {    color: #FFFFFF; }

______________
Önceki mesajları göster:   


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