Psdup Temasi

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Arama Çubuğu
Duyuru Paneli
Sağ ve Üst Menü
125lik Reklam Alanı

Tasarımın üzerindeki yazı:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){$(".slideshow").before('<div id="nav">').cycle({fx:"scrollLeft",speed:1000,timeout:4000,pager:"#nav"})});
</script>
</head>
<body>
<div class="salihtoy"></div>
<div id="site">
<div id="banner">
<div id="logo">
<img alt="www.Psdup.com" src="http://i.hizliresim.com/w16Z9b.png" /></div>
<div id="sosyal-paylasim"></div>
<div id="menu">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Hakkımda</a></li>
<li><a href="#">Bilgi</a></li>
<li><a href="#">Arşiv</a></li>
<li><a href="#">Proje</a></li>
<li><a href="http://salihtoy.com/">Salihtoy.com</a></li>
</ul>
</div>
<div id="govde">
<div id="orta-sol">
<div id="nav">
</div>

Tasarımın altındaki yazı:

<div id="sayfalama">
<div id="sayfalama-info">Sayfa <span>1</span> / <span>348</span> </div>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
<span><a href="#">Sonraki></a></span></div>
</div>
  

<div id="orta-sag">
 
<div class="bosluk"></div>
<div class="menu-baslik">Başlıklar</div>
<div id="icon1"></div><div class="basliklar"><div class="yazilar"><a href="#">Windows 7</a></div></div>
<div id="icon2"></div><div class="basliklar"><div class="yazilar"><a href="#">Teknoloji</a></div></div>
<div id="icon3"></div><div class="basliklar"><div class="yazilar"><a href="#">Donanım</a></div></div>


<div class="bosluk"></div>
<div class="menu-baslik">Kategoriler</div>
<div class="kategoriler">
<ul>
<li><a href="#">Diğer <span>(750)</span></a></li>
<li><a href="#">Donanım <span>(385)</span></a></li>
<li><a href="#">Güncel <span>(224)</span></a></li>
<li><a href="#">Güvenlik <span>(724)</span></a></li>
<li><a href="#">Genel <span>(546)</span></a></li>
<li><a href="#">Diğer <span>(750)</span></a></li>
<li><a href="#">Donanım <span>(385)</span></a></li>
<li><a href="#">Güncel <span>(224)</span></a></li>
<li><a href="#">Güvenlik <span>(724)</span></a></li>
<li><a href="#">Genel <span>(546)</span></a></li>
<li><a href="#">Diğer <span>(750)</span></a></li>
<li><a href="#">Donanım <span>(385)</span></a></li>
<li><a href="#">Güncel <span>(224)</span></a></li>
<li><a href="#">Güvenlik <span>(724)</span></a></li>
</ul>
</div>
   

<div class="bosluk"></div>
<div class="menu-baslik">Son Yazılarım</div>
<div class="kategoriler">
<ul>
<li><a href="#">Tablet Piyasası Kızışıyor...</a></li>
<li><a href="#">Yeni Tasarıma Start Verdim...</a></li>
<li><a href="#">Artık Özel Bir VPN Sahibiyim...</a></li>
<li><a href="#">Beni Millet Vekili Seçin Bilişim...</a></li>
<li><a href="#">Tablet Piyasası Kızışıyor...</a></li>
<li><a href="#">Yeni Tasarıma Start Verdim...</a></li>
<li><a href="#">Artık Özel Bir VPN Sahibiyim...</a></li>
<li><a href="#">Beni Millet Vekili Seçin Bilişim...</a></li>
<li><a href="#">Tablet Piyasası Kızışıyor...</a></li>
<li><a href="#">Yeni Tasarıma Start Verdim...</a></li>
</ul>
</div>
   
<div class="bosluk"></div>
<div class="menu-baslik">Son Yorumlarım</div>
<div class="kategoriler">
<ul>
<li><a href="#">Tablet Piyasası Kızışıyor...</a></li>
<li><a href="#">Yeni Tasarıma Start Verdim...</a></li>
<li><a href="#">Artık Özel Bir VPN Sahibiyim...</a></li>
<li><a href="#">Beni Millet Vekili Seçin Bilişim...</a></li>
<li><a href="#">Tablet Piyasası Kızışıyor...</a></li>
<li><a href="#">Yeni Tasarıma Start Verdim...</a></li>
<li><a href="#">Artık Özel Bir VPN Sahibiyim...</a></li>
<li><a href="#">Beni Millet Vekili Seçin Bilişim...</a></li>
<li><a href="#">Tablet Piyasası Kızışıyor...</a></li>
<li><a href="#">Yeni Tasarıma Start Verdim...</a></li>
</ul>
</div>


