Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.07.2009, 09:30 (UTC)    
Mesaj konusu: BU TASARIMI UYGULAYACAK KİŞİ ARIYORUM

http://www.free-css-templates.com/preview/ComputerStore/

BU ADRESTEKİ TASARIMI SİTEME UYGULAYACAK ARKADAŞ ARIYORUM.

UYGULAYANIN SİTESİNİN REKLAMI kod sitemizde BEDAVA YAYINLANACAKTIR

lütfen inceleyin okuyun diye cevaplar yAZMAYIN. verdiğim adresteki tasarımı sadece siteye uygulayacak arkadaş arıyorum.
Mesaj19.07.2009, 09:38 (UTC)    
Mesaj konusu:

Mesaj19.07.2009, 09:40 (UTC)    
Mesaj konusu:

kod-adresi yazmış:
http://www.bedava-sitem.com/forum/viewtopic.php?t=25694


tövbe tövbeee. kardeş ben ne diyorum sen napıyorsun ya. bende biliyorum orda yazdığınızı ama uğraşmaya vaktim yok. uygulayacak kişi arıyorum reklam karşılığında
Mesaj19.07.2009, 09:46 (UTC)    
Mesaj konusu:

Sayfalarımı Değiştir-Anasayfa

Kod:
<h1 class="welcome">WELCOME to Computer Store</h1>
       <p>This is <strong>Computer Store</strong> Website, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
          <br /> This free template is released under a Creative Commons Attributions 2.5 license, so you’re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
</p>
        <p>The point of using Lorem Ipsum is that it has a more-or-less normal distributionasopposed to using 'Content here, content heretmaking it look liscrambledof letters, as opposed to using 'Content here, content heretmaking it look lieadable English. Many desktop publishing packages.</p>
        <!-- catagory list start -->
        <h2 class="bottomDot"><span>CATEGORY</span> we have</h2>
        <ul class="catagory">
           <li><a href="#" title="Desktop">Desktop</a></li>
           <li><a href="#" title="Modems">Modems</a></li>
           <li><a href="#" title="Keybords">Keybords</a></li>
           <li class="big"><a href="#" title="lenovo300">lenovo300</a></li>
           <li><a href="#" title="Notbooks">Notbooks</a></li>
           <li><a href="#" title="Processors">Processors</a></li>
           <li><a href="#" title="Mouses">Mouses</a></li>
           <li class="big"><a href="#" title="linspirom1911">linspirom1911</a></li>
           <li><a href="#" title="Monitors">Monitors</a></li>
           <li><a href="#" title="Systemhoards">Systemhoards</a></li>
           <li><a href="#" title="PocketPc">PocketPc</a></li>
           <li class="big"><a href="#" title="dellinspirom B200">dellinspirom B200</a></li>
           <li><a href="#" title="Printers">Printers</a></li>
           <li><a href="#" title="Display cards">Display cards</a></li>
           <li><a href="#" title="lenovo100">lenovo100</a></li>
           <li class="big"><a href="#" title="dellinspirom c1100">dellinspirom c1100</a></li>
        </ul>
        <br class="spacer" />
        <!-- catagory list end -->
        <!-- product section start -->
        <h2 class="bottomMarZero">FEATURED <span>product</span></h2>
        <ul class="product">
           <li class="noDivider">
                <img src="images/pro-pic-01.gif" alt="Apple Laptop" title="Apple Laptop" width="107" height="170" />
                <span>Price : $ 250.00</span>
                <a href="#" title="Details" class="details">Details</a></li>
           <li><img src="images/pro-pic-02.gif" alt="Computer joys stick" title="Computer joys stick" /><span>Price : $ 250.00</span>
                <a href="#" title="Details" class="details">Details</a>            </li>
           <li>
                <img src="images/pro-pic-03.gif" alt="New Apple Laptop" title="New Apple Laptop" />
                <span>Price : $ 250.00</span>
                <a href="#" title="Details" class="details">Details</a>            </li>
        </ul>
        <br class="spacer" />
        <!-- product section end -->


Tasarım Üstüne

