Forum'da ara:
Ara


Yazar Mesaj
Mesaj11.09.2008, 12:14 (UTC)    
Mesaj konusu: Alman sitelerinden topladığım tasarımlar

css tasarımlar

Tasarımın üstüne
Kod:
<div id="mydesignpage_design"></div>

css kodu
Kod:
  #extraDiv1 {display: none;}  #extraDiv2 {display: none;}  #extraDiv3 {display: none;}  #extraDiv4 {display: none;}  #extraDiv5 {display: none;}  #extraDiv6 {display: none;}  #pre_header {display: none;}  #post_header {display: none;}  #pre_content {display: none;}  #nav_heading{display: none;}  div.header{display: none;}  h1#title{display: none;}  h2#title span {display: none;}  #counter{display: none;}  a{ color:#4A9AF6; text-decoration: none; font-size:13px;}  a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;}  body { background-image:url(http://www.bilderspeicher24.de/bilder/2957.jpg); background-color:#000000;}  *{ padding: 0; margin: 0; }  #mydesignpage_design { margin: 0 auto; width: 980px; height:500px; background-image:url( BILD_URL);}  #header_container { position: absolute; left: 50%; top:50px; margin-left:-490px; width: 980px; height:200px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3283.jpg); color:#FFFFFF; font-size:13px; border: 1px solid #BF520C;}  #content { position: absolute; left: 50%; top: 260px; margin-left:-320px; width: 590px; height: 500px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3289.png); border: 1px solid #BF520C; overflow:auto;}  #sidebar_container{ position: absolute; left: 50%; top:260px; margin-left: 300px; width: 190px; height: 400px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3286.jpg); border:1px solid #BF520C; color:#cccccc; overflow:auto;}  #nav_container{ position: absolute; left: 50%; top:260px; margin-left: -490px; width: 160px; height: 400px; background-image:url(http://www.bilderspeicher24.de/bilder/3284.jpg); border:1px solid #BF520C;overflow:auto;}  ul#nav{ width: 130px; padding: 0px; margin: 0px;}  li.nav_element{ list-style-type: none; position: relative; padding:5px; width: 115px;}  li.nav_element a{ display: block; width: 115px; padding:4px; font-weight: bold; text-decoration: none; text-align: center; color:#000000; background-color:#XXXXXX; background-image:url(http://www.bilderspeicher24.de/bilder/3289.png); border: 1px solid #000000;}  li.nav_element a:hover{ color: #cccccc; text-decoration: underline; background-color:#XXXXXX; border: 1px solid #000000; background-image:url(http://www.bilderspeicher24.de/bilder/3289.png);}  #counter { position: absolute; left: 50%; top:48px; margin-left: 340px; width: 150px; height:37px; color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;}


t.ü
Kod:
<div id="mydesignpage_design"></div>


css
Kod:
 #extraDiv1 {display: none;}  #extraDiv2 {display: none;}  #extraDiv3 {display: none;}  #extraDiv4 {display: none;}  #extraDiv5 {display: none;}  #extraDiv6 {display: none;}  #pre_header {display: none;}  #post_header {display: none;}  #pre_content {display: none;}  #nav_heading{display: none;}  div.header{display: none;}  h1#title{display: none;}  h2#title span {display: none;}  #counter {display: none;}  a{ color:#4A9AF6; text-decoration: none; font-size:13px;}  a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;}  a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;}  body { background-color:#000000;}  *{ padding: 0; margin: 0; }  #mydesignpage_design { margin: 0 auto; width: 980px; height:500px; background-image:url( BILD_URL);}  #header_container { position: absolute; left: 50%; top:50px; margin-left:-490px; width: 980px; height:171px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3274.jpg); color:#FFFFFF; font-size:13px; border: 1px solid #404040;}  #content { position: absolute; left: 50%; top: 224px; margin-left:-325px; width: 601px; height: 480px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/2805.gif); border: 1px solid #4D080B; overflow:auto;}  #sidebar_container{ position: absolute; left: 50%; top:221px; margin-left: 300px; width: 190px; height: 480px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3266.jpg); border:1px solid #404040; color:#cccccc; overflow:auto;}  #nav_container{ position: absolute; left: 50%; top:221px; margin-left: -490px; width: 160px; height: 480px; background-image:url(http://www.bilderspeicher24.de/bilder/3265.jpg); border:1px solid #404040;overflow:auto;}  ul#nav{ width: 130px; padding: 0px; margin: 0px;}  li.nav_element{ list-style-type: none; position: relative; padding:9px; width: 115px;}  li.nav_element a{ display: block; width: 115px; height: 15px; padding:4px; font-weight: bold; text-decoration: none; text-align:center; color:#F2F2F2; background-color:#343434; background-image:url(http://www.bilderspeicher24.de/bilder/3270.png); border: 1px solid #404040;}  li.nav_element a:hover{ color: #909090; background-color:#C9C9C9; background-image:url(http://www.bilderspeicher24.de/bilder/3271.png);}  #counter { position: absolute; left: 50%; top:48px; margin-left: 340px; width: 150px; height:37px; color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;}



t.ü
Kod:
<div id="OM-Designs_design"></div>

css
Kod:
#counter {display: none;}
#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}
 

a{
color:#4A9AF6;
text-decoration: none;
font-size:11px;}

a:hover {
color: #4A9AF6;
font-size: 11px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 11px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 11px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 11px;
text-decoration: none;}

