Kullanıcı İşlemlerini Aç/Kapat

eXpertCoder ~ MyBB
Metin:112 ambulanslara yol ver | içeride bir hayat var o hayata yol ver


Material Design Footer - #Power
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,056
Konu Sayısı: 537
Üyelik Tarihi: Sep 2013
Rep Puanı: 496
Teşekkürler: 522
352 Mesajına 563 Teşekkür Edildi.

SanalPara (SP): 141.08₺
Eşya: (Tüm Eşyaları Göster)
#1
bkp3rV.png
Demo site: http://tasarim.10tl.net/index.php
Renklerini değiştirip özelleştirmesi tamamen size kalmış. Ayrıca küçük ayrıntılar da ekledim. Onlara dikkat edin, estetiği arttıran şeyler.

HTML:
Kod:
<div id="pfooter">  
<div class="wrapper">
<div class="artinvisible">
  <div class="title">Hakkında</div>
  <div class="description">İnternette benzerlerinin olduğu material design bir footer yaptım sizler için. Güle güle kullanın. Daha uzun açıklama yazarsanız daha iyi görünür. -#Power</div>
</div>
  <div class="artinvisible" style="float: right;">
  <div class="title">Linkler</div>
  <div class="description"><a href="#">Link 1</a><br/><a href="#">Link 2</a><br/><a href="#">Link 3</a></div>
  </div>
</div>
</div>
<div class="copyright"><div class="wrapper">
  © 2017 Copyright. Tüm hakları saklıdır.
</div>
  </div>

CSS:
Kod:
#pfooter {
    color: #fff;
    background: #3F51B5;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 100%;
    -webkit-box-shadow: 0px -11px 35px -8px rgba(92,107,192,1);
    -moz-box-shadow: 0px -11px 35px -8px rgba(92,107,192,1);
    box-shadow: 0px -11px 35px -8px rgba(92,107,192,1);
}

#pfooter .title {
    color: #fff;
    font-size: 18px;
    padding-bottom: 4px;
    display: block;
}

#pfooter .description {
    color: #fff;
    display: block;
    padding: 0;
    margin: 0;
}

#pfooter .artinvisible {
    width: 30%;
    display: inline-block;
    position: relative;
    height: auto;
}

#pfooter a {
    color: #fff;
    text-decoration: none;
}

#pfooter a:link {
    color: #fff;
    text-decoration: none;
}

#pfooter a:visited {
    color: #fff;
    text-decoration: none;
}

#pfooter a:hover {
    background: #303F9F;
    border-radius: 2px;
    transition-duration: 0.3s;
}

.copyright {
    background: #303F9F;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    color: #fff;
}

İyi kullanımlar.
There's only one champion, and that's me.
Cevapla
Teşekkür Edenler:
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 445
Konu Sayısı: 65
Üyelik Tarihi: Jun 2015
Rep Puanı: 10
Teşekkürler: 19
78 Mesajına 114 Teşekkür Edildi.

SanalPara (SP): 11.26₺
#2
Material design kurallarını gözden geçirsen daha iyi olur , idare eder gibi gözüküyor şu kenardaki yerin pembe border'ini kaldırsan birde üstüne gelince yana kaymasa daha iyi olur material design'da aşırı fazla bir efekt kullanımı söz konusu degildir , ayrıca flat gibi heryere border eklenmez daha cok shadow kullanılır ^^ güzel.
URL : https://material.io/guidelines/#
Cevapla
Teşekkür Edenler:
*
Emektar Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 8,131
Konu Sayısı: 827
Üyelik Tarihi: Dec 2012
Rep Puanı: 265
Teşekkürler: 332
386 Mesajına 500 Teşekkür Edildi.

SanalPara (SP): 204.79₺
Eşya: (Tüm Eşyaları Göster)
#3
Hover ayrı hava katmış
Bedenin ezip geçtiğin topraktan ibaret, kardeşler ayıp
Bir seçim yap veyahut o kalleş yüzünü leşten ayır
WWW
Cevapla
Teşekkür Edenler:
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,056
Konu Sayısı: 537
Üyelik Tarihi: Sep 2013
Rep Puanı: 496
Teşekkürler: 522
352 Mesajına 563 Teşekkür Edildi.