[code]<body>
<!-- header start -->
<div id="header">
<!-- logo start -->
<a href="index.html" title="Computer Store"><img src="images/logo.jpg" alt="Computer Store" title="Computer Store" border="0" class="logo" /></a>
<!-- logo end -->
<ul class="info">
<li>Phone :215-799-0685</li>
<li>Toll free :866-637-2474</li>
<li>Phone exts :102</li>
<li class="email">E-mail : <a href="mailto:computer( at )company.com">computer( at )company.com</a></li>
</ul>
<!-- top navigation start -->
<ul class="topNav">
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="About Us">About Us</a></li>
<li><a href="#" title="Faq">Faq</a></li>
<li><a href="#" title="Contact Us">Contact Us</a></li>
<li><a href="#" title="Services">Services</a></li>
<li><a href="#" title="Products">Products</a></li>
<li><a href="#" title="Support">Support</a></li>
<li><a href="#" title="Technology">Technology</a></li>
<li><a href="#" title="Clients">Clients</a></li>
<li><a href="#" title="Testimonials ">Testimonials </a></li>
</ul>
<!-- top navigation end -->
<br class="spacer" />
</div>
<!-- header end -->
<!-- body content start -->
<div id="body">
<!-- left panel start -->
<div id="left">[code]

Tasarım Altına

[/code] </div>
<!-- left panel end -->
<!-- right panel start -->
<div id="right">
<img src="images/right-pic-01.gif" alt="Colour Printing" title="Colour Printing" />
<a href="#" title="More" class="more">More</a>
<img src="images/right-pic-02.gif" alt="Print Management Solution" title="Print Management Solution" />
<a href="#" title="Click Here" class="click">Click Here</a>
<img src="images/right-pic-03.gif" alt="02 plamtop" title="02 plamtop" />
<a href="#" title="Click Here" class="click">Click Here</a>
</div>
<!-- right panel end -->
<br class="spacer" />
</div>
<!-- body content end -->
<!-- footer start -->
<div id="footer">
<!-- footer navigation start -->
<p class="nav">
<a href="#" title="Home">Home</a>
<a href="#" title="About Us">About Us</a>
<a href="#" title="Faq">Faq</a>
<a href="#" title="Contact Us">Contact Us</a>
<a href="#" title="Services">Services</a>
<a href="#" title="Products">Products</a>
<a href="#" title="Support">Support</a>
<a href="#" title="Technology">Technology</a>
<a href="#" title="Clients">Clients</a>
<a href="#" title="Testimonials">Testimonials</a>
</p>
<!-- footer navigation end -->
<!-- copyright info start -->
<p>Copyright information goes here</p>
<!-- copyright info end -->
<!-- powered by info start -->
<p>Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.legalhelpers.com/bankruptcy-information.html">Bankruptcy Information</a></p>
<!-- powered by info end -->
</div>
<!-- footer end -->[code]

Not: Tasarımınızdan resimler gözükmüyecektir templatedeki images dosyasındaki resimleri tasarımı uygulamak istediğin siteye yükle ve kodlardaki resim urllerini yeni oluşan resim adresleriyle değiştir. Kolay Gelsin[/code]
______________
Mesaj19.07.2009, 09:47 (UTC)    
Mesaj konusu:

Son yazdığım iki kod
Kod:
bu şekilde
olmamış o yüzden sonlarında code yazan yerleri silmeyi unutma kopyalarken Laughing
______________
Mesaj19.07.2009, 09:49 (UTC)    
Mesaj konusu:

Css Kodu Kısmına Stily Kodu Bunu da Unutmuşum Aceleyle Laughing

Kod:
/* -- default style -- */
body {
   margin:0; padding:0;
   background-color:#fff; color:#393939;
   font:normal 12px/15px Arial, Helvetica, sans-serif;}
div, h1, h2, h3, h4, p, a, img, ul, ol, li, form, input, textarea, select {
   margin:0; padding:0;}
img {
   border:none;}
ul {
   list-style:none;}
a {
   outline:none;}
.spacer {
   clear:both; line-height:0; font-size:0;}

/* -- header style -- */
#header {
   width:737px; height:276px; margin:0 auto; padding:45px 11px 0 33px;
   background:url(images/header-bg.jpg) no-repeat 223px 63px;}
#header img.logo {
   margin:0 0 0 7px; float:left;}
#header ul.info {
   float:right; font:bold 11px/18px Arial, Helvetica, sans-serif; background-color:#fff; color:#2F594F;}
#header ul.info li {
   float:left; padding:0 0 0 12px;}
#header ul.info li.email {
   color:#000; background-color:#fff;}
#header ul.info li.email a {
   color:#000; background-color:#fff; text-decoration:none;}
#header ul.info li.email a:hover {
   color:#000; background-color:#F0FBF6;}
#header ul.topNav {
   clear:both; width:178px; padding:21px 0 0 0;}
#header ul.topNav li {
   background:url(images/dot-01.gif) repeat-x 0 100%; padding:0 0 1px;}
#header ul.topNav li a {
   background:url(images/arrow-01.gif) no-repeat 2px 50% #fff; color:#000; padding:0 0 0 13px;
   font-size:11px; font-weight:bold; line-height:19px; text-decoration:none;
   width:165px; display:block;}
#header ul.topNav li a:hover {
   background:url(images/arrow-01.gif) no-repeat 2px 50% #F0FBF6; color:#000;}

/* -- body style -- */
#body {
   width:737px; margin:0 auto; padding:18px 11px 0 33px;}

/* -- lefta panel start -- */   
#left {
   width:512px; padding:0 12px 0 0; margin:0 20px 0 0; float:left;
   background:url(images/dot-02.gif) repeat-y 100% 0;}
#left h1.welcome {
   height:23px; margin:0 0 14px; line-height:0; font-size:0; text-indent:-12000px;
   background:url(images/welcome-txt.gif) no-repeat 0 0; }
#left h2 {
   font:normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#323232; background-color:#fff;
   padding:0; margin:6px 0 14px;}
#left h2 span {
   color:#C90C0F;}
#left p {
   padding:0 0 16px 7px;}
#left ul.catagory {
   padding:0 0 20px 7px; float:left;}
#left ul.catagory li {
   background:url(images/dot-01.gif) repeat-x 0 100%;
   width:110px; padding:0 0 1px; margin:0 12px 0 0; float:left;}
#left ul.catagory li.big {
   width:135px; padding:0 0 1px; margin:0;}
#left ul.catagory li a {
   background:url(images/green-bullet.gif) no-repeat 2px 7px #fff; color:#000;
   padding:0 0 0 13px; line-height:19px; display:block; text-decoration:none;}
#left ul.catagory li a:hover {
   background:url(images/green-bullet.gif) no-repeat 2px 7px #F0FBF6; color:#000;}
#left ul.product {
   float:left; padding:18px 0; margin:2px 0 0 0;
   background:url(images/product-green-bg.gif) repeat-x 0 0;}
#left ul.product li {
   float:left; background:url(images/dot-02.gif) repeat-y 0 0;
   padding:0 15px 0 16px; width:auto; margin:0; text-align:left; position:relative}
#left ul.product li.noDivider {
   background:none; padding:0 15px;}
#left ul.product li img {
   display:block; margin:0 0 5px;}
#left ul.product li span {
   display:block; text-align:left;}
#left ul.product li a.details {
   background:url(images/detail-btn.gif) no-repeat 0 0;
   width:50px; height:16px; display:block; margin:3px 0 0 0;
   text-indent:-120000px; line-height:0; font-size:0;}
#left ul.product li a.details:hover {
   background:url(images/detail-btn-h.gif) no-repeat 0 0;}

/* -- right panel start -- */
#right {
   width:180px; float:left;}
#right a.more {
   background:url(images/more-btn.gif) no-repeat 0 0; margin:0 0 29px;
   width:59px; height:22px; float:right; line-height:0; font-size:0; text-indent:-12000px;}
#right a.more:hover {
   background:url(images/more-btn-h.gif) no-repeat 0 0;}
#right a.click {
   font:bold 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:#000; background-color:#fff; text-decoration:none; float:right;}
#right a.click:hover {
   color:#C90C0F; background-color:#fff;}

/* -- footer style -- */
#footer {
   background:url(images/footer-bg.gif) repeat-x 0 0; color:#000; padding:18px; text-align:center;}
#footer p.nav {
   font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 12px; }
#footer p.nav a {
   margin:0 10px; text-decoration:none; color:#000;}
#footer p.nav a:hover {
   color:#2F594F;}
#footer p {
   padding:0 0 5px; font-size:9px; line-height:12px;}
#footer p a {
   color:#C90C0F; text-decoration:none;}

/* -- misc style -- */
.bottomDot {
   background:url(images/dot-01.gif) repeat-x 0 100%; padding:0 0 1px;}
.leftMarOne {
   margin-left:47px !important}
.bottomMarZero {
   margin-bottom:0 !important;}


______________
Önceki mesajları göster:   


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