body
{background-image:url(http://img.webme.com/pic/o/om-designs/ss036.gif);
background-color:#000000;}

*{ padding: 0; margin: 0; }

#OM-Designs_design{
position: absolute;
margin: 0 auto;
left: 50%;
top: 50px;
margin-left:-495px;
width: 1000px;
height:740px;
background-image:url(http://img.webme.com/pic/o/om-designs/redfutureom.png);}

#header_container {
position: absolute;
left: 50%;
top:78px;
margin-left:-471px;
width: 950px;
height:104px;
background-color:#xxxxxx;
background-image:url(HEADER_URL);
color:#FFFFFF;
font-size:13px;
border: 0px solid #FFFFFF;}

#content {
position: absolute;
left: 50%;
top: 214px;
margin-left:-250px;
width: 489px;
height: 534px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#xxxxxx;
background-image:url(CONTENT_URL_BILD);
border: 0px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
position: absolute;
left: 50%;
top:192px;
margin-left: 283px;
width: 198px;
height: 448px;
background-color:#xxxxxx;
background-image:url(SIDEBAR_URL_BILD);
border:0px solid #FFFFFF;
color:#000000;
text-align: center;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:191px;
margin-left: -469px;
width: 196px;
height: 447px;
border:0px solid #FFFFFF;overflow:auto;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 150px;
height: 16px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: center;
font-family: Arial, Tahoma;
color:#F2F2F2;
background-color:#343434;
background-image:url(http://img.webme.com/pic/o/om-designs/redfuturebutton.jpg);
border: 0px solid #000000;}

li.nav_element a:hover{
color: #FFFFFF;
font-size: 13px;
height: 16px;
font-family: Arial, Tahoma;
padding:4px;
font-weight: bold;
background-color:#C9C9C9;
background-image:url(http://img.webme.com/pic/o/om-designs/redfuturehover.jpg);}

#counter {
position: absolute;
left: 50%;
top:769px;
margin-left: -117px;
width: 250px;
height:17px;
color:#FFFFFF;
font-size:13px;
font-family: Arial, Tahoma;
text-align: center;
border: 0px solid #FFFFFF;}

______________
Mesaj12.09.2008, 12:01 (UTC)    
Mesaj konusu:



tasarımın üzerindeki yazıya

Kod:
<div id="header">
   <h1>site adı</h1>
   <h2>site sloganı</h2>
</div>
<!-- end #header -->
<div id="menu">
   <ul>
      <li class="first"><a href="sayfa url" accesskey="1" title="">Ana Sayfa </a></li>
      <li><a href="sayfa url" accesskey="2" title="">sayfa içeriği</a></li>
      <li><a href="sayfa url" accesskey="3" title="">sayfa içeriği</a></li>
      <li><a href="sayfa url" accesskey="4" title="">sayfa içeriği</a></li>
      <li><a href="sayfa url" accesskey="5" title="">sayfa içeriği</a></li>
   </ul>
</div>
<!-- end #menu -->
<div id="content">
   <div id="posts">
      <div class="post">


tasarımın altındaki yazıya


Kod:
<!-- end #posts -->
   <div id="links">
      <ul>
         
      </ul>
   </div>
   <!-- end #links -->
   <div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="footer">
   <p id="legal">bu tasarımı <a href="http://www.msnfaresi.tr.gg/">www.msnfaresi.tr.gg</a> yapmıştır.</p>
</div>
<!-- end #footer -->


css kodu(style tagleri olmadan yazınız)

Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Design by msnfaresi.tr.gg
http://www.msnfaresi.tr.gg

*/

body {
   margin: 0;
   padding: 0;
   background: #FFFFFF url(http://img1.loadtr.com/b-284336-img01.jpg/img01.jpg/img01.jpg) repeat-x;
   font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #666666;
}

h1, h2, h3 {
   margin: 0;
   padding: 0;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #F49500;
}

h2 {
   text-transform: uppercase;
   font-size: 18px;
}

h3 {
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 11px;
}

p, blockquote, ul, ol {
   line-height: 18px;
   text-align: justify;
}

blockquote {
   padding-left: 20px;
   background: url(http://img1.loadtr.com/b-284339-img05.gif/img05.gif) repeat-y;
}

a {
   color: #F49500;
}

a:hover {
   text-decoration: none;
}

/* Header */

#header {
   width: 760px;
   height: 180px;
   margin: 0 auto;
   background: url(http://img1.loadtr.com/b-284344-img02.jpg/img02.jpg/img02.jpg);
}

#header h1, #header h2 {
   text-transform: lowercase;
   font-weight: normal;
   color: #FFFFFF;
}

#header h1 {
   float: left;
   padding: 120px 0 0 20px;
   font-size: 36px;
}

#header h2 {
   float: right;
   padding: 134px 20px 0 0;
   font-size: 22px;
}

/* Menu */

#menu {
   width: 760px;
   height: 50px;
   margin: 0 auto;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   padding: 17px 20px 0 20px;
   background: url(http://img1.loadtr.com/b-284347-img03.gif/img03.gif/img03.gif) no-repeat;
   text-transform: uppercase;
   text-decoration: none;
   font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #D8D8D8;
}

#menu a:hover {
   color: #FFFFFF;
}

#menu .first a {
   background: none;
}

/* Content */

#content {
   width: 720px;
   margin: 0 auto 20px auto;
   padding: 20px;
   background: #FFFFFF url(http://img1.loadtr.com/b-284353-img04.jpg/img04.jpg/img04.jpg) repeat-x left bottom;
}

/* Posts */

#posts {
   float: left;
   width: 480px;
}

/* Links */

#links {
   float: right;
   width: 200px;
   padding-left: 20px;
   background: url(http://img1.loadtr.com/b-284339-img05.gif/img05.gif) repeat-y;
}

#links ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#links li ul {
   padding: 5px 0 30px 0;
}

#links li li {
   padding: 7px 10px;
   background: url(http://img1.loadtr.com/b-284358-img06.gif/img06.gif/img06.gif) repeat-x left bottom;
}

#links li a {
   text-decoration: none;
}

#links li a:hover {
   text-decoration: underline;
}

#links li i {
   font-style: normal;
   font-size: 9px;
}

#links li h2 {
   font-size: 14px;
}

/* Footer */

#footer {
   height: 100px;
   padding: 20px;
   background: #2D2D2D url(http://img1.loadtr.com/b-284361-img07.gif/img07.gif/img07.gif) repeat-x;
}

#footer p {
   text-align: center;
   color: #999999;
}

______________

Mesaj13.09.2008, 11:26 (UTC)    
Mesaj konusu: ramazan özel tasarım

Kod:













<center> <style type="text/css"> <!--
td.nav{background-image:url(http://80.190.202.79/pic/n/naazimca/black33.gif); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://80.190.202.79/pic/n/naazimca/black33.gif); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://80.190.202.79/pic/n/naazimca/black33.gif); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#404040 ;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #ffffff;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image: url(http://www.hizliresim.com/2008/9/13/2677.jpg);vidth: 820px ;height: 198px;}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://www.hizliresim.com/2008/9/13/2643.gif); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://www.hizliresim.com/2008/9/13/2643.gif);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#404040 ;}
td.sidebar_heading{background-image:url(http://80.190.202.79/pic/n/naazimca/black33.gif); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty2{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty3{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty4{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty5{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
--> </style><style type="text/css"> <!--
html, body {
text-align: center;
}

--> </style> <style type="text/css"> <!--
body{background-image:url(http://www.turklider.org/TR/Portals/57ad7180-c5e7-49f5-b282-c6475cdb7ee7/UserFiles/Kenan%20SİNANOĞLU/mavi4ph.jpg);background-attachment: fixed}
--> </style> </center>



örnek görüntü


______________

SİZLER İÇİN RENKLİ BİR PLATFORM GENİŞ PORTAL WEBMASTER KADINCA VE HERŞEY BURADA
Mesaj13.09.2008, 11:55 (UTC)    
Mesaj konusu: tasarım

paylaşım için saol arka sıradakileri aldım

Forumda Bedava-Siteni Tanıt Bölümünden Başka bir Bölümde Mesajlarınızda Sitenizin Linkini Yazmayınız..
ironarchives


En son bedava-htmlkodlar tarafından 13.09.2008 20:45:19 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj13.09.2008, 18:55 (UTC)    
Mesaj konusu:

Emeklerinize Saglik Arkadaslarim,Kardeslerim Wink
______________
Mesaj14.09.2008, 12:21 (UTC)    
Mesaj konusu:

Kod:
<style type="text/css"><!--
td.nav{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl.png); background-repeat:no-repeat;}
td.nav a{text-color:#FD0000;}
td.nav_heading{background-image:url(http://img.webme.com/pic/c/css-tasarimm/x5jekrlxae.png); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #ffffff;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/header-msn.png);}
td.edit_content_bottom{http://img.webme.com/pic/c/css-tasarimm/x5jekrlxae.png}
td.edit_content_top{background-image:url(http://img.webme.com/pic/c/css-tasarimm/x5jekrlxae.png); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(display:none;);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(http://img.webme.com/pic/c/css-tasarimm/jj9io57iwadd.png); background-attachment: fixed;background-color:#323232;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/c/css-tasarimm/x5jekrlxae.png); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {display:none;;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_content_bottom:hover{background-image: url(http://img.webme.com/pic/c/css-tasarimm/x5jekrlxae.png);}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl-.jpg);background-color:#ffffff;}
td.shouty2{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl-.jpg);background-color:#ffffff ;}
td.shouty3{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl-.jpg);background-color:#ffffff ;}
td.shouty4{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl-.jpg);background-color:#ffffff;}
td.shouty5{background-image:url(http://img.webme.com/pic/c/css-tasarimm/00n9ehzjmzl-.jpg);background-color:#ffffff;}
--> </style><style type="text/css"> <!--
html, body {
text-align: center;
}
--> </style> <style type="text/css"> a:link, a:visited { color: #767676; text-decoration: none; } a:hover { color: #FF0000; text-decoration: none; }           //-->       </style>
Mesaj16.09.2008, 18:38 (UTC)    
Mesaj konusu:

Not Tasarım : Tamamen ßana Aittir !

Designclup ProgramCity,C-aptain,Sizin-Siteniz Ortaklığıyla Kurulmuştur. !




Kod:
 <center> <style type="text/css"> <!--
td.nav{background-image:url(http://80.190.202.79/pic/s/success4you/navmacdown.gif); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://80.190.202.79/pic/s/success4you/navmacdown.gif); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://80.190.202.79/pic/s/success4you/navmacdown.gif); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #ffffff;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image: url(http://www.hizliresim.com/2008/9/14/3535.jpg);vidth: 820px ;height: 198px;}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url();}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#ffffff;}
td.sidebar_heading{background-image:url(); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url();background-color: ;}
td.shouty2{background-image:url();background-color: ;}
td.shouty3{background-image:url();background-color: ;}
td.shouty4{background-image:url();background-color: ;}
td.shouty5{background-image:url();background-color: ;}
--> </style><style type="text/css"> <!--
html, body {
text-align: center;
}
--> </style> <style type="text/css"> <!--
body{background-image:url(http://changemydesk.extra.hu/max/Blue_Vector_2_by_MagicFranck.png);background-attachment: fixed}
--> </style> </center>

______________
Mesaj17.09.2008, 07:33 (UTC)    
Mesaj konusu: tasrım budur

Kod:
<center> <style type="text/css"> <!--
td.nav{background-image:url(http://www.tr-load.com/img/image14/men.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://www.tr-load.com/img/image14/men.jpg); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://www.tr-load.com/img/image14/men-copy.jpg); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #ffffff;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image: url(http://www.tr-load.com/img/image14/logo_2.jpg);vidth: 820px ;height: 198px;}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://www.tr-load.com/img/image14/logo_2.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://tr-load.com/img/image13/375d563ef6.jpg);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#ffffff;}
td.sidebar_heading{background-image:url(http://www.tr-load.com/img/image14/men.jpg); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty2{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty3{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty4{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
td.shouty5{background-image:url(http://img502.imageshack.us/img502/899/11kg3.jpg);background-color: ;}
--> </style><style type="text/css"> <!--
html, body {
text-align: center;
}

--> </style> <style type="text/css"> <!--
body{background-image:url(http://www.tr-load.com/img/image14/arkaplan.jpg);background-attachment: fixed}
--> </style> </center>

______________

SİZLER İÇİN RENKLİ BİR PLATFORM GENİŞ PORTAL WEBMASTER KADINCA VE HERŞEY BURADA
Mesaj17.09.2008, 20:46 (UTC)    
Mesaj konusu:

Kod:
<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/c/css-tasarimm/orta.jpg);background-repeat: repeat;}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krzsagalt.gif);background-repeat: repeat;}
td.shouty2{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krzsagalt.gif);background-repeat: repeat;}
td.shouty3{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krzsagalt.gif);background-repeat: repeat;}
td.shouty4{background-image:url('http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krzsagalt.gif;background-repeat:%20repeat;}td.shouty5{background-image:url(file:///C:/Users/asus/Desktop/Yeni%20Klasör/krzsagalt.gif');background-repeat: repeat}
td.edit_rb_footer{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/krmsagaltbar.gif);background-repeat: no-repeat;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-bar.jpg); height: 33px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krmbt1.gif);}
td.nav a{color: RED;}
td.nav:hover{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krmbt2.gif);}
td.nav_heading{height: 33px;background-image:url('http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krmbt1.gif');color: RED}
td.sidebar_heading{height: 33px;color: RED; background-image:url('http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-sag.gif');}
td.edit_content_top{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-bar.jpg);height: 33px;}
td.edit_content{background-image:url(http://img.webme.com/pic/c/css-tasarimm/orta.jpg);background-repeat: repeat;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/c/css-tasarimm/orta.jpg);height: 0px;}
table.edit_main_table{width: 80% !important;}
td.edit_main_tr{width: 80% !important;}
table.edit_second_table{width: 80% !important;}
td.edit_header_full{width: 80% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 80% !important;}
table.edit_third_table{width: 80% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 80% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:80%;}
tr.checked_menu td{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/www.css-tasarimm.tr.gg-krmsec.gif);}
tr.checked_menu td:hover{background-image:url(http://80.190.202.79/pic/5/5egiden/krmbt2.gif);}
--></style> <style type="text/css">
<!--

td.edit_header_full{background-image: url(
http://www.fileden.com/files/2008/8/5/2035767/netlogstatic.gif);
-->
</style> <style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>
Mesaj17.09.2008, 20:51 (UTC)    
Mesaj konusu:

Kod:
<style type="text/css"><!--
body{background-image:url(http://img.webme.com/pic/c/css-tasarimm/ortaaa.jpg);background-repeat: repeat;}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krzsagalt.gif);background-repeat: repeat;}
td.shouty2{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krzsagalt.gif);background-repeat: repeat;}
td.shouty3{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krzsagalt.gif);background-repeat: repeat;}
td.shouty4{background-image:url('http://img.webme.com/pic/c/css-tasarimm/krzsagalt.gif;background-repeat:%20repeat;}td.shouty5{background-image:url(file:///C:/Users/asus/Desktop/Yeni%20Klasör/krzsagalt.gif');background-repeat: repeat}
td.edit_rb_footer{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krmsagaltbars.gif);background-repeat: no-repeat;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/c/css-tasarimm/bar.jpg); height: 33px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krmbt1.gif);}
td.nav a{color: YELLOW;}
td.nav:hover{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krmbt222.gif);}
td.nav_heading{height: 33px;background-image:url('http://img.webme.com/pic/c/css-tasarimm/krmbt1.gif');color: RED}
td.sidebar_heading{height: 33px;color: RED; background-image:url('http://img.webme.com/pic/c/css-tasarimm/sagg.gif');}
td.edit_content_top{background-image:url(http://img.webme.com/pic/c/css-tasarimm/barr.jpg);height: 33px;}
td.edit_content{background-image:url(http://img.webme.com/pic/c/css-tasarimm/ortaaa.jpg);background-repeat: repeat;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/c/css-tasarimm/ortaaa.jpg);height: 0px;}
table.edit_main_table{width: 80% !important;}
td.edit_main_tr{width: 80% !important;}
table.edit_second_table{width: 80% !important;}
td.edit_header_full{width: 80% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 80% !important;}
table.edit_third_table{width: 80% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 80% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:80%;}
tr.checked_menu td{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krmbt3.gif);}
tr.checked_menu td:hover{background-image:url(http://img.webme.com/pic/c/css-tasarimm/krmbt222.gif);}
--></style> <style type="text/css">
<!--

td.edit_header_full{background-image: url(
http://img.webme.com/pic/c/css-tasarimm/headerrrrrrrr.gif);
-->
</style> <style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>
Mesaj17.09.2008, 20:54 (UTC)    
Mesaj konusu:

Kod:
<style type="text/css"><!--td.edit_header_full{background-image: url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg----baslik1.gif);--></style> <!-- www.css-tasarimm.tr.gg tasarim sayfalari kod baslangici ---> <style type="text/css"> <!--
body{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/arkaplan.jpg
);background-repeat: repeat;}

td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg---b.png);background-repeat: repeat;}
td.shouty2{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg---b.png);background-repeat: repeat;}
td.shouty3{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg---b.png);background-repeat: repeat;}
td.shouty4{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg---b.png);background-repeat: repeat;}
td.shouty5{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg---b.png);background-repeat: repeat;}
td.edit_rb_footer{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg---------.png);background-repeat: no-repeat;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.ggbuto.png); height: 33px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img.webme.com/pic/n/netlog-static/butttonn.jpg);}
td.nav a{color: green;}
td.nav:hover{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg-butttonn1.jpg
);}
td.nav_heading{height: 33px;background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.png);color: white;}
td.sidebar_heading{height: 33px;color: white; background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.ggbuton.png
);}
td.edit_content_top{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.ggbuto.png);height: 33px;}
td.edit_content{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.gg--top.jpg);background-repeat: repeat;}
td.edit_content_bottom{background-image:url(http://www.fileden.com/files/2008/8/5/2035767/css-tasarimm.tr.ggbuto.png);height: 0px;}
table.edit_main_table{width: 60% !important;}

td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}

td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 100% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 100% !important;}
td.edit_rechts_cbg{width:100%;}
--></style>
Mesaj18.09.2008, 11:35 (UTC)    
Mesaj konusu: Pazarlamaca CSS tasarım



Kod:
<style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>


<body id="hpb_cssonly">                <!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="de" lang="de">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"  />
<script type="text/javascript">
<!--

function IE(e)
{
     if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
     {
         
          return false;
     }
}
function NS(e)
{
     if (document.layers || (document.getElementById && !document.all))
     {
          if (e.which == "2" || e.which == "3")
          {
               
               return false;
          }
     }
}
document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");

//-->
</script>
<title>  - Ana Sayfa</title>
</head>
<body id="hpb_cssonly">
<br>
<!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="de" lang="de">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"  />
<title>bedava-sitem tasarım - Ana Sayfa</title>
<style type="text/css">
<!--
                  h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#FFFFFF;}
a{color:#ffffff; font-size: 14px; text-decoration: none;}
a:hover {color: #FFFFFF; font-size: 14px; text-decoration: none;}
a:link {color: #FFFFFF; font-size: 14px; text-decoration: none;}
a:active {color: #FFFFFF; font-size: 14px; text-decoration: none;}
a:visited {color: #FFFFFF; font-size: 14px; text-decoration: none;}

li.nav_element a{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 25px;
text-decoration: none;
width: 150px;
height: 20px;
background-image:url(http://img.webme.com/pic/m/mydesignpage/dgrey.jpg);
background-color:#;}


li.nav_element a:hover{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 25px;
text-decoration: none;
width: 150px;
height: 20px;
background-image:url(http://www.bilderspeicher24.de/thumbnails/1783.png);
background-color:#;}





* { padding: 0; margin: 0; }

#Testdesign2 {
margin: 0 auto;
width: 917px;}


#Header_oben {
color: #fff;
width: 800px;
height: 200px;
float: left;
padding: 0px;
border: 1px solid #ffffff;
margin: 0px 0px 0px 0px;
background-image:url("http://img114.imageshack.us/img114/3130/baslikbf1.jpg ");
background: #;}



#Streifen_oben {
float: left;
width: 810px;
color: #333;
padding: 1px;
border: 0px solid #80807F;
margin: 0px 0px 0px 0px;
background-image:url("http://img364.imageshack.us/my.php?image=ortaarkaut9.jpg");
background: #;}



#content {
color: #333;
border: 0px solid #80807F;
margin: 0px;
padding: 0px;
height: 3000px;
width: 680px;
float: left;
background-image:url("http://img364.imageshack.us/my.php?image=ortaarkaut9.jpg");
background: #;
overflow:auto;}




#nav_container {
float: left;
color: #303;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 1000px;
width: 225px;
display: inline;
background-image:url("menuarka");





#Streifen_unten {
float: center;
width: 800px;
clear: both;
color: #333;
border: 0px solid #ffffff;
background: #ffffff;
margin: 1px 0px 0px 0px;
padding: 10px;}





#counter{
position: absolute;
left: 50%;
top: 6px;
margin-left: 310px;
width:150px;
height:20px;
font-family:arial;
font-size:13px;
background-color:#;
border: 0px solid #;}





#Emre{
position: absolute;
top: 105px;
left:420px;
}          //-->
</style>
</head>
<p>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<body id="hpb_cssonly">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
</head>
<body id="hpb_cssonly">
<br>
</p>
<div id="Testdesign2" style="width: 905px; height: 151x">
<div id="Header_oben" style="width: 904px; height: 151px">
<div style="position: absolute; left: 609px; top: 192px; width: 294px; height: 7px; z-index: 1" id="katman1">
<p align="center"><font color="#FFFFFF"><font size="2"></font>
<font size="1"></font>
</font>
<a href="http://smmmzaferakyuz.tr.gg/" _fcksavedurl="http://smmmzaferakyuz.tr.gg" _fcksavedurl="http://smmmzaferakyuz.tr.gg" _fcksavedurl="http://smmmzaferakyuz.tr.gg" style="text-decoration: none; margin: 0; padding: 0">
<b style="margin: 0; padding: 0"><font size="1"><embed src="http://www.clocklink.com/clocks/5004-white.swf?TimeZone=IST&Place=&DateFormat=yyyy+/+mm+/+dd+DDD&TimeFormat=HH:m&"  width="192" height="16" wmode="transparent" type="application/x-shockwave-flash">                </font></b></a><font size="1" color="#FFFFFF">            </font>
</p></div>
<p>
</div>














<script type="text/javascript" src="chrome.js"></script>
<style>
#MainMenu
{
   height:51px;
   background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_101.gif");
   margin:0;
   border:0;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000000 url("http://www.fileden.com/files/2007/6/19/1190933/bright_101.gif") no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
}
#tab a span
{
   display:block;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_101.gif") no-repeat left top;
   padding:0 13px 0 13px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000000;
   font-weight:bold;
   line-height:51px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#990000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 solid ;
   background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_101.gif");
   color:#000000;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0 solid ;
   color:#000000;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_101.gif") no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:51px;
   background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_101.gif") no-repeat right top;
   padding:0 13px 0 13px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#000000;
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0 solid ;
   background-position:left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#990000;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#990000;
   font-weight:bold;
}

</style>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="http://pazarlamaca.tr.gg/"><span>Ana Sayfa</span></a></li>
         <li><a href="http://pazarlamaca.tr.gg/Reklam-%C7e%26%23351%3Bitleri-Nelerdir-f--.htm"><span>Reklam Çeşitleri</span></a></li>
         <li><a href="http://pazarlamaca.tr.gg/%26%23304%3Bleti%26%23351%3Bim-.htm"><span>İletisim</span></a></li>
         <li><a href="http://pazarlamaca.tr.gg/Pazarlama-Nedir-f-.htm"><span>Pazarlama Nedir?</span></a></li>
         <li><a href="http://pazarlamaca.tr.gg/Pazarlaman%26%23305%3Bn--Oe-nemli-Y.oe.nleri.htm"><span>Pazarlamanın Önemli Yönleri</span></a></li>
         <li><a href="http://pazarlamaca.tr.gg/Gercek-Patron-Musteridir.htm"><span>Gerçek Patron Müşteridir</span></a></li>
 

      </ul>

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

______________
Sedat YILDIZ

Mesaj19.09.2008, 15:16 (UTC)    
Mesaj konusu:

Tasarım kod-dunyasi ne aittir




Kod:
<style type="text/css"> <!--
body{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/nokta.jpg);background-repeat: repeat;}
td.edit_rechts_sbg{background-image:url();}
td.headline{visibility: hidden;}
td.shouty{background-image:url(http://img222.imageshack.us/img222/8066/yanmenad1.png);background-repeat: repeat;}
td.shouty2{background-image:url(http://img222.imageshack.us/img222/8066/yanmenad1.png);background-repeat: repeat;}
td.shouty3{background-image:url(http://img222.imageshack.us/img222/8066/yanmenad1.png);background-repeat: repeat;}
td.shouty4{background-image:url(http://img222.imageshack.us/img222/8066/yanmenad1.png);background-repeat: repeat;}
td.shouty5{background-image:url(http://img222.imageshack.us/img222/8066/yanmenad1.png);background-repeat: repeat;}
td.edit_rb_footer{background-image:url(http://img222.imageshack.us/img222/8066/yanmenad1.png);background-repeat: no-repeat;}
td.edit_rechts_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/uzun_naazimca.jpg); height: 33px;}
td.edit_rechts_cbg{background-image:url();}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.nav{background-image:url(http://img297.imageshack.us/img297/3120/naazimcazk0.png);}
td.nav a{color: white;}
td.nav:hover{background-image:url(http://img297.imageshack.us/img297/3120/naazimcazk0.png );}
td.nav_heading{height: 33px;background-image:url(http://img297.imageshack.us/img297/3120/naazimcazk0.png);color: white;}
td.sidebar_heading{height: 33px;color: white; background-image:url(http://img155.imageshack.us/img155/8326/2123xl3.png);}
td.edit_content_top{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/uzzunborder_naazimca.jpg);height: 33px;}
td.edit_content{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/edit_naazimca.jpg);background-repeat: repeat;}
td.edit_content_bottom{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/uzzunborder_naazimca.jpg);height: 0px;}
table.edit_main_table{width: 80% !important;}
td.edit_main_tr{width: 80% !important;}
table.edit_second_table{width: 80% !important;}
td.edit_header_full{width: 80% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 80% !important;}
table.edit_third_table{width: 80% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 80% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:80%;}
--></style>
<style type="text/css">
<!--

td.edit_header_full{background-image: url(http://img518.imageshack.us/img518/7419/hogeldinizzf1.png);
-->
</style> <style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>     
Mesaj20.09.2008, 12:02 (UTC)    
Mesaj konusu:

tasarım diye buna derim

Kod:
<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Transitional/EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>iwit.nl // Ewout van Lambalgen</title>
    <link rel="stylesheet" type="text/css" href="http://www.iwit.nl/_css/style.css" />
    <link rel="shortcut icon" type="icon/ico" href="http://www.iwit.nl/favicon.ico" />
    <link rel="apple-touch-icon" href="http://www.iwit.nl/apple-touch-icon.png" />
</head>

<body class="standaard">

<div id="header">
   <a href="http://www.iwit.nl/" class="logo">iwit.nl <span class="ewout">// Ewout van Lambalgen</span></a>
</div>
<div id="container">
   <div id="menu">
      <a href="http://www.iwit.nl/blog" class="menuitem">blog</a><br /><div class="menubreak"></div>
      <a href="http://www.iwit.nl/portfolio" class="menuitem">portfolio</a><br /><div class="menubreak"></div>
      <a href="http://www.iwit.nl/strips" class="menuitem">strips</a><br /><div class="menubreak"></div>
      <a href="http://www.iwit.nl/info" class="menuitem">info</a><br /><div class="menubreak"></div>
      <a href="http://www.iwit.nl/contact" class="menuitem">contact</a><br />
    </div>
    <div id="content">
       <div class="mainpage">
           <a href="http://www.iwit.nl/eindexamen" class="gangstalink"><div class="gangstaklein"> m'n eindexamen project</div>GANGSTER CHAOS </a>
        </div>
    </div>
    <div id="footer">
       © 2007 Ewout van Lambalgen // <a href="http://www.iwit.nl/">iwit.nl</a> // <a href="http://www.374c.com/">374C.com</a>
    </div>
</div>

<script type="text/javascript" src="http://include.reinvigorate.net/re_.js"></script>
<script type="text/javascript">
re_("k863t-o16z2zi0w7");
</script>

</body>
</html>


slayt kodu

Kod:
/*______________________________________________________________ DE BASICS */


html, body { background:#798a99 URL(http://www.iwit.nl/_img/background.jpg)  left top repeat; margin:0; padding:0; color:#fff; font-family: Arial, Helvetica, sans-serif; }
.standaard { background:URL(http://www.iwit.nl/_img/background2.jpg)  center top no-repeat; }

img { border:none; }

#container { margin:0 auto; padding:4px 0 0 0; width:954px; }
#menu { width:226px; float:left; min-height:400px; }
#content { width:728px; float:left; min-height:400px; font-size:13px; }

a:link, a:visited { color:#fff; background:URL(http://www.iwit.nl/_img/menubg.png)  left top repeat; text-decoration:none; padding:0 1px 0 1px; }
a:hover, a:active { color:#2773a1; background:#aecbdd; }


/*______________________________________________________________ DE HEADER */


#header { margin:0 auto; width:954px; padding:73px 0 10px 0; }

a.logo { color:#fff; background:URL(http://www.iwit.nl/_img/iwitlogo.gif)  top left no-repeat; font-size: 20px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:1px 0 0 38px; }
a.logo:hover { color:#2773a1; background:URL(http://www.iwit.nl/_img/iwitlogo.gif)  bottom left no-repeat; }
a.logo .ewout { display: none; }
a.logo:hover .ewout { color:#fff; display:inline; }


/*______________________________________________________________ HET HOOFDMENU */


a.menuitem { color:#fff; background:URL(http://www.iwit.nl/_img/menubg.png)  top left repeat; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding: 2px 4px 2px 4px; }
a.menuitem:hover { color:#2773a1; background:#aecbdd; }

.menubreak { height:10px; }


/*______________________________________________________________ DE CONTENT */


.titel { color:#fff; background:URL(http://www.iwit.nl/_img/menubg.png)  top left repeat; font-size:20px; font-weight:bold; text-transform:uppercase; padding:2px 4px 2px 4px; }

a.thumb { background:URL(http://www.iwit.nl/_img/menubg.png)  repeat; width:88px; height:88px; margin:0 5px 5px 0; padding:5px; display:block; float:left; }
a.thumb:hover { background:#aecbdd; }

.mainpage { background:URL(http://www.iwit.nl/_img/main/index.php)  top right no-repeat; height:110px; padding:350px 150px 0 175px; }

.infoblok1 { width:355px; margin:0 18px 0 0; float:left; line-height:130%; }
.infoblok2 { width:355px; float:left; line-height:150%; }
.contactblok1 { width:245px; margin:0 18px 0 0; float:left; text-align:justify; line-height:130%; }
.contactblok2 { width:465px; float:left; line-height:150%; }
.ewoutfoto { background:URL(http://www.iwit.nl/_img/menubg.png)  repeat; width:345px; height:124px; margin:-2px 0 18px 0; padding:5px; display:block; float:left; }

.labels { width:60px; float:left; }
.input { width:250px; padding:1px 2px 1px 2px; background:#fff; border:1px solid #aaa; color:#191919; }
.input2 { width:380px; height:150px; margin:2px 0 18px 0; padding:2px; background:#fff; border:1px solid #aaa; color:#191919; }
.input3 { display:none; }
.submit { margin:0 0 0 59px; }


/*______________________________________________________________ DE GANGSTER CHAOS EINDEXAMEN PROJECT PAGINA */


a.gangstalink { color:#5a6b79; background:#fff; font-size:20px; font-weight:bold; padding:2px 4px 2px 4px; display:block; }
a.gangstalink:hover { color:#010101; }
.gangstaklein { color:#364551; font-size:15px; font-weight:normal; padding:2px 2px 0 0; float:right; }

.ex_titel { color:#5a6b79; background:#fff; font-size:20px; font-weight:bold; padding:2px 4px 2px 4px; display:block; }
.ex_titel_klein { color:#364551; font-size:15px; font-weight:normal; padding:2px 2px 0 0; float:right; }

.ex_intro { line-height:130%; text-align:justify; margin:18px 0 18px 0; }
.ex_intro img { float:right; margin:-18px 0 0 18px; }

.ex_posters { background:URL(http://www.iwit.nl/_img/reactiesbg.png)  repeat; margin: 0 0 10px 0; padding:10px; }
.ex_beursstand { background:URL(http://www.iwit.nl/eindexamen/_img/beursstand.jpg)  top left no-repeat; line-height:130%; text-align:justify; padding:0 0 18px 375px; }
.ex_strip { line-height:130%; text-align:justify; }
.ex_strip img { float:right; margin:0 0 18px 18px; }

.ex_border { border-top:1px dashed #fff; margin:12px 0 12px 0; clear:both; }
.ex_beschrijvingen { line-height:130%; text-align:justify; }


/*______________________________________________________________ DE LIGHTBOX */


#lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; }

#outerImageContainer { position:relative; background-color:#000; width:250px; height:250px; margin: 0 auto; }
#imageContainer { padding:18px; }

#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0; }
#hoverNav a { outline:none; }

#prevLink, #nextLink{ width:49%; height:100%; background:transparent URL(http://www.iwit.nl/_img/blank.gif)  no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }
#prevLink:hover, #prevLink:visited:hover { background:URL(http://www.iwit.nl/_img/prev.gif)  left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:URL(http://www.iwit.nl/_img/next.gif)  right 15% no-repeat; }

#imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#000; margin:0 auto; line-height:1.4em; overflow:auto; width:100% }
#imageData { padding:0 18px; color:#aaa; }
#imageData #imageDetails { width:70%; float:left; text-align:left; }   
#imageData #caption { font-weight:bold; }
#imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em; }         
#imageData #bottomNavClose { width:66px; float:right;  padding-bottom:0.7em; background:none; }   
      
#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }


/*______________________________________________________________ DE FOOTER */


#footer { font-size:11px; text-align:right; text-transform:uppercase; margin:36px 0 18px 0; clear:both; }
#footer a:link, #footer a:visited { background:none; }
#footer a:hover, #footer a:active { background:#aecbdd; }
Mesaj20.09.2008, 12:07 (UTC)    
Mesaj konusu:

resim koyamadım ama öbür hayatınızdaki görmediginiz bir tasarım


css kodu veyaga slayt kodu

Kod:
/*
 * LE MOULIN DE SAUVAGE
 * http://www.le-moulin-de-sauvage.com/
 * (c) 2007 - Pierre-Emmanuel Fringant
 * ------------------------------------------------------------------------------------------
 */

/* STRUCTURE
 * ------------------------------------------------------------------------------------------
 */
* {
    margin: 0;
    padding: 0;
}
body {
   background: #396b0a URL(http://www.le-moulin-de-sauvage.com/img/bg_body.gif)  repeat-x;
}
#container {
    text-align: left;
    width: 960px;
    margin: 0 auto;
}

/* STYLES GENERAUX
 * ------------------------------------------------------------------------------------------
 */
body {
    font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
    font-size: 100.01%;
    text-align: center;
}
#top, #main, #footer {
   clear: both;
   width: 960px;
}
#top, #logo, #main-menu, #main, #footer {
   float: left;
}
#main {
   background: URL(http://www.le-moulin-de-sauvage.com/img/bg_content.jpg)  no-repeat;
}
.sub-menu {
   list-style-type: none;
   line-height: 1.6em;
}
.sub-menu li {
   padding-left: 1em;
   background: URL(http://www.le-moulin-de-sauvage.com/img/puce.gif)  no-repeat 0 7px;
}
.sub-menu li a {
   font-size: .9em;
   font-weight: bold;
   text-decoration: none;
}
.sub-menu li a:hover {
   text-decoration: none;
   border-bottom: 1px dashed;
}
#page {
   width: 66%;
    margin: 0 auto;
   color: #fff;
}
#page p {
   font-size: .95em;
   line-height: 1.5em;
   margin-bottom: 1.2em;
}
#page a {
   color: #f6ffc8;
}
#page a:hover {
   color: #cad9ba;
}
#page h2 {
   display: block;
   text-indent: -99999px;
   background-repeat: no-repeat;
   margin: 0 0 6px 20px;
}
#rubriques-titre-green {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/rubriques_green.gif) ;
   width: 109px;
   height: 21px;
}
#rubriques-green {
   padding: 10px 20px;
   background: #a2b936 URL(http://www.le-moulin-de-sauvage.com/img/bg_rubriques_green.gif)  no-repeat right bottom;
}
#rubriques-green a {
   color: #345411;
}
#rubriques-green a:hover {
   color: #fff;
}
blockquote  {
   margin-left: 2em;
}
.content {
   float: left;
   width: 100%;
   font-size: .95em;
   background-repeat: no-repeat;
   background-position: top right;
}
.content h1 {
   display: block;
   text-indent: -99999px;
   background-repeat: no-repeat;
   margin: 22px 0 22px 48px;
}

/* HEADER
 * ------------------------------------------------------------------------------------------
 */
#logo a {
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/le-moulin-de-sauvage.jpg)  no-repeat 0 0;
   width: 528px;
   height: 158px;
}
#main-menu {
   width: 528px;
   height: 52px;
   background: #000 URL(http://www.le-moulin-de-sauvage.com/img/bg_menu.jpg)  no-repeat 0 0;
}
#main-menu-items {
   list-style-type: none;
   margin: 14px 0 0 34px;
}
#main-menu-items li {
   display: inline;
   padding-left: 12px;
   background: URL(http://www.le-moulin-de-sauvage.com/img/sep_menu.gif)  no-repeat 3px 6px;
}
#main-menu-items li a {
   color: #abc184;
   font-size: .9em;
   font-weight: bold;
   text-decoration: none;
}
#main-menu-items li a:hover {
   color: #effcb0;
   text-decoration: none;
   border-bottom: 1px dashed;
}
#main-menu-items .first,
#footer-menu .first {
    background: none;
}
#main-photo {
   float: right;
   width: 432px;
   height: 210px;
}

/* HOME
 * ------------------------------------------------------------------------------------------
 */
#content-home {
   font-size: .9em;
   float: left;
   width: 100%;
   background: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_home_p2.jpg)  no-repeat top right;
}
.home-column {
   width: 320px;
}
#home-col1, #home-col2 {
   float: left;
}
#home-col3 {
   float: right;
}
#home-col1 a {
   color: #345411;
}
#home-col1 a:hover {
   color: #000;
}
#home-col2 a {
   color: #f9f2a4;
}
#home-col2 a:hover {
   color: #fff;
}
#home-col3 {
   color: #fff;
}
#home-bloc1 h1 a {
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc1_peche_p1.jpg)  no-repeat 0 0;
   width: 320px;
   height: 209px;
}
#home-bloc1-menu {
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc1_peche_p2.jpg)  no-repeat 0 0;
   padding: 12px 0 12px 46px;
}
#home-bloc2 h1 a {
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc2_quides_p1.jpg)  no-repeat 0 0;
   width: 320px;
   height: 287px;
}
#home-bloc2-menu {
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc2_quides_p2.jpg)  no-repeat 0 0;
   padding: 16px 0 16px 46px;
}
#home-bloc3 h1 a {
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc3_heberg_p1.jpg)  no-repeat 0 0;
   width: 320px;
   height: 355px;
}
#home-bloc3-menu {
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc3_heberg_p2.jpg)  no-repeat 0 0;
   padding: 17px 0 17px 46px;
}
#home-bloc4 h1 a {
   margin-top: 12px;
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc4_seminaires.jpg)  no-repeat 0 0;
   width: 320px;
   height: 221px;
}
#home-news {
   margin-top: 70px;
   padding: 12px 20px;
   font-size: .9em;
}
#home-news h1 a {
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_news.gif)  no-repeat 0 0;
   width: 111px;
   height: 43px;
}
#home-news h2 {
   font-size: 1.2em;
}
#home-news a {
   color: #effcb0;
   font-weight: bold;
   text-decoration: none;
}
#home-news a:hover {
   color: #fff;
   text-decoration: none;
   border-bottom: 1px dashed;
}
#home-news h1 a:hover {
   border-bottom: none;
}
#home-news p {
   line-height: 1.6em;
   margin-bottom: 1em;
}
#home-bloc5 h1 a {
   display: block;
   text-indent: -99999px;
   text-decoration: none;
   background: URL(http://www.le-moulin-de-sauvage.com/img/home_bloc5_infos.jpg)  no-repeat 0 0;
   width: 320px;
   height: 271px;
}

/* ACTUALITES
 * ------------------------------------------------------------------------------------------
 */
#content-actualites {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_actu_p2.jpg) ;
}
#actu {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_actu.gif) ;
   width: 279px;
   height: 59px;
}

/* PECHE
 * ------------------------------------------------------------------------------------------
 */
#content-peche {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_peche_p2.jpg) ;
}
#peche-peche {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_peche.gif) ;
   width: 252px;
   height: 70px;
}
#peche-brochet {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_peche_brochet.gif) ;
   width: 387px;
   height: 60px;
}
#peche-aval {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_peche_aval.gif) ;
   width: 423px;
   height: 55px;
}
#peche-etang {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_peche_etang.gif) ;
   width: 423px;
   height: 70px;
}
#peche-turbine {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_peche_turbine.gif) ;
   width: 199px;
   height: 70px;
}

/* GUIDES
 * ------------------------------------------------------------------------------------------
 */
#content-guides {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_guides_p2.jpg) ;
}
#guides-guides {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_guides.gif) ;
   width: 299px;
   height: 66px;
}
#content-guide-vincent {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_vincent_p2.jpg) ;
}
#guide-vincent {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_guides_vincent.gif) ;
   width: 353px;
   height: 68px;
}
#content-guide-laurent {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_laurent_p2.jpg) ;
}
#guide-laurent {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_guides_laurent.gif) ;
   width: 259px;
   height: 68px;
}
#content-guide-sylvain {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_sylvain_p2.jpg) ;
}
#guide-sylvain {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_guides_sylvain.gif) ;
   width: 323px;
   height: 66px;
}
#content-guide-pe {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_pe_p2.jpg) ;
}
#guide-pe {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_guides_pe.gif) ;
   width: 417px;
   height: 66px;
}
#content-guide-victorien {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_victorien_p2.jpg) ;
}
#guide-victorien {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_guides_victorien.gif) ;
   width: 353px;
   height: 68px;
}

/* HEBERGEMENT
 * ------------------------------------------------------------------------------------------
 */
#content-hebergement {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_heberg_p2.jpg) ;
}
#hebergement-hebergement {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_hebergement.gif) ;
   width: 390px;
   height: 68px;
}
#hebergement-salon {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_heberg_salon.gif) ;
   width: 278px;
   height: 69px;
}
#hebergement-chambres {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_heberg_chambres.gif) ;
   width: 261px;
   height: 69px;
}
#hebergement-suite {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_heberg_suite.gif) ;
   width: 168px;
   height: 69px;
}

/* SEMINAIRES
 * ------------------------------------------------------------------------------------------
 */
#content-seminaires {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_seminaire_p2.jpg) ;
}
#seminaires {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_seminaire.gif) ;
   width: 398px;
   height: 54px;
}

/* INFORMATION
 * ------------------------------------------------------------------------------------------
 */
#content-information {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_info_p2.jpg) ;
}
#info-information {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_information.gif) ;
   width: 420px;
   height: 69px;
}
#info-contact {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_information_contact.gif) ;
   width: 268px;
   height: 55px;
}
#info-reservation {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_information_reservati.gif) ;
   width: 208px;
   height: 63px;
}
#info-tarifs {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_information_tarifs.gif) ;
   width: 358px;
   height: 69px;
}
#info-activites {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_information_activites.gif) ;
   width: 404px;
   height: 63px;
}
#info-liens {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_information_liens.gif) ;
   width: 414px;
   height: 55px;
}

.list {
   font-size: .95em;
   margin: 0 0 1.5em 2.5em;
}
#selection-liens {
   font-size: 1.2em;
   margin: 0 0 1.5em 1em;
}
#selection-liens a {
   color: #effcb0;
}

.prix {
   color: #effcb0;
}

/* MENTIONS LEGALES
 * ------------------------------------------------------------------------------------------
 */
#content-mentions {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/photo_top_mentions_p2.jpg) ;
}
#mentions {
   background-image: URL(http://www.le-moulin-de-sauvage.com/img/titre_mentions.gif) ;
   width: 404px;
   height: 63px;
}

/* FORMULAIRE
 * ------------------------------------------------------------------------------------------
 */
form fieldset {
   margin: 10px 0;
   padding: 10px;
   border: #b9d17f 1px solid;
}
form legend {
   font-weight: bold;
   color: #b9d17f;
   padding: 0 5px;
}
form div {
   padding: 4px 0;
   font-size: .9em;
}
form label {
   margin-right: 5px;
   padding-right: 5px;
   width: 150px;
   display: block;
   float: left;
   text-align: right;
   position: relative;
   font-weight: bold;
}
.submit {
   text-align: center;
}
.required {
   background: URL(http://www.le-moulin-de-sauvage.com/img/required.png)  no-repeat 150px 4px;
}
#page .legal {
   font-size: .8em;
   color: #c9d8b9;
   margin: 1.7em;
}
#errors, #succes {
   border-width: 2px;
   border-style: solid;
   padding: 1em 1.5em 0 1.5em;
   margin-bottom: 1.5em;
}
#errors {
   background: #600;
   border-color: #d00;
}
#succes {
   background: #060;
   border-color: #0d0;
}

/* FOOTER
 * ------------------------------------------------------------------------------------------
 */
#footer {
   font-size: .8em;
   margin: 12px 0;
}
#footer-menu, #footer p {
   float: left;
}
#footer-menu {
   list-style-type: none;
   margin-top: 16px;
}
#footer-menu li {
   display: inline;
   padding-left: 16px;
   background: URL(http://www.le-moulin-de-sauvage.com/img/sep_menu.gif)  no-repeat 6px 3px;
}
#footer-menu li a {
   color: #effcb0;
   font-size: .9em;
   font-weight: bold;
   text-decoration: none;
}
#footer-menu li a:hover {
   color: #d7e1ce;
   text-decoration: none;
}
#footer p {
   clear: left;
   color: #d7e1ce;
   font-size: .9em;
   padding-left: 16px;
}
#illex, #pezon {
   display: block;
   float: right;
   text-indent: -99999px;
   text-decoration: none;
}
#illex {
   background: URL(http://www.le-moulin-de-sauvage.com/img/partenaires_illex.gif)  no-repeat 0 0;
   width: 163px;
   height: 37px;
   margin: 14px 0 0 0;
}
#pezon {
   background: URL(http://www.le-moulin-de-sauvage.com/img/partenaires_pezon.gif)  no-repeat 0 0;
   width: 60px;
   height: 61px;
}



kodu

Kod:
<html>
<head>
<title>Le Moulin de Sauvage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="http://www.le-moulin-de-sauvage.com/css/le-moulin-de-sauvage.css" media="screen">
</head>

<body>

<div id="container">

   <div id="top">
   
      <div id="logo">
         <a href="http://www.le-moulin-de-sauvage.com/index.html">Le Moulin de Sauvage : retour à l'accueil</a>
      </div>
      
      <div id="main-photo"><img src="http://www.le-moulin-de-sauvage.com/img/photo_top_home_p1.jpg" width="432" height="210" alt="Un cadre idéal pour la pêche et la détente"></div>
      
      <div id="main-menu">
      <!-- #BeginLibraryItem "/Library/main-menu.lbi" --><ul id="main-menu-items">
   <li class="first"><a href="http://www.le-moulin-de-sauvage.com/peche.html">La pêche</a></li>
   <li><a href="http://www.le-moulin-de-sauvage.com/guides.html">Les guides</a></li>
   <li><a href="http://www.le-moulin-de-sauvage.com/hebergement.html">L'hébergement</a></li>
   <li><a href="http://www.le-moulin-de-sauvage.com/seminaires.html">Les séminaires</a></li>
   <li><a href="http://www.le-moulin-de-sauvage.com/information.html">Information</a></li>
</ul><!-- #EndLibraryItem --></div>
   
   </div>
   
   <div id="main">
   
      <div id="content-home">
      
         <div class="home-column" id="home-col1">
            <div id="home-bloc1">
               <h1><a href="http://www.le-moulin-de-sauvage.com/peche.html">La pêche au Moulin de Sauvage</a></h1>
               <div id="home-bloc1-menu">
                  <ul class="sub-menu">
                     <li><a href="http://www.le-moulin-de-sauvage.com/le-brochet-en-canoe.html">Le brochet en canoë</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/aval-le-parcours-mouche-leurres.html">L'aval : le parcours mouche-leurres</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/un-etang-a-black-bass.html">Un étang à black bass</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/la-turbine.html">La Turbine</a></li>
                  </ul>
               </div>
            </div>
            <div id="home-bloc2">
               <h1><a href="http://www.le-moulin-de-sauvage.com/guides.html">Les guides de pêche du Moulin de Sauvage</a></h1>
               <div id="home-bloc2-menu">
                  <ul class="sub-menu">
                     <li><a href="http://www.le-moulin-de-sauvage.com/vincent-de-bruyne.html">Vincent de Bruyne</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/laurent-labat.html">Laurent Labat</a></li>
                            <li><a href="http://www.le-moulin-de-sauvage.com/victorien.html">Victorien</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/sylvain-duvinage.html">Sylvain Duvinage</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/pierre-emmanuel-aubry.html">Pierre-Emmanuel Aubry</a></li>
                  </ul>
               </div>
            </div>
         </div>
         
         <div class="home-column" id="home-col2">
            <div id="home-bloc3">
               <h1><a href="http://www.le-moulin-de-sauvage.com/hebergement.html">L'hébergement, les chambres proposées par le Moulin de Sauvage</a></h1>
               <div id="home-bloc3-menu">
                  <ul class="sub-menu">
                     <li><a href="http://www.le-moulin-de-sauvage.com/le-grand-salon.html">Le grand salon</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/les-chambres.html">Les chambres</a></li>
                     <li><a href="http://www.le-moulin-de-sauvage.com/la-suite.html">La suite</a></li>
                  </ul>
               </div>
            </div>
            <div id="home-bloc4">
               <h1><a href="http://www.le-moulin-de-sauvage.com/seminaires.html">Organisez vos séminaires au Moulin de Sauvage</a></h1>
            </div>
         </div>
         
         <div class="home-column" id="home-col3">
            <div id="home-news">
               <h1><a href="http://www.le-moulin-de-sauvage.com/actualites.html">Les actualités du Moulin de Sauvage</a></h1>
                   
        <h2><a href="http://www.le-moulin-de-sauvage.com/actualites.html#actu14">Des sensations fortes garanties !</a></h2>
        <p>Début Août, le  soleil est présent, il fait chaud, et Laurent a une idée en tête : allez  traquer le Silure ! D’après lui, toutes les conditions sont  réunies pour faire du poisson... <a href="http://www.le-moulin-de-sauvage.com/actualites.html#actu14">Suite</a></p>
        <h2><a href="http://www.le-moulin-de-sauvage.com/actualites.html#actu13">Des pêches diverses et variées !</a></h2>
        <p>Ces dernières semaines ont été  riches en poissons, quelle que soit l’espèce recherchée. Tout d’abord,  la prise d’un <strong>sandre de 88 cm</strong> par  Philippe montre que cette année, les <strong>gros  sandres</strong> sont bien présents sur le parcours ! Ensuite, Les  brochets et les perches sont quant à eux aussi actifs... <a href="http://www.le-moulin-de-sauvage.com/actualites.html#actu13">Suite</a></p>

<p><b>»</b> <a href="http://www.le-moulin-de-sauvage.com/actualites.html">Toutes les actualités</a></p>
            </div>
            <div id="home-bloc5">
               <h1><a href="http://www.le-moulin-de-sauvage.com/information.html">Informations pratiques : accès, tarifs, contact, coordonnées</a></h1>
            </div>
         </div>
      
      </div>

   </div>
   
   
  <div id="footer"><!-- #BeginLibraryItem "/Library/footer.lbi" --><ul id="footer-menu">
  <li class="first"><a href="http://www.le-moulin-de-sauvage.com/index.html">Accueil</a></li>
  <li><a href="http://www.le-moulin-de-sauvage.com/actualites.html">Actualités</a></li>
  <li><a href="http://www.le-moulin-de-sauvage.com/mentions-legales.html">Mentions légales</a></li>
  <li><a href="http://www.le-moulin-de-sauvage.com/contact.php">Contact</a></li>
</ul>
<div id="footer-partenaires">
   <a id="pezon" href="http://www.pezonetmichel.com/">Pezon et Michel</a>
   <a id="illex" href="http://www.illex.fr/">Illex</a>
</div>
<p>© 2007 <strong>Le Moulin de Sauvage</strong>. Directeur de la publication : <strong>Laurent Labat</strong>.</p><!-- #EndLibraryItem --></div>
</div>
<!-- #BeginLibraryItem "/Library/google-analytics.lbi" --><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2218183-1";
urchinTracker();
</script><!-- #EndLibraryItem -->
</body>
</html>
Önceki mesajları göster:   


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