SanalPara (SP): 141.08₺
Eşya: (Tüm Eşyaları Göster)
#4
(01-11-2017, 04:50 PM)Enes Bayraktar Nickli Kullanıcıdan Alıntı:  Material design kurallarını gözden geçirsen daha iyi olur , idare eder gibi gözüküyor şu kenardaki yerin pembe border'ini kaldırsan birde üstüne gelince yana kaymasa daha iyi olur material design'da aşırı fazla bir efekt kullanımı söz konusu degildir , ayrıca flat gibi heryere border eklenmez daha cok shadow kullanılır ^^ güzel.
URL : https://material.io/guidelines/#

O link çok sıradan duruyordu ben de bir şeyler yapayım dedim. O kadar flat design kullanmışım ki kullanmadan edemedim heralde. Kuralları okumuştum gözümden kaçmış sanırım. Shadowun çok ağırlıklı olduğunu gördüm zaten de o linke başka bir şey katmak aklıma gelmedi.
Bir bakınca gerçekten biraz anormal görünüyormuş aslında :D İlgileniyorum o kısımla.
There's only one champion, and that's me.
Cevapla
Teşekkür Edenler:
*
Tema Ekibi 1. Seviye
İzinli
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,850
Konu Sayısı: 257
Üyelik Tarihi: Nov 2014
Rep Puanı: 55
Teşekkürler: 388
184 Mesajına 231 Teşekkür Edildi.

SanalPara (SP): 303.81₺
Eşya: (Tüm Eşyaları Göster)
#5
oo kardeşim :) yoksa tasarim tekrar mı canlanacak :)
Ellerine sağlık güzel olmuş.
EvrenselFrm Tıkla Git.

11.12.2014 ' den bu yana...
Hepinizi Çok Seviyorum.. Benim için çok değerlisiniz.
Beni seven/sevmeyen yardım eden/etmeyen herkese teşekkür ederim.
İnternet aleminde en sevdiğim ve bırakamadığım yer burasıdır.

Uzman Üye > Grafiker 1. Seviye > Emektar Üye > Tema Sorumlusu 1. Seviye
WWW
Cevapla
Teşekkür Edenler:
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,056
Konu Sayısı: 537
Üyelik Tarihi: Sep 2013
Rep Puanı: 496
Teşekkürler: 522
352 Mesajına 563 Teşekkür Edildi.

SanalPara (SP): 141.08₺
Eşya: (Tüm Eşyaları Göster)
#6
(01-11-2017, 05:17 PM)mehmeteq Nickli Kullanıcıdan Alıntı:  oo kardeşim :) yoksa tasarim tekrar mı canlanacak :)
Ellerine sağlık güzel olmuş.

Bilmiyorum bakıcam. Sağol.
There's only one champion, and that's me.
Cevapla
Teşekkür Edenler:
*
Emektar Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 682
Konu Sayısı: 92
Üyelik Tarihi: Dec 2016
Rep Puanı: 9
Teşekkürler: 220
170 Mesajına 248 Teşekkür Edildi.

SanalPara (SP): 401.21₺
Eşya: (Tüm Eşyaları Göster)
#7
Çok güzel :)
WWW
Cevapla
Teşekkür Edenler: #Power-O
*
Emektar Üye
İzinli
Kullanıcı Bilgileri Göster
Yorum Sayısı: 3,394
Konu Sayısı: 240
Üyelik Tarihi: Aug 2012
Rep Puanı: 161
Teşekkürler: 209
97 Mesajına 122 Teşekkür Edildi.

SanalPara (SP): 26.23₺
Eşya: (Tüm Eşyaları Göster)
#8
(01-11-2017, 04:50 PM)Enes Bayraktar Nickli Kullanıcıdan Alıntı:  Material design kurallarını gözden geçirsen daha iyi olur , idare eder gibi gözüküyor şu kenardaki yerin pembe border'ini kaldırsan birde üstüne gelince yana kaymasa daha iyi olur material design'da aşırı fazla bir efekt kullanımı söz konusu degildir , ayrıca flat gibi heryere border eklenmez daha cok shadow kullanılır ^^ güzel.
URL : https://material.io/guidelines/#

Aynı şeyler ortaya çıkması zorunlu mu? Farklılık iyidir.

Mert görselliği sönük kalmış. Görsellikte eklersen güzel olur onun dışında çok güzel eline sağlık.
FoTR GERİ DÖNDÜ! 

# Önemli olan Tasarımı yapmak değil, kafanda kurgulamaktır.
# Taklitler aslını her zaman yükseltmez.