</div>
</div>
</div>
<div id="imza">Tasarım: <a href="http://psdup.com/">Hüseyin Kınar</a> | BS Entegre: <a href="http://salihtoy.com/">Salih Toy</a></div>
</body>
</html>

CSS kodu:

input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; }


/* ** allowed ** Tesekkürler WWEBW / alimengu.tr.gg*/img[src="http://smilies.webme.com/smiles/wink.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_wink.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; }img[src="http://smilies.webme.com/smiles/smiley.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_smile.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/cheesy.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_lol.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/angry.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_surprised.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/sad.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_sad.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/shocked.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_eek.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/cool.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_cool.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/huh.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_vangry.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/rolleyes.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_question.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/tongue.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_confused.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/undecided.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_neutral.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; } img[src="http://smilies.webme.com/smiles/cry.gif"] { background-image:url(http://img.webme.com/pic/a/alimengu/icon_cry.gif);background-repeat:no-repeat;height:0px;width:0px;padding:9px;margin:2px; }

::-moz-selection {
    background:#c00;
    color:#fff;
}
::selection {
    background:#c00;
    color:#fff;
 
 }

i {
 
    padding : 5px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 500 1em/1.5em 'Verdana';
    border : 1px solid #cccccc;
    -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px;
}

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;
}
#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb {
    margin:auto;
}
#webme_footer_textlink_dont_hide {
margin-left: 315px;
}
#webme_sky_ad {
top: 220px;
}



body {
 font-family: Tahoma, Geneva, sans-serif;
 background: #021233;
 margin: 0px;
 padding: 0px;
}
a {
 text-decoration: none;
 color: #000000;
}
img {
 border: 0px;
}
a:hover {
 text-decoration: underline!important;
}
#site {
 width: 941px;
 display: table;
 margin: 0 auto;
}
#govde {
 background-color: #ffffff;
 width: 900px;
 display: table;
 margin: 0px 26px 0px 15px;
}
#sosyal-paylasim {
 width: 90px;
 height: 20px;
 margin: 101px 0px 0px 820px;
 line-height: 20px;
}
#sosyal-paylasim img {
 padding-left: 6px;
}
.reklam {
 width: 255px;
 height: 250px;
 background-image: url('http://i.hizliresim.com/ey6pXN.png');
 background-repeat: no-repeat;
 background-color: #e6e8d3;
}
#logo {
 width: 354px;
 float: left;
 line-height: 115px;
}
#logo a {
 height: 115px;
 width: 240px;
 display: block;
}
#logo img {
 padding-left: 10px;
 max-width: 354px;
 max-height: 123px;
}

