Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj21.05.2009, 17:00 (UTC)    
Mesaj konusu: Sitede renk düzeltmek

merhaba arkadaşlar sitemde umutyaziyor.tr.gg alt bulunan menü başlığı altındaki yazılar beyaz onları nasıl siyah yapabilirim.

css kod aşağıda gerekli düzenlemeleri yapıp verirmisiniz acaba

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;}

table {margin-left:auto; margin-right: auto}

body {
   margin: 0;
   background: url(http://img.webme.com/pic/o/ornexite/bg.jpg);
}

h1, h2, h3, h4 {
   margin: 0;
}

img {
   border: 0;
}

.clear {
   clear: both;
   height: 0;
   overflow: hidden;
}


/* Page */

#page {
   margin: 0px auto 0 auto;
   width: 895px;
   background: url(http://img.webme.com/pic/o/ornexite/page.gif) repeat-y;
}

#page-top {
   width: 895px;

   }

#page-bottom {
   width: 895px;
   min-height: 460px;
   background: url(http://img.webme.com/pic/o/ornexite/page_bottom.gif) no-repeat left bottom;
}


/* Header */

#header {
   width: 890px;
   height: 288px;
background: url(http://img.webme.com/pic/u/umutyaziyor/page_top.jpg);
   position: relative;
}

   /* Header - Info */
   
   #header #header-info {
      position: absolute;
      top: 150px;
      left: 5px;
      width: 425px;
      height: 81px;
      padding-left: 92px;
      background: url(http://img.webme.com/pic/o/ornexite/logo.gif) no-repeat;
   }
   
   #header #header-info h1 {
      color: #FFCC00;
      font: normal 28px Century Gothic, Century Gothic;
      padding: 1px 0 5px 0;
   }
   
   #header #header-info h1 a {
      color: #FFCC00;
      text-decoration: none;
   }
   
   #header #header-info .description {
      color: #ffffff;
      font: normal 17px Century Gothic, Century Gothic;
   }
   
   /* Header - Menu */
   
   #header #header-menu {
      position: absolute;
      top: 98px;
      left: 5px;
      width: 640px;
      height: 46px;
   }
   
   #header #header-menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 640px;
      height: 46px;
   }
   
   #header #header-menu ul li {
      float: left;
      height: 46px;
      font: normal 14px/46px Century Gothic, Century Gothic;
      color: #ffffff;
   }
   
   #header #header-menu ul li a {
      color: #ffffff;
      text-decoration: none;
      padding: 0 15px;
      display: block;
   }
   
   #header #header-menu ul li a:hover {
      background: url(http://img.webme.com/pic/o/ornexite/header_menu.gif) repeat-x;
   }
   
   #header #header-menu ul li ul {
      display: none;
   }
   
   #header #header-menu ul li.current_page_item a {
      background: url(http://img.webme.com/pic/o/ornexite/header_menu.gif) repeat-x;
   }
   
   /* Header - Search */
   
   #header #header-search {
      position: absolute;
      top: 160px;
      left: 655px;
      width: 217px;
      height: 22px;
   }
   
   #header #header-search #searchform {
      margin: 0;
      padding: 0;
      width: 217px;
      height: 22px;
   }
   
   #header #header-search #s {
      width: 117px;
      height: 18px;
      padding: 2px 5px;
      border: 0;
      font: normal 13px Century Gothic, Century Gothic;
      color: #000000;
      background: transparent;
      float: left;
   }
   
   #header #header-search #searchsubmit {
      background: transparent;
      border: none;
      width: 85px;
      height: 22px;
      padding: 0;
      float: right;
   }
   
   /* Header - Newsletter */
   
   #header #header-newsletter {
      position: absolute;
      top: 230px;
      left: 32px;
      width: 200px;
      height: 90px;
      padding-top: 40px;
      background: url(http://img.webme.com/pic/o/ornexite/header_newsletter.gif) no-repeat;
      color: #000000;
      font: bold 12px Century Gothic, Century Gothic;
   }
   
   #header #header-newsletter p {
      margin: 0;
      padding-bottom: 7px;
   }
   
   #header #header-newsletter form {
      margin: 0;
      padding: 0;
   }
   
   #header #header-newsletter span {
      width: 55px;
      float: left;
      height: 18px;
      line-height: 18px;
   }
   
   #header #header-newsletter input {
      width: 123px;
      height: 18px;
      background: url(http://img.webme.com/pic/o/ornexite/header_input.gif) no-repeat;
      border: none;
      padding: 0 5px;
      font: normal 12px Century Gothic, Century Gothic;
      color: #000000;
   }
   
   #header #header-newsletter .submit {
      width: 85px;
      height: 26px;
      background: url(http://img.webme.com/pic/o/ornexite/header_button.gif) no-repeat;
      margin-left: 104px;
   }
   
   /* Header - Recent Articles */
   
   #header #recent-articles {
      position: absolute;
      top: 223px;
      left: 264px;
      width: 305px;
      height: 145px;
   }
   
   #header #recent-articles h3 {
      width: 285px;
      height: 22px;
      color: #000000;
      font: bold 12px/22px Century Gothic, Century Gothic;
      background: url(http://img.webme.com/pic/o/ornexite/title_recent_articles.gif) no-repeat;
      padding: 0 10px;
   }
   
   #header #recent-articles ul {
      margin: 0;
      padding: 0 0 0 10px;
      list-style-type: none;
   }
   
   #header #recent-articles ul li {
      padding-left: 8px;
      background: url(http://img.webme.com/pic/o/ornexite/header_articles.gif) no-repeat;
      color: #000000;
      font: bold 12px/28px Century Gothic, Century Gothic;
   }
   
   #header #recent-articles ul li a {
      color: #000000;
      text-decoration: none;
   }
   
   #header #recent-articles ul li a:hover {
      text-decoration: underline;
   }
   
   /* Header - Popular Articles */
   
   #header #popular-articles {
      position: absolute;
      top: 223px;
      left: 595px;
      width: 278px;
      height: 145px;
   }
   
   #header #popular-articles h3 {
      width: 258px;
      height: 22px;
      color: #000000;
      font: bold 12px/22px Century Gothic, Century Gothic;
      background: url(http://img.webme.com/pic/o/ornexite/title_popular_articles.gif) no-repeat;
      padding: 0 10px;
   }
   
   #header #popular-articles ul {
      margin: 0;
      padding: 0 0 0 10px;
      list-style-type: none;
   }
   
   #header #popular-articles ul li {
      padding-left: 8px;
      background: url(http://img.webme.com/pic/o/ornexite/header_articles.gif) no-repeat;
      color: #000000;
      font: bold 12px/28px Century Gothic, Century Gothic;
   }
   
   #header #popular-articles ul li a {
      color: #000000;
      text-decoration: none;
   }
   
   #header #popular-articles ul li a:hover {
      text-decoration: underline;
   }

