Forum'da ara:
Ara


Yazar Mesaj
Mesaj21.03.2010, 09:15 (UTC)    
Mesaj konusu: css

Mesaj21.03.2010, 10:02 (UTC)    
Mesaj konusu:

bende böyle yapıyorum
Adobe Photo Cs3 de sonra Dreamwear a koyuyorum olmuyor?
Mesaj21.03.2010, 19:28 (UTC)    
Mesaj konusu: Buyrun Flash Site

FLASH SİTE

Alın Size flash site kodu:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Ulvi Hane Gerisi Bahne</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
 
        <!-- apu2.wixpress.com -->
            <meta name="Keywords" content="ULVI,Ulvi Hakkında Herşey için buraya tıkla"/>
    <meta name="Description" content="httpulvihanepage.tr.gg"/>
    <!-- no meta -->    <link rel="stylesheet" type="text/css" href="http://static.wix.com/client/css/viewer.css" media="screen"/>
    <script type="text/javascript">
        var hasGoogleAnalytics = false;
        var userGoogleAnalytics = "";
        var wixGoogleAnalytics = "UA-2117194-1";
    </script>
    <script type="text/javascript" src="http://static.wix.com/client/js/swfobject.js"></script>
            <script type="text/javascript" src="http://static.wix.com/client/js/basic.js"></script>
         
            <link rel="canonical" href="/freecll/ULVI"/>
    </head>
<body bgcolor="#019aff">
     
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
        <td align="center" valign="middle">
            <div id="flashContent">
                <noscript>
                    <a href="http://www.wix.com/freecll/ULVI/RESIM-UPLOAD" target="_self"><br>
<h1><TEXTFORMAT LEADING="5"><p>HOSGELDINIZ</p></TEXTFORMAT></h1></a><a href="http://www.wix.com/freecll/ULVI" target="_self"><br>
</a><br>
<h3>turkiye gülben ergen - milli takım marÅ?ı</h3><br>
<br>
<a href="http://www.wix.com/freecll/ULVI/ANASAYFA"><h3>ANASAYFA</h3><img src="http://static.wix.com/media/8e15625d6c158ec48f374efb77bd2714.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/ULVI"><h3>ULVI</h3><img src="http://static.wix.com/media/2ef773a1eacefc293fff42891e88ada2f65650cf.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/SOHBET"><h3>SOHBET</h3><img src="http://static.wix.com/media/35635fd81143cccdbbba884701341289318aa9ab.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/ANKETLER"><h3>ANKETLER</h3><img src="http://static.wix.com/media/18079271fb338be66a386d7c8d387cc478b087e7.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/TV-IZLE"><h3>TV IZLE</h3><img src="http://static.wix.com/media/26c7e94db675088c151a10327b20b6367b747b55.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/HTML-KOD"><h3>HTML KOD</h3><img src="http://static.wix.com/media/262e95c94413196c97bbd374c62fd1d6d65ee476.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/FACEBOOK"><h3>FACEBOOK</h3><img src="http://static.wix.com/media/000479172a29d5b9a87641388da2f19c2e979ab8.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/SAKLI-SAYFALAR"><h3>SAKLI SAYFALAR</h3><img src="http://static.wix.com/media/6e82da5514d288f2047aff0c28332cc5d42c1919.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/SAYFANI-YAYINLA"><h3>SAYFANI YAYINLA</h3><img src="http://static.wix.com/media/d76c7e217ebab40c37ed50ac46b0c8fa52ebe994.wix_doc_ico"></a><br>
<a href="http://www.wix.com/freecll/ULVI/RESIM-UPLOAD"><h3>RESIM UPLOAD</h3><img src="http://static.wix.com/media/a9f861c1c198ac4085e794cd67d364707173af71.wix_doc_ico"></a><br>
<br>
<h1><p>ULVIHANEPAGE.TR.GG</p></h1>
                            <a href="http://www.wix.com/freecll/ULVI/ULVI">ULVI</a><a href="http://www.wix.com/freecll/ULVI/SOHBET">SOHBET</a><a href="http://www.wix.com/freecll/ULVI/ANKETLER">ANKETLER</a><a href="http://www.wix.com/freecll/ULVI/TV-IZLE">TV-IZLE</a><a href="http://www.wix.com/freecll/ULVI/HTML-KOD">HTML-KOD</a><a href="http://www.wix.com/freecll/ULVI/FACEBOOK">FACEBOOK</a><a href="http://www.wix.com/freecll/ULVI/SAKLI-SAYFALAR">SAKLI-SAYFALAR</a><a href="http://www.wix.com/freecll/ULVI/SAYFANI-YAYINLA">SAYFANI-YAYINLA</a><a href="http://www.wix.com/freecll/ULVI/RESIM-UPLOAD">RESIM-UPLOAD</a>
                </noscript>
            </div>
            <div>
                <div id="wf" style="display:none;">
<a href="http://www.wix.com/" id="fl" title="free web design">
<span id="mu"></span>
<span id="tl">This Website was created using </span>
<span id="tb">Wix.com</span>
<span id="fb"><span id="fbt">GO</span></span>
<span id="tr">Make your own website – it's free</span>
</a>
</div>
<script type="text/javascript">fh.init();</script>
            </div>
        </td>
    </tr>
    </tbody>
