Graphic Tasarımı (kaLpsizOnur)

Konu: Graphic Tasarımı (kaLpsizOnur) C.tesi Mayıs 22, 2010 5:18 pm

Ön İzleme:
[Resimleri görebilmek için üye olun veya giriş yapın.]

Tasarımın Üstü:

Kod:: </head> <body> <div id="wrap"> <div id="header"> <div id="topnav"> <ul> <li id="first" class="active"><a href="http://faintried.tr.gg/" _fcksavedurl="http://faintried.tr.gg/">Home</a></li> <li><a href="http://faintried.tr.gg/guestbook.htm" _fcksavedurl="http://faintried.tr.gg/guestbook.htm">Konuk Defteri</a></li> <li><a href="http://faintried.tr.gg/iletisim.htm" _fcksavedurl="http://faintried.tr.gg/iletisim.htm">İletisim</a></li> <li><a href="http://faintried.tr.gg/kalpsizonur.htm" _fcksavedurl="http://faintried.tr.gg/kalpsizonur.htm">Kalpsizonur</a></li> <li><a href="http://faintried.tr.gg/destek.htm" _fcksavedurl="http://faintried.tr.gg/destek.htm">Bannerlerimiz</a></li> <li><a href="http://faintried.tr.gg/anlatsiteni.htm" _fcksavedurl="http://faintried.tr.gg/anlatsiteni.htm">Anlat Siteni</a></li> <li><a href="http://faintried.tr.gg/webgraphic.htm" _fcksavedurl="http://faintried.tr.gg/webgraphic.htm">Tasarimlar</a></li> <li><a href="http://faintried.tr.gg/csshtmlkod.htm" _fcksavedurl="http://faintried.tr.gg/csshtmlkod.htm">Hazır Kodlar</a></li> </ul> </div> </div> <div id="contents"> <div id="main">

Tasarımın Altı:

Kod:: </div> <div id="m1"><script src="http://kalpsizonur.sitemynet.com/gununsozu.js" type="text/javascript"></script><center><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 250px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 100px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } </style> <div class="arrowlistmenu"> <h3 class="headerbar" style="text-align: left; ">Ana Menü</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/" _fcksavedurl="http://esintinet.tr.gg/">Anasayfa</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm" _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm">İletişim</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm">Ziyaretçi Defteri</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Forum/index.htm" _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm">Forum</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Top-liste.htm" _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm">Toplist</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Search.htm" _fcksavedurl="http://esintinet.tr.gg/Search.htm">Arama Yap</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Destek-Ol.htm" _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li style="text-align: left; "><a href="http://www.facebook.com/pages/wWwEsInTiNeTTrGg/10150113488890252" _fcksavedurl="http://www.facebook.com/pages/wWwEsInTiNeTTrGg/10150113488890252">Facebook Sayfamız</a></li> </ul> <h3 class="headerbar" style="text-align: left; ">SİTEN İÇİN</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Tasarimlar.htm" _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm">Tasarımlar</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/HTML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm">Html Kodlar</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/ikon-Arsivi.htm" _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm">İkon Arşivi</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/FBML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/FBML-Kodlari.htm">Facebook Fbml Kodları</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Modifiye-Site.htm" _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm">Modifiye Siteler</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Userbarlar.htm" _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm">Usebarlar</a></li> </ul> </div> <div class="arrowlistmenu"> <h3 class="headerbar" style="text-align: left; ">Eglence BOLUMU</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Canli-Tv.htm" _fcksavedurl="http://esintinet.tr.gg/Canli-Tv.htm">Canlı Tv İzle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Film-izle.htm" _fcksavedurl="http://esintinet.tr.gg/Film-izle.htm">Film İzle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Video.htm" _fcksavedurl="http://esintinet.tr.gg/Video.htm">Video izle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Mp3-Player.htm" _fcksavedurl="http://esintinet.tr.gg/Mp3-Player.htm">Mp3 Dinle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Oyun.htm" _fcksavedurl="http://esintinet.tr.gg/Oyun.htm">Oyun Oyna</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Sohbet.htm" _fcksavedurl="http://esintinet.tr.gg/Sohbet.htm">Sohbet Et</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Fikralar.htm" _fcksavedurl="http://esintinet.tr.gg/Fikralar.htm">Fıkra Oku</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Bilmeceler.htm" _fcksavedurl="http://esintinet.tr.gg/Bilmeceler.htm">Bilmeceler</a></li> </ul> <h3 class="headerbar" style="text-align: left; ">Bizim Oda</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Astroloji.htm" _fcksavedurl="http://esintinet.tr.gg/Astroloji.htm">Astroloji</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/******-Kosesi.htm" _fcksavedurl="http://esintinet.tr.gg/******-Kosesi.htm">****** Koşesi</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Biyografiler.htm" _fcksavedurl="http://esintinet.tr.gg/Biyografiler.htm">Ünlülerin Biyografileri</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/ilginc-Bilgiler.htm" _fcksavedurl="http://esintinet.tr.gg/ilginc-Bilgiler.htm">İlginç Bilgiler</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://esintinet.tr.gg/Guzel-Sozler.htm">Güzel Sözler</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Komik-Diyaloglar.htm" _fcksavedurl="http://esintinet.tr.gg/Komik-Diyaloglar.htm">Komik Diyaloglar</a></li> </ul> <center> </center></div> </center></div> <div class="clear"></div> <div id="bottom"> <div class="columns"> <h3>İletişim Bilgileri</h3> <p><strong><img alt="Gtalk" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/irc_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/irc_protocol.png" /> Gtalk :</strong> [Linkleri görebilmek için üye olun veya giriş yapın.]</p> <p><strong><img alt="Yahoo" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/yahoo_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/yahoo_protocol.png" /> Yahoo :</strong> [Linkleri görebilmek için üye olun veya giriş yapın.]</p> <p><strong><img alt="MSN" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" /> MSN :</strong> [Linkleri görebilmek için üye olun veya giriş yapın.]
<strong>
<span class="Apple-style-span" style="font-weight: normal; "><strong><img alt="MSN" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" /> MSN :</strong> [Linkleri görebilmek için üye olun veya giriş yapın.]</span></strong><b>
</b></p> </div> <div class="columns"> <h3>Contact Us</h3> <p><img alt="Call" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/telephone.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/telephone.png" /> Call : +91 9124563789</p> <p><img alt="email" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" /> General Emails : [Linkleri görebilmek için üye olun veya giriş yapın.]</p> <p><img alt="email" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" /> Careers Related Enquiries : [Linkleri görebilmek için üye olun veya giriş yapın.]</p> <p><img alt="email" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" /> Partnership enquiries : [Linkleri görebilmek için üye olun veya giriş yapın.]</p> </div> <div class="columns"> <h3>Reach Us</h3> <p>1st Floor</p> <p>ABCD Building, XYZ Street</p> <p>City of God, State</p> <p>Country, Zip Code - 123456</p> </div> <div class="clear"></div> </div> <div id="midbottom"></div> <div id="footer"></div>