/* Header - Feed */
   
   #header #header-feed {
      position: absolute;
      top: 210px;
      left: 700px;
      width: 30px;
      height: 30px;
   }

/* Header - Feed1 */
   
   #header #header-feed1 {
      position: absolute;
      top: 130px;
      left: 30px;
      width: 80px;
      height: 80px;
   }

/* Header - Feed2 */
   
   #header #header-feed2 {
      position: absolute;
      top: 210px;
      left: 803px;
      width: 30px;
      height: 30px;
   }

/* Header - Feed3 */
   
   #header #header-feed3 {
      position: absolute;
      top: 210px;
      left: 8px;
      width: 30px;
      height: 30px;
   }

/* Header - Stu */
   
   #header #header-stu {
      position: absolute;
      top: 210px;
      left: 680px;
      width: 30px;
      height: 30px;
   }



/* Main */

#main {
   margin: 0 auto;
   width: 869px;
}

   /* Main - Content */
   
   #pagecontent {
      float: left;
      width: 541px;
      padding: 10px 17px 0 16px;
   }
   
   /* Main - Content - Post */
   
   #pagecontent .post {
      float: left;
      margin-bottom: 30px;
      width: 541px;
   }
   
      /* Post - Title */
      
      #pagecontent .post .post-title {
         width: 541px;
         height: 59px;
         font: bold 12px Century Gothic, Century Gothic;
         color: #000000;
      }
      
      #pagecontent .post .post-title a {
         color: #ff0000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-title a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-title h2 {
         color: #950000;
         font: bold 22px Century Gothic, Century Gothic;
         padding: 2px 0;
      }
      
      #pagecontent .post .post-title h2 a {
         color: #950000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-title h2 a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-title .post-date {
         float: left;
         background: url(http://img.webme.com/pic/o/ornexite/post_date.gif) no-repeat;
         width: 59px;
         height: 59px;
         margin-right: 18px;
         color: #FFC600;
         text-align: center;
         text-transform: lowercase;
         font: bold 10px Century Gothic, Century Gothic;
         letter-spacing: 1px;
      }
      
      #pagecontent .post .post-title .post-date span {
         padding: 9px 0 1px 0;
         display: block;
      }
      
      /* Post - Entry */
      
      #pagecontent .post .post-entry {
         font: normal 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         width: 521px;
         padding: 0 10px;
      }
      
      #pagecontent .post .post-entry a {
         color: #FF0000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-entry a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-entry a.more-link {
         font: bold 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .post-entry a.more-link:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .post-entry blockquote {
         border-left: 10px solid #e6e6e6;
         margin: 0px 30px;
         padding-left: 15px;
      }
      
      /* Post - Info */
      
      #pagecontent .post .post-info {
         padding: 0 15px;
         width: 511px;
         height: 26px;
         background: url(http://img.webme.com/pic/o/ornexite/post_info.gif) no-repeat;
         clear: both;
         font: bold 12px/26px Century Gothic, Century Gothic;
         color: #ffffff;
      }
      
      #pagecontent .post .post-info a {
         color: #ffffff;
         text-decoration: none;
      }
      
      #pagecontent .post .post-info a:hover {
         text-decoration: underline;
      }
      
      /* Post - Comments */
      
      #pagecontent .post h3 {
         margin: 30px 0 5px 0;
         color: #000000;
         font: bold 18px Century Gothic, Century Gothic;
      }
      
      #pagecontent .post .comments {
         font: normal 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         width: 521px;
      }
      
      #pagecontent .post .comments ol {
         margin: 10px 0;
         padding-left: 25px;
      }
      
      #pagecontent .post .comments ol li {
         padding: 5px;
      }
      
      #pagecontent .post .comments ol li a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .comments ol li a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .comments ol li.alt {
         background: #e6e6e6;
      }
      
      #pagecontent .post .comments ol li cite {
         color: #000000;
         font-style: normal;
         font-weight: bold;
      }
      
      #pagecontent .post .comments ol li cite a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .comments ol li cite a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post .comments ol li .commentmetadata a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post .comments ol li .commentmetadata a:hover {
         text-decoration: underline;
      }
      
      #pagecontent .post #commentform {
         margin: 0;
         padding-left: 25px;
         font: normal 12px/18px Century Gothic, Century Gothic;
         color: #000000;
         width: 496px;
      }
      
      #pagecontent .post #commentform a {
         color: #000000;
         text-decoration: none;
      }
      
      #pagecontent .post #commentform a:hover {
         text-decoration: underline;
      }
   
   /* Main - Content - Navigation */
   
   #pagecontent .navigation {
      margin-bottom: 30px;
      font: bold 12px Century Gothic, Century Gothic;
      color: #000000;
      width: 541px;
   }
   
   #pagecontent .navigation a {
      color: #000000;
      text-decoration: none;
   }
   
   #pagecontent .navigation a:hover {
      text-decoration: underline;
   }
   
      #pagecontent .navigation .navigation-previous {
         float: left;
      }
      
      #pagecontent .navigation .navigation-next {
         float: right;
      }
   
   /* Main - Sidebar */
   
   #sidebar {
      float: left;
      width: 295px;
      font: bold 14px/18px Century Gothic, Century Gothic;
      color: #000000;
   }
   
   #sidebar a {
      color: #fff;
      text-decoration: none;
      padding-left: 25px;
   }
   
   #sidebar a:hover {
      text-decoration: underline;
      padding-left: 25px;
   }
   
   #sidebar .sidebar-box {
      width: 295px;
      padding-bottom: 10px;
   }
   
      /* Sidebar - Titles */
      
      #sidebar h3 {
         font: bold 12px/35px Century Gothic, Century Gothic;
         color: #ffffff;
         width: 265px;
         height: 35px;
         padding: 0 17px;
         margin-bottom: 2px;
         background: url(http://img.webme.com/pic/o/ornexite/sidebar_title.gif) no-repeat;
      }
      
      /* Sidebar - Menus */
      
      #sidebar ul {
         margin: 0;
         padding: 0 0 0 15px;
         list-style-type: none;
      }
      
      #sidebar ul li {
         padding-left: 8px;
         background: url(http://img.webme.com/pic/o/ornexite/sidebar_menu.gif) no-repeat;
         font: bold 12px/22px Century Gothic, Century Gothic;
         color: #ffffff;
      }
      
      #sidebar ul li a {
         color: #ffffff;
         text-decoration: none;
      }
      
      #sidebar ul li a:hover {
         text-decoration: underline;
      }
      
      #sidebar ul li ul {
         padding: 0 0 0 10px;
      }
      
      /* Sidebar - Forms */
      
      #sidebar #searchform {
         margin: 0;
         padding: 10px 0;
         width: 295px;
         text-align: center;
      }
      
      #sidebar #searchform #s {
         width: 205px;
      }
      
      /* Sidebar - Tables */
      
      #sidebar #calendar_wrap {
         margin: 0 auto;
         padding-top: 5px;
         width: 116px;
      }
      
      #sidebar #calendar_wrap caption {
         font-weight: bold;
      }
      
      #sidebar #calendar_wrap tbody {
         text-align: right;
      }
      
      #sidebar #calendar_wrap tfoot #next {
         text-align: right;
      }
      
      #sidebar #calendar_wrap #today {
         font-weight: bold;
      }
      
      /* Sidebar - Texts */
      
      #sidebar .textwidget {
         padding: 0 5px;
      }
      
      /* Sidebar - Ads */
      
      #sidebar .sidebar-ads {
         padding: 10px 0 0 15px;
      }
      
      #sidebar .sidebar-ads-in {
         float: left;
         padding: 0 14px 14px 0;
      }


/* Footer */

#footer {
   margin: 0 auto;
   width: 869px;
   height: 270px;
   color: #ffffff;
   font: bold 12px Century Gothic, Century Gothic;
}

#footer a {
   color: #ffffff;
   text-decoration: underline;
}

#footer a:hover {
   text-decoration: none;
}

   /* Footer - Footerbar */
   
   #footer #footerbar {
      width: 869px;
      height: 180px;
      padding-top: 17px;
   }
   
   #footer #footerbar h3 {
      font: bold 12px Century Gothic, Century Gothic;
      color: #ffffff;
      padding: 0 0 25px 15px;
   }
   
   #footer #footerbar ul {
      margin: 0;
      padding: 0 0 0 15px;
      list-style-type: none;
   }
   
   #footer #footerbar ul li {
      font: bold 12px/26px Century Gothic, Century Gothic;
      color: #ffffff;
      padding-left: 8px;
      background: url(http://img.webme.com/pic/o/ornexite/footer_menu.gif) no-repeat;
   }
   
   #footer #footerbar ul li a {
      color: #ffffff;
      text-decoration: none;
   }
   
   #footer #footerbar ul li a:hover {
      text-decoration: underline;
   }
   
      /* Footer - Footerbar - Boxes */
      
      #footer #footerbar #footerbar-left {
         width: 249px;
         padding: 0 17px 0 10px;
         float: left;
      }
      
      #footer #footerbar #footerbar-center {
         width: 273px;
         padding: 0 14px 0 11px;
         float: left;
      }
      
      #footer #footerbar #footerbar-right {
         width: 264px;
         padding: 0 14px 0 16px;
         float: left;
      }
   
   /* Footer - Copyright */
   
   #footer #copyright {
      width: 869px;
      text-align: center;
      line-height: 42px;
         }


hangi bölümü koyacağımı bilmediğim için hepsini koydum yardım lütfen
Mesaj21.05.2009, 18:59 (UTC)    
Mesaj konusu: cvp

Ö.M atarsan ben yaparım galiba aslında böyle işler renk kodlarıyla olur cssden anladığım için yazıların renk kodlarını bulabilirim ama şuan çok meşgulüm bu konuya bir daha dönemem sen bana Ö.M at.
______________
Mesaj21.05.2009, 19:07 (UTC)    
Mesaj konusu:

Kod:
#ffffff Bu beyaz renk kodudur....
#000000 bu siyah renk kodudur....
Tasarımda bu renk kodlarını bularak yazı renklerini değişebilirsin...
______________
Mesaj21.05.2009, 19:15 (UTC)    
Mesaj konusu: cvp

Arkadaşım her zaman o kodlar tasarımda yazı olmaz beyazla siyahı bilmekle olmuyor.Belkide o arkaplan rengi ne biliyorsunuz?Bana ö.m atarsa konuşacaz zaten biz.
______________
Mesaj21.05.2009, 21:00 (UTC)    
Mesaj konusu:

Kod:
<div id="[b]sidebar[/b]">

         <div class="sidebar-box">
            <h3>Menü</h3>
            <ul>

[b]<li>[/b][b]<a[/b] href="http://umutyaziyor.tr.gg/" title="Ana Sayfa">Ana Sayfa</a></li>
<li><a href="http://umutyaziyor.tr.gg/Reklam.htm" title="Reklamlar">Reklamlar</a></li>
<li><a href="http://umutyaziyor.tr.gg/Iletisim.htm" title="İletişim">İletişim</a></li>
<li><a href="http://umutyaziyor.tr.gg/Anketlerim.htm" title="Anketler">Anketler</a></li>
<li><a href="http://umutyaziyor.tr.gg/Dunya.htm" title="Dünya">Dünya</a></li>   
<li><a href="http://umutyaziyor.tr.gg/Ekonomi.htm" title="Ekonomi">Ekonomi</a></li>
<li><a href="http://umutyaziyor.tr.gg/Sanat.htm" title="Sanat">Sanat</a></li>
<li><a href="http://umutyaziyor.tr.gg/Spor.htm" title="Spor">Spor</a></li>

<li><a href="http://umutyaziyor.tr.gg/Magazin.htm" title="Magazin">Magazin</a></li>
         
</ul>
         </div>


Düzeltmek istediğin yerin kodu bu şekilde yani "Sidebar", "<li>" ve "<a>" dan oluşuyor.

Kod:
#sidebar a {
      color: #fff;
      text-decoration: none;
      padding-left: 25px;


Kod:
#sidebar ul li a {
         color: #ffffff;
         text-decoration: none;
Mesaj21.05.2009, 22:31 (UTC)    
Mesaj konusu: Re: cvp

worldsweb yazmış:
Arkadaşım her zaman o kodlar tasarımda yazı olmaz beyazla siyahı bilmekle olmuyor.Belkide o arkaplan rengi ne biliyorsunuz?Bana ö.m atarsa konuşacaz zaten biz.



Buradan sitene adam sokup hit kazanmak için insanları oyalama.Biliyorsan cevabı direkt buradan vereceksin.Sadece forumda ismim çıksın,paylaşımım olsun diye insanları((((((((((((Ö.M atarsan ben yaparım galiba aslında böyle işler renk kodlarıyla olur cssden anladığım için yazıların renk kodlarını bulabilirim ama şuan çok meşgulüm bu konuya bir daha dönemem sen bana Ö.M at))))))))))böyle mesajlarla oyalama.İnsanlara yardımcı olanlarada saygılı davran.
______________
Mesaj22.05.2009, 09:36 (UTC)    
Mesaj konusu:

saolun thank you
Mesaj22.05.2009, 10:40 (UTC)    
Mesaj konusu:

piriketseverler kodu nereye kocam
Mesaj22.05.2009, 12:21 (UTC)    
Mesaj konusu:

yaptım çok saolun.
Mesaj23.05.2009, 18:59 (UTC)    
Mesaj konusu:

ya ben de böle bişe istiyorum ama benim istediğim şu: haniice blue de tasarım rengi mavimsi bişeyyya ben onu turuncu yapmak istiyorum olabilirmi nlur
Mesaj23.05.2009, 20:05 (UTC)    
Mesaj konusu: CVP

Kendin bir ice-blue yapmalısın onun için yapmayı bilmiyorsan ben yapıyorum ama ücretle promosyon olmasın istiyorsan ö.m at
______________
Önceki mesajları göster:   


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