Konu: Minecraft Themes Düzenleme  (Okunma sayısı 992 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

27 Şubat 2014, 16:29
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

http://custom.simplemachines.org/themes/index.php?lemma=2751

adresteki temayı biraz editlemek istiyorum sizden ricam bana yardımcı olmanız.

temayı bir spor forumu izin kullanacağım. temanın logosunu admın panelinden link ekleyerek yapıyorum logo arkasına ise bir arka plan resmi koyacağım ama jpg mi gif mi resmi bulamadım heralde renk kodu ile yapılmış

logo arkasına koymak istediğim resim...



Orjinal tema dosyası ekte. Şimdiden teşekkürler.


27 Şubat 2014, 16:54
Yanıtla #1
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle


27 Şubat 2014, 17:35
Yanıtla #2
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

Şuradaki gibi görünmesi için
index.css
Bul:
Kod: [Seç]
#header
{
background: url(../images/custom/motive.png),radial-gradient(ellipse at center,#b8e654 0%,#7caa18 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#79B5EE',GradientType=1);
background-attachment: fixed;
border: 2px solid #7caa18;
height:140px;
margin:0 auto;
margin-top:10px;
border-radius: 7px 7px 0px 0px;
padding-left: 20px;
}


Değiştir:
Kod: [Seç]
#header
{
background: url(../images/xRRpaY.png);
    border: 2px solid #7caa18;
height:150px;
margin:0 auto;
margin-top:10px;
border-radius: 7px 7px 0px 0px;
padding-left: 20px;
}

Şuradaki 500 değerini de admin panelden eklediğiniz logonun genişliği kadar yapın.
Kod: [Seç]
.logo_f {
padding: 25px 0px 0px 10px;
opacity:0.8;
width:500px;
}

xRRpaY.png isimli resimi de temanınızın images klasörüne atın.


27 Şubat 2014, 18:38
Yanıtla #3
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

Eyvallah abi çok güzel oldu. Allah razı olsun...



27 Şubat 2014, 18:56
Yanıtla #4
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle


28 Şubat 2014, 09:03
Yanıtla #5
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

hasan abi peki bu menu catbg dosyaları kahve rengi ya bunu uygun bir yeşil renk nasıl yapabilirim. veya buna bir css menu yapabilirmiyim.


28 Şubat 2014, 11:44
Yanıtla #6
  • *
    • İleti: 2018
    • Karma: 41
    • Spina Bifida
    • Profili Görüntüle

Themes/Minecraft/images/custom/titlebg.png resimini uygun renkteki başka bir resimle değiştirebilirsiniz. Easy Button and Menu Maker programı ile de menü hazırlayıp entegre edebilirsiniz.


28 Şubat 2014, 14:50
Yanıtla #7
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

teşekkürler abi hallettim :-)


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

merhabalar;

abi ben bu temada haberler bölümünü etkinleştirdim ve üstte mavi kutucuk içinde haber çıktı. yanlız bunun genişliği düşük. o yüzden tuhaf bir görüntüsü oldu.

bunun genişliğini nereden yükseltirim...



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

index.css deki şu bölümdeki kodlamalrı değiştirerek farklı görünüm verebilirsiniz.
Kod: [Seç]
.notices {
color: #4c7384;
font-family: arial;
font-weight: bold;
text-shadow: 0 1px #fefdf2;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
box-shadow: 0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);
border: solid 1px #81a6b6;
background-image: -webkit-linear-gradient(bottom, #c6e7f5, #dcf2fb);
background-image: -moz-linear-gradient(bottom, #c6e7f5, #dcf2fb);
background-image: -o-linear-gradient(bottom, #c6e7f5, #dcf2fb);
background-image: -ms-linear-gradient(bottom, #c6e7f5, #dcf2fb);
background-image: linear-gradient(to top, #c6e7f5, #dcf2fb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcf2fb', endColorstr='#c6e7f5');
border-radius: 4px;
padding: 13px 20px;

margin: 5px 20px 0px 0px;
width:45%;
position:relative;
left:25%;
}
şunları silerek ya da değerlerini değiştirerek işe başlayabilirsiniz. İdeal değerleri kendiniz belirleyin. Benim zevkim size, sizinki başkasına uymaz.
Kod: [Seç]
width:45%;
position:relative;