Yazar |
Mesaj |
-

psychotoxic
Acemi Üye
|
21.03.2010, 09:15 (UTC) Mesaj konusu: css |
|
|
|
|
↑
|
|
 |
-

ulvihanepage
Acemi Üye
|
21.03.2010, 10:02 (UTC) Mesaj konusu: |
|
|
bende böyle yapıyorum
Adobe Photo Cs3 de sonra Dreamwear a koyuyorum olmuyor? |
|
↑
|
|
 |
-

ulvihanepage
Acemi Üye
|
21.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> |
|
↑
|
|
 |
-

ulvihanepage
Acemi Üye
|
21.03.2010, 19:29 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
 |
-

ulvihanepage
Acemi Üye
|
22.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
Bulursan Sevinirim... ______________ BenimSitem1993=>Forum imzanızda sadece,468x60 ebatlarında sadece 1 TANE Banner olmalıdır! |
|
↑
|
|
 |
-

bilgiliwebnet
Uzman Üye
|
23.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...
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;}
|
|
↑
|
|
 |
-

zalimfirarii
Acemi Üye
|
23.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
Teşekürler |
|
↑
|
|
 |
-

mertphotograph
Bedava-Sitem Bağımlısı
|
23.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> |
|
↑
|
|
 |
-

iconzazza
Acemi Üye
|
24.03.2010, 16:10 (UTC) Mesaj konusu: |
|
|
ben yeni bir tema ekleyeceğim fakat css kısmı yazıyor css kodunu nereye ekleyeceğim ???? |
|
↑
|
|
 |
-

bilgiliwebnet
Uzman Üye
|
24.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...  |
|
↑
|
|
 |
-

iconzazza
Acemi Üye
|
25.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...
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 !  düzgün bir anlatım |
|
↑
|
|
 |
-

ulvihanepage
Acemi Üye
|
25.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; "> <span style="background-color: rgb(255, 0, 0); "> </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; "> <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; "> <span style="color: rgb(255, 255, 255); "> MENÜ</span> </h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table> |
|
↑
|
|
 |
-

resimtc
Aktif Üye
|
25.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;} |
|
↑
|
|
 |
-

bitly
Aktif Üye
|
27.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"> </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"> </div>
<div class="side-a">
<h4>Titulo de la imagen 1</h4>
<ul class="rating">
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star empty-star"> </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"> </div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="url de la imagen 2" alt="" /> </div>
<div class="cnt">
<div class="cl"> </div>
<div class="side-a">
<h4>Titulo de la imagen 2</h4>
<ul class="rating">
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star empty-star"> </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"> </div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="url de la imagen 3" alt="" /> </div>
<div class="cnt">
<div class="cl"> </div>
<div class="side-a">
<h4>titulo de la imagen 3</h4>
<ul class="rating">
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star empty-star"> </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"> </div>
</div>
</li>
<li class="fragment">
<div class="image"> <img src="Url de la imagen 4" alt="" /> </div>
<div class="cnt">
<div class="cl"> </div>
<div class="side-a">
<h4>Titulo de la imagen 4</h4>
<ul class="rating">
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star full-star"> </span></li>
<li><span class="star empty-star"> </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"> </div>
</div>
</li>
</ul>
</div>
</div>
istediğiniz yere ekleye bilirsiniz. :) ______________
sen benim mıymıy rapime keste kafanı kurban et ! |
|
↑
|
|
 |
-

gururum5
Bedava-Sitem Bağımlısı
Konum: izmir
|
27.03.2010, 14:05 (UTC) Mesaj konusu: |
|
|
Birde kodlar görünse:)
harika olucak ama:)
ben kodlarımı göremiyom, ortada kodmu yok???  ______________  |
|
↑
|
|
 |
|