Nickin hakkını eskiden verirdik :D
WWW
Cevapla
Teşekkür Edenler: #Power-O
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 445
Konu Sayısı: 65
Üyelik Tarihi: Jun 2015
Rep Puanı: 10
Teşekkürler: 19
78 Mesajına 114 Teşekkür Edildi.

SanalPara (SP): 11.26₺
#9
(01-11-2017, 05:46 PM)Helper Nickli Kullanıcıdan Alıntı:  
(01-11-2017, 04:50 PM)Enes Bayraktar Nickli Kullanıcıdan Alıntı:  Material design kurallarını gözden geçirsen daha iyi olur , idare eder gibi gözüküyor şu kenardaki yerin pembe border'ini kaldırsan birde üstüne gelince yana kaymasa daha iyi olur material design'da aşırı fazla bir efekt kullanımı söz konusu degildir , ayrıca flat gibi heryere border eklenmez daha cok shadow kullanılır ^^ güzel.
URL : https://material.io/guidelines/#

Aynı şeyler ortaya çıkması zorunlu mu? Farklılık iyidir.

Mert görselliği sönük kalmış. Görsellikte eklersen güzel olur onun dışında çok güzel eline sağlık.

Material Design kullanıyorsa kuralları böyle aynı nasil flat'ın kuralları varsa material'da öyle düşünebilirsin aynı zamanda ordakiler ile google'in flat'ını harmanlarsan google design kullanırsan yani cok daha güzel tasarımlar cıkıyor (Material deniyor genede) önemli olan ordakinin aynısı degil ordakileri kullanarak cok daha güzel tasarımlar cıkarmak , cıkıyorda zaten mert daha yeni material design konusunda inanıyorum 1 ay sonra müthiş temalar ve tasarımlar ile karşımıza cıkıcak.
Cevapla
Teşekkür Edenler: Helper , #Power-O
****
B.Ş. Ekibi 2. Seviye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 1,755
Konu Sayısı: 383
Üyelik Tarihi: Jan 2016
Rep Puanı: 43
Teşekkürler: 80
242 Mesajına 304 Teşekkür Edildi.

SanalPara (SP): 404.76₺
Eşya: (Tüm Eşyaları Göster)
#10
Güzel ilk defa mybb de böyle bir adım atıldı :D
Amacım : temalarda material kullanılması
EDİT : Güzel olmuş kullandım .
Göreve  başlama : 18.01.2017
01.01.2016 


Bugüne kadar ayakta durdum , bunun sebebi arkamda olan destekçi arkadaşlarım ! Unutamadım Sizleri !

Bölüm Şefi 1.Seviye > Bölüm Şefi 2.Seviye 

İyi Forumlar Dilerim .

Baykam Material Theme : %2 
Furatt Teması : %100

Vip Tema : Tıkla , İndir
Vip Tema 2.0 :  Tıkla , İndir

WWW
Cevapla
Teşekkür Edenler:
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 879
Konu Sayısı: 80
Üyelik Tarihi: Dec 2014
Rep Puanı: 17
Teşekkürler: 48
30 Mesajına 41 Teşekkür Edildi.

SanalPara (SP): 7.8₺
#11
Materialize.css kullanırsan daha basit bir şekilde yapabilirsin. Ellerine sağlık hoş gözüküyor
<ugur></yalcin>

Cevapla
Teşekkür Edenler:
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,056
Konu Sayısı: 537
Üyelik Tarihi: Sep 2013
Rep Puanı: 496
Teşekkürler: 522
352 Mesajına 563 Teşekkür Edildi.

SanalPara (SP): 141.08₺
Eşya: (Tüm Eşyaları Göster)
#12
(01-11-2017, 06:49 PM)MuratBaykam Nickli Kullanıcıdan Alıntı:  Güzel ilk defa mybb de böyle bir adım atıldı :D
Amacım : temalarda material kullanılması
EDİT : Güzel olmuş kullandım .

Sağol ben de istiyorum da Mybbnin yapısı el vermiyor, özellikle responsive yapma konusu çok sıkıntılı, baştan aşağı kendi css'lerini yazarsan olur anca. Bayağı zor bir şey bu da çok kafa patlatmak gerek böyle bir şey yapmak için.
There's only one champion, and that's me.
Cevapla
Teşekkür Edenler:
*
Bölüm Şefi 1. Seviye
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 3,970
Konu Sayısı: 466
Üyelik Tarihi: Jan 2015
Rep Puanı: 81
Teşekkürler: 263
226 Mesajına 260 Teşekkür Edildi.

