Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj14.01.2012, 14:59 (UTC)    
Mesaj konusu: Css tasarım yardımm

Arkadaşlar bu dediklerimi yapabilirmisiniz?:
verdiğim koddaki siyah arkaplan rengini değiştirebilirmisiniz. ( gri olanı değil diğerini )
O meyve resmini de kardırırmısınız.
sitemin linki : oyunum6.tr.gg

Tasarımın üzerindeki yazı:
Kod:
<!-- start header --> <div id="header">    <div id="menu">       <ul>          <li class="current_page_item"><a href="http://oyun-dunyam.net.tc/" _fcksavedurl="#">Ana Sayfa</a></li>          <li><a href="iletisim.htm" _fcksavedurl="#">İletişim</a></li>          <li><a href="#" _fcksavedurl="#">Yorum</a></li>          <li><a href="Hakkinda.htm" _fcksavedurl="#">Hakkında</a></li>          <li class="last"><a href="#" _fcksavedurl="#">TopList</a></li>       </ul>    </div> </div> <!-- end header --> <!-- start page --> <div id="wrapper"> <div id="wrapper-btm"> <div id="page">    <!-- start content -->    <div id="content">       <div id="banner"> </div>       <div class="post">


Tasarımın altındaki yazı:
Kod:
</div>    </div>    <!-- end content -->    <!-- start sidebar -->    <div id="sidebar">       <ul>          <li id="search">             <h2>Arama</h2>             <form method="get" action="">                <fieldset>                <input type="text" id="s" name="s" value="" />                <input type="submit" id="x" value="Ara" />                </fieldset>             </form>          </li>          <li>             <h2>Menu</h2>             <ul>                <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>                <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>                <li><a href="#" _fcksavedurl="#">İletişim</a></li>                <li><a href="#" _fcksavedurl="#">Toplist</a></li>                <li><a href="#" _fcksavedurl="#">Anketler</a></li>             </ul>          </li>          <li>             <h2>Dost Siteler</h2>             <ul>                <li><a href="#" _fcksavedurl="#">Link Liste 1</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 2</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 3</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 4</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 5</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 6</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 7</a></li>             </ul>          </li>          <li>             <h2>Site Ekle </h2>             <ul>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>             </ul>          </li>       </ul>    </div>    <!-- end sidebar -->    <div style="clear: both;"> </div> </div> <!-- end page --> </div> </div> <!-- start footer --> <div id="footer">    <div id="footer-wrap">    <p>Bu tasarım <a href="http://www.facebook.com/i1z2e3a4s5" target="_blank"><span style="color: rgb(0, 0, 255);">Taha Dndr</span></a> tarafından oluşturulup, tüm hakları saklıdır ©2012</p>    </div> </div> <!-- end footer -->

Css Kodu :
Kod:
table {margin-left: auto;margin-right: auto} /* Reklam Ortalama */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;}  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;} /* Css Tasarim Merkezi www.css-tasarimm.tr.gg */  body {    margin-top: 49px;    padding: 0;    background: #242424;    font-family: Arial, Helvetica, sans-serif;    font-size: 13px;    color: #BBBBBB; }  h1, h2, h3 {    margin: 0;    text-transform: lowercase;    font-weight: normal;    color: #48ACDE; }  h1 {    letter-spacing: -1px;    font-size: 32px; }  h2 {    font-size: 23px; }  p, ul, ol {    margin: 0 0 2em 0;    text-align: justify;    line-height: 26px; }  a:link {    color: #48ACDE; }  a:hover, a:active {    text-decoration: none;    color: #48ACDE; }  a:visited {    color: #48ACDE; }  img {    border: none; }  img.left {    float: left;    margin-right: 15px; }  img.right {    float: right;    margin-left: 15px; }  /* Form */  form {    margin: 0;    padding: 0; }  fieldset {    margin: 0;    padding: 0;    border: none; }  legend {    display: none; }  input, textarea, select {    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    font-size: 13px;    color: #333333; }  /* Header */  #header {    clear: both;    width: 860px;    height: 52px;    margin: 0 auto;    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; }  /* Menu */  #menu {    float: left;    width: 860px;    height: 54px;    padding-left: 10px;    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img01.jpg) no-repeat left top; }  #menu ul {    margin: 0;    padding: 0px 0 0 0px;    list-style: none;    line-height: normal; }  #menu li {    display: block;    float: left; }  #menu a {    display: block;    float: left;    margin-right: 3px;    padding: 10px 20px;    text-decoration: none;    text-transform: lowercase;    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;    color: #FFFFFF; }  #menu a:hover {     text-decoration: none;     color: #48ACDE; }  #menu .current_page_item a {    color: #48ACDE; }  /** LOGO */  #banner {    width: 620px;    height: 240px;    margin: 0 auto;    padding: 10px 0 0 0;    background: #BCE03E url(http://img.webme.com/pic/c/css-tasarimm/22-img04.jpg) no-repeat left top; }  #logo {    width: 820px;    height: 60px;    margin: 0 auto; }  #logo h1, #logo h2 {    float: left;    margin: 0;    padding: 0 0 0 20px;    line-height: normal; }  #logo h1 {     font-family: Georgia, "Times New Roman", Times, serif;    font-size:36px;    font-style: italic; }  #logo h1 a {    text-decoration: none;    color: #FFFFFF;  }  #logo h1 a:hover { text-decoration: underline; }  #logo h2 {    padding: 20px 0 0 5px;    font: italic 13px Georgia, "Times New Roman", Times, serif;    color: ##48ACDE; }  #logo p a {    text-decoration: none;    color: #B6ACA2; }  #logo p a:hover { text-decoration: underline; }   #wrapper {    width: 860px;    margin: 0 auto;    background: #000000 url(http://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; }  #wrapper-btm {    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img03.jpg) no-repeat left bottom; } /* Page */  #page {    width: 860px;    margin: 0 auto;    padding-top: 20px; }  /* Content */  #content {    float: right;    width: 620px; }  /* Post */  .post {    padding: 15px 15px; }  .post .title {    margin-bottom: 20px;    padding-bottom: 5px; }  .post h1 { }  .post h2 {    height: 32px;    padding: 8px 0 0 15px;    font-size: 18px;    color: #DADADA; }  .post .entry {    padding: 0 15px; }  .post .meta {    margin-left: 15px;    margin-right: 15px;    padding: 15px 0px 30px 0px;    border-top: 1px dashed #333333;    font-size: 10px; }  .post .meta p {    margin: 0;    line-height: normal;    color: #999999; }  .post .meta .byline {    float: left; }  .post .meta .links {    float: right; }  .post .meta .more {    padding: 0 20px 0 18px;    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img11.gif) no-repeat left center; }  .post .meta .comments {    padding-left: 22px;    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img12.gif) no-repeat left center; }  .post .meta b {    display: none; }  /* Sidebar */  #sidebar {    float: left;    width: 210px;    padding-left: 30px; }  #sidebar ul {    margin: 0;    padding: 0;    list-style: none; }  #sidebar li {    margin-bottom: 40px; }  #sidebar li ul { }  #sidebar li li {    margin: 0; }  #sidebar h2 {    height: 32px;    margin-bottom: 10px;    font-size: 18px;    color: #DADADA; }  /* Search */  #search { }  #search h2 {    margin-bottom: 20px; }  #s {    width: 115px;    margin-right: 5px;    padding: 3px;    border: 1px solid #BED99C; }  #x {    padding: 3px;    border: none;    background: #48ACDE;    text-transform: lowercase;    font-size: 11px;    color: #FFFFFF; }  /* Boxes */  .box1 {    padding: 20px; }  .box2 {    color: #BABABA; }  .box2 h2 {    margin-bottom: 15px;    font-size: 16px;    color: #FFFFFF; }  .box2 ul {    margin: 0;    padding: 0;    list-style: none; }  .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {    color: #EDEDED; }  /* Footer */ #footer-wrap {    width: 860px;    height: 64px;    margin: 0 auto; }  #footer {    margin: 0 auto;    height: 64px;    min-height: 64px;    padding: 0;    font-size: 10px; }  html>body #footer {    height: auto; }  #footer p { }  #legal {    clear: both;    padding-top: 10px;    padding-left: 30px;    text-align: center;    color: #999999; }  #legal a { }

______________
Sitelerim:
web-herseburda.tr.gg
www.oyunum6.tr.gg
www.odevlerim.foruma.biz.
Mesaj14.01.2012, 15:15 (UTC)    
Mesaj konusu:

Yardımmmm !
______________
Sitelerim:
web-herseburda.tr.gg
www.oyunum6.tr.gg
www.odevlerim.foruma.biz.
Mesaj14.01.2012, 15:55 (UTC)    
Mesaj konusu:

oyunum6 yazmış:
Yardımmmm !

Rengi değiştim,oyunla ilgili başlık koydum.Kendi tasarım kodunu bir yere kaydet beğenmezsen eskisini tekrar kullanırsin.
Kod:
Tasarımın üzerindeki yazı:
Kod:
<!-- start header --> <div id="header">    <div id="menu">       <ul>          <li class="current_page_item"><a href="http://oyun-dunyam.net.tc/" _fcksavedurl="#">Ana Sayfa</a></li>          <li><a href="iletisim.htm" _fcksavedurl="#">İletişim</a></li>          <li><a href="#" _fcksavedurl="#">Yorum</a></li>          <li><a href="Hakkinda.htm" _fcksavedurl="#">Hakkında</a></li>          <li class="last"><a href="#" _fcksavedurl="#">TopList</a></li>       </ul>    </div> </div> <!-- end header --> <!-- start page --> <div id="wrapper"> <div id="wrapper-btm"> <div id="page">    <!-- start content -->    <div id="content">       <div id="banner"> </div>       <div class="post">


Tasarımın altındaki yazı:
Kod:
</div>    </div>    <!-- end content -->    <!-- start sidebar -->    <div id="sidebar">       <ul>          <li id="search">             <h2>Arama</h2>             <form method="get" action="">                <fieldset>                <input type="text" id="s" name="s" value="" />                <input type="submit" id="x" value="Ara" />                </fieldset>             </form>          </li>          <li>             <h2>Menu</h2>             <ul>                <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>                <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>                <li><a href="#" _fcksavedurl="#">İletişim</a></li>                <li><a href="#" _fcksavedurl="#">Toplist</a></li>                <li><a href="#" _fcksavedurl="#">Anketler</a></li>             </ul>          </li>          <li>             <h2>Dost Siteler</h2>             <ul>                <li><a href="#" _fcksavedurl="#">Link Liste 1</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 2</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 3</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 4</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 5</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 6</a></li>                <li><a href="#" _fcksavedurl="#">Link Liste 7</a></li>             </ul>          </li>          <li>             <h2>Site Ekle </h2>             <ul>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>                <li><a href="#" _fcksavedurl="#">Site Ekle</a></li>             </ul>          </li>       </ul>    </div>    <!-- end sidebar -->    <div style="clear: both;"> </div> </div> <!-- end page --> </div> </div> <!-- start footer --> <div id="footer">    <div id="footer-wrap">    <p>Bu tasarım <a href="http://www.facebook.com/i1z2e3a4s5" target="_blank"><span style="color: rgb(0, 0, 255);">Taha Dndr</span></a> tarafından oluşturulup, tüm hakları saklıdır ©2012</p>    </div> </div> <!-- end footer -->

Css Kodu :
Kod:
table {margin-left: auto;margin-right: auto} /* Reklam Ortalama */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;}  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;} /* Css Tasarim Merkezi www.css-tasarimm.tr.gg */  body {    margin-top: 49px;    padding: 0;    background: #242424;    font-family: Arial, Helvetica, sans-serif;    font-size: 13px;    color: #BBBBBB; }  h1, h2, h3 {    margin: 0;    text-transform: lowercase;    font-weight: normal;    color: #000000; }  h1 {    letter-spacing: -1px;    font-size: 32px; }  h2 {    font-size: 23px; }  p, ul, ol {    margin: 0 0 2em 0;    text-align: justify;    line-height: 26px; }  a:link {    color: #000033; }  a:hover, a:active {    text-decoration: none;    color: #48ACDE; }  a:visited {    color: #48ACDE; }  img {    border: none; }  img.left {    float: left;    margin-right: 15px; }  img.right {    float: right;    margin-left: 15px; }  /* Form */  form {    margin: 0;    padding: 0; }  fieldset {    margin: 0;    padding: 0;    border: none; }  legend {    display: none; }  input, textarea, select {    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    font-size: 13px;    color: #333333; }  /* Header */  #header {    clear: both;    width: 860px;    height: 52px;    margin: 0 auto;    background: url(http://ressim.net/b/out.php/i5414017_placard-tr-gg-22-img02-jpg) no-repeat left top; }  /* Menu */  #menu {    float: left;    width: 860px;    height: 54px;    padding-left: 10px;    background: url(http://ressim.net/b/out.php/i5414016_placard-tr-gg-22-img01-jpg) no-repeat left top; }  #menu ul {    margin: 0;    padding: 0px 0 0 0px;    list-style: none;    line-height: normal; }  #menu li {    display: block;    float: left; }  #menu a {    display: block;    float: left;    margin-right: 3px;    padding: 10px 20px;    text-decoration: none;    text-transform: lowercase;    font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;    color: #000033; }  #menu a:hover {     text-decoration: none;     color: #000000; }  #menu .current_page_item a {    color: #48ACDE; }  /** LOGO */  #banner {    width: 620px;    height: 240px;    margin: 0 auto;    padding: 10px 0 0 0;    background: #BCE03E url(http://ressim.net/b/out.php/i5414019_placard-tr-gg-22-img04-jpg) no-repeat left top; }  #logo {    width: 820px;    height: 60px;    margin: 0 auto; }  #logo h1, #logo h2 {    float: left;    margin: 0;    padding: 0 0 0 20px;    line-height: normal; }  #logo h1 {     font-family: Georgia, "Times New Roman", Times, serif;    font-size:36px;    font-style: italic; }  #logo h1 a {    text-decoration: none;    color: #000000;  }  #logo h1 a:hover { text-decoration: underline; }  #logo h2 {    padding: 20px 0 0 5px;    font: italic 13px Georgia, "Times New Roman", Times, serif;    color: ##48ACDE; }  #logo p a {    text-decoration: none;    color: #B6ACA2; }  #logo p a:hover { text-decoration: underline; }   #wrapper {    width: 860px;    margin: 0 auto;    background: #CCFFFF url(http://ressim.net/b/out.php/i5414017_placard-tr-gg-22-img02-jpg) no-repeat left top; }  #wrapper-btm {    background: url(http://ressim.net/b/out.php/i5414018_placard-tr-gg-22-img03-jpg) no-repeat left bottom; } /* Page */  #page {    width: 860px;    margin: 0 auto;    padding-top: 20px; }  /* Content */  #content {    float: right;    width: 620px; }  /* Post */  .post {    padding: 15px 15px; }  .post .title {    margin-bottom: 20px;    padding-bottom: 5px; }  .post h1 { }  .post h2 {    height: 32px;    padding: 8px 0 0 15px;    font-size: 18px;    color: #DADADA; }  .post .entry {    padding: 0 15px; }  .post .meta {    margin-left: 15px;    margin-right: 15px;    padding: 15px 0px 30px 0px;    border-top: 1px dashed #333333;    font-size: 10px; }  .post .meta p {    margin: 0;    line-height: normal;    color: #999999; }  .post .meta .byline {    float: left; }  .post .meta .links {    float: right; }  .post .meta .more {    padding: 0 20px 0 18px;    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img11.gif) no-repeat left center; }  .post .meta .comments {    padding-left: 22px;    background: url(http://img.webme.com/pic/c/css-tasarimm/22-img12.gif) no-repeat left center; }  .post .meta b {    display: none; }  /* Sidebar */  #sidebar {    float: left;    width: 210px;    padding-left: 30px; }  #sidebar ul {    margin: 0;    padding: 0;    list-style: none; }  #sidebar li {    margin-bottom: 40px; }  #sidebar li ul { }  #sidebar li li {    margin: 0; }  #sidebar h2 {    height: 32px;    margin-bottom: 10px;    font-size: 18px;    color: #DADADA; }  /* Search */  #search { }  #search h2 {    margin-bottom: 20px; }  #s {    width: 115px;    margin-right: 5px;    padding: 3px;    border: 1px solid #BED99C; }  #x {    padding: 3px;    border: none;    background: #48ACDE;    text-transform: lowercase;    font-size: 11px;    color: #000000; }  /* Boxes */  .box1 {    padding: 20px; }  .box2 {    color: #BABABA; }  .box2 h2 {    margin-bottom: 15px;    font-size: 16px;    color: #000000; }  .box2 ul {    margin: 0;    padding: 0;    list-style: none; }  .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {    color: #EDEDED; }  /* Footer */ #footer-wrap {    width: 860px;    height: 64px;    margin: 0 auto; }  #footer {    margin: 0 auto;    height: 64px;    min-height: 64px;    padding: 0;    font-size: 10px; }  html>body #footer {    height: auto; }  #footer p { }  #legal {    clear: both;    padding-top: 10px;    padding-left: 30px;    text-align: center;    color: #ff0000; }  #legal a { }

______________


:"Birileri arkanızdan konuşuyorsa onlardan öndesiniz demektir." Anton Çehov.
Mesaj15.01.2012, 14:01 (UTC)    
Mesaj konusu:

cokk saol Very Happy Wink
______________
Sitelerim:
web-herseburda.tr.gg
www.oyunum6.tr.gg
www.odevlerim.foruma.biz.
Önceki mesajları göster:   


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