div {
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 9pt;
}
.haber {
 width: 630px;
 margin-bottom: 20px;
}
.haber-baslik {
 height: 40px;
 width: 630px;
}
.haber-konu {
 font-size: 11pt;
 height: 20px;
 width: 500px;
 margin-left: 60px;
 color: #ffb408;
 float: left;
}
.haber-kategori {
 font-size: 9pt;
 height: 20px;
 width: 500px;
 margin-left: 60px;
 float: left;
}
.yorum {
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: 0 -59px;
 height: 20px;
 width: 20px;
 float: left;
 font-size: 10pt;
}
.yorum-sayisi {
 width: 50px;
}
.haber-yazi {
 font-size: 8pt;
 font-family: Arial,tahoma;
 width: 610px;
 margin-top: 20px;
 padding: 10px 10px 0px 10px;
}
.devamini-oku {
 text-align: right;
}
.devamini-oku span a {
 color: #7baeb9;
 text-decoration: none;
}
#sayfalama {
 color: #000000;
 width: 630px;
 height: 20px;
 background-color: #fafdec;
 text-decoration: none;
 line-height: 20px;
 float: left;
}
#sayfalama-info {
 float: left;
 margin: 0 5px 0 10px;
}
#sayfalama ul {
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
}
#sayfalama ul li {
 float: left;
 padding-right: 5px;
 padding-left: 5px;
 cursor: pointer;
}
#sayfalama ul li:hover {
 background-color: #ffffff;
}
#sayfalama ul li a {
 color: #000000;
 text-decoration: none;
}
#sayfalama ul li a:hover {
 background-color: #ffffff;
}
.orta-reklam {
 width: 623px;
 height: 60px;
 background-color: #cbcdb8;
 margin-bottom: 25px;
 padding-left: 7px;
}
.haber-resim {
 margin: 0px 8px 0px 0px;
 float: left;
 border: 1px silver solid;
}
#slide {
 padding: 6px 0 0 10px;
 height: 250px;
 width: 630px;
 overflow: hidden;
}
#menu {
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: -759px 0;
 height: 82px;
 width: 100%;
 float: left;
 font-size: 10pt;
}
.basliklar {
 width: 239px;
 height: 64px;
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: -290px 0;
 margin: 10px 0px 0px 7px;
}
.basliklar a {
 color: #000000;
 text-decoration: none;
}
.basliklar a:hover {
 color: blue;
 text-decoration: none;
}
.basliklar .yazilar {
 padding: 23px 0px 0px 55px;
 font-size: 12pt;
}
#icon1 {
 width: 52px;
 height: 53px;
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: -530px 0;
 z-index: 100;
 position: absolute;
 margin-top: 15px;
}
#icon2 {
 width: 52px;
 height: 53px;
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: -583px 0;
 z-index: 100;
 position: absolute;
 margin-top: 15px;
}
#icon3 {
 width: 52px;
 height: 53px;
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: -636px 0;
 z-index: 100;
 position: absolute;
 margin-top: 15px;
}
.icon4 {
 width: 58px;
 height: 60px;
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: -689px -0;
 z-index: 100;
 position: absolute;
 margin-left: -15px;
 color: white;
 font-size: 11pt;
 padding: 6px 0px 0px 12px;
}
/* 
Psdup.com
*/
#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 width: 679px;
}
#menu ul li {
 height: 82px;
 float: left;
 margin: 0px 0px 0px 25px;
 line-height: 95px;
 font-size: 12pt;
 cursor: pointer;
}
#arama {
 margin: 38px 0px 0px 0px;
}
.submit {
 background: transparent;
 border: 0px;
 width: 35px;
 float: left;
 height: 21px;
 cursor: pointer;
 margin-left: 10px;
 color: #ffffff;
}
.menu-baslik {
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 289px;
 height: 32px;
 width: 280px;
 height: 31px;
 line-height: 35px;
 padding-left: 10px;
 font-size: 12pt;
}
.kategoriler {
 width: 255px;
}
.kategoriler ul {
 width: 240px;
 margin: 0px;
 padding: 0px;
}
.kategoriler ul li {
 padding-left: 12px;
 list-style: none;
 width: 240px;
 height: 25px;
 line-height: 25px;
 border-bottom: 1px dotted #e2e2e2;
}
.kategoriler a {
 color: #000000;
 text-decoration: none;
}
.kategoriler a:hover {
 color: blue;
 text-decoration: none;
}
#orta-sol {
 width: 637px;
 height: 100%;
 float: left;
 text-align: left;
}
#orta-sag {
 width: 263px;
 height: 100%;
 float: left;
}
#menu ul li:hover {
 background: url(http://i.hizliresim.com/KqdNoB.png);
 background-repeat: no-repeat;
 background-position: center bottom;
}
#menu ul li a {
 text-decoration: none;
 color: #000000;
}
#menu ul li a:hover {
 text-decoration: none;
 color: #0000ff;
}
.input {
 width: 175px;
 height: 21px;
 border: 0px;
 font-size: 10pt;
 color: #818181;
 background: transparent;
 line-height: 15px;
 float: left;
}
#nav {
 position: absolute;
 padding: 210px 0px 0px 0px;
 display: inline-table;
 font-size: 0pt;
}
#nav a {
 background-image: url('http://i.hizliresim.com/x9aryo.png');
 background-repeat: no-repeat;
 background-position: 0 -46px;
 text-decoration: none;
 display: block;
 height: 12px;
 width: 12px;
 float: left;
 margin-right: 4px;
}
#nav a.activeSlide {
 background-position: 0 -33px;
}
#nav a:focus {
 outline: none;
}
#imza {
 width: 941px;
 margin: 0 auto;
 color: #ffffff;
 text-align: center;
 padding: 10px 0 10px 0;
 font-size: 10pt;
}
#imza a {
 color: #ffffff;
}