SanalPara (SP): 247.73₺
Eşya: (Tüm Eşyaları Göster)
#13
Square temasını hatırlattı bana. Eline sağlık güzel kullanılabilir.
Gerilir zorlu bir yay
Oku fırlatmak için;
Gece gökte doğar ay
Yükselip batmak için.
Mecnun inler, kanını
Leyla’ya katmak için.
Cilve yapar sevgili
Gönül kanatmak için.
Şair neden gam çeker?
Şiir yaratmak için.
Dağda niçin bağırılır?
Feleğe çatmak için.
Açılır tatlı güller
Arılar tatmak için.
İnsan büyür beşikte
Mezarda yatmak için.
Ve...........................
Kahramanlar can verir
Yurdu yaşatmak için...


-Atsız Beğ
WWW
Cevapla
Teşekkür Edenler: #Power-O
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 445
Konu Sayısı: 65
Üyelik Tarihi: Jun 2015
Rep Puanı: 10
Teşekkürler: 19
78 Mesajına 114 Teşekkür Edildi.

SanalPara (SP): 11.26₺
#14
(01-11-2017, 08:15 PM)#Power Nickli Kullanıcıdan Alıntı:  
(01-11-2017, 06:49 PM)MuratBaykam Nickli Kullanıcıdan Alıntı:  Güzel ilk defa mybb de böyle bir adım atıldı :D
Amacım : temalarda material kullanılması
EDİT : Güzel olmuş kullandım .

Sağol ben de istiyorum da Mybbnin yapısı el vermiyor, özellikle responsive yapma konusu çok sıkıntılı, baştan aşağı kendi css'lerini yazarsan olur anca. Bayağı zor bir şey bu da çok kafa patlatmak gerek böyle bir şey yapmak için.

Okadar'da zor degil mert , mybb'nin tüm css lerini iptal edip kendin jquery'ni ve materializecss'ini kuruyorsun ardından kendi css dosyanı harici bir yerden oluşturup yazmaya başliyorsun , eğer js'lerden mybb nin kendi js lerini kaldirirsan cok sıkıntı yaşarsın cookie yoluyla oldugu için aynı zamanda materialize'de mybb'nin formları cok sıkıntılı ondan dolayı o formların css'lerinide baştan yaziyorsun ve olay bitiyor :)
Cevapla
Teşekkür Edenler: #Power-O
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,056
Konu Sayısı: 537
Üyelik Tarihi: Sep 2013
Rep Puanı: 496
Teşekkürler: 522
352 Mesajına 563 Teşekkür Edildi.

SanalPara (SP): 141.08₺
Eşya: (Tüm Eşyaları Göster)
#15
Konu güncellendi.
There's only one champion, and that's me.
Cevapla
Teşekkür Edenler:
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 8,255
Konu Sayısı: 1,816
Üyelik Tarihi: Mar 2014
Rep Puanı: 1,061
Teşekkürler: 0
282 Mesajına 472 Teşekkür Edildi.

SanalPara (SP): 701.26₺
Eşya: (Tüm Eşyaları Göster)
#16
Ellerine sağlık.
#Captain ~ http://www.facebook.com/cemkaptan.tr
eXpertBoss ~ Cesurun bakışı, korkağın kılıcından keskindir.
eXpertBoss ~ Yenilenmiştir. Genel paylaşım platformumuza herkesi bekleriz.
eXpertBoss ~ http://www.expertboss.10tr.net
WWW
Cevapla
Teşekkür Edenler: #Power-O


Hızlı Menü:


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


BoSSMaNN -


İptv dünyasının tarttışmasız lideri olan tiribuniptv hizmetlerinde çıgır açmaya devam ediyor,4k ip tv 1600 üzeri iptv kanal seçenegi tüm dizilerin tekrarları ve arşivindeki 2000 güncel film ile iptv server hizmetleri uluslararası bir seviyeye taşıdı türkiye iptv ip tv wwww.tiribuniptv.com iptv server smart iptv ıptv ip tv tiribuniptv iptv server IPTV Server Sistemleri ile Kaliteli Hızlı ve daha güçlü sistem sayesinde teknolojiyi daha iyi kullanacaksınız.TribünİpTv, bütçenize uygun iptv ve iptv server ip tv paketleriyle hizmetinizde İptv ve ip tv server da sd hd uhd iptv kanal var