CSS kodu:

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;} a:link, a:link, a:visited, a:hover{text-decoration:none;} * {padding:0; margin:0;} a, a:visited {color: #3366ff;} a:hover {color:#ff3333; text-decoration:none;} body{font:12px "Clear Type",arial,verdana,helvetica,sans-serif;color:#000;background:url(http://img.webme.com/pic/f/faintried/vector-bg.jpg) top center fixed} #wrap { width:894px; margin:auto;} .hide { display: none; } #header {background:url(http://img.webme.com/pic/f/faintried/deneme.png) no-repeat; height:225px; } #contents {background:url(http://img.webme.com/pic/f/faintried/desing3.png) repeat-y; padding:0px 5px 0 5px;} .clear {clear:both;} #bottom {background:url(http://img.webme.com/pic/f/faintried/desing4.jpg) repeat-x; height:124px;} #footer {background:url(http://img.webme.com/pic/f/faintried/desing6.png) no-repeat; height:155px;} #bottom .columns { padding: 5px; float: left; width: 32%; } #contents #left { padding: 8px; width: 550px; float: left; } #contents #sidebar { width: 290px; float: right; padding: 8px; } #left p { line-height: 16px; margin-bottom: 15px; } .service_img { display: block; float: left; border-style: none; margin-right: 5px; margin-left: 5px; } #wrap #contents #left ul li { display: block; background: url(../images/bullet.jpg) no-repeat 0px 3px; padding: 5px 5px 5px 10px; margin-left: 15px; margin-bottom: 3px; } br.clear { display: block; clear: both; height: 1px; } #main { float: left; width: 580px; padding: 0; margin: 0 0 0 10px; display: inline;} #main h4 { font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #51432F; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #E4F2C8;} #m1 { width: 240px; float: right; padding:5px 30px 5px 5px; } /* form elements */ form { margin: 20px 10px; padding: 15px 25px 25px 20px; border: 1px solid #EEE8E1; background: #FAF7F5; } form p { border-bottom: 1px solid #ECE5DD; padding: 12px 0 5px 0; margin: 0; color: #9D6D37; } label { font-weight: bold; color: #A7743B; } input, select, textarea { margin: 5px 0; padding: 5px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; } option { padding-right: 0.5em; } #name, #email, #message, #website{ width: 455px; } input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #fff; background: #A6CD56; border-width: 1px; border-style: solid; border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F; } #kommentartext,#gbooktext{background:url(http://img.webme.com/pic/b/bedavasitem-st/ereef.png)} #m1 h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;} #m1 ul {list-style:none; margin-bottom:15px;} #m1 li {display:block; height:26px; border-bottom:solid 1px #ddd;} #m1 a, #m1 a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;} #m1 a:hover { color:#069;} h3.sd1 { font-size:12px; text-transform:uppercase; color: #ff9966; display:block; padding:5px; border:solid 1px #ffffff; background: #ffffcc; } .cm1 {padding:0 9px 0 9px;} .cm5 {width:30%; float:left;} .cm7 {width:30%; float:right;} .cm6 {margin:0 32% 0 32%;} .clear2 {width:590px; clear:left; float:right; color:#fff!important;} .cm1 div {background:#f3fbe0; height:200px;} .cm1 div p {padding:5px;} #topnav{height:56px;} #topnav ul {padding:14px 15px 0; font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; text-transform:uppercase;} #topnav li { display:block; float:left; height: 41px; background: url(http://ramblingsoul.com/preview/rs18/images/menu_line.gif) no-repeat left top; padding-left: 5px; } #topnav a { display: block; height:38px; padding:3px 10px 0 10px; text-decoration:none; color:#7098c6; float:left;} #topnav li#first {background:none!important;} #topnav .active a {background:url(#) no-repeat center 27px; color:#184896;} #topnav a:visited, #topnav a:active {color:#7098c6; text-decoration:none;} #topnav a:hover {color:#184896;} #headercolumn1 { width: 550px; padding-left: 15px; float: left; }

Konu: Geri: Graphic Tasarımı (kaLpsizOnur) Çarş. Eyl. 26, 2012 9:33 pm

Bayağı uğraşmıştım bu kodları yazıp tasarlayıp yapmaya güle güle kullanın Smile

» kalpsizonur
» Gül Tasarımı
» Ödev Tasarımı
» Oyun Tasarımı
» Eğlence Tasarımı