Hoşgeldin, Ziyaretçi: Üye Ol
Forumlarla ilgili sorunlar için buraya tıklayın


Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
Website Arkaplan Değiştici Yapımı [Html/Css/Js]
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 65
Konu Sayısı: 19
Üyelik Tarihi: 08-06-2017
Rep Puanı: 0
Teşekkürler: 3
11 mesaj içinde 16 teşekkür verildi.

SanalPara (SP): 399.31₺
#1
r2Qp2m.png

HTML KODU:
Kod:
<a class='bgPicker' title='Arkaplan Seçin' href='javascript'>Arkaplan Seçici</a>

Kod:
<div class="bgChooser clearfix" style="overflow: visible">
<ul>
<li id="bg-1"></li>
<li id="bg-2"></li>
<li id="bg-3"></li>
<li id="bg-4"></li>
<li id="bg-5"></li>
<li id="bg-6"></li>
<li id="bg-7"></li>
<li id="bg-8"></li>
</ul>
<div class="closeBgChooser">
<span>Kapat</span>
</div>
</div>

CSS KODU:
Kod:
.bgChooser{
background:#22242d;
position:relative;
margin:0 0 20px;
display:none;
}

.bgChooser ul{
border-collapse:separate;
border-spacing:10px;
width:100%;
min-height:104px;
}

.bgChooser ul li{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
position:relative;
opacity:.8;
height:104px;
width:185px;
display:table-cell!important;
margin:0;
float:none;
display:none;
cursor:pointer;
}

.bgChooser ul li:last-child a{
margin-right:0;
}

.bgChooser ul li:hover{
opacity:1;
}

.closeBgChooser{
background:#22242d url(images/nav-signout.png) no-repeat 8px -35px;
height:27px;
width:27px;
position:absolute;
right:-7px;
top:-7px;
cursor:pointer;
z-index:10;
display:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;border-radius:2px;
}

.closeBgChooser span{
display:none;
}

.bgPicker span:hover{
color:#333;
}

.bgChooser ul li#bg-1{
background-color:#181A20;
}

.bgChooser ul li#bg-2{
background:url(images/img/bg-2.jpg) no-repeat;
}

.bgChooser ul li#bg-3{
background:url(images/bg-3.jpg) no-repeat;
}

.bgChooser ul li#bg-4{
background:url(images/bg-4.jpg) no-repeat;
}

.bgChooser ul li#bg-5{
background:url(images/bg-5.jpg) no-repeat;
}

.bgChooser ul li#bg-6{
background:url(images/bg-6.jpg) no-repeat;
}

.bgChooser ul li#bg-7{
background:url(images/bg-7.jpg) no-repeat;
}

.bgChooser ul li#bg-8{
background:url(images/bg-8.jpg) no-repeat;
}

body.bg-default{
background-color:#181A20;
}

body.bg-1{
background-color:#181A20;
}

body.bg-2{
background:#fff url(images/bg-2.jpg);
background-attachment:fixed;
}

body.bg-3{
background:#fff url(images//bg-3.jpg);
background-attachment:fixed;
}

body.bg-4{
background:#fff url(images/bg-4.jpg);
background-attachment:fixed;
}

body.bg-5{
background:#fff url(images/bg-5.jpg);
background-attachment:fixed;
}

body.bg-6{
background:#fff url(images/bg-6.jpg);
background-attachment:fixed;
}

body.bg-7{
background:#fff url(images/bg-7.jpg);
background-attachment:fixed;
}

body.bg-8{
background:#fff url(images/bg-8.jpg);
background-attachment:fixed;
}

JAVASCRİPT KODU:
Kod:
<script type="text/javascript" src="http:{$mybb->asset_url}/images/bgChooser.js?ver=1.0"></script>

İndirme Linki:
Kod:
http://www82.zippyshare.com/v/YVcwXSOJ/file.html

Demo Link:
Kod:
http://www.oyundiski.xyz/index.php
bir angara bebesi..
WWW
Cevapla
Teşekkür verenler:
*
Emektar
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,351
Konu Sayısı: 150
Üyelik Tarihi: 16-04-2017
Rep Puanı: 51
Teşekkürler: 1
1 mesaj içinde 872 teşekkür verildi.

SanalPara (SP): 468.66₺
#2
Teşekkürler, son zamanlarda genellikle bütün forumlarda bulunmaya başladı.
WWW
Cevapla
Teşekkür verenler:
*
Onursal Emekli A.
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 6,448
Konu Sayısı: 176
Üyelik Tarihi: 30-11-2010
Rep Puanı: 836
Teşekkürler: 50
32 mesaj içinde 374 teşekkür verildi.

SanalPara (SP): 1,629.76₺
#3
son 1 yıldır bu trend webte forumlara daha yeni yeni gelmeye başladı :D
Tüm Destek Forumun Kuralları
Görevli Kuralları
- Saçma Konu Başlıklarına ve Özelden Destek Vermiyorum...!
Ücretli Her Türlü Script(MyBB,vB,smf,wordpress,phpBB,joomla,eschat,cms, vb.) Kurulumu ve Optimizasyon Yapılır.Ücretli Tema Tasarımı Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
WWW
Cevapla
Teşekkür verenler:
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,832
Konu Sayısı: 450
Üyelik Tarihi: 23-03-2014
Rep Puanı: 153
Teşekkürler: 5
2 mesaj içinde 361 teşekkür verildi.

SanalPara (SP): 86.53₺
#4
En gereksiz konulara yorum yazıyoruz belkide çoğu kişinin aradığı şeyi umursamıyoruz. Eyvallah kardeşim sitene üye oldum.
  ~ Keisly ~
 |Not New He İs Epic|
  __

    Seo&Webmaster Expert
Tasarım İşleriniz İçin
Lütfen Konu Başlığına "Tasarım İşi" Diyerek Başlayın.
   
WWW
Cevapla
Teşekkür verenler:
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 65
Konu Sayısı: 19
Üyelik Tarihi: 08-06-2017
Rep Puanı: 0
Teşekkürler: 3
11 mesaj içinde 16 teşekkür verildi.

SanalPara (SP): 399.31₺
#5
Saolun.
bir angara bebesi..
WWW
Cevapla
Teşekkür verenler:
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 91
Konu Sayısı: 27
Üyelik Tarihi: 09-07-2017
Rep Puanı: 0
Teşekkürler: 0
0 mesaj içinde 8 teşekkür verildi.

SanalPara (SP): 106.42₺
#6
hocam linki yenilermisiniz size zahmet.
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi
Önerilen Bağlantılar
SinemaOvasi.Com
Tema yapımcısı: Metehan Durmuş
Tüm hakları saklıdır. 10TL.Net sistemi için yazılmıştır.


***


Reliable Magento web hosting on https://certahosting.co.uk page. Click to see prices!