Zaman: 11-24-2017, 03:12 AM Hoşgeldin Misafir ! (GirişÜye Olun)
Birdamlabilgi.com - Web Master - Download - Paylaşım Forumu



Film Sitesi Tasarımı
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
Konu Bilgileri
Cevaplar: 0 İzlenme: 258
Film Sitesi Tasarımı
05-14-2013, 10:16 PM
Film Sitesi Tasarımı

Demo: Linki görebilmek için giriş yapmanız ya da üye olmanız gerekir.

Kod:
<style type="text/css">
/* TAGS */
* {margin:0;padding:0}
html, body {min-width:940px}
body {background:#000;font-family:Arial,Helvetica,sans-serif;font-size:100%;line-height:1em;color:#858585}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}
/* GLOBAL */
#main {width:940px;margin:0 auto;font-size:0.875em}
#header {height:171px;margin-bottom:-8px}
#footer {background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/footer-tail.gif) repeat-x left top #bfbfbf;color:#1d1d1d;font-size:.86em;line-height:1.667em;text-align:center}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.col-1, .col-2, .col-3 {float:left}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.container {width:100%}
/* TAILING */
.tail-top {background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/tail-top.gif) left top repeat-x #1d1d1d}
.tail-bottom {background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/tail-bottom.gif) left bottom repeat-x}
/* FORMS */
#contacts-form {clear:right;width:842px;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:112px !important;width:109px;line-height:18px;padding-bottom:8px;color:#fff}
#contacts-form input {width:293px;padding:1px 0 1px 3px;background:#000;border:1px solid #3a3a3a;color:#fff}
#contacts-form textarea {width:674px;height:174px;padding:2px 28px 1px 28px;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/textarea-bg.gif) no-repeat left top;border:0;color:#fff;margin-bottom:15px;overflow:auto}
#contacts-form .link2 {float:right}
/* LISTS */
.movies {width:100%}
.movies li {float:left;width:286px;margin-right:15px}
.movies li.last {margin-right:0}
.movies li.clear {float:none;width:auto;margin:0;font-size:0;line-height:0}
.movies li img {margin-left:-30px;position:relative}
.movies li p {margin:5px 0 15px 0;padding-right:40px}
.movies li p span {color:#fff}
.list {margin-top:-30px}
.list li {width:100%;overflow:hidden;vertical-align:top;line-height:1.714em;padding-top:40px}
.list li img {float:left;margin:-10px 20px 0 0}
.list li a {text-decoration:none}
.list li a:hover {color:#d72a18}
.sitemap-list {padding-bottom:25px}
.sitemap-list li {padding:0 0 0 10px;line-height:1.714em;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/arrow.gif) no-repeat left 8px}
.sitemap-list li a {color:#d72a18}
/* OTHER */
.img-box1 {width:100%;overflow:hidden;line-height:1.714em;padding:10px 0 12px 0}
.img-box1.alt {padding-top:0;padding-bottom:25px}
.img-box1.alt img {margin-top:0}
.img-box1 img {float:left;margin:-10px 20px 0 0}
p {margin-bottom:15px;line-height:1.714em}
.p1 {margin-bottom:23px}
.address {width:100%;overflow:hidden;line-height:1.714em}
.address span {color:#fff}
.address .fleft {padding-right:43px !important;padding-right:40px}
.address .fleft span {float:left;width:80px !important;width:77px}
/* TXT, LINKS, LINES, TITLES */
a {color:#e1e1e1;outline:none}
a:hover {text-decoration:none}
h2 {font-size:30px;line-height:1.2em;color:#1d1d1d;text-transform:uppercase;margin-bottom:12px}
h2 span {display:block;font-size:40px;color:#2c6d9a}
h3 {font-size:30px;line-height:1.2em;color:#bfbfbf;margin-bottom:20px}
h3 b {color:#e1e1e1;font-weight:normal}
h3 span {color:#d72a18}
h4 {font-size:20px;line-height:1.2em;letter-spacing:-1px;color:#2c6d9a;margin-bottom:18px}
.link1 {display:block;float:left;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/link1-right.png) no-repeat right top;color:#fff;text-decoration:none;line-height:1em;cursor:pointer}
.link1:hover span {text-decoration:underline}
.link1 span {display:block;float:left;padding:0 5px;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/link1-left.png) no-repeat left top}
.link1 span span {display:block;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/link1-tail.gif) repeat-x left top;padding:8px 15px}
.link2 {display:block;float:left;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/link2-right.gif) no-repeat right top;color:#fff;cursor:pointer;text-decoration:none;line-height:1em}
.link2:hover span {text-decoration:underline}
.link2 span {display:block;float:left;padding:0 6px;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/link2-left.gif) no-repeat left top}
.link2 span span {
    display:block;
    padding:9px 15px 10px 15px;
    background-image: url(http://i1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/link2-tail.gif);
    background-repeat: repeat-x;
    background-position: left top;
}
.line-hor {overflow:hidden;font-size:0;line-height:0;width:918px;height:8px;margin-left:11px;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/line-hor.gif) repeat-x left top;z-index:1;position:relative}
/* BOXES */
.box {background:#000;width:100%;margin-top:-3px}
.box .border-left {background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/border-left.gif) repeat-y left top}
.box .border-right {background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/border-right.gif) repeat-y right top}
.box .inner {padding:28px 50px 25px 50px}
/* HEADER */
#header .row-1 {height:112px;width:100%;overflow:hidden}
#header .row-1 .fleft {font-size:40px;line-height:1.2em;padding:26px 0 0 47px}
#header .row-1 .fleft a {text-decoration:none}
#header .row-1 ul {padding:49px 60px 0 0;float:right}
#header .row-1 ul li {float:left;padding-left:54px}
#header .row-2 {height:51px}
#header .row-2 ul {width:100%;overflow:hidden}
#header .row-2 ul li {float:left;font-size:20px;line-height:2.4em;margin-right:5px;background-color:#000}
#header .row-2 ul li.last {margin-right:0}
#header .row-2 ul li a {text-decoration:none;color:#f0f0f0;width:184px;height:56px;float:left;background-image:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/nav-bg.gif);background-repeat:no-repeat;background-position:0 0;text-align:center}
#header .row-2 ul li a:hover, #header .row-2 ul li a.active {color:#d72a18;background-image:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/nav-act.gif)}
/* CONTENT */
#content .content {padding:30px 0 39px 50px}
.inner_copy, .inner_copy a {border:0;float:right;background:#f00;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}
/* FOOTER */
#footer .left {background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/footer-left.gif) no-repeat left top}
#footer .right {min-height:89px;height:auto !important;height:89px;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/footer-right.gif) no-repeat right top;text-align:center}
#footer .inside {padding:13px 0}
#footer a {color:#2c6d9a}
#slogan {
    width:940px;
    height:322px;
    position:relative;
    color:#1d1d1d;
    background-image: url(http://i1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/banner-bg-1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#slogan .image {position:absolute;right:-30px;top:-11px;z-index:100;width:572px;height:348px;background:url(http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/banner-img.png) no-repeat left top}
#slogan p {margin-bottom:23px}
#slogan .inside {padding:36px 0 0 50px;width:320px}
#page1 #content .box {margin:0}
#page1 #header .row-2 ul li a {height:59px}
#page1 #header .row-2 ul li.last a:hover {position:relative;z-index:2}
.style1 {color: #CC0000}
.style4 {font-size: 16px}</style>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="Place your description here" name="description">
<meta content="put, your, keyword, here" name="keywords">
<meta content="Templates.com - website templates provider" name="author">
<link rel="stylesheet" type="text/css" href="style.css" /><!--[if lt IE 7]>
    <script type="text/javascript" src="js/ie_png.js"></script>
    <script type="text/javascript">
         ie_png.fix('.png, .link1 span, .link1');
    </script>
    <link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<div class="tail-top">
<div class="tail-bottom">
<div id="main"><!-- HEADER -->
<div id="header">
<div class="row-1">
<div class="fleft"><a href="http://frmbestlive.tr.gg/">Cinema <span class="style1">D&uuml;nyası</span></a></div>
<ul>
    <li><a href="http://frmbestlive.tr.gg/"><img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/icon1-act.gif" /></a></li>
    <li><a href="http://frmbestlive.tr.gg/"><img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/icon2.gif" /></a></li>
    <li><a href="http://frmbestlive.tr.gg/"><img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/icon3.gif" /></a></li>
</ul>
</div>
<div class="row-2">
<ul>
    <li><a class="active" href="http://frmbestlive.tr.gg/">Ana Sayfa</a></li>
    <li><a href="http://frmbestlive.tr.gg/l">Hakkımda</a></li>
    <li><a href="http://frmbestlive.tr.gg/">Yazılar</a></li>
    <li><a href="http://frmbestlive.tr.gg/">İletişim</a></li>
    <li class="last"><a href="http://frmbestlive.tr.gg/">Site Haritası</a></li>
</ul>
</div>
</div>
<!-- CONTENT -->
<div id="content">
<div class="inner_copy">
<div class="inner_copy">Need a website? <a href="http://www.websitetemplatesonline.com">Free website templates</a> by professional designers.</div>
</div>
<div id="slogan">
<div class="image png">&nbsp;</div>
<div class="inside">
<h2>BİLGİLENDİRME<span class="style4">sİTEMİZ a&Ccedil;ILDI !!</span></h2>
<p>Sitemiz bug&uuml;nden itibaren hizmetinize girmiştir. Hayırlı Uğurlu Olması Dileğiyle ..</p>
<div class="wrapper"><a class="link1" href="http://frmbestlive.tr.gg/"><span><span>Learn More</span></span></a></div>
</div>
</div>
<div class="box">
<div class="border-right">
<div class="border-left">
<div class="inner">
<h3><b>Cinema</b> <span>D&uuml;nyası</span>'na Hoşgeldiniz</h3>
<p>Buraya siten hakkında bilgilendirici kısa bir yazı yazmanı tercih ederim. Bu web sitesi 1024X768 &ccedil;&ouml;z&uuml;n&uuml;rl&uuml;ğ&uuml;ne g&ouml;re d&uuml;zenlenmiştir.</p>
<div class="img-box1"><img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/1page-img1.jpg" />Sitende yapılacaklarla ilgili bilgiyi burada ver. Mesela rar şifreleri ne olacak. G&uuml;nl&uuml;k m&uuml; film yayınlayacaksın. Torront mi olacak filmler. Ve daha bir &ccedil;ok bilgiyi burada vermeni &ouml;neririm.</div>
<p>Genel Şablon Sayfalar: <a href="http://frmbestlive.tr.gg/">Home</a>, <a href="http://frmbestlive.tr.gg/">About us</a>, <a href="http://frmbestlive.tr.gg/">Articles</a>, <a href="http://frmbestlive.tr.gg/&quot;">Contact us</a>, <a href="http://frmbestlive.tr.gg/">Site Map</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>
<div class="content">
<h3><span>Film</span> İzle</h3>
<ul class="movies">
    <li>
    <h4>Toy Story 3</h4>
    <img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/1page-img2.jpg" />
    <p>Film Hakkında &ccedil;ok kısa bir bilgi yaz. Ardından Devamını Oku Butonuna link ver.</p>
    <div class="wrapper"><a class="link2" href="#"><span><span>Devamını Oku</span></span></a></div>
    </li>
    <li>
    <h4>Pers Prensi: Zamanın Kumları</h4>
    <img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/1page-img3.jpg" />
    <p>Film Hakkında &ccedil;ok kısa bir bilgi yaz. Ardından Devamını Oku Butonuna link ver.</p>
    <div class="wrapper"><a class="link2" href="#"><span><span>Devamını Oku</span></span></a></div>
    </li>
    <li class="last">
    <h4>Alacakaranlık: Tutulma</h4>
    <img alt="" src="http://s1259.photobucket.com/albums/ii543/FrmBestLiveTasarim/1page-img4.jpg" />
    <p>Film Hakkında &ccedil;ok kısa bir bilgi yaz. Ardından Devamını Oku Butonuna link ver.</p>
    <div class="wrapper"><a class="link2" href="#"><span><span>Devamını Oku</span></span></a></div>
    </li>
    <li class="clear">&nbsp;</li>
</ul>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<div class="left">
<div class="right">
<div class="inside">
<p>&copy; 2012 - Siteadınız.tr.gg<br />
<a class="new_window" href="http://www.templatemonster.com/">Website template</a> designed by TemplateMonster.com<br />
<a class="new_window" href="http://www.templates.com/product/3d-models/">3D Models</a> provided by Templates.com<br />
More <a title="WTO - website templates and Flash templates" href="http://www.websitetemplatesonline.com">Free Website Templates</a> at WTO</p>
<p>Kodlayan &amp; &Ccedil;eviren: <a href="http://frmbestlive.tr.gg/">FrmBestLive </a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>   </meta>
</meta>
</meta>
</meta>
Sitemizdeki reklamlara günde 1 kere tıklarsanız bize en büyük desteği sağlamış olursunuz.

İçerik Yetkilisi, Deneme Moderatör ve Destek Ekibi alımları başlamıştır. Başvurular Site Adminlerine..

Emek verilmiş konulara Teşekkür etmeyi unutmayalım.
Forumda vakit geçirdiğiniz sürece bir aile ortamında olduğunuzu ve bu sebeple de yazdıklarınıza dikkat etmeniz gerektiğini unutmayınız.
Konu içerisinde gördüğünüz hataları veya kurallara aykırı davranışları bildir butonunu kullanarak bizlere iletebilirsiniz.
« Önceki | Sonraki »




Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Bedava-Sitem Üye Paneli, Üye Profili Tasarımı DaggeroN 1 736 03-11-2014 08:52 PM
Son Mesaj: Himmet50
  CSS Paylaşım Site Tasarımı DaggeroN 4 663 03-11-2014 08:49 PM
Son Mesaj: Himmet50
  Film Sitesi Tasarımı DaggeroN 1 481 03-11-2014 08:48 PM
Son Mesaj: Himmet50
  Metin2 Forum Tasarımı - CSS Tasarım DaggeroN 2 891 02-22-2014 03:02 PM
Son Mesaj: maraz123
  CSS Forum Sitesi Tasarımı DaggeroN 1 550 09-09-2013 06:40 PM
Son Mesaj: İzinsiz

Forum'a Git:


Konuyu görüntüleyenler: 1 Misafir