Forum'da ara:
Ara


Yazar Mesaj
Mesaj13.01.2012, 12:48 (UTC)    
Mesaj konusu: Süper CSS Tasarım Kacırma...
Alıntıyla Cevap Gönder
Mükemmel bir tasarım herkesin hayali olabilir Smile

TASARIM ÜSTÜ 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" xml:lang="tr" lang="tr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<title>DataLife Engine Türkçe Destek | Dlematik.Com</title>
<meta name="description" content="Dlematik Demo Alanı" />
<meta name="keywords" content="DataLife, Engine, CMS, PHP, Türkçe, Destek, Dlematik" />
<meta name="generator" content="DataLife Engine v 9.4 (http://www.dlematik.com)" />
<link rel="search" type="application/opensearchdescription+xml" href="http://dlematik.com/demo4/engine/opensearch.php" title="DataLife Engine Türkçe Destek | Dlematik.Com" />
<link rel="alternate" type="application/rss+xml" title="DataLife Engine Türkçe Destek | Dlematik.Com" href="http://dlematik.com/demo4/rss.xml" />
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/js/jquery.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/js/jqueryui.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/js/dle_js.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/highslide/highslide.js"></script>
<link rel="shortcut icon" href="http://dlematik.comhttp://dlematik.com/demo4/templates/HitFusion/images/favicon.ico" />
<link href="" type="text/css" rel="stylesheet" />
<link href="http://dlematik.com/demo4/templates/HitFusion/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://dlematik.com/demo4/templates/HitFusion/js/libs.js"></script>
<!--[if IE ]>
<link href="/demo4/templates/HitFusion/style/ie.css" type="text/css" rel="stylesheet" />
<![endif]-->
<!--[if !IE]>-->
<script type="text/javascript" src="http://dlematik.com/demo4/templates/HitFusion/js/sprite.js"></script>
<!--<![endif]-->
</head>
<body>
<div id="loading-layer" style="display:none"><div id="loading-layer-text">Yükleniyor,Lütfen Bekleyiniz!</br></div></div>
<script language="javascript" type="text/javascript">
<!--
var dle_root = '/demo4/';
var dle_admin = '';
var dle_login_hash = '';
var dle_group = 5;
var dle_skin = 'HitFusion';
var dle_wysiwyg = 'no';
var quick_wysiwyg = '0';
var dle_act_lang = ["Evet", "Hayır", "Gönder", "İptal", "Kaydet"];
var menu_short = 'Hızlı Düzenle';
var menu_full = 'Tam Düzenle';
var menu_profile = 'Profil';
var menu_send = 'Mesaj Gönder';
var menu_uedit = 'Yönetici KP';
var dle_info = 'Bilgi';
var dle_confirm = 'Soru Ekranı';
var dle_prompt = 'İstem';
var dle_req_field = 'Bütün Gerekli Alanları Doldurun';
var dle_del_agree = 'Bu Yorumu Silmek İstidiğinize Emin Misiniz?';
var dle_complaint = 'Yönetime Gönderdilmek Üzere Şikayet Metnini Girin:';
var dle_big_text = 'Seçilen metin alanı çok büyük.';
var dle_orfo_title = 'Dilbilgisi hatalarını yönetime bildirmek için açıklama girin:';
var dle_p_send = 'Gönder';
var dle_p_send_ok = 'Bildirim Gönderildi';
var dle_save_ok = 'Değişiklikler başarıyla kaydedildi.';
var dle_del_news = 'Konuyu Sil';
var allow_dle_delete_news = false;
var dle_search_delay = false;
var dle_search_value = '';
$(function(){
FastSearch();
});//-->
</script><script language="javascript" type="text/javascript">
<!--
hs.graphicsDir = '/demo4/engine/classes/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.numberOfImagesToPreload = 0;
hs.showCredits = false;

hs.lang = {
loadingText : 'Yükleniyor...</br>',
playTitle : 'Slayt gösterisi olarak görüntüle (Space)',
pauseTitle: 'Duraklat',
previousTitle : 'Önceki resim',
nextTitle : 'Sonraki resim',
moveTitle : 'Taşı',
closeTitle : 'Kapat (Esc)',
fullExpandTitle : 'Orjinal Boyutunda Göster',
restoreTitle : 'Tıkla,Resmi Eski Haline Getir',
focusTitle : 'Tıkla Resmi Gör',
loadingTitle : 'Resim Tıkla Gösteri İptal Et'
};

//-->
</script>
<div id="bg_bottom">
<div id="wrapper">
<div id="header">
<!-- HEADER -->
<a href="/demo4/index.php" title="Site Adı" class="logo">   </a>
<div class="header_links">
<a href="ana-sayfa.htm" class="header_home">Ana Sayfa</a>
<a href="/forum.htm" class="header_sitemap" title="Site Haritası">Site Haritası</a>
<a href="/Iletisim.htm" class="header_contact" title="İletişim">İletişim</a>
</div>





<div class="autorisation">
<a href="#?w=321" rel="popup" class="poplight login_btn"><span>Üye Girişi</span></a>
<a href="   " class="login_register"><span>Kayıt Ol</span></a>


</div>
<div id="popup" class="popup_block">
<div class="modal_bg_top">
<div class="modal_bg_bot">


