Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.05.2009, 15:43 (UTC)    
Mesaj konusu: Bu Tasarımı çeviri

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

Bu adresteki tasarımı bana tasarımın üzerindeki yazı fln diye ayralayabilrimisniz ltf?

Ben Pek Anlamıyorum şunları yapmaktan..
Mesaj22.05.2009, 15:49 (UTC)    
Mesaj konusu:

Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=25694
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj22.05.2009, 18:21 (UTC)    
Mesaj konusu: tasarım ayırma re:

YALNIZ BU VERDİĞİN ADRESTEN TASARIMI İNDİR RESİMLERİ KENDİ SİTENE UPLOAD ET SONRADA CSS ÜSTÜNDE YERLEŞTİRİRSİN ARTIK




TASARIMIN ÜZERİNDEKİ YAZI:

Kod:
<!-- start header -->
<div id="header">
   <div id="logo">
      <h1><a href="#"><span>Cool</span>Black</a></h1>
      <p>Designed By Free CSS Templates</p>
   </div>
</div>
   <div id="menu">
      <ul id="main">
         <li class="current_page_item"><a href="#">Homepage</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Contact Us</a></li>
      </ul>
   </div>
   
<!-- end header -->
<div id="wrapper">
   <!-- start page -->
   <div id="page">
      <div id="sidebar1" class="sidebar">
         <ul>
            <li>
               <h2>Recent Posts</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="#">Proin gravida orci porttitor</a></li>
                  <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="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Recent Comments</h2>
               <ul>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Aliquam libero</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Free CSS Templates</a> on <a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </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>Archives</h2>
               <ul>
                  <li><a href="#">September</a> (23)</li>
                  <li><a href="#">August</a> (31)</li>
                  <li><a href="#">July</a> (31)</li>
                  <li><a href="#">June</a> (30)</li>
                  <li><a href="#">May</a> (31)</li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- start content -->
Mesaj22.05.2009, 18:21 (UTC)    
Mesaj konusu: TASARIMIN ALTINDAKİ YAZI

TASARIMIN ALTINDAKİ YAZI:

Kod:
<!-- end content -->
      <!-- start sidebars -->
      <div id="sidebar2" class="sidebar">
         <ul>
            <li>
               <form id="searchform" method="get" action="#">
                  <div>
                     <h2>Site Search</h2>
                     <input type="text" name="s" id="s" size="15" value="" />
                  </div>
               </form>
            </li>
            <li>
               <h2>Tags</h2>
               <p class="tag"><a href="#">dolor</a> <a href="#">ipsum</a> <a href="#">lorem</a> <a href="#">sit amet</a> <a href="#">dolor</a> <a href="#">ipsum</a> <a href="#">lorem</a> <a href="#">sit amet</a></p></li>
            <li>
               <h2>Calendar</h2>
               <div id="calendar_wrap">
                  <table summary="Calendar">
                     <caption>
                     October 2009
                     </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="September" colspan="3" id="prev"><a href="#" title="View posts for September 2009">&laquo; Sep</a></td>
                           <td class="pad">&nbsp;</td>
                           <td colspan="3" id="next">&nbsp;</td>
                        </tr>
                     </tfoot>
                     <tbody>
                        <tr>
                           <td>1</td>
                           <td>2</td>
                           <td>3</td>
                           <td id="today">4</td>
                           <td>5</td>
                           <td>6</td>
                           <td>7</td>
                        </tr>
                        <tr>
                           <td>8</td>
                           <td>9</td>
                           <td>10</td>
                           <td>11</td>
                           <td>12</td>
                           <td>13</td>
                           <td>14</td>
                        </tr>
                        <tr>
                           <td>15</td>
                           <td>16</td>
                           <td>17</td>
                           <td>18</td>
                           <td>19</td>
                           <td>20</td>
                           <td>21</td>
                        </tr>
                        <tr>
                           <td>22</td>
                           <td>23</td>
                           <td>24</td>
                           <td>25</td>
                           <td>26</td>
                           <td>27</td>
                           <td>28</td>
                        </tr>
                        <tr>
                           <td>29</td>
                           <td>30</td>
                           <td>31</td>
                           <td class="pad" colspan="4">&nbsp;</td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </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>
                  <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="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
                  <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>
                  <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>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end sidebars -->
      <div style="clear: both;">&nbsp;</div>
   </div>
   <!-- end page -->
</div>
<div id="footer">
   <p class="copyright">&copy;&nbsp;&nbsp;2009 All Rights Reserved &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
   <p class="link"><a href="#">Privacy Policy</a>&nbsp;•&nbsp;<a href="#">Terms of Use</a></p>
</div>
Mesaj22.05.2009, 18:22 (UTC)    
Mesaj konusu: CSS KODU

CSS KODU:

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: 0px;
   padding: 0;
   background: url(images/img01.jpg) repeat-x left top;
   text-align: justify;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #616161;
}

h1, h2, h3 {
   margin-top: 0;
   color: #A66100;
}

h1 {
   font-size: 1.6em;
   font-weight: normal;
}

h2 {
   font-size: 1.6em;
}

h3 {
   font-size: 1em;
}

ul {
}

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

a:hover {
   border-bottom: none;
}

a img {
   border: none;
}

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

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

#header {
   width: 960px;
   margin: 0 auto;
   height: 165px;
   background: url(images/img02.jpg) no-repeat left top;
}

/* Header */

#logo {
   width: 960px;
   height: 100px;
   margin: 0 auto;
   padding: 60px 10px 0 10px;
}

#logo h1, #logo p {
   float: left;
   margin: 0;
   color: #00D8D5;
}

#logo span {
   color: #FFFFFF;
}

#logo h1 {
   padding: 25px 0 0 0;
   letter-spacing: -1px;
   text-transform: lowercase;
   font-weight: normal;
   font-size: 3em;
}

#logo p {
   text-transform: uppercase;
   padding: 47px 0 0 3px;
   font-size: 10px;
   color: #FFFFFF;
}

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

/* Menu */

#menu {
   width: 960px;
   margin: 0 auto;
   padding: 0;
   height: 59px;
   background: url(images/img03.jpg) no-repeat left top;
}

#menu ul {
   margin: 0;
   padding-left: 270px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 41px;
   margin: 0;
   padding: 18px 40px 0 40px;
   background: url(images/img08.jpg) no-repeat left 30%;
   text-decoration: none;
   text-transform: capitalize;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #FFFFFF;
}

#menu a:hover {
   color: #FFFFFF;
}

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

/* Wrapper */

#wrapper {
}

/* Page */

#page {
   width: 960px;
   margin: 0 auto;
   padding: 20px 5px;
   background: #FFFFFF;
}

#page-bg {
}

/* Latest Post */

#latest-post {
   padding: 20px;
   border: 1px solid #E7E7E7;
}

/* Content */

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

.post {
   padding-bottom: 15px;
   line-height: 200%;
}

.post h1 {
   font-weight: normal;
}

.title {
   height: 78px;
   margin: 0;
   padding: 15px 0 4px 20px;
   font-weight: normal;
   background: url(images/img07.jpg) no-repeat left top;
}

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

.title a:hover {
   border-bottom: 1px dotted #000000;
}

.byline {
   margin: -60px 20px 20px 20px;
}

.byline a {
   color: #DC8700;
}

.tag {
   padding: 0 15px;
}

.entry {
   padding: 0 20px;
}

.links {
   padding: 4px 0px;
   text-align: right;
   font-weight: bold;
}

.links a {
   border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
   float: left;
   margin-top: -70px;
}

#sidebar2 {
   float: right;
}

.sidebar {
   float: left;
   width: 240px;
   padding: 0;
   font-size: 12px;
}

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

.sidebar li {
   padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
   margin: 0 20px 0 15px;
   padding: 8px 0px;
   border-bottom: 1px dashed #C5C4C4;
}


.sidebar li h2 {
   height: 40px;
   margin: 0 0 0 0;
   padding: 20px 15px 0px 65px;
   background: url(images/img04.jpg) no-repeat left top;
   letter-spacing: -1px;
   font-size: 16px;
   font-weight: normal;
   color: #FFFFFF;
}

.sidebar a {
}

/* Search */

#searchform {
   margin: 0;
   padding: 0 0 0 0;
}

#searchform br {
   display: none;
}

#searchform h2 {
}

#s {
   margin: 10px 0px 0 15px;
   padding: 2px 2px;
   width: 180px;
   height: 18px;
   border: 1px solid #6F6E6E;
   background: #FFFFFF;
   font-size: 10px;
   color: #000000;
}

#x {
   margin: 0;
   padding: 2px 5px;
   height: 25px;
   background: #CA8186;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
   padding: 0 15px;
   text-align: center;
}

#calendar_wrap table {
   width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
   border: none;
}

#calendar_wrap tfoot td#prev {
   text-align: left;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#prev a {
   border: none;
}

#calendar_wrap tfoot td#next {
   text-align: right;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#next a {
   border: none;
}

/* Footer */

#footer {
   width: 960px;
   height: 70px;
   margin: 0 auto;
   padding: 0 20px;
   background: #2E2E2E;
}

#footer p {
   margin: 0;
   padding: 25px 0 0 0;
   text-align: center;
   font-size: smaller;
}

#footer a {
}

#footer .link {
   float: right;
}

#footer .copyright {
   float: left;
}

Mesaj22.05.2009, 18:23 (UTC)    
Mesaj konusu:

DEDİĞİM GİBİ HOCAM TASARIM GÖRSELLERİNİ KENDİ SİTENE UPLOAD ET HADİ KOLAY GELSİN Very Happy
Mesaj23.05.2009, 06:52 (UTC)    
Mesaj konusu: tmm

ya knk yükledim siteme resimleri yönete resimleri ama şimdi napıcam ?
Mesaj23.05.2009, 07:14 (UTC)    
Mesaj konusu: hiç urasma

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: 0px;
   padding: 0;
   background: url(http://www.freecsstemplates.org/templates/previews/coolblack/images/img01.jpg) repeat-x left top;
   text-align: justify;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #616161;
}

h1, h2, h3 {
   margin-top: 0;
   color: #A66100;
}

h1 {
   font-size: 1.6em;
   font-weight: normal;
}

h2 {
   font-size: 1.6em;
}

h3 {
   font-size: 1em;
}

ul {
}

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

a:hover {
   border-bottom: none;
}

a img {
   border: none;
}

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

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

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

/* Header */

#logo {
   width: 960px;
   height: 100px;
   margin: 0 auto;
   padding: 60px 10px 0 10px;
}

#logo h1, #logo p {
   float: left;
   margin: 0;
   color: #00D8D5;
}

#logo span {
   color: #FFFFFF;
}

#logo h1 {
   padding: 25px 0 0 0;
   letter-spacing: -1px;
   text-transform: lowercase;
   font-weight: normal;
   font-size: 3em;
}

#logo p {
   text-transform: uppercase;
   padding: 47px 0 0 3px;
   font-size: 10px;
   color: #FFFFFF;
}

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

/* Menu */

#menu {
   width: 960px;
   margin: 0 auto;
   padding: 0;
   height: 59px;
   background: url(http://www.freecsstemplates.org/templates/previews/coolblack/images/img03.jpg) no-repeat left top;
}

#menu ul {
   margin: 0;
   padding-left: 270px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 41px;
   margin: 0;
   padding: 18px 40px 0 40px;
   background: url(http://www.freecsstemplates.org/templates/previews/coolblack/images/img08.jpg) no-repeat left 30%;
   text-decoration: none;
   text-transform: capitalize;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   color: #FFFFFF;
}

#menu a:hover {
   color: #FFFFFF;
}

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

/* Wrapper */

#wrapper {
}

/* Page */

#page {
   width: 960px;
   margin: 0 auto;
   padding: 20px 5px;
   background: #FFFFFF;
}

#page-bg {
}

/* Latest Post */

#latest-post {
   padding: 20px;
   border: 1px solid #E7E7E7;
}

/* Content */

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

.post {
   padding-bottom: 15px;
   line-height: 200%;
}

.post h1 {
   font-weight: normal;
}

.title {
   height: 78px;
   margin: 0;
   padding: 15px 0 4px 20px;
   font-weight: normal;
   background: url(http://www.freecsstemplates.org/templates/previews/coolblack/images/img07.jpg) no-repeat left top;
}

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

.title a:hover {
   border-bottom: 1px dotted #000000;
}

.byline {
   margin: -60px 20px 20px 20px;
}

.byline a {
   color: #DC8700;
}

.tag {
   padding: 0 15px;
}

.entry {
   padding: 0 20px;
}

.links {
   padding: 4px 0px;
   text-align: right;
   font-weight: bold;
}

.links a {
   border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
   float: left;
   margin-top: -70px;
}

#sidebar2 {
   float: right;
}

.sidebar {
   float: left;
   width: 240px;
   padding: 0;
   font-size: 12px;
}

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

.sidebar li {
   padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
   margin: 0 20px 0 15px;
   padding: 8px 0px;
   border-bottom: 1px dashed #C5C4C4;
}


.sidebar li h2 {
   height: 40px;
   margin: 0 0 0 0;
   padding: 20px 15px 0px 65px;
   background: url(http://www.freecsstemplates.org/templates/previews/coolblack/images/img04.jpg) no-repeat left top;
   letter-spacing: -1px;
   font-size: 16px;
   font-weight: normal;
   color: #FFFFFF;
}

.sidebar a {
}

/* Search */

#searchform {
   margin: 0;
   padding: 0 0 0 0;
}

#searchform br {
   display: none;
}

#searchform h2 {
}

#s {
   margin: 10px 0px 0 15px;
   padding: 2px 2px;
   width: 180px;
   height: 18px;
   border: 1px solid #6F6E6E;
   background: #FFFFFF;
   font-size: 10px;
   color: #000000;
}

#x {
   margin: 0;
   padding: 2px 5px;
   height: 25px;
   background: #CA8186;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
   padding: 0 15px;
   text-align: center;
}

#calendar_wrap table {
   width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
   border: none;
}

#calendar_wrap tfoot td#prev {
   text-align: left;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#prev a {
   border: none;
}

#calendar_wrap tfoot td#next {
   text-align: right;
   font-weight: bold;
   border: none;
}

#calendar_wrap tfoot td#next a {
   border: none;
}

/* Footer */

#footer {
   width: 960px;
   height: 70px;
   margin: 0 auto;
   padding: 0 20px;
   background: #2E2E2E;
}

#footer p {
   margin: 0;
   padding: 25px 0 0 0;
   text-align: center;
   font-size: smaller;
}

#footer a {
}

#footer .link {
   float: right;
}

#footer .copyright {
   float: left;
}


ne urasıyon al css koduna yapıstır tammadır..
Mesaj23.05.2009, 07:28 (UTC)    
Mesaj konusu: valla

çok saol kanka yaw süpersin
Mesaj23.05.2009, 07:30 (UTC)    
Mesaj konusu:

ne dmek kendıne göre duzenle tasarımı
Mesaj23.05.2009, 14:38 (UTC)    
Mesaj konusu: re:

arkadaşın yaptığıda doğruda ben senin için söyledim güzel kardeşim resimleri sitene upload et css kodu üzerinde resimleri yerine yerleştir diye çünkü tema sahibi site senin temanı silse elinde hiçbirşey kalmıyacak sitenin ana hatları hariç resimlerin yok olur diye öyle dedim Wink
Mesaj23.05.2009, 14:54 (UTC)    
Mesaj konusu:

Öncelikle Merhaba Sevgili Arkadaşlar.

Arkadaşlar bilgilendirme amaçlı söylüyorum birgün işinize yara!

mesela bazen kodalr çakışıyor nedeni sitedeki kodalrında benzer olması ör;" content" sürekli sorun çıkaran bir koddur. ve bunu sizler bedava-sitemdekini değiştiremezsiniz. yani ismini değiştiremezsiniz o yüzden aldığınız kodun içidenki contentleri değiştirin.ör; adını contentsyz koyun bu daha güzel olur.!

Tüm Bedava-site(m) 'e iyi günler diliyorum.

______________
Önceki mesajları göster:   


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