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ışı  CL4Y3R
#21
teşekkürler çok iyi
Ara
Cevapla
Çevrimdışı  Sancaktepe*
#22
teşekkürler
Ara
Cevapla
Çevrimdışı  destekci
#23
(11.09.2014, Saat:14:08)ReDMaD Adlı Kullanıcıdan Alıntı: Linki görebilmek için giriş yapmanız ya da üye olmanız gerekir.Önizleme:
mx6k2qbd.pngdasdsad

=> 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

Cevapla
Çevrimdışı  Vatericos
#24
eyw saol reis
Ara
Cevapla
Çevrimdışı  Gamekinq
#25
qweqweqweqw
Ara
Cevapla
Çevrimdışı  AvanT
#26
Teşekkürler, işime yarar.
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 320 47,726 6 saat önce
Son Yorum: ilkaybaki
  MyBB 1.8 ProStats Plugin (Profesyonel İstatistik Eklentisi) TheGodfather 745 105,011 16.07.2018, Saat:21:56
Son Yorum: erdogdu96
  MyBB 24 Saat İçerisinde Kimler Çevrimiçiydi (Ziyaretçiler Dahil) TheGodfather 37 4,320 15.07.2018, Saat:19:48
Son Yorum: ilgincix
  MyBB 1.8 Resim Boyutlandırma [Eklentisiz] ReDMaD 48 11,556 11.06.2018, Saat:21:10
Son Yorum: omerfarukkbf
  Mybb 1.8 Gelişmiş Reklam Yöneticisi TheGodfather 5 5,273 10.01.2018, Saat:15:40
Son Yorum: emreboz



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.