<div class="logform">
<div class="logindialog">
<form method="post" action="">
<input type="text" name="login_name" id="login_name" class="logindialog_input" value="Kullanıcı Adı." onblur="if(this.value=='') this.value='Kullanıcı Adı.';" onfocus="if(this.value=='Kullanıcı Adı.') this.value='';" />
<input type="password" name="login_password" id="login_password" class="logindialog_input2" value="******" onblur="if(this.value=='') this.value='******';" onfocus="if(this.value=='******') this.value='';" />
<div class="logindial"><span><input onclick="submit();" class="logindialog_btn" type="image" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" /></span></div>
<input name="login" type="hidden" id="login" value="submit" />
</form>
</div>
<div class="logind"><div class="logindialog_links"></div><div class="logindialog_link"><a href="http://www.levelbilisim.tr.gg/Kayit.htm">Şifremi Unuttum?</a></div></div>
</div>

</div>
</div>
</div>


<div class="header_menu_bg_l">
<div class="header_menu_bg_r">
<div class="header_menu_bg">
<div class="header_menu_bg_dot">
<div class="header_menu_line">
<ul id="topmenu" class="reset">
<li><span><a href="/ana-sayfa.htm">Anasayfa</a></span></li>
<li><span><a href="http://www.levelbilisim.tr.gg/Forum.htm" title="Forum">Forum</a></span></li>
<li><span><a href="/Kayit.htm" title="Kayıt Ol">Kayıt Ol</a></span></li>

<li><span><a href="/Giris.htm">Giris Yap</a></span></li>
<li><span><a href="/Hesaplar.htm">Banka Hesapları</a></span></li>
<li class="sublnk"><span><a href=>Yazarlar</a></span>
<ul>
<li><a href="/Yazar1.htm">Yazar : </a></li>
<li><a href="/Yazar2.htm">Yazar : </a></li>
</ul>
</li>
<li><span><a href="/Iletisim.htm">İletişim</a></span></li>




</ul>
<div class="search_bg">
<form method="post" action=''>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input id="story" name="story" class="header_search" value="Site İçi Arama?" onblur="if(this.value=='') this.value='Site İçi Arama?';" onfocus="if(this.value=='Site İçi Arama?') this.value='';" type="text" />
<input type="image" class="search_btn" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" />
</form>
<div class="search_links"><div class="search_link"></div><a href="http://www.levelbilisim.tr.gg/Advenced">Gelişmiş Arama ?</a></div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="rss_new">
<a class="rss_btn" href="/RSS"><span>Site RSS</span></a>
<a class="new_btn" href="http://www.facebook.com/Ko.OlympiaFanPage"><span>Facebook</span></a>

</div>
<!-- /HEADER -->
</div>
<div class="container">
<div class="container1">
<div class="container2"></div>
</div>
</div>
<div id="container">
<div class="container3">
<div id="left">
<!-- LEFT -->
<div class="left_nav1">
<div class="left_nav2">
<h4 style="display: none;">Kategoriler</h4>
<h4 class="but"><a href="http://www.htm" title="Bmfam">asda</a> </h4>
<h4 class="but"><a href="http://www.lgg/Rift.htm" title="Rfdat Online">asd</a> </h4>
<h4 class="but"><a href="hhtm" title="asd">Nsd</a> </h4>
<!-- Açılır Menü -->
<div class="bnavi">
<ul class="bnavi_out">
<li>
<b><span class="sublink">Battlefield 3</span></b>
<div class="submenu">
<div class="but2"><a href="dad" title="gs">dada</a> </div>
<div class="but2"><a href="da" title="B3asddri">fsdfsde</a> </div>
</div>
</li>
</ul>
</div>
<!-- /Açılır menü Bitiş -->
<!-- Açılır Menü -->
<div class="bnavi">
<ul class="bnavi_out">
<li>

</div>
</div>

<div class="left_bloc">
<div class="popular">
<ul><li><a href="http://dlematik.com/demo4/genel/4-nternet-download-manager-beta-603.html">Internet Download Manager Beta 6.03</a></li><li><a href="http://dlematik.com/demo4/genel/2-pro-evolution-soccer-2011.html">Pro Evolution Soccer 2011</a></li><li><a href="http://dlematik.com/demo4/genel/3-eset-nod32-antivirus-trkze-4242.html">ESET NOD32 Antivirus Türkçe 4.2.42</a></li></ul>
</div>
</div>
<script language="javascript" type="text/javascript">
<!--
function doVote( event ){


var vote_check = $('#dle-vote input:radio[name=vote_check]:checked').val();

ShowLoading('');

$.get(dle_root + "engine/ajax/vote.php", { vote_id: "1", vote_action: event, vote_check: vote_check, vote_skin: dle_skin }, function(data){

HideLoading('');

$("#vote-layer").fadeOut(500, function() {
$(this).html(data);
$(this).fadeIn(500);
});

});
}
//-->
</script><div id='vote-layer'><div class="left_bloc">
<div class="voted">
<div id="bvote" class="block">
<div class="btl">
<form method="post" name="vote_result" action=''>
<input type="hidden" name="vote_action" value="results" />
<input type="hidden" name="vote_id" value="1" />
<input class="vresult" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" type="image" onclick="ShowAllVotes(); return false;" alt="" />
</form>

