Giriş Yap
x
MyBBArsiv.com - MyBB Arşiv Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
ReDMaD avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

MyBB 1.8 Tema Renk Seçici Yapımı


Çevrimdışı ReDMaD
#1
Önizleme:
mx6k2qbd.png

=> Temalar & Şablonlar => Şablonlar => Gruplandırılmamış şablonlar => headerinclude
ekleyin
Kod:
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/colorpicker.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/skin.js"></script>

Css Oluşturun => Dosya Adı: cp.css ve ekle

Kod:
.custom_theme{

    background-image: url('images/gamerx/cp/color-swatches.png');
    float: right;
}
.custom_theme #colorpicker{
    height: 12px;
    width: 12px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(images/gamerx/cp/colorpicker_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    z-index: 9000;
    margin-left: 36px;
}
.colour_instructions{
    width: 134px;
    height: 92px;
    position: absolute;
    left: 211px;
    top: 47px;
    text-align: left;
    font-size: 10px;
    color: #898989;
}
.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}
.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(images/gamerx/cp/colorpicker_overlay.png);
}
.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(images/gamerx/cp/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}
.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}
.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(images/gamerx/cp/colorpicker_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
}
.colorpicker_new_color {
    position: absolute;
    width: 130px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}
.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
    display: none;
}
.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}
.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(images/gamerx/cp/colorpicker_hex.png) top;
    left: 212px;
    top: 142px;
}
.colorpicker_hex input {
    right: 6px;
}
.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
    display: none; /* Hide colour boxes */
}
.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}
.colorpicker_rgb_r {
    background-image: url(images/gamerx/cp/colorpicker_rgb_r.png);
    top: 52px;
    left: 212px;
}
.colorpicker_rgb_g {
    background-image: url(images/gamerx/cp/colorpicker_rgb_g.png);
    top: 82px;
    left: 212px;
}
.colorpicker_rgb_b {
    background-image: url(images/gamerx/cp/colorpicker_rgb_b.png);
    top: 112px;
    left: 212px;
}
.colorpicker_hsb_h {
    background-image: url(images/gamerx/cp/colorpicker_hsb_h.png);
    top: 52px;
    left: 282px;
}
.colorpicker_hsb_s {
    background-image: url(images/gamerx/cp/colorpicker_hsb_s.png);
    top: 82px;
    left: 282px;
}
.colorpicker_hsb_b {
    background-image: url(images/gamerx/cp/colorpicker_hsb_b.png);
    top: 112px;
    left: 282px;
}
.colorpicker_submit {
    position: absolute;
    width: 56px;
    height: 22px;
    background: url(images/gamerx/cp/colorpicker_submit.png) top;
    left: 288px;
    top: 142px;
    cursor: pointer;
    overflow: hidden;
}
.colorpicker_focus {
    background-position: center;
}
.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}
.colorpicker_slider {
    background-position: bottom;
}

Header şablona ekleyin

Kod:
<span class='custom_theme'><input type='text' id='colorpicker' /></span>


Ek Dosya'yi indirin ve yükleyin, islem tamamdir. Smile
Gizli İçerik:
İçeriği görebilmen için yorum atman gerekiyor.
buizrhak.png
Cevapla
Çevrimdışı  ysfholding
#2
sağoalsın
Ara
Cevapla
Çevrimdışı  Reaksiyon
#3
Peki Header'de Renk Değiştiriyormu Yoksa Sadece Thead'larmı ?
Ara
Cevapla
Çevrimdışı  grkm4
#4
Teşekkürler.
Ara
Cevapla
Çevrimdışı  bimdark
#5
teşekkürler
Ara
Cevapla
Çevrimdışı  AnderX
#6
Başarılı nbir konu
Ara
Cevapla
Çevrimdışı  kanklar1998
#7
saol be kanka degisik site renkleri iyi olur cok saoll
Ara
Cevapla
Çevrimdışı  kanklar1998
#8
ise ayramıyor yalan dennedi
Ara
Cevapla
Çevrimdışı  Kadir
#9
Teşekkürler
ly0Apl.jpg
Ara
Cevapla
Çevrimdışı  efsanecar3
#10
Teşekkürler
Ara
Cevapla
Çevrimdışı  hasan1991
#11
bakcaz
Ara
Cevapla
Çevrimdışı  hasan1991
#12
alıntıdır bu baska konuda gördmü
Ara
Cevapla
Çevrimdışı  teammasterr
#13
saolllllllllllllll
Ara
Cevapla
Çevrimdışı  teammasterr
#14
ise yaramıyor beyler denemeyin
Ara
Cevapla
Çevrimdışı  hasan
#15
,şe yaramıyor
Ara
Cevapla
Çevrimdışı  Thetis
#16
babababababa
Ara
Cevapla
Çevrimdışı  EVET
#17
dfgfdgdf
Ara
Cevapla
Çevrimdışı  ByDominig
#18
ADAMSINIZ
Ara
Cevapla
Çevrimdışı  heedlessness
#19
eywllh
Ara
Cevapla
Çevrimdışı  xPyrion
#20
eyvallah
Ara
Cevapla
 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  MyBB Inferno Sohbet Eklentisi V1.3 Türkçe [1.8 Uyumlu] TheGodfather 295 36,269 35 dakika önce
Son Yorum: ulticanPRO
  MyBB 1.8 ProStats Plugin (Profesyonel İstatistik Eklentisi) TheGodfather 688 81,532 12.10.2017, Saat:09:00
Son Yorum: Badmeen
  MyBB 24 Saat İçerisinde Kimler Çevrimiçiydi (Ziyaretçiler Dahil) TheGodfather 28 2,654 04.09.2017, Saat:14:53
Son Yorum: red16x
  MyBB Mobil Site Sorunu blackcemre 0 102 01.09.2017, Saat:13:22
Son Yorum: blackcemre
  Mybb Tema Destek FTale 0 82 05.08.2017, Saat:23:22
Son Yorum: FTale



Konuyu Okuyanlar: 1 Ziyaretçi
Sponsor Reklam
© 2016 MyBBArsiv.com powered by ReDMaD.org


Web sitemiz dahilindeki tüm sayfalar, bu sayfaları gösteren tüm ekranlar ve içerdiği her türlü bilgi ve bağlı materyal, yerleşim ve öğeler, (çözüm ortaklarının logoları ve yasal hakları hariç) ReDMaD.org'a aittir. Yazılı izin olmaksızın ve kaynak belirtilmedikçe, (Kaynak göstererek alıntı yapılabilir.) kopyalanamaz ya da yayınlanamaz. ReDMaD.org sitesindeki içerik-ler 5070 sayılı kanun kapsamında dijital zaman damgasıyla ve DMCA tarafından korunmaktadır. Tüm hakları, (insafiyet ile) saklıdır.