Konu: Outline Tema Sorunu  (Okunma sayısı 874 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

22 Temmuz 2014, 23:36
  • *
    • İleti: 68
    • Karma: 1
    • Profili Görüntüle



Banner'ın altındaki, Ana sayfa twitter yeni mesajlar falan onlarına arkasınaki pembe yere



şu resmi eklemek istiyorum ama yapamadım. İndex.css ekte.


22 Temmuz 2014, 23:45
Yanıtla #1
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

mevcut temanı bir yere upload et indirip deneyelim.


23 Temmuz 2014, 00:14
Yanıtla #2
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

Şuradaki gibi yapsanız daha iyi olmaz mı?
demo: Benim Topluluğum - Anasayfa


23 Temmuz 2014, 00:17
Yanıtla #3
  • *
    • İleti: 68
    • Karma: 1
    • Profili Görüntüle

Ben de öyle demiştim zaten. :)


23 Temmuz 2014, 00:23
Yanıtla #4
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

Ben daha farklı bir şey anlamıştım.
İlk iletinize eklediğiniz görselin ismini t.png olarak değiştirip, temanızın images/custom içine atın.
Sonra da temanızın index.css dosyasında aşağıdaki değişiklikleri yapın.

Bul:
Kod: [Seç]
#topmenu ul li a {
float: left;
display: block;
margin: 0 0 0 2px;
padding: 0 0 0 10px;
text-decoration: none;
line-height: 30px;
color: #fcfcfc;
background: #a90329 url(../images/custom/topmenu-l.gif) 0 0 no-repeat;
}

Değiştir:
Kod: [Seç]
#topmenu ul li a {
float: left;
display: block;
margin: 0 0 0 2px;
padding: 0 0 0 10px;
text-decoration: none;
line-height: 30px;
color: #fcfcfc;
background: url(../images/custom/topmenu-l.gif) 0 0 no-repeat;
}

Bul:
Kod: [Seç]
#topmenu ul li a span {
float: left;
display: block;
padding: 0 15px 0 7px;
cursor: pointer;
background: #a90329 url(../images/custom/topmenu-r.gif) 100% 0 no-repeat;
}

Değiştir:
Kod: [Seç]
#topmenu ul li a span {
float: left;
display: block;
padding: 0 15px 0 7px;
cursor: pointer;
background: url(../images/custom/topmenu-r.gif) 100% 0 no-repeat;
}

Bul:
Kod: [Seç]
#toolbar {
height: 30px;
background: #a60328;
}

Değiştir:
Kod: [Seç]
#toolbar {
height: 30px;
background: url(../images/custom/t.png) 0 0 no-repeat;
}


23 Temmuz 2014, 00:25
Yanıtla #5
  • *
    • İleti: 68
    • Karma: 1
    • Profili Görüntüle

Çok teşekkür ederim, tam istediğim gibi oldu. :)


23 Temmuz 2014, 18:34
Yanıtla #6
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

aynı temayı bende kullanıyorum aynı şekilde bende yapabilirmiyim acaba. ama ben header arka plan resmini menununde arkasında olsun istiyorum.

dosya şurada orjinal tema..

Dosya.tc - Ücretsiz, Hızlı ve Kolay Dosya Paylaşımı
menu de arkadaşın ki gibi tonlarda olsun ...

header ve logo resimleri..

logo :
arkaplan :

« Son Düzenleme: 23 Temmuz 2014, 18:48 Gönderen: soulfather »

23 Temmuz 2014, 22:13
Yanıtla #7
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

index.css
Bul:
Kod: [Seç]
#toolbar {
height: 30px;
background: #a60328;
}
#topnav {
float: left;
font-size: 11px;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 1000;
}
#topnav li {
float: left;
margin: 0 0 0 2px;
padding: 0;
position: relative;
list-style: none;
}
#topnav li a {
display: block;
float: left;
padding: 0 0 0 10px;
line-height: 30px;
color: #fcfcfc;
background: #a90329 url(../images/custom/topmenu-l.gif) 0 0 no-repeat;
}
#topnav li a span {
padding: 0 10px 0 0;
display: block;
background: #a90329 url(../images/custom/topmenu-r.gif) 100% 0 no-repeat;
}
#topnav li a.active {
color: #000;
font-weight: bold;
background: #fff url(../images/custom/topmenu-active-l.gif) 0 0 no-repeat;
}
#topnav li a.active span {
background: #fff url(../images/custom/topmenu-active-r.gif) 100% 0 no-repeat;
}
#topnav li a:hover {
text-decoration: underline;
}
#topnav li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
}
#topnav li li a, #topnav li:hover li a {
background: none;
display: block;
line-height: 26px;
padding: 0 16px;
width: 168px;
float: none;
}
#topnav li ul {
background: #970224;
border-left: 1px solid #78011C;
border-right: 1px solid #78011C;
border-bottom: 1px solid #78011C;
position: absolute;
width: 200px;
left: -999em;
padding: 4px 0;
}
#topnav li:hover ul {
top: 30px;
left: 0;
}
#topnav li:hover li ul, #topnav li li:hover li ul {
top: -999em;
}
#topnav li li:hover ul, #topnav li li li:hover ul {
left: 190px;
top: 0;
border-top: 1px solid #78011C;
}