</div><div class="btl2"></div>

<form method="post" name="vote" action=''>
<div class="dconts">
<div class="dconte">Datalife Engine 9.4 Nasıl Buldunuz...?</div>
<div class="dcont_list"><div id="dle-vote"><div class="vote"><input name="vote_check" type="radio" checked="checked" value="0" /> Mükemmel</div><div class="vote"><input name="vote_check" type="radio" value="1" /> Iyi</div><div class="vote"><input name="vote_check" type="radio" value="2" /> Idare Eder</div><div class="vote"><input name="vote_check" type="radio" value="3" /> Kötü</div><div class="vote"><input name="vote_check" type="radio" value="4" /> Berbat</div></div></div>
</div>
<div class="votefoot">


<input type="hidden" name="vote_action" value="vote" />
<input type="hidden" name="vote_id" id="vote_id" value="1" />
<div class="vote_v"><input onclick="doVote('vote'); return false;" class="vote_v2" type="image" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" /></div>
<div class="vote_rez"><input onclick="doVote('results'); return false;" class="vote_rez2" type="image" src="http://dlematik.comhttp://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" /></div>

</div>
</form>
</div>
</div>
</div></div>
<div class="left_bloc">
<div class="archive">
<a class="archives" href="http://dlematik.com/demo4/2011/12/"><b>Aralık 2011 (3)</b></a>
</div>
</div>

<div class="left_bloc">
<div class="reklama">

asdadad
</div>
</div>

<div class="left_bloc">
<div class="tags">
<a href="http://dlematik.com/demo4/tags/9.4/" class="clouds_xsmall" title="Bulunan Konular: 1">9.4</a>, <a href="http://dlematik.com/demo4/tags/dlematik/" class="clouds_xlarge" title="Bulunan Konular: 2">dlematik</a>, <a href="http://dlematik.com/demo4/tags/TR/" class="clouds_xsmall" title="Bulunan Konular: 1">TR</a>
</div>
</div>
<!-- /LEFT -->
</div>
<div id="right">
<!-- CONTENT -->


-------------------------------------------------------------------------
TASARIM ALTI KODU :

Kod:
</div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>

<!-- /CONTENT -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="container_b_l">
<div class="container_b_r">
<div class="container_b_c"></div>
</div>
</div>
<div id="spacer"></div>
</div>
<div id="footer">
<!-- FOOTER -->
<div class="footer">
<div class="footer_menu_bg_l">
<div class="header_menu_bg_r">
<div class="header_menu_bg">
<div class="footer_menu_line">
<ul id="footermenu" class="reset">
<li><span><a href="/demo4/index.php">Anasayfa</a></span></li>
<li><span><a href="#">Menü</a></span></li>
<li><span><a href="#">Menü</a></span></li>
<li><span><a href="#">Menü</a></span></li>
</ul>
<a href="#top" id="up"><span>Yukarı</span></a>
</div>
</div>
</div>
</div>


<div class="counts">
© Copyright |<br />hakları saklıdır.<br />
<u>Tema Edit By</u> :
</div>

<a href="http://www.sunephe.tr.gg"><img src="http://b1112.hizliresim.com/s/y/1gg2r.png" /></a>
<a href="http://dlematik.com" title="DleMatik" alt="Datalife Engine Türkçe Destek" class="footer_copyright" target="_blank"></a>
</div>
</div>
<!-- /FOOTER -->
</div>
</div> </div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-11";
urchinTracker();
</script>    <div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>
</body>
</html>


------------------------------------------------------------
CSS KODU BOLUMUNEE :

[code:1:b43b8a4b53]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;}



html, body { margin:0; height:100%; font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; color:#515151; line-height:14px; background:#faf7f1 url(http://img.webme.com/pic/e/endorfun/812612312243283.jpg) no-repeat center top; }
#bg_bottom { background:url(http://img.webme.com/pic/e/endorfun/812612312243283.jpg) no-repeat center bottom; }
#wrapper { height:auto !important; height:100%; min-height:100%; margin:0 auto; width:1000px; }
#container { background:#FFF url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_bg.gif) repeat-y; }
#header { height:232px; margin-bottom:12px; }
#left { float:left; width:240px; padding:6px 0 0 11px; }
#right { margin-left:262px; padding:6px 0 0 0; }
#footer { height:137px; margin-top:-137px; display:block; overflow:hidden; margin:0 auto; width:1000px; }
.clear { clear:both; }

a, img, input, textarea { outline:none; border:none; }
label { font-weight:normal; }

h1, h2, h1, h3, h4 { margin:0; padding:0; font:12px/11px Calibri, Arial, Helvetica, sans-serif; }

.btn_reglog, .radial, .fbutton, #loading-layer, #dropmenudiv, .baseform, .ui-dialog, .mass_comments_action, .bbcodes, .ui-button { -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; }
input, textarea, select, button { font-size:13px; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.lcol { float:left; }
.rcol { float:right; }

input, textarea, select { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color:#454545; line-height:14px; }

.dpad { margin: 0 15px; }
.konu { margin: 15px; }
.infoblock { background-color: #f1f5f7; padding: 15px; margin-bottom: 25px; }

/* ---------- HEADER ---------- */
.logo { background:url(http://img.webme.com/pic/g/grafikdizayn/levelbilisim_logo.png) no-repeat; display:block; overflow:hidden; width:293px; height:94px; position:absolute; margin:27px 0 0 11px; line-height:200px; }
.header_links { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links.png) no-repeat;width:151px;height:59px;position:absolute;margin:42px 0 0 349px;}

.header_home { width:40px; height:40px; display:block; overflow:hidden; line-height:100px; margin:0px 11px 0 11px; float:left; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links_a.png) no-repeat 0 -40px; }
.header_home:hover { background-position:0 0; }
.header_sitemap { width:31px; height:30px; display:block; overflow:hidden; line-height:70px; margin:10px 8px 0 0; float:left; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links_a.png) no-repeat 0px 50px; }
.header_sitemap:hover { background-position:-51px -10px; }
.header_contact { width:34px; height:34px; display:block; overflow:hidden; line-height:80px; margin:14px 0 0 0; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links_a.png) no-repeat 0 -50px; }
.header_contact:hover { background-position:-90px -14px; }

/* modal window && LOGIN */
#fade { display:none; background:#000; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; opacity:.50; z-index:9999; }
.popup_block { display:none; float:left; position:fixed; top:50%; left:50%; z-index:99999; }
img.btn_close { float:right; margin:-55px -55px 0 0; }
.popup p { padding:5px 10px; margin:5px 0; }

.autorisation { float:right; width:212px; display:block; margin:45px 10px 0 0; }
.autorisation2 { float:right; width:208px; display:block; margin:45px 10px 0 0; }
.autorisation a, .autorisation2 a { float:left; }

.login_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat; display:block; overflow:hidden; height:44px; width:48px; cursor:pointer; line-height:100px; margin-right:9px; }
.login_btn span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat 0 -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.login_register { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -48px 0; display:block; overflow:hidden; height:44px; width:155px; cursor:pointer; line-height:100px; }
.login_register span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -48px -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.logout { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat; display:block; overflow:hidden; height:44px; width:48px; cursor:pointer; line-height:100px; }
.logout span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat 0 -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.login_profile { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -203px 0; display:block; overflow:hidden; height:44px; width:151px; cursor:pointer; line-height:100px; margin-right:9px; }
.login_profile span {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -203px -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.modal_bg_top { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/modal_bg_top.png) no-repeat; padding-top:88px; }
.modal_bg_bot { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/modal_bg_bot.png) no-repeat bottom; padding-bottom:4px; }
.logform { background-color:#faf8f3; display:block; overflow:hidden; }

.logindialog { height:64px; padding-left:13px; }

.logindialog_input { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color:#FFF; height:23px; width:274px; background-color:#de3f49; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 10px 0 10px; margin-bottom:7px; line-height:22px; }

.logindialog_input2 { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color:#FFF; line-height:14px; height:23px; width:199px; background-color:#de3f49; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 10px 0 10px; line-height:22px; float:left; }

.logindialog_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/logindialog_btn.gif) no-repeat 0 -31px; width:73px; height:31px; }
.logindial { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/logindialog_btn.gif) no-repeat; width:73px; height:31px; overflow:hidden; cursor:pointer; margin:-1px 13px 0 0; float:right; }

.logindialog_links { width:3px; height:3px; background-color:#5d5d5d; float:left; margin:6px 0 0px 17px; }
.logindialog_link { margin:0 0 0 19px; font-style:normal; }
.logindialog_link a { color:#5d5d5d; margin:0 0 5px 4px; }
.logindialog_link a:hover { text-decoration:none; }
.logind { margin:-5px 0 5px 0; }

.login_avatar { float:left; margin:0px 0 0px 13px; }
.login_avatar img { border:2px solid #ebebeb; }
.profile_links { margin:0 21px 0 125px; padding:2px 0 1px 0; }
.profile_links a { background:#efece5 url(http://dlematik.com/demo4/templates/HitFusion/images/style/profile_links.png) no-repeat 4px -11px; color:#3d3d3d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none; display:block; padding:1px 0 1px 11px; margin-bottom:2px; }
.profile_links a:hover { background-color:#eb3f4b; background-position:4px 6px; color:#ffffff; text-shadow:0 1px 0 #9d262e; }
.profile_link_of { font-weight:bold; background:#faf8f3 url(http://dlematik.com/demo4/templates/HitFusion/images/style/profile_links.png) no-repeat 4px -11px !important; color:#d73d46 !important; text-decoration:underline !important; }
.profile_link_of:hover { text-decoration:none !important; text-shadow:none !important;}
.admin_link a { border:none; float:right; margin:1px 4px 0 0; padding:0 4px 0 4px; background-image:none; }

/* header menu */
.header_menu_bg_l { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg_l.png) no-repeat; margin-top:128px; position:absolute; }
.header_menu_bg_r { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg_r.png) no-repeat right top; padding:0 18px 0 18px; }
.header_menu_bg { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg.png) repeat-x; }
.header_menu_bg_dot { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x left bottom; margin:0 -7px 0 -7px; }
.header_menu_line { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_line.gif) no-repeat 110px 51px; width:975px; height:96px; padding-top:8px; }
#topmenu { margin-left:0px; }
#topmenu li {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat; float:left; padding-left:45px; margin-right: 4px;}
#topmenu li:hover { background-position:0 -39px;}
#topmenu li span {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat right 0; float:left;}
#topmenu li:hover span { background-position: right -39px;}
#topmenu li a { height:39px; display:block; margin-left:-45px; min-width:71px; text-align:center;text-decoration: none; color: #fff;font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; text-transform:uppercase;line-height:38px; padding:0 12px 0 12px;}
#topmenu li a:hover {text-shadow: 0 1px 0 #991a1c;}
#topmenu .sublnk span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat right 0; }
#topmenu .sublnk:hover span, #topmenu .sublnk.selected span { padding-bottom:2px; background-position:right -39px; }
#topmenu .sublnk:hover { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat 0 -39px; }
#topmenu .sublnk a { padding-right:32px; min-width:50px; }

/* SubMenu */
#topmenu ul { margin:0; padding:0;}
#topmenu .sublnk { position: relative; }
#topmenu li.sublnk ul { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/menu_down_bg.png); padding:5px 0 8px 0; width:127px; margin:0; top:1.8em; left:0; position:absolute; z-index:1999; display:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#topmenu li.sublnk ul li a, #topmenu li.sublnk ul li { float:none; text-shadow:none; display:block; line-height:normal; text-transform:none; line-height:22px; text-indent:19px; }
#topmenu li.sublnk ul li { padding:0; background:none !important; }
#topmenu li.sublnk ul li a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/navlist_seperator.png) no-repeat 1px 1px !important; width: 127px; height:22px; display:block; color:#f9f0ec; padding:0 !important; text-align:left !important; margin-left:0 !important; }
#topmenu li.sublnk ul li a:hover { background-position:1px -21px !important; color:#c32e2f; }

/* search */
.search_bg { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/search_bg.png) no-repeat; width:164px; height:104px; float:right; margin:-8px -11px 0 0; }
.header_search { position:absolute; margin:21px 0 0 10px; color:#f4bcc4; width:92px; height:12px; background-color:transparent; font:11px/10px Calibri, Arial, Helvetica, sans-serif; font-style:italic; text-transform:uppercase; }
.search_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/search_btn.png) no-repeat; width:56px; height:85px; float:right; margin:0 5px 0 0; }
.search_link { background-color:#9c9393; width:3px; height:3px; float:left; margin:6px 5px 0 2px; }
.search_links { margin:72px 0 0 0; }
.search_links a { color:#9c9393; }
.search_links a:hover { text-decoration:none; }

/* rss && new buttons */
.rss_new { position:absolute; margin:195px 0 0 11px;}
.rss_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat; width:60px; line-height:80px; float:left; margin-right:5px; }
.rss_btn span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat 0 -31px; height:31px; display:block; overflow:hidden; }
.new_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat -60px 0; width:78px; line-height:80px; float:left; }
.new_btn span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat -60px -31px; height:31px; display:block; overflow:hidden; }





/* ---------- LEFT ---------- */

/* container */
.container { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_t_l.png) no-repeat; }
.container1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_t_r.png) no-repeat right; padding:0 6px 0 6px; }
.container2 { background-color:#FFF; height:6px; }
.container3 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_bg1.gif) no-repeat 259px 0; }
.container_b_l { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_b_l.png) no-repeat; }
.container_b_r { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_b_r.png) no-repeat right; padding:0 25px 0 281px; }
.container_b_c { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_b_c.png) repeat-x; height:19px; }

/* left menu */
.bnavi ul, .bnavi ul li { margin:0; padding:0; list-style:none; width:240px; }
.but2 a { color:#FFF; text-decoration:none; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/but2.gif) no-repeat; display:block; width:240px; height:18px; line-height:16px; text-indent:29px; }
.but2 a:hover { color:#f18e8f; }
.bnavi ul b a, .bnavi ul b span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/sublinks.gif) no-repeat; text-decoration:none; color:#FFF; text-indent:29px; display:block; width:240px; height:26px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; line-height:26px; cursor:pointer; font-weight:normal; }
.bnavi ul b a:hover, .bnavi ul b span:hover, .bnavi ul b a.active { color:#FFF; }
.bnavi ul b span.closed { background-position:0 0; }
.bnavi ul b span.closed:hover { background-position:0 -26px; }
.bnavi ul b span.opened { background-position:0 -52px; margin:0; color:#FFF; }
.bnavi_out { list-style:none; margin:0; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/bnavi2.gif) no-repeat 0 26px; }
.submenu { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/bnavi.gif) no-repeat bottom; padding:6px 0 8px 0; }
.but { margin:0; }
.but a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/but.gif) no-repeat; display:block; width:240px; height:26px; color:#FFF; text-decoration:none; text-indent:29px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; line-height:26px; }
.but a:hover{ background-position:0 -26px; }
.left_nav1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_nav1.png) no-repeat; }
.left_nav2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_nav2.png) no-repeat bottom; padding:46px 0 30px 0; }

