Wordpress Tema Düzenleme | + İtibar (REP)

daRius · 5 Haziran 2011

Merhaba Arkadaşlar;
Elimde tigopedia-reloaded-2 adında bir tema var ve düzenlemeye çalışıyorum kendisini. Ancak yapamadığım 3 yer oldu ve bu konuda üstadlarımdan yardım istemeye karar verdim.

1.Sorun;
Menülerin header'a bitişik şekilde olmasını istiyorum ancak bir türlü beceremedim.

2.Sorun;
Kategoriler ve Yazı alanında görüldüğü gibi ufak bir kayma mevcut. Bu kaymayı nereden düzeltebilirim?

3.Sorun;
Makalelerin yazıldığı bölümün arkaplanı resim ile yapılmış. Menülerin hizasına getirmeye çalıştım ancak bir türlü css dosyasında genişlik(width) belirten bir yer bulamadım akabinde resmi büyütmeye çalıştığımda hatalar aldım. Yapabilecek biri var ise illa resim ile mi yapılacak bu diyorsa resim şart değil css kodları(şahsen bilmiyorum) ile halledilebilecekse css kodları ilede yapılabilir.

Hatalara dair ScreenShoot;

Not;
Eklerden bahsedilen temayı indirebilirsiniz. Dahili bilgi olarak right.sidebarı kaldırdım bilginize.

Teşekkürler / Saygılar.

Ekleme: Güncel'dir. Yardım talep ediyorum.

Ekleme: Konu güncel.

KIVANCEFE · 6 Haziran 2011

dostum pm attım bilgine

daRius · 7 Haziran 2011

cevap verildi.

--konu günceldir.

daRius · 9 Haziran 2011

Gerçekten yardım edebilecek 1 kişi bile yokmu ?
Güncel..

daRius · 11 Haziran 2011

Güncel..

Horoz · 11 Haziran 2011

Üstadım overall header dosyasını buraya ekle, o dosya ile 1. sorununu hallederiz. Menü barı oratadan kaldırırız, menüleri hemen logonun altına yerleştiririz. Bu arada css de lazım olur.

2. sorun için birşey bulamadım.

3.sorunu ise doğru anladıysam yazı alanını tema genişliğine göre uzatmak istiyorsun sanırım. Ama bildiğim kadarı ile o tema 3 kolonlu. O yüzden ekranın sağında kalan kısım boş gibi duruyor.

daRius · 11 Haziran 2011

Temanın dosyaları eklenti olarak yukarıda yüklü. Menü bar kalkmasın istiyorum ama

Yada farketmez, css dosyasıda temanın içinde.
2soruna birşey diyemiyorum css bilgim pek yok

3. olarak evet 3 kolonluydu kurcalaya kurcalaya kaldırdım 3.sidebarı ancak bir türlü uzatamadım

Not: En üstte tigopedia-reloaded-2.zip tıklayınız görmediniz sanırım
Teşekkürler...

Horoz · 16 Haziran 2011

Ben zaten indirme yapamadığım için ilgili dosyaları code bbcode ile ekle demiştim

daRius · 16 Haziran 2011

header dosyası

Kod:

body { background: url(grafik/arka.jpg); font-family: Tahoma; margin: 0; } 
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter { text-align: center }
.clear { clear: both }
.notfound { color: #666;}
.notfound p { font-size: 13.4px  !important; font-weight: normal; }

p { margin: 0; padding: 0; }
img { border: none }
#tum { width: 990px; padding: 10px 10px 10px 10px; margin: 0 auto; overflow: hidden; }
#soz { float: left; margin: 3px 0 0 15px; font-size: 13.4px; font-family: Tahoma; color: #333; }
#soz_ikon { background: url(grafik/b.png); background-position: -208px 0; width: 16px; height: 16px; float: left; margin: 0 5px 0 0; }
#header { width: 990px; outline: 0px solid #ddd; overflow: hidden; margin: 0 0 15px 0; }
#header .arka { height: 103px; width: 990px; background: #fff; }
#header .logo { width: 261px; height: 101px; background: url(grafik/logo.png) no-repeat; margin: 2px 0 0 15px; float: left; }
#header .reklam { float: right; margin: 10px 5px 0 0; width: 728px; height: 90px; padding: 2px; }
a.facebook { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -79px 0; width: 16px; height: 16px; }
a.friendfeed { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -97px 0; width: 16px; height: 16px; }
a.mail { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -151px 0; width: 16px; height: 16px; }
a.google { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -115px 0; width: 16px; height: 16px; }
a.twitter { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -496px 0; width: 16px; height: 16px; }
a.wordpress { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -514px 0; width: 16px; height: 16px; }
a.rss { text-indent: -999em; float: left; margin: 0 5px 0 0; display: block; background: url(grafik/b.png); background-position: -190px 0; width: 16px; height: 16px; }
.ustbar { background: url(grafik/menu.png) center; width: 990px; height: 23px; }
.sosyal { float: right; margin: 3px 10px 0 0; }
.sosyal img { margin: 0 0px 0 5px }
#aramaFormu { width: 180px; overflow: hidden; margin: 0; height: 18px; margin-right: 10px; padding: 2px; float: right; background: #fff; border: 1px solid #ccc; outline: 1px solid #fff; }
#aramaFormu input { border: none; height: 15px; padding: 2px 0 0 5px; width: 149px; margin: 0; float: left; font: normal 12.4px Tahoma; color: #ccc; }
#aramaFormu button { text-indent: -999em; background: url(grafik/b.png); background-position: 0 0; width: 16px; height: 16px; text-transform: uppercase; font-size: 11px; float: left; border: none; cursor: pointer; color: #333; margin: 1px 0 0 0; }
#aramaFormu button:hover { opacity: 0.6 }
.menu { clear: both; margin: auto; overflow: hidden; background: url(grafik/menu.png); width: 100%; height: 34px; padding-top: 10px; }
.menu ul { list-style: none; margin: auto; padding: 0; padding-top: 0px; width: 520px; float: left; margin-left: 10px; }
.menu ul li { display: inline; margin: 0; }
.menu ul li a, .menu ul li a:visited { font-size: 16px; letter-spacing: -1px; color: #fff; font-weight: bold; text-decoration: none; padding: 6px 10px 8px 10px; }
.menu ul li a:hover { text-decoration: none; background: #555; color: #fff; }
.sec a, .sec a:visited { background: #555; color: #fff !important; font-weight: bold !important; }
.current_page_item a, .current_page_item a:visited { background: #555; color: #fff !important; }
#reklamlar { border: 1px solid #ccc; margin:10px 0 0px 0px; padding: 10px; width: 708px; text-align: center; background:#fff; }
#Manset { width: 708px; overflow: hidden; margin: 0 0 15px 0; float:right; background: #fff; padding: 10px; border: 1px solid #f2f2f2; }
#orta { width: 730px; overflow: hidden; float: left; }
#orta .detay { margin: 10px 0; background: #f2f2f2; overflow: hidden; }
#orta .detay a, #orta .detay a:visited { color: #333; text-decoration: none; }
#orta .detay a:hover { color: #000 }
#orta .yazilar { margin-bottom: 10px; border: 1px solid #f2f2f2; overflow: hidden; padding: 10px; background: #fff; }
#orta .yazilar p { text-align: justify; font-size: 13.4px; font-family: Tahoma; line-height: 1.6em; color: #333; }
#orta .yazilar h1 { float: left; margin: 0; padding: 0; }
#orta .yazilar h1 a, #orta .yazilar h1 a:visited { letter-spacing: -1px; font-style: normal; text-decoration: none; color: #64a1d5; font-weight: bold; font-size: 19px; padding: 2px 10px 2px 0px;  }
#orta .yazilar h1 a:hover { color: #333; }
#orta .yazilar img { width: 130px; height: 100px; background: #fff; padding: 2px; border: 3px solid #ccc; margin: 2px 7px 0px 0px; float: left; }
#orta .tekil { overflow: hidden; border: 1px solid #ddd; padding: 10px; background: #fff; }
#orta .tekil p { text-align: justify; font-size: 13.4px; font-family: Tahoma; line-height: 1.6em; color: #333; margin-bottom: 10px; }
#orta .tekil h1 { float: left; font-family: Tahoma; margin: 0; padding: 0; }
#orta .tekil h1 a, #orta .tekil h1 a:visited { letter-spacing: -1px; font-style: normal; text-decoration: none; color: #64a1d5; font-weight: bold; font-size: 19px; padding: 2px 10px 2px 0px; }
#orta .tekil h1 a:hover { color: #333; text-decoration: none; }
#orta .tekil img { max-width: 620px }
#orta .tekil a, #orta .tekil a:visited { color: #333; text-decoration: none; }
#orta .tekil a:hover { color: #000 }
#orta .tekil ul { margin:0 0 10px 40px; padding:0; }
#orta .tekil ol { margin:0 0 10px 40px; padding:0; }
#orta .tekil li { margin:0 0 0 35px; padding:0; }
#orta .tekil li { font-size: 13.4px; line-height: 1.7em; color:#333; font-weight: normal; }
#orta .tekil li a, #orta .tekil li a:visited { list-style: none; font-size: 13.4px; line-height: 1.7em; color: #666; font-weight: bold; }
#orta .tekil li a:hover { color: #000; text-decoration: none; }
.wpcf7-submit {
font-size: 14px; font-family: Tahoma; color: #fff; background: #555; border: 1px solid #ddd; padding: 2px 30px; margin: 5px 0 15px 0; cursor: pointer;
}
.Detaylar { background: #f2f2f2; padding: 2px 10px; overflow: hidden; margin: 10px 0 0 0; border: 1px solid #fff; outline: 1px solid #ddd; }
.Detaylar a, .Detaylar a:visited { color: #333; text-decoration: none; }
.Detaylar a:hover { text-decoration: underline }
.kategorii { font-family: Tahoma; float: left; width: auto; font-size: 10.4px; font-weight: bold; color: #333; padding: 3px 5px; line-height: 1.5em; }
.Kategori_ikon { background: url(grafik/b.png); background-position: -133px 0; width: 16px; float: left; margin-right: 5px; height: 16px; }
.kategorii a, .kategorii a:visited { font-weight: normal }
.k { color: #666 }

.yorum { font-family: Tahoma; float: right; overflow: hidden; font-size: 12px; font-weight: bold; color: #333; background: url(grafik/b.png); background-position: -550px 0; width: 25px; height: 21px; padding: 5px 5px 10px 5px; margin-top: -5px; text-align: center; }
.yorum a, .yorum a:visited { color: #666; text-decoration: none; }
.devam { font-family: Tahoma; margin-left: 10px; float: left; width: auto; overflow: hidden; font-size: 10.4px; font-weight: bold; color: #eab600; padding: 3px 5px; line-height: 1.5em; }
.devam_ikon { background: url(grafik/b.png); background-position: -61px 0; float: left; width: 16px; height: 16px; margin-right: 5px; }
.tarih { font-family: Tahoma; margin-left: 10px; float: left; width: auto; overflow: hidden; font-size: 10.4px; font-weight: normal; color: #333; padding: 3px 5px; margin-right: 10px; line-height: 1.5em; }
.tarih_ikon { background: url(grafik/b.png); background-position: -478px 0; width: 16px; float: left; margin-right: 5px; height: 16px; }
.okunma { font-family: Tahoma; float: left; width: auto; overflow: hidden; font-size: 10.4px; font-weight: normal; color: #333; padding: 3px 5px; line-height: 1.5em; }
.okunma_ikon { background: url(grafik/b.png); background-position: -172px 0; width: 16px; float: left; margin-right: 5px; height: 16px; }
.etiketler { float: left; overflow: hidden; background: #fff url(grafik/okunma.png) 8px 5px no-repeat; padding: 3px 10px 7px 25px; padding-left: 25px; margin: 15px 0px; border: 1px solid #ddd; width: 692px; }
.etiketler a, .etiketler a:visited { color: #333; text-decoration: none; font-size: 11px; font-family: Tahoma; font-weight: normal; }
.etiketler a:hover { text-decoration: underline }
.yazar { font-family: Tahoma; margin-left: 10px; float: left; width: auto; overflow: hidden; font-size: 10.4px; font-weight: bold; color: #333; padding: 3px 5px; line-height: 1.5em; }
.yazar_ikon { background: url(grafik/b.png); background-position: -532px 0; width: 16px; height: 16px; float: left; margin-right: 5px; }
.yazar a, .yazar a:visited { font-weight: normal }
/* Sol Sidebar  */
#solside { width: 250px; float: left; margin: 0 10px 0 0; }
.reklamsilar {
margin:5px 0 0 15px;
}
.reklamsilar img {
float:left;
margin:0 17px 15px 0;
width:100px;
height:90px;
}
.solside { margin-bottom: 10px; overflow: hidden; font-size:12px; color: #fff; }
.solside h2 { margin: 0; font-size: 16px; height: 24px; color: #fffff; background: url(grafik/sidebar.jpg);font-weight: bold; padding: 10px 15px 0 15px; letter-spacing: -1px; }
.solside ul { background: #fff; list-style-type: none; width: 100%; padding: 5px 0 5px 0; width: 250px; margin: 0px 3px 0 0px; }
.solside li { line-height: 1.8em; font-family: Tahoma; color: #333; list-style:none; background: url(grafik/marker.png) no-repeat 2px; margin-left:5px; padding-left:25px; }
.solside a, .solside a :visited { font-weight: normal; font-style: normal; font-size: 13.4px; color: #4886bc; text-decoration: none; }
.solside a:hover { color: #333; text-decoration: underline; }
/* Sol Sidebar  */
#comments { width: 708px; clear: both; background: #fff; margin: 20px 0 20px 0; padding: 0 10px 10px 10px; overflow: hidden; border: 1px solid #ddd; }
#comments a { text-decoration: none; color: #666; }
#comments h2 { margin: 0; font-size: 19px; height: 20px; color: #666; font-weight: bold; margin-bottom: 20px; }
#comments p { margin-bottom: 5px; line-height: 1.6em; font-family: Tahoma; font-size: 12px; }
#comments form { font-size: 11px; font-family: Tahoma; }
#comments form p { font-size: 13.4px; padding: 0; margin: 0 !important; color: #333 !important; }
#comments form input { font-family: Tahoma; border: 1px solid #cccccc; font-size: 13.4px; padding: 3px; width: 350px; color: #000; margin: 0 9px 7px 0; }
#comments form input:hover { border: 1px solid #ddd }
#comments form textarea { font-family: Tahoma; font-size: 13.4px; width: 700px; height: 80px; padding: 4px 4px !important; border: 1px solid #ccc; color: #000; background: #fff; }
#comments form textarea:hover { border: 1px solid #ddd }
#comments button { font-size: 14px; font-family: Tahoma; color: #fff; background: #555; border: 1px solid #ddd; padding: 2px 30px; margin: 5px 0 15px 0; cursor: pointer; }
#comments button:hover { background: #ccc; color: #333; }
.commentdetails { margin-top: 25px }
.commentauthor { margin-bottom: 5px !important; font-weight: bold; }
.commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }
.required { color: #ff0000 }
h2.title { font-size: 1em !important; text-transform: uppercase; padding: 10px; color: #565656; }
#comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; width: 710px; font-size: 12px; }
#comments .buffer { padding: 10px; border: 1px solid #000; }
#comments ol li { border: 1px solid #e0e0e0; margin-bottom: 10px; padding: 10px; }
#comments ol li:hover { border: 1px solid #ccc; cursor: pointer; }
#comments ol li p { font-size: 13.4px; line-height: 1.2em; font-family: Tahoma; }
#comments ol li ul li { padding: 10px }
#comments ol li .avatar { float: left; height: 60px; margin: 3px 10px 0 0; padding: 2px; background: #f2f2f2; border: 1px solid #ddd; width: 60px; }
#comments ol li .comment-author { color: #666; font-size: 14px; }
#comments ol li .comment-author a { color: #666; font-size: 14px; }
#comments ol li .comment-author .fn { font-style: normal; font-weight: bold; font-size: 14px; }
#comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; }
#comments ol li .comment-meta a { color: #999999 }
#comments ol li .reply { font-size: 11px; font-family: Tahoma; font-weight: normal; clear: both; text-transform: uppercase; padding-bottom: 0px; margin: 0 0 0 10px; }
#comments ol li .reply  a:hover { color: #f00 }
#comments .children { list-style-type: none }
#comments .navigation { padding: 0 0 10px; font-size: 0.9em; }
#comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #cccccc; }
#comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; }
#comments .says { display: none }
.style1 {font-family: Tahoma;	font-size: 10px;color: #333333;}
.style3 {text-decoration: none;}
.style4 {text-align: center;}
#alt { text-align: center; color: #666; background: #fff; overflow: hidden; padding: 10px 0; clear: both; font-size: 13.4px; width: 100%; margin: auto; line-height: 1.8em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#alt a, #alt a:visited { font-size: 13.4px; font-style: normal; color: #666; text-decoration: None; }
#alt a:hover { color: #333 }

Wordpress Tema Düzenleme | + İtibar (REP)

0

0

0

0

0

0

0

0

0

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5