Değiştir:
Kod: [Seç]
#toolbar {
height: 30px;
margin-top: 4px;
}
#topnav {
float: left;
font-size: 11px;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 1000;
}
#topnav li {
float: left;
margin: 0 0 0 2px;
padding: 0;
position: relative;
list-style: none;
}
#topnav li a {
display: block;
float: left;
padding: 0 0 0 10px;
line-height: 30px;
color: #000;
font-weight: bold;
background: #fff url(../images/custom/topmenu-r.gif.png) 0 0 repeat-x;

}
#topnav li a span {
padding: 0 10px 0 0;
display: block;

}
#topnav li a.active {
color: #000;
font-weight: bold;
background: #fff url(../images/custom/bc_bg.png) 0 0 repeat-x;
}
#topnav li a.active span {
background: #fff url(../images/custom/bc_bg.png) 100% 0 repeat-x;
}
#topnav li a:hover {
text-decoration: underline;
}
#topnav li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
}
#topnav li li a, #topnav li:hover li a {
background: none;
display: block;
line-height: 26px;
padding: 0 16px;
width: 168px;
float: none;
}
#topnav li ul {

position: absolute;
width: 200px;
left: -999em;
padding: 4px 0;
}
#topnav li:hover ul {
top: 30px;
left: 0;
}
#topnav li:hover li ul, #topnav li li:hover li ul {
top: -999em;
}
#topnav li li:hover ul, #topnav li li li:hover ul {
left: 190px;
top: 0;
border-top: 1px solid #78011C;
}


Bul:
Kod: [Seç]
#header {
position: relative;
height: 120px;
overflow: hidden;
background: #a60328 url(../images/custom/header-bg.gif) 0 0 repeat-x;
}
#head-r {
height: 120px;
background: url(../images/custom/header-r.gif) 100% 0 no-repeat;
}
#head-l {
background: url(../images/custom/header-l.gif) 0 0 no-repeat;
}
#logo {
position: absolute;
top: 0px;
left: 20px;
display: block;
width: 400px;
height: 120px;
cursor: pointer;
background: url(../images/custom/logo.png) no-repeat;
}

Değiştir:
Kod: [Seç]
#header {
position: relative;
height: 120px;
overflow: hidden;
background: url(../images/custom/header.png) 0 0 repeat-x;
}
#head-r {
height: 120px;

}
#head-l {

}
#logo {
position: absolute;
top: 0px;
left: 20px;
display: block;
width: 500px;
height: 100px;
cursor: pointer;
background: url(../images/custom/logo.png) no-repeat;
}

index.template.php
Bul:
Kod: [Seç]
<a href="'.$scripturl.'" title=""><span id="logo">&nbsp;</span></a>';
echo '
</div>
</div>
</div>
<div id="toolbar">
',template_menu(),'
</div>
<div id="bodyarea">';

// Show the navigation tree.

Değiştir:
Kod: [Seç]
<a href="'.$scripturl.'" title=""><span id="logo">&nbsp;</span></a>';
echo '
<div id="toolbar">
',template_menu(),'
</div>
</div>
</div>
</div>

<div id="bodyarea">';

// Show the navigation tree.
               
Ekteki görselleri de temanızın images/custom içine atın.   
Geçici demo: Benim Toplulu?um - Anasayfa            






24 Temmuz 2014, 00:04
Yanıtla #8
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

eyvallah abi oldu saol. bir iki sorum olacak ama. sitenin üstündeki boşluğu kaldırmam lazım. + header.png nin genişliği 150 css den 150 yapınca menu ortada kalıyor onu alta nasıl alırım acaba...


http://www.iddaadahisi.com/index.php


24 Temmuz 2014, 01:38
Yanıtla #9
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

sorunuzu anlamadım