</table>
<script type="text/javascript">
    var minimalFlashVersion = "9.0.115";
    if (swfobject.hasFlashPlayerVersion(minimalFlashVersion)) {
        var flashvars = {};
        var params = {
            play: "true",
            loop: "true",
            menu: "true",
            quality: "high",
            scale: "noScale",
            salign: "tl",
            wmode: "window",
            bgcolor: "#019aff",
            base: "http://static.wix.com/",
            flashvars: "app=apu2.wixpress.com&partner_id=WMGs4POB1ko-a&gu_id=238de518-fe81-4c77-a68e-11c90bfdfa59&show_wix_logo=0&is_public=true&docHeader=%3Cwix-document-details-result+errorCode%3D%220%22+errorDescription%3D%22OK%22+%3E%3Cenv%3E%3Cstatic_server%3Ehttp%3A%2F%2Fstatic.wix.com%2F%3C%2Fstatic_server%3E%0A%3Cbi_server%3Etodo+%3C%2Fbi_server%3E%0A%3Cmonitoring%3Etodo%3C%2Fmonitoring%3E%3C%2Fenv%3E%0A%3CwixDocument+document_id%3D%221qzrh3kHT4U-a%22+creator_id%3D%229HkybcQzct4-a%22+name%3D%22ULVI%22+icon_file_name%3D%22d66e20d119070688b920516050feeaa709286237.wix_doc_ico%22+width%3D%221000%22+height%3D%22650%22+doc_format%3D%22webSite%22+pflags%3D%220%22+creatorName%3D%22freecll%22+%3E%3Cbackground_color%3E%3C%21%5BCDATA%5B%23019aff%5D%5D%3E%3C%2Fbackground_color%3E%3Cdescription%3E%3C%21%5BCDATA%5Bhttpulvihanepage.tr.gg%5D%5D%3E%3C%2Fdescription%3E%3Cdoc_title%3E%3C%21%5BCDATA%5BUlvi+Hane+Gerisi+Bahne%5D%5D%3E%3C%2Fdoc_title%3E%3Cpages_list+ver%3D%221%22%3E%3Cpage+name%3D%22ANASAYFA%22+number%3D%220%22+id%3D%22%3BZKODv7Ovp4-a%22+wmode%3D%22window%22+icon_file_name%3D%22c35521da39d5cd52866e94405a46ed6dc1982287.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_0_1269198780788.xml%22+client_id%3D%22530390%22+%2F%3E%3Cpage+name%3D%22ULVI%22+number%3D%221%22+id%3D%22544Os%3B2Xqus-a%22+wmode%3D%22window%22+icon_file_name%3D%22a6eac459805a4d601840edd9ec3a8a69d92ba6a9.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_1_1269198780788.xml%22+client_id%3D%224%22+%2F%3E%3Cpage+name%3D%22SOHBET%22+number%3D%222%22+id%3D%22UD%3BgN4tCkt0-a%22+wmode%3D%22window%22+icon_file_name%3D%22a55ca0f4e7692cbfcc64639aeaaf11b8417b5d92.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_2_1269198780788.xml%22+client_id%3D%225%22+%2F%3E%3Cpage+name%3D%22ANKETLER%22+number%3D%223%22+id%3D%22yttyXKLwhhQ-a%22+wmode%3D%22window%22+icon_file_name%3D%223e8ad17f79db207e79ebd9c03bfaa07b32fab643.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_3_1269198780788.xml%22+client_id%3D%226%22+%2F%3E%3Cpage+name%3D%22TV+IZLE%22+number%3D%224%22+id%3D%22Hagc0Bu2sZQ-a%22+wmode%3D%22window%22+icon_file_name%3D%22e41e1439f5135df67f709b7688a28cf1efe759d3.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_4_1269198780788.xml%22+client_id%3D%227%22+%2F%3E%3Cpage+name%3D%22HTML+KOD%22+number%3D%225%22+id%3D%22SwhHhk8EnAM-a%22+wmode%3D%22window%22+icon_file_name%3D%22641a73c7f2ab6fbf5a2489aee951a1edabf71426.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_5_1269198780788.xml%22+client_id%3D%228%22+%2F%3E%3Cpage+name%3D%22FACEBOOK%22+number%3D%226%22+id%3D%226Rn1VGA3cSo-a%22+wmode%3D%22window%22+icon_file_name%3D%2270b39d506f39d55220cfbafb4f1254561a2cd5af.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_6_1269198780788.xml%22+client_id%3D%229%22+%2F%3E%3Cpage+name%3D%22SAKLI+SAYFALAR%22+number%3D%227%22+id%3D%22HrMGZyheaKE-a%22+wmode%3D%22window%22+icon_file_name%3D%22c5765b76c573b859c60069810691ca11397178e6.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_7_1269198780788.xml%22+client_id%3D%2210%22+%2F%3E%3Cpage+name%3D%22SAYFANI+YAYINLA%22+number%3D%228%22+id%3D%22Vc_C7NENAZA-a%22+wmode%3D%22window%22+icon_file_name%3D%22d7cc9cef9c66d572310d0db826919be0c6da65d6.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_8_1269198780788.xml%22+client_id%3D%2211%22+%2F%3E%3Cpage+name%3D%22RESIM+UPLOAD%22+number%3D%229%22+id%3D%22rfBjhgRrBAc-a%22+wmode%3D%22window%22+icon_file_name%3D%22d66e20d119070688b920516050feeaa709286237.wix_doc_ico%22+xml_file%3D%22c5a405ca26d3b230f2a7693fa560ed01_9_1269198780788.xml%22+client_id%3D%2212%22+%2F%3E%3C%2Fpages_list%3E%3C%2FwixDocument%3E%3C%2Fwix-document-details-result%3E&canZipXml=true&experiment_id=empty&client_id=530390&docId=7640678&partner_name=wix&embedFormat=wix&app_server_ver=2&editor_app_srv_subdomain=editor",
            devicefont: "false",
            allowscriptaccess: "always",
            allowfullscreen: "true"
        };
        var attributes = {
            id: "app",
            name: "app",
            align: "middle"
        };
        try {
            swfobject.embedSWF("http://static.wix.com/client/app.swf?v=31", "flashContent", "1000", "650", minimalFlashVersion, false, flashvars, params, attributes);
        }
        catch(e) {
            alert("General error occured. Please try to refresh the page.");
            //@todo: implement when monitor is ready
            //document.write('<img src="{MONITOR_SRC}" width="0" height="0" alt="" />');
        }
 
 
    }
    else {
        window.location.href = "/noflashhtml";
    }
</script>
<iframe src="/siteBackHtml?adress=docName:,userNick:,pageNum:0,docId:1qzrh3kHT4U-a,pageId:" id="historyframe" name="historyframe" frameborder="NO" width="0" height="0" style="display:none"></iframe>
</html>
Mesaj21.03.2010, 19:29 (UTC)    
Mesaj konusu:

Mesaj22.03.2010, 14:33 (UTC)    
Mesaj konusu:

bscity yazmış:
ulvihanepage yazmış:
bana facebook gibi alt menülu Css kodu lazm...

Onu Bildiğm Kadarı İle Bulmak Zor.
Ama Bulmaya Çalışırım Wink


Bulursan Sevinirim...
______________
BenimSitem1993=>Forum imzanızda sadece,468x60 ebatlarında sadece 1 TANE Banner olmalıdır!
Mesaj23.03.2010, 08:08 (UTC)    
Mesaj konusu:

evet arkadaşlar yeni yaptiğim bir css tasarimi sizlerle paylasmak istiyorum..
tasarimi herkez kullanabilir... ama tasarimin altindaki tasarim : bilgiliwebnet yazısını kaldırmayın.. zaten küçük bişi sitenizi bozmaz merak etmeyin... Very Happy

tasarimin örnek görüntüsü:



tasarim üstü kısımına :
Kod:
<div id="design">
<div id="top"><div class="ortamenu"><img class="" alt="" src="http://img507.imageshack.us/img507/4710/reklamxcxf8.gif" _fcksavedurl="http://img507.imageshack.us/img507/4710/reklamxcxf8.gif" /></div>
<div class="ortamenu2">Üst Menü alani 930 px boyutunda</div></div>
<div id="icerik">
<div id="icontent">
<div class="writer">


tasarim alti kısımına :
Kod:
</div>
<div class="sagmenu">
<div class="urbangreymenu">sağ menü 220 px genişliğinde</div>
</div>
</div>
</div>
<div id="footer"><p class="altreklam">link takaslar
<p> </p>
</div>

css kodu kısımına :
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;}
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url(http://www.backgroundlabs.com/backgrounds/128.jpg);
text-align: center;}
#design {
width: 920px;
margin-left: auto;
margin-right: auto;
text-align: left;}
#top{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/m/mr-genc/beles_01.gif);
width: 930px;
height: 334px;
float: left;}
.ortamenu {
width:500px;
padding: 90px 0 0 338px;
float: left;}
.ortamenu2 {
width:930px;
padding: 96px 0 0 20px;
float: left;}
#icerik {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/m/mr-genc/beles_02.gif);
float: left;
overflow:hidden ;}
#icontent {
width: 930px;
padding: 0 0 0 0px;
overflow:hidden ;
float: left;}
.writer {
width: 630px;
padding: 0 0 0 28px;
float: left;
overflow: hidden;}
.sagmenu {
width: 235px;
padding:0px 0 0 10px;
float: left;
overflow: hidden;
text-align: justify;}
#footer{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/m/mr-genc/beles_03.gif);
width: 930px;
height: 120px;
float: left;
}.altreklam{
margin-left: auto;
margin-right: auto;
width:550px;
height:45px;
float: left;
padding: 60px 0 0 40px;}
Mesaj23.03.2010, 10:10 (UTC)    
Mesaj konusu: sa

Kardeş Tasarm Güzel Olmuş Ama Sen Adam Silme Diyorsun Sen Ne Kadar dersen De Silecektir onu Smile
Teşekürler
Mesaj23.03.2010, 21:13 (UTC)    
Mesaj konusu: ICE Bleu tasarım

Ön izleme


Kod:
<a target="_blank" href="http://mertphotograph.tr.gg/" _fcksavedurl="http://mertphotograph.tr.gg/"><img alt="" border="0" style="left: 0px; position: absolute; top: 0px" src="http://img.webme.com/pic/m/mertphotograph/untitled-1.gif" _fcksavedurl="http://img.webme.com/pic/m/mertphotograph/untitled-1.gif" /></a><center></center>><style> <!--  td.edit_header_full{background-image:url(http://i39.tinypic.com/69pa48.jpg);  background-repeat: no-repeat;}   
body{background-image:url(http://www.backgroundlabs.com/backgrounds/20.gif);background-attachment: fixed;}
td.nav{background-image:url(http://i40.tinypic.com/33e1jd2.jpg);} 
td.nav:hover{background-image: url(http://i42.tinypic.com/15mcmzs.gif);} 
tr.checked_menu td{background-image:url(http://i43.tinypic.com/2ls8j6g.jpg);}
td.edit_navi_headbg{background-image:url()background-color:transparent);} 
td.edit_below_nav{visibility:hidden;}  td.edit_navi_headbg{background-image:url(http://i44.tinypic.com/2wf5x4z.jpg);}  td.edit_navi_headbg{background-image:url();}
td.nav_heading{background-image:url(http://i43.tinypic.com/1zx17a1.jpg);background-repeat: no-repeat;} 
  td.edit_rechts_cbg{background-image: url();background-color:transparent  height:1px;}  td.edit_rb_footer{background-image:url();background-color:transparent;}  td.edit_rechts_bottom{background-image: url()background-color:transparent;}  td.edit_content_bottom:hover{background-image:url(http://i43.tinypic.com/2h3wsok.jpg);background-color:transparent;}  td.edit_rechts_sbg{visibility:hidden;} 
td.edit_rechts_bottom{background-image: url();}  td.sidebar_heading{background-image:url(http://i44.tinypic.com/2rrsj.jpg);background-color:transparent;}
td.shouty{background-image:url();background-color:transparent}  td.shouty2{background-image:url();background-color:transparent;}  td.shouty3{background-image:url();background-color:transparent;}  td.shouty4{background-image:url();background-color:transparent;}  td.shouty5{background-image:url();background-color:transparent;}
td.edit_content{background-image:url();background-color:#66ffff;} 


td.edit_content_bottom{background-image:url(http://i42.tinypic.com/2nj9b9y.jpg);background-color:#;}  td.edit_content_bottom2{background-image:url();background-color:#ff3300;}
td.edit_rechts_cbg{background-image: url();}
td.edit_content_top{background-image:url(http://i41.tinypic.com/2ni1a9t.jpg);background-color:#33ffff;}
td.edit_content_bottom:hover{background-image:url(http://i39.tinypic.com/2rh1my1.jpg);background-color:#;} 
td.edit_content_bottom2{background-image:url
();background-color:#;}
td.edit_content_bottom:hover{background-image:url(http://i40.tinypic.com/2mepveo.jpg);background-color:;}
iframe{border:solid 4px #000000;}
</style> 

<style type="text/css"> <!-- html, body { text-align: center; } --> </style> <style type="text/css"> <!-- html, body { text-align: center; } --> </style>
<style type="text/css">
a {text-decoration:none;}
a:hover {text-decoration:none;}
</style>
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
Mesaj24.03.2010, 16:10 (UTC)    
Mesaj konusu:

ben yeni bir tema ekleyeceğim fakat css kısmı yazıyor css kodunu nereye ekleyeceğim ????
Mesaj24.03.2010, 16:50 (UTC)    
Mesaj konusu:

iconzazza yazmış:
ben yeni bir tema ekleyeceğim fakat css kısmı yazıyor css kodunu nereye ekleyeceğim ????


beyendiğiniz bir css tasarimin kodları

tasarim üstü - tasarim alti - css kod diye kodlar vardır siz bu kodları

tasarim ayarlarindan css design tasarimini seçin .. ve gelişmiş ayarlardaki gerekli yerlere kodları yapıstırın..

tasarim üstüne kısımındaki tasarim üstüne gibi... Wink
Mesaj25.03.2010, 13:49 (UTC)    
Mesaj konusu:

bilgiliwebnet yazmış:
iconzazza yazmış:
ben yeni bir tema ekleyeceğim fakat css kısmı yazıyor css kodunu nereye ekleyeceğim ????


beyendiğiniz bir css tasarimin kodları

tasarim üstü - tasarim alti - css kod diye kodlar vardır siz bu kodları

tasarim ayarlarindan css design tasarimini seçin .. ve gelişmiş ayarlardaki gerekli yerlere kodları yapıstırın..

tasarim üstüne kısımındaki tasarim üstüne gibi... Wink




offf ya yok ! tam anlatırmısınız ?! Mesela birisi ekstralar nasıl eklenir diye sormuş ve cevabı şöyle olmuş :

Ekstraları değiştir - Ekstrayı ekle




bunun gibi ! Sad düzgün bir anlatım
Mesaj25.03.2010, 15:06 (UTC)    
Mesaj konusu:

bişi diyecem ben su html kodunu bir kişi alıp bana css yapabilirmisiniz..
iserseniz en alta sizi desteklememiz için reklam yapın...

Kod:
<h3 style="color: red; text-align: left; ">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="background-color: rgb(255, 0, 0); "> &nbsp;</span><a href="http://ulvihanepage.tr.gg"><span style="background-color: rgb(255, 0, 0); ">ulvihanepage.tr.gg</span></a></h3>
<hr />
<table width="850" height="1000" border="1" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td valign="top" bgcolor="#3300cc">
            <table width="850" height="150" border="1" cellpadding="1" cellspacing="1">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#000000" style="text-align: center; ">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img alt="" src="http://www.cidefm.net/hosgeldiniz.gif" /></td>
                    </tr>
                </tbody>
            </table>
            <table width="150" height="850" border="1" cellpadding="1" cellspacing="1">
                <tbody>
                    <tr>
                        <td valign="top" bgcolor="#ff0000" bordercolor="#ff0000">
                        <h1 style="text-align: center; ">&nbsp;&nbsp;<span style="color: rgb(255, 255, 255); "> &nbsp;MEN&Uuml;</span>&nbsp;</h1>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
Mesaj25.03.2010, 21:21 (UTC)    
Mesaj konusu: Basit Bir Css Tasarım

Ön İzlemesi:


Tasarımın Üstü:

Kod:
<div align="center">
            <table cellspacing="0" border="1" style="width: 590px; height: 178px" bordercolor="#000000">
            <tbody>
            <tr>
            <td bgcolor="#FFCC00" style="text-align: center">
            <img border="0" src="http://img.webme.com/pic/h/hit-mekani/cxvt.jpg"></td>
            </tr>
            <tr>
            <td bgcolor="#000000" style="text-align: center"><span style="color: #ffcc00"><strong>Link Adı  Link Adı  Link Adı  Link Adı  Link Adı  Link Adı  Link Adı  Link Adı  Link Adı  </strong></span></td>
            </tr>
            <tr>
            <td bgcolor="#ffcc33" style="text-align: center" height="162"> </div>
           


Tasarımın Altı:

Kod:
</td>
            </tr>
            <tr>
            <td bgcolor="#000000" style="text-align: center"><span style="color: #ffcc00"><span><strong>Copyright 2010-2011 Her Hakkı Bize Aittir...</strong></span></span></td>
            </tr>
            </tbody>
            </table>


Css Bölümü:

Kod:
table {margin-left: auto;margin-right: auto}
            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;}
Mesaj27.03.2010, 10:37 (UTC)    
Mesaj konusu:



tasarımın üstüne
Kod:
<script src="http://img21.xooimage.com/files/b/b/3/jquery-1.3.2.min-b8f180.js" type="text/javascript"></script>
<script src="http://img29.xooimage.com/files/0/4/2/fns-15a43ee.js" type="text/javascript"></script>
<!-- Page -->
<div id="page" class="shell">
  <!-- Header -->
  <div id="header">
    <!-- Top Navigation -->
    <div id="top-nav">
      <ul>
        <li class="home"><a href="http://www.free-css.com/">home</a></li>
        <li><a href="http://www.free-css.com/">pc</a></li>
        <li><a href="http://www.free-css.com/">xbox</a></li>
        <li><a href="http://www.free-css.com/">360</a></li>
        <li><a href="http://www.free-css.com/">wii</a></li>
        <li><a href="http://www.free-css.com/">ps3</a></li>
        <li><a href="http://www.free-css.com/">ps2</a></li>
        <li><a href="http://www.free-css.com/">psp</a></li>
        <li class="last"><a href="http://www.free-css.com/">ds</a></li>
      </ul>
    </div>
    <!-- / Top Navigation -->
    <div class="cl"> </div>
    <!-- Logo -->
    <div id="logo">
      <h1><a href="http://www.free-css.com/">game<span>portal</span></a></h1>
      <p class="description">your game zone</p>
    </div>
    <!-- / Logo -->
    <!-- Main Navigation -->
    <div id="main-nav">
      <div class="bg-right">
        <div class="bg-left">
          <ul>
            <li><a href="http://www.free-css.com/">community</a></li>
            <li><a href="http://www.free-css.com/">forum</a></li>
            <li><a href="http://www.free-css.com/">video</a></li>
            <li><a href="http://www.free-css.com/">cheats</a></li>
            <li><a href="http://www.free-css.com/">features</a></li>
            <li><a href="http://www.free-css.com/">downloads</a></li>
            <li><a href="http://www.free-css.com/">sports</a></li>
            <li><a href="http://www.free-css.com/">tech</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- / Main Navigation -->
    <div class="cl"> </div>
    <!-- Sort Navigation -->
    <div id="sort-nav">
      <div class="bg-right">
        <div class="bg-left">
          <div class="cl"> </div>
          <ul>
            <li class="first active first-active"><a href="http://www.free-css.com/">Review</a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">Previews </a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">New Releases</a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">Top Games</a><span class="sep"> </span></li>
            <li><a href="http://www.free-css.com/">All Games</a><span class="sep"> </span></li>
          </ul>
          <div class="cl"> </div>
        </div>
      </div>
    </div>
    <!-- / Sort Navigation -->
  </div>
  <!-- / Header -->
  <!-- Main -->
  <div id="main">
    <div id="main-bot">
      <div class="cl"> </div>
      <!-- Content -->
      <div id="content">
        <div class="block">
<div class="block-bot">


tasarımın altına
Kod:
</div>
            <div class="cl"> </div>
        </div>
      </div>
    </div>
    <!-- / Content -->
    <!--  -->
    <div id="sidebar">
      <!-- Search -->
      <div id="search" class="block">
        <div class="block-bot">
          <div class="block-cnt">
            <form action="http://www.free-css.com/" method="post">
              <div class="cl"> </div>
              <div class="fieldplace">
                <input type="text" class="field" value="Search" title="Search" />
              </div>
              <input type="submit" class="button" value="GO" />
              <div class="cl"> </div>
            </form>
          </div>
        </div>
      </div>
      <!-- / Search -->
      <!-- Sign In -->
      <div id="sign" class="block">
        <div class="block-bot">
          <div class="block-cnt">
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="button button-left">sign in</a> <a href="http://www.free-css.com/" class="button button-right">create account</a>
            <div class="cl"> </div>
            <p class="center"><a href="http://www.free-css.com/">Help?</a>  <a href="http://www.free-css.com/">Forgot Password?</a></p>
          </div>
        </div>
      </div>
      <!-- / Sign In -->
      <div class="block">
        <div class="block-bot">
          <div class="head">
            <div class="head-cnt">
              <h3>Top Games</h3>
            </div>
          </div>
          <div class="image-articles articles">
            <div class="cl"> </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img1.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">TMNT</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img2.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">F.E.A.R.2</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img3.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">Steel Fury</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="view-all">view all</a>
            <div class="cl"> </div>
          </div>
        </div>
      </div>
      <div class="block">
        <div class="block-bot">
          <div class="head">
            <div class="head-cnt">
              <h3>Top Videos</h3>
            </div>
          </div>
          <div class="image-articles articles">
            <div class="cl"> </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img1.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">FALLOUT3</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img2.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">Crysis</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="article">
              <div class="cl"> </div>
              <div class="image"> <a href="http://www.free-css.com/"><img src="css/images/img3.gif" alt="" /></a> </div>
              <div class="cnt">
                <h4><a href="http://www.free-css.com/">F.E.A.R.2</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>
              </div>
              <div class="cl"> </div>
            </div>
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="view-all">view all</a>
            <div class="cl"> </div>
          </div>
        </div>
      </div>
      <div class="block">
        <div class="block-bot">
          <div class="head">
            <div class="head-cnt">
              <h3>Latest Articles</h3>
            </div>
          </div>
          <div class="text-articles articles">
            <div class="article">
              <h4><a href="http://www.free-css.com/">Dolor amet sodales leo</a></h4>
              <small class="date">21.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie urna, id scele- risque leo sodales sit amet</p>
            </div>
            <div class="article">
              <h4><a href="http://www.free-css.com/">Amet sed lorem sit</a></h4>
              <small class="date">20.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
            </div>
            <div class="article">
              <h4><a href="http://www.free-css.com/">Adipsicing elit elementum</a></h4>
              <small class="date">19.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p>
            </div>
            <div class="article">
              <h4><a href="http://www.free-css.com/">Consectetur elit sed molestie</a></h4>
              <small class="date">15.07.09</small>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p>
            </div>
            <div class="cl"> </div>
            <a href="http://www.free-css.com/" class="view-all">view all</a>
            <div class="cl"> </div>
          </div>
        </div>
      </div>
    </div>
    <!-- / Sidebar -->
    <div class="cl"> </div>
    <!-- Footer -->
    <div id="footer">
      <div class="navs">
        <div class="navs-bot">
          <div class="cl"> </div>
          <ul>
            <li><a href="http://www.free-css.com/">community</a></li>
            <li><a href="http://www.free-css.com/">forum</a></li>
            <li><a href="http://www.free-css.com/">video</a></li>
            <li><a href="http://www.free-css.com/">cheats</a></li>
            <li><a href="http://www.free-css.com/">features</a></li>
            <li><a href="http://www.free-css.com/">downloads</a></li>
            <li><a href="http://www.free-css.com/">sports</a></li>
            <li><a href="http://www.free-css.com/">tech</a></li>
          </ul>
          <ul>
            <li><a href="http://www.free-css.com/">pc</a></li>
            <li><a href="http://www.free-css.com/">xbox</a></li>
            <li><a href="http://www.free-css.com/">360</a></li>
            <li><a href="http://www.free-css.com/">wii</a></li>
            <li><a href="http://www.free-css.com/">ps3</a></li>
            <li><a href="http://www.free-css.com/">ps2</a></li>
            <li><a href="http://www.free-css.com/">psp</a></li>
            <li><a href="http://www.free-css.com/">ds</a></li>
          </ul>
          <div class="cl"> </div>
        </div>
      </div>
      <p class="copy">© Sitename.com. Design by <a href="http://chocotemplates.com">ChocoTemplates.com</a>  | Adaptado por <a href="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p>
    </div>
    <!-- / Footer -->
  </div>
</div>
<!-- / Main -->
</div>
<!-- / Page -->


css koduna
Kod:
/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.2;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #a0a0a0;
    background: url(http://img47.xooimage.com/files/a/8/9/bg-14b6789.gif) repeat 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #a0a0a0; text-decoration: underline; }
a:hover { text-decoration: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; }
/*----- End "Main definitions" -----*/
/*----- Adaptado por Help-4-Pwg -----*/

.shell { width: 914px; margin: 0 auto; }

#page { padding-bottom: 30px; }

#header { width: 100%; position: relative; margin-bottom: 5px; }

#logo { text-transform: uppercase; line-height: 1; padding-bottom: 15px; }
#logo h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 30px; color: #fff; }
#logo h1 a { color: #fff; text-decoration: none; }
#logo h1 a span { color: #7ab7e2; }
#logo .description { font-size: 10px; color: #cfd2d9; }
/*----- Adaptado por Help-4-Pwg -----*/

#top-nav { float: right; display: inline; margin-bottom: 2px; }
#top-nav ul { float: left; display: inline; font-size: 10px; line-height: 31px; color: #fff; text-transform: uppercase; background: url(http://img42.xooimage.com/files/3/8/1/top-nav-bg-15a33f0.jpg) repeat-x 0 0; }
#top-nav ul li { float: left; display: inline; list-style-type: none; }
#top-nav ul li a { float: left; display: inline; color: #fff; text-decoration: none; padding: 0 10px 0 8px; background: url(http://img46.xooimage.com/files/f/9/2/top-nav-sep-15a34cb.gif) no-repeat right 0; }
#top-nav ul li a:hover { text-decoration: underline; }
#top-nav ul li.last { padding-right: 4px; background: url(http://img46.xooimage.com/files/e/e/f/top-nav-last-15a34dc.giff) no-repeat right 0; }
#top-nav ul li.last a { background: none; }
#top-nav ul li.home { width: 88px; background: url(http://img44.xooimage.com/files/c/5/d/top-nav-home-15a4137.gif) no-repeat 0 0; }
#top-nav ul li.home a { background: none; width: 67px; height: 31px; line-height: 29px; padding: 0; color: #141414; font-weight: bold; padding-left: 21px; }

#main-nav { float: right; display: inline; line-height: 32px; background: url(http://img42.xooimage.com/files/b/e/e/main-nav-bg-15a4126.gif) repeat-x 0 0; }
#main-nav .bg-right { background: url(http://img42.xooimage.com/files/2/d/4/main-nav-bg-right-15a40e6.gif) no-repeat right 0; }
#main-nav .bg-left { background: url(http://img42.xooimage.com/files/d/4/0/main-nav-bg-left-15a40d8.gif) no-repeat 0 0; padding-left: 32px; width: 676px; }
#main-nav ul { height: 32px; font-size: 10px; color: #a8a8a8; text-transform: uppercase; }/*----- Adaptado por Help-4-Pwg -----*/

#main-nav ul li { float: left; display: inline; list-style-type: none; background: url(http://img26.xooimage.com/files/a/7/c/main-nav-sep-15a40cd.gif) no-repeat right 0; }
#main-nav ul li a { float: left; display: inline; text-decoration: none; color: #a8a8a8; padding: 0 11px 0 9px; }
#main-nav ul li a:hover { text-decoration: underline; }

#sort-nav { line-height: 46px; background: url(http://img46.xooimage.com/files/9/5/9/sort-nav-bg-15a40be.gif) repeat-x 0 0; }
#sort-nav .bg-left { background: url(http://img26.xooimage.com/files/3/0/b/sort-nav-bg-left-15a40b0.gif) no-repeat 0 0; position: relative; height: 46px; }
#sort-nav .bg-right { background: url(http://img40.xooimage.com/files/d/7/c/sort-nav-bg-right-15a408d.gif) no-repeat right 0; position: relative; height: 46px; }
#sort-nav ul li { float: left; display: inline; list-style-type: none; height: 46px; }
#sort-nav ul li a { float: left; display: inline; font-size: 13px; font-weight: bold; color: #282828; text-decoration: none; padding: 0 19px; }
#sort-nav ul li span.sep { float: left; display: inline; width: 2px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(http://img24.xooimage.com/files/0/a/b/sort-nav-sep-15a4082.gif); }
#sort-nav ul li a:hover { text-decoration: underline; }
#sort-nav ul li.active a { color: #fff; text-decoration: none; }
#sort-nav ul li.active a:hover { text-decoration: none; }
#sort-nav ul li.first-active a { background: url(http://img48.xooimage.com/files/4/d/7/nav-active-first-15a4079.gif) no-repeat 0 0; }
#sort-nav ul li.active span.sep { background-image: url(http://img46.xooimage.com/files/5/6/3/nav-active-sep-15a406a.gif); }
#sort-nav ul li.active { background: url(http://img44.xooimage.com/files/9/c/8/nav-active-bg-15a4062.gif) repeat-x 0 0; }
/*----- Adaptado por Help-4-Pwg -----*/

#main { background: #050505 url(http://img24.xooimage.com/files/8/6/9/main-bg-15a4054.gif) no-repeat 0 0; padding-top: 10px; }
#main-bot { background: url(http://img48.xooimage.com/files/a/7/c/main-bot-bg-15a4048.gif) no-repeat 0 bottom; padding: 0 10px 2px 10px; height: 100%; position: relative; }
#sidebar { float: left; display: inline; width: 226px; }
#content { float: right; display: inline; width: 657px; }

.block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; }
.block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; }
.block .block-cnt { padding: 10px 10px 10px 9px; }

.block .head { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat 0 0; padding-left: 15px; }
.block .head .head-cnt { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat right 0; line-height: 38px; height: 38px; padding-right: 13px; }
.block .head h3 { font-size: 15px; font-weight: bold; color: #262727; }
.block .head .view-all { float: right; display: inline; width: 61px; height: 18px; line-height: 16px; background: url(http://img45.xooimage.com/files/b/b/c/block-head-view-all-14b6791.gif); margin-top: 12px; }
.block .head .view-all { color: #656565; font-size: 10px; text-decoration: none; text-align: center; }
.block .head .view-all:hover { text-decoration: underline; }

#content .block { background-image: url(http://img49.xooimage.com/files/c/a/7/content-block-top-14b67c1.gif); background-color: #313131; width: 657px; }
#content .block .block-bot { background-image: url(http://img27.xooimage.com/files/5/3/9/content-block-bot-14b67b7.gif); }
/*----- Adaptado por Help-4-Pwg -----*/

#sidebar .block { background-image: url(http://img44.xooimage.com/files/9/d/e/sidebar-block-top-15a3f8c.gif); background-color: #484848; width: 226px; }
#sidebar .block .block-bot { background-image: url(http://img40.xooimage.com/files/7/4/7/sidebar-block-bot-15a3f82.gif); }


#search .block-cnt { padding: 5px 5px 5px 4px; }
#search .fieldplace { float: left; display: inline; width: 170px; height: 22px; background: url(http://img24.xooimage.com/files/a/b/2/search-field-15a3f66.gif) no-repeat 0 0; padding-left: 18px; }
#search .fieldplace .field { padding: 3px 6px 4px; width: 158px; border: none; background: none; }
#search .button { float: left; display: inline; width: 29px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; }
#search .button { background: url(http://img46.xooimage.com/files/8/e/c/search-button-15a3f5b.gif) no-repeat 0 0; }

#sign .block-cnt { padding: 6px 5px 5px 5px; }
#sign .button { display: block; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 29px; }
#sign .button { width: 105px; height: 29px; background: url(http://img26.xooimage.com/files/d/0/4/sign-button-15a3f49.gif) no-repeat 0 0; }
#sign .button:hover { background-position: 0 bottom; }
#sign .button-left { float: left; display: inline; }
#sign .button-right { float: right; display: inline; }
#sign .center { text-align: center; font-size: 11px; line-height: 16px; margin-top: 4px; }
#sign .center a { color: #35cfd9; }
/*----- Adaptado por Help-4-Pwg -----*/

#sidebar .articles .article { padding: 8px 7px; background: url(http://img24.xooimage.com/files/6/7/a/sidebar-article-sep-15a3f3f.gif) repeat-x 0 bottom; font-size: 11px; color: #a0a0a0; }
#sidebar .articles h4 { color: #fff; font-weight: bold; font-size: 12px; }
#sidebar .articles h4 a { color: #fff; text-decoration: none; }
#sidebar .articles h4 a:hover { color: #ccc; }
#sidebar .articles .view-all { font-size: 10px; letter-spacing: 0.5px; line-height: 24px; float: right; display: inline; margin-right: 6px; }

#sidebar .image-articles .image { float: left; display: inline; width: 55px; }
#sidebar .image-articles .image img { padding: 1px; border: solid 1px #1e1e1e; width: 51px; height: 51px; }
#sidebar .image-articles .cnt { float: right; display: inline; width: 150px; }

#sidebar .text-articles .article { padding: 8px 10px; font-size: 12px; }
#sidebar .text-articles h4 { font-size: 13px; }

#content .articles h4 { font-size: 19px; font-weight: bold; color: #ccc; margin: 4px 0 2px; }
#content .articles h4 a { text-decoration: none; color: #ccc; }
#content .articles h4 a:hover { color: #fff; }

#content .col-articles .image img { padding: 1px; border: solid 1px #050505; width: 194px; height: 194px; }
#content .col-articles .article { float: left; display: inline; margin: 17px 0 10px 15px; width: 198px; }

#content .row-articles .article { padding: 10px 15px 12px 15px; background: url(http://img25.xooimage.com/files/b/e/2/content-article-sep-14b67aa.gif) repeat-x 0 bottom; }
#content .row-articles .last-article { background: none; }
#content .row-articles .image { float: left; display: inline; width: 194px; }
#content .row-articles .image img { width: 194px; }
#content .row-articles .cnt { float: right; display: inline; width: 420px; }
#content .row-articles h4 { margin-top: 0; line-height: 20px; }
#content .row-articles h4 a { color: #e4e4e4; }

#slider { width: 638px; height: 357px; position: relative; }
#slider .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; }
#slider .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; }
#slider .buttons span.prev { background: url(http://img47.xooimage.com/files/8/7/a/button-prev-14b67a3.png) no-repeat 0 0; }
#slider .buttons span.next { background: url(http://img43.xooimage.com/files/3/7/c/button-next-14b6799.png) no-repeat 0 0; }
#slider .holder { width: 638px; height: 357px; position: relative; overflow: hidden; }
#slider .content { height: 357px; width: 100000px; position: absolute; top: 0; left: 0; }
#slider .fragment { float: left; display: inline; width: 638px; height: 357px; list-style-type: none; }
#slider .fragment .image { position: relative; width: 638px; height: 287px; }
#slider .frame { width: 638px; height: 287px; position: absolute; top: 0; left: 0; z-index: 100; background: url(http://img42.xooimage.com/files/f/3/8/slider-image-bg-15a3ed6.png) no-repeat 0 0; }
#slider .frame { font-size: 0; line-height: 0; text-indent: -4000px; }
#slider .fragment .cnt { margin-top: 5px; height: 49px; background: url(http://img29.xooimage.com/files/2/8/9/slider-cnt-bg-1622f44.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; }
#slider .fragment .cnt .side-a { float: left; display: inline; width: 150px; }
#slider .fragment .cnt .side-b { float: right; display: inline; width: 430px; }
#slider .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; }
#slider .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; }
#slider .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; }
#slider .fragment .cnt .rating li .empty-star { background: url(http://img49.xooimage.com/files/a/e/6/empty-star-14b67d4.gif); }
#slider .fragment .cnt .rating li .full-star { background: url(http://img47.xooimage.com/files/a/f/b/full-star-15a3c90.gif); }
#slider .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; }/*----- Adaptado por Help-4-Pwg -----*/

 
#footer .copy { font-size: 10px; color: #363636; text-transform: uppercase; text-align: right; padding: 20px 0; }
#footer .copy a{ color: #363636; }
#footer .navs { background: #222 url(http://img42.xooimage.com/files/5/5/9/footer-navs-top-162325c.gif) no-repeat 0 0; text-align: center; font-size: 10px; text-transform: uppercase; color: #656565; height: 100%; position: relative; }
#footer .navs .navs-bot { background: url(http://img45.xooimage.com/files/4/8/f/footer-navs-bot-14b67dc.gif) no-repeat 0 bottom; height: 100%; position: relative; }
#footer .navs ul { margin: 10px 0; }
#footer .navs ul li { list-style-type: none; display: inline; padding: 0 6px; }
#footer .navs ul li a { color: #656565; text-decoration: none; }
#footer .navs ul li a:hover { text-decoration: underline; }
lli.nav_element{display: none;}
li.nav_element a{display: none;}
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;}


slide resim

Kod:
<div id="slider">
<div class="buttons"> <span class="prev">prev</span> <span class="next">next</span> </div>
<div class="holder">
<div class="frame">&nbsp;</div>
<div class="content">
<ul>
<li class="fragment">
<div class="image">
<img src="Url de la imagen 1" alt="" />
</div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>Titulo de la imagen 1</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star empty-star">&nbsp;</span></li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion de la imagen 1</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="url de la imagen 2" alt="" /> </div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>Titulo de la imagen 2</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star empty-star">&nbsp;</span></li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion de la imagen 2</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="url de la imagen 3" alt="" /> </div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>titulo de la imagen 3</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star empty-star">&nbsp;</span></li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion imagen 3</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="Url de la imagen 4" alt="" /> </div>
<div class="cnt">
<div class="cl">&nbsp;</div>
<div class="side-a">
<h4>Titulo de la imagen 4</h4>
<ul class="rating">
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star full-star">&nbsp;</span></li>
<li><span class="star empty-star">&nbsp;</span></li>
<li><span class="votes">1.456 votes</span></li>
</ul>
</div>
<div class="side-b">
<p>Descripcion de la imagen 4</p>
</div>
<div class="cl">&nbsp;</div>
</div>
</li>
</ul>
</div>
</div>


istediğiniz yere ekleye bilirsiniz. :)
______________

sen benim mıymıy rapime keste kafanı kurban et !
Mesaj27.03.2010, 14:05 (UTC)    
Mesaj konusu:

Birde kodlar görünse:)
harika olucak ama:)
ben kodlarımı göremiyom, ortada kodmu yok??? Wink
______________
Önceki mesajları göster:   


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