.salihtoy {margin-top:-110px;}

#webme_footer_textlink_dont_hide {
color: #000000;
position: absolute;
left: 000px;
in: 0px;
padding: 9px 27px 8px 130px;
background: url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png);
}

#below_content{margin-bottom:-950px;}   font[color="green"]{ background-color:#00E566; border:1px solid #00B233; color:#000000; -moz-border-radius:3px; -khtml-border-radius:3px;}   font[color="red"]{ background-color:#FF6633; border:1px solid #CC0033; color:#000000; -moz-border-radius:3px; -khtml-border-radius:3px;}          A{ text-decoration : none; } a{color:#000000;text-decoration:none;font:bold} a:hover{color:#33ccff;text-decoration:none;font:bold}

Ana sayfaya eklenecek kod:

<div class="haber">
<div class="icon4">19<br />May</div>
<div class="haber-baslik">
<div class="haber-konu">Tablet Piyasası Kızışıyor...</div>
<div class="yorum"></div>
<div class="yorum-sayi">3 Yorum</div>
<div class="haber-kategori">Kategoriler: Güncel, Haberler, Teknoloji</div></div>
<div class="haber-yazi"><span class="haber-resim">
<img alt="Teknoloji" src="http://i.hizliresim.com/e7aWmm.jpg" />
</span>Vestibulum lacus ipsum, mollis ac hendrerit non, laoreet et nunc. Nam fringilla metus dictum sapien cursus non venenatis arcu dictum. Maecenas ac diam dui, adipiscing fermentum tortor. Etiam tempor tempor eros a condimentum. Quisque gravida varius condimentum. Proin nisi ligula, condimentum quis imperdiet nec, adipiscing a sem. In feugiat sapien at dui volutpat nec facilisis diam fermentum. Ut ac est convallis tellus dapibus interdum. Donec magna mi, ultricies sit amet porttitor at, pretium sit amet justo. Suspendisse aliquet erat eu augue rhoncus nec sollicitudin felis semper. Vivamus laoreet venenatis neque eget consectetur. Suspendisse potenti. Praesent mauris nibh, blandit et auctor non, vehicula nec >quam. Etiam venenatis lorem rutrum lacus lacinia sed blandit est rutrum. Ut condimentum, felis ut sagittis cursus, magna nisl dictum ipsum, ac condimentum neque dolor sit amet odio. Mauris nec metus vitae risus tempor molestie convallis eu orci. Aliquam imperdiet feugiat tellus tempus imperdiet.  Vestibulum lacus ipsum, mollis ac hendrerit non, laoreet et nunc. Nam fringilla metus dictum sapien cursus non venenatis arcu dictum. Maecenas ac diam dui, adipiscing fermentum tortor. Etiam tempor tempor eros a condimentum. Quisque gravida varius condimentum. Proin nisi ligula, condimentum quis imperdiet nec, adipiscing a sem. In feugiat sapien at dui volutpat nec facilisis diam fermentum. Ut ac est convallis tellus dapibus interdum. Donec magna mi, ultricies sit amet porttitor at, pretium sit amet justo. Suspendisse aliquet erat eu augue rhoncus nec sollicitudin felis semper. Vivamus laoreet venenatis neque eget consectetur. Suspendisse potenti. Praesent mauris nibh, blandit et auctor non, vehicula nec quam. Etiam venenatis lorem rutrum lacus lacinia sed blandit est rutrum. Ut condimentum, felis ut sagittis cursus, magna nisl dictum ipsum, ac condimentum neque dolor sit amet odio. Mauris nec metus vitae risus tempor molestie convallis eu orci. Aliquam imperdiet feugiat tellus tempus imperdiet. Vestibulum lacus ipsum, mollis ac hendrerit non, laoreet et nunc. Nam fringilla metus dictum sapien cursus .
<p class="devamini-oku"><span><a href="#">Devamını oku</a></span></p></div>
</div>

Psdup Temasi

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar