Yazar |
Mesaj |
-
umutyaziyor
Acemi Üye
|
21.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 |
|
↑
|
|
|
-
worldsweb
Aktif Üye
|
21.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. ______________ |
|
↑
|
|
|
-
kodbanks
Bedava-Sitem Bağımlısı
|
21.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... ______________ |
|
↑
|
|
|
-
worldsweb
Aktif Üye
|
21.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. ______________ |
|
↑
|
|
|
-
piriketseverler
Uzman Üye
|
21.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; |
|
↑
|
|
|
-
kodbanks
Bedava-Sitem Bağımlısı
|
21.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. ______________ |
|
↑
|
|
|
-
umutyaziyor
Acemi Üye
|
22.05.2009, 09:36 (UTC) Mesaj konusu: |
|
|
saolun thank you |
|
↑
|
|
|
-
umutyaziyor
Acemi Üye
|
22.05.2009, 10:40 (UTC) Mesaj konusu: |
|
|
piriketseverler kodu nereye kocam |
|
↑
|
|
|
-
umutyaziyor
Acemi Üye
|
22.05.2009, 12:21 (UTC) Mesaj konusu: |
|
|
yaptım çok saolun. |
|
↑
|
|
|
-
evimetut
Acemi Üye
|
23.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 |
|
↑
|
|
|
-
worldsweb
Aktif Üye
|
23.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 ______________ |
|
↑
|
|
|
|