/* popular */
.left_bloc { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_bloc.png) no-repeat; }
.popular { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/popular.gif) no-repeat 27px 12px; padding:51px 0 13px 0; }
.left_bloc ul { margin:0; padding:0; }
.left_bloc ul li { list-style:none; margin-bottom:1px; }
.left_bloc ul li a { background:#f3f2f2 url(http://dlematik.com/demo4/templates/HitFusion/images/style/popular_dot.gif) no-repeat 12px 9px; width:208px; display:block; overflow:hidden; color:#4b4b4b; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 0 3px 32px; }
.left_bloc ul li a:hover { background-color:#d0373a; background-position: 12px -57px; color:#FFF; text-shadow:0 1px 0 #9f1a1c; }

/* vote */
.voted { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote.gif) no-repeat 27px 12px; padding:9px 0 10px 0; display:block; overflow:hidden; }
.vresult { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vresult.gif) no-repeat; width:23px; height:27px; float:right; margin:0 8px 0 0; }
.btl { height:40px; display:block; overflow:hidden; }
.dconts { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dcont.gif) no-repeat right top; padding-top:8px; }
.dconte { font:15px/14px Calibri, Arial, Helvetica, sans-serif; font-style:italic; line-height:18px; color:#595975; margin:0 11px 0 13px; }
.dcont_list { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dcont_list.png); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 7px 9px 7px; margin:9px 0 10px 0; }
.vote_v { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat; width:98px; height:31px; float:left; margin:0 6px 0 19px; }
.vote_v2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat 0 -31px; width:98px; height:31px; }
.vote_rez { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat -98px 0; width:98px; height:31px; float:left; }
.vote_rez2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat -98px -31px; width:98px; height:31px; }
.small { margin-left:13px; }

/* archive */
.archive { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive.gif) no-repeat 27px 12px; padding:54px 0 24px 13px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; }
.archive a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive_link.gif) no-repeat; width:215px; height:23px; display:block; margin-bottom:-13px; color:#4b4b4b; text-decoration:none; text-indent:12px; line-height:22px; }
.archive a:hover { background-position:0 -23px; color:#595975; }
.archive b { font-weight:normal; }
#dle_news_archive_link a { background:none; text-indent:inherit; margin-top:-5px; color:#bababa; }
#dle_news_archive_link a:hover { color:#9090b1; }

/* reklama */
.reklama { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/reklama.gif) no-repeat 27px 12px; padding:57px 0 16px 0; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; }

/* tags */
.tags { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/tags.gif) no-repeat 27px 12px; padding:57px 13px 20px 13px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; }
.tags a { color:#4b4b4b; text-decoration:none; font-style:normal; }
.tags a:hover { color:#cf1e1e; text-decoration:underline; }



/* ---------- FOOTER ---------- */
.footer { margin:0 auto; width:1000px; }
.footer_menu_bg_l { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg_l.png) no-repeat; }
.footer_menu_line { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_line.gif) no-repeat 110px 51px; height:63px; padding-top:8px; margin:0 -7px 0 -7px; }
.footer_logo { width:389px; height:66px; margin-left:14px; }

.footer_logo1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/footer_logo.png) no-repeat; width:185px; height:66px; display:block; overflow:hidden; line-height:110px; float:left; margin-right:55px; }
.footer_copyright { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/footer_logo.png) no-repeat -240px 0; height:66px; display:block; overflow:hidden; line-height:150px; }

.counts { float:right; width:190px; padding:5px 10px 0 0; text-align:center; }
.counts ul { display:inline; }
.counts ul li { float:right; width:88px; height:31px; margin:0 0 3px 7px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
.counts ul li:hover { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
.counts span { text-transform:uppercase; padding-left:7px; }

#footermenu li {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat; float:left; padding-left:45px; margin-right: 4px; }
#footermenu li:hover { background-position:0 -39px;}
#footermenu li span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat right 0; float:left; }
#footermenu li:hover span { background-position: right -39px;}
#footermenu li a { height:39px; display:block; margin-left:-45px; min-width:71px; text-align:center;text-decoration: none; color: #fff;font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; text-transform:uppercase; line-height:38px; padding:0 12px 0 12px; }
#footermenu li a:hover { text-shadow: 0 1px 0 #991a1c; }
#footermenu .sublnk span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat right 0; }
#footermenu .sublnk:hover span, #topmenu .sublnk.selected span { padding-bottom:2px; background-position:right -39px; }
#footermenu .sublnk:hover { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat 0 -39px; }
#footermenu .sublnk a { padding-right:32px; min-width:50px; }

#up { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/up.png) no-repeat right top; width:73px; height:24px; display:block; overflow:hidden; float:right; margin:8px 6px 0 0; color:#FFF; text-decoration:none; line-height:70px; }
#up span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/up.png) no-repeat right -24px; width:73px; height:24px; display:block; cursor:pointer; }



/* ---------- CONTENT ---------- */

/* speedbar */
.speedbar1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:10px; margin:0 11px 12px 13px; }
.speedbar { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_item.gif) no-repeat; padding:4px 0 0 22px; height:19px; display:block; overflow:hidden; }
#dle-speedbar a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/speedbar.gif) repeat-x; padding:3px 6px 3px 6px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #696969; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.dle-speedbar { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/speedbar1.gif) no-repeat top center; padding:4px 6px 0px 5px; }
#dle-speedbar b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 6px 3px 6px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:normal; }

/* short story */
.short { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line.gif) repeat-x bottom; margin-bottom:1px; }
.short1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line1.gif) no-repeat left bottom; padding-bottom:18px; }

.short_item1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:3px; margin:0 11px 8px 13px; }
.short_item { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_item.gif) no-repeat; height:23px; padding-top:6px; }
.short_item h3 a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }
.short_item h3 a:hover { background-position:0 -23px; text-shadow: 0 1px 0 #ab3d3f; }

.short_item h1 a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }
.short_item h1 a:hover { background-position:0 -23px; text-shadow: 0 1px 0 #ab3d3f; }



.short_bt_line { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line.gif) repeat-x bottom; display:block; overflow:hidden; }
.short_bt_line a { color:#e13d3e; }
.short_bt_line a:hover { text-decoration:none; }
.short_bt_line1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line1.gif) no-repeat left bottom; padding-bottom:20px; }

.short_author span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive_link.gif) no-repeat; margin:0 -5px 0 13px; padding:4px 0 0 11px; }
.short_author span a { color:#c23031; text-decoration:none; }
.short_author span a:hover { color:#e13d3e; }
.short_author em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_author.gif) no-repeat; padding:1px 0 3px 5px; }
.short_author em a { color:#FFF; text-shadow:0 1px 0 #3b3a50; }
.short_author em a:hover { color:#e2dafa; }
.short_author b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_author.gif) no-repeat right top; font-weight:normal; padding:1px 5px 3px 0; }

.short_category { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive_link.gif) no-repeat; float:right; padding:4px 12px 0 11px; margin-top:-4px; }
.short_category a { color:#e13d3e; }
.short_category a:hover { text-decoration:none; }

.short_story { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; margin:0 12px 9px 14px; padding:4px 0 14px 0; display:block; overflow:hidden; }
.short_story a { color:#e13d3e; }
.short_story a:hover { text-decoration:none; }

.full_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/full_link.gif) no-repeat; width:98px; line-height:80px; margin-left:13px; }
.full_link b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/full_link.gif) no-repeat 0 -31px; width:98px; height:31px; display:block; overflow:hidden; }
.full_link a { width:98px; height:31px; display:block; overflow:hidden; }

.short_rating { float:right; margin:5px 11px 0 5px; }
.short_views { float:right; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_views.gif) no-repeat right 8px; padding:3px 10px 0 0; margin-top:4px; display:block; overflow:hidden;
height:15px; }
.short_views span { background-color:#f3f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:1px 4px 1px 3px; }

.edit { float:right; margin-top:-6px; }
.edit img { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/edit.gif) no-repeat 0 -23px; width:20px; height:23px; border:none; }
.edit img:hover { background-position:0 0;}
.favorites { float:right; margin-top:-4px; margin-right:5px;}

/* navigation */
.nav_links { float:right; margin-right:11px; overflow:hidden; width:57px; }

.nav_links em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -52px 0; width:26px; height:31px; display:block; float:left; margin-right:5px; }
.prev_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -26px 0; width:26px; height:31px; }

.nav_links b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -52px -31px; width:26px; height:31px; display:block; float:right; }
.next_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -26px -31px; width:26px; height:31px; }

.nav_links em span .prev_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 0; display:block; }
.nav_links em span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 0; display:block; }
.nav_links b span .next_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 -31px; display:block; }
.nav_links b span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 -31px; display:block; }

.navigation1 { display:block; overflow:hidden; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:5px; margin:0 11px 10px 13px; }
.navigation { font:18px/18px Calibri, Arial, Helvetica, sans-serif; color:#FFF; text-shadow:0 1px 0 #882122; padding:6px 0 0 15px; }
.navigation span { background:#ce3b3f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 4px 0 4px; margin-right:-3px; }
.navigation a { text-decoration:none; color:#565656; text-shadow:none; padding:0 4px 0 4px; margin-right:-3px; }
.navigation a:hover { background:#767085; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 4px 0 4px; color:#FFF; }


/* full story */
.full_item1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:3px; margin:0 11px 8px 13px; }
.full_item { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_item.gif) no-repeat; height:23px; padding-top:6px; }
.full_item h3 em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }

.full_item h1 em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }

.print_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/print_link.gif) no-repeat; width:98px; line-height:80px; margin-left:13px; }
.print_link b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/print_link.gif) no-repeat 0 -31px; width:98px; height:31px; display:block; overflow:hidden; }
.print_link a { width:98px; height:31px; display:block; overflow:hidden; }

.editdate { color:#4c497b; }
.editdate i { color:#c52f2c; }

.related_item1 { padding-bottom:3px; margin:0 11px 8px 13px; }

.left_bloc { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_bloc.png) no-repeat; }

/* related news */
.related_bloc ul { margin:2px 0 -4px 0; padding:0; }
.related_bloc ul li { list-style:none; margin-bottom:2px; }
.related_bloc ul li a { background:#f3f2f2 url(http://dlematik.com/demo4/templates/HitFusion/images/style/popular_dot.gif) no-repeat 10px 9px; display:block; overflow:hidden; color:#4b4b4b; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 0 3px 28px; }
.related_bloc ul li a:hover { background-color:#d0373a; background-position: 10px -57px; color:#FFF; text-shadow:0 1px 0 #9f1a1c; }

/* alert */
.berrors { background:#b92f2f url(http://dlematik.com/demo4/templates/HitFusion/images/style/berrors.gif) repeat-x; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:13px; }
.berrors1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/berrors1.gif) no-repeat; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.berrors2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/berrors2.gif) no-repeat 10px 12px; min-height:28px; padding:15px 0 15px 46px; color:#FFF; text-shadow:0 1px 0 #831f20; }
.berrors2 a { color:#FFF; }
.berrors2 a:hover { text-decoration:none; }

.fieldsubmit { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/fieldsubmit.gif) no-repeat 0 -31px; width:98px; height:31px; }
.fieldsubmit1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/fieldsubmit.gif) no-repeat; width:98px; height:31px; overflow:hidden; cursor:pointer; margin:7px 0 0 13px; }


/* forms */
.baseform .heading { color:#707070; font-size:1.4em; }
.baseform, .mass_comments_action { margin:0 11px 15px 13px; background-color:#f8efe9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.mass_comments_action { padding:5px 7px; }
.baseform .dcont { padding:13px 0; margin:0 13px; }
.baseform .dcont .heading { margin:0; }

.tableform { width:100%; }
.tableform td.label { width:90px; vertical-align:middle; padding-right:0; font-weight:bold; }
.fieldsubmit, .tableform td { padding:3px 13px; }
.impot { color:#d51e44; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; }
.checkbox { padding:4px 0; line-height:1em; }
.checkbox input { margin-top:-2px; vertical-align:middle; }

.f_input { width:300px; padding:1px; }
.f_textarea { width:458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding:2px; background:#fff url(http://dlematik.com/demo4/templates/HitFusion/images/fields.png) repeat-x; border:1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding:0; }
.textin { padding:2px; }


/* comments */
.comm_ava { height:50px; display:block; overflow:hidden; float:left; }
.comm_ava img { width:50px; }

.comm_date { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_views.gif) no-repeat 0 10px !important; padding-left:12px !important; margin-left:8px !important; }
.comm_date em { background:#f3f2f2 !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 6px 2px 5px; }
.comm_date a { color:#b92f2f !important; text-shadow:none !important; }
.short_l { margin-left:-15px; }
.short_r { margin-left:51px; }
.short_r h1 h3 { float:right; padding-right:2px; }
.short_r h1 h3 a { color:#b92f2f; }
.short_r h1 h3 a:hover { text-decoration:none; }

.comm_category { float:right; }
.comm_category li { display:inline; font-style:normal; color:#9e9e9e; }
.comm_category li a { font-style:italic; color:#9e9e9e; }
.comm_category li a:hover { color:#4d4560; }

.comm_dot { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; margin:0 0 9px 66px; padding-bottom:11px; }

.comm_registration em { background:#f3f2f2 !important; color:#b92f2f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 6px 2px 5px; }
.comm_date em { background:#f3f2f2 !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 6px 2px 5px; }
.comm_date b { background:none; padding:0; color:#b92f2f; }

.comm_comment1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/comm_comment.gif) no-repeat 20px 0; padding-top:9px; margin-top:8px; }
.comm_comment { background:#f3f2f2; color:#515151; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:6px 7px 6px 7px; }

______________
Arrow Nice İnsanlar Gördüm, içinde Giysi Yok
Arrow Nice Giysiler Gördüm, İçinde İnsan Yok.!
↑
Mesaj13.01.2012, 12:53 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
önizlemesi ?
↑
Mesaj17.01.2012, 08:48 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
tasarım ön izlemesi :http://dlematik.com/demo4/templates/
↑
Mesaj17.01.2012, 08:59 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
kodlar çok uzun oldugundan eksiklik olabilir Smile bence t.altı ve css kodunu ayrı paylaş Smile bu konu altında...
↑
Mesaj17.01.2012, 18:12 (UTC)    
Mesaj konusu: Merhab
Alıntıyla Cevap Gönder
Arrow Lütfen tasarımlarınız http://www.bedava-sitem.com/forum/viewtopic.php?t=184931 bölümünde paylaşın. Boşuna css kısmını doldurmayın !

İyi Günler
↑
Mesaj18.01.2012, 11:12 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Ben kendi tasarımımı bilgisayarda saklayıp bir baktım Smile kod tammı diye tam sayılır Smile ama yazılarımız tasarımın dışında kalıyor Smile css eksik sanırsma Smile
______________
Kodları biliyorum ama profesyonel yapım kodlarla uğraşmıyorum arada bir küçük kodlar yapıyorum onlarında kodunu B-S Forumda paylaşıyorum zaten
↑
Mesaj18.01.2012, 11:31 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
mehmetingemisi yazmış:
Ben kendi tasarımımı bilgisayarda saklayıp bir baktım Smile kod tammı diye tam sayılır Smile ama yazılarımız tasarımın dışında kalıyor Smile css eksik sanırsma Smile

Tasarımın tüm kodları tamam yalnız kodlar yanlış ayrılmış altta verdiğim kodu tasarımın altındaki koddan silip tasarımın üstüne eklerseniz içerik kısmı tasarımın içine dahil olacaktır..
Kod:
</div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>

______________


:"Birileri arkanızdan konuşuyorsa onlardan öndesiniz demektir." Anton Çehov.
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.