Kullanıcı İşlemlerini Aç/Kapat

forum.webasalet.com
Konuyu Oyla:
  • Toplam: 3 Oy - Ortalama: 4.67
  • 1
  • 2
  • 3
  • 4
  • 5
Material Design Footer - #Power
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,586
Konu Sayısı: 578
Üyelik Tarihi: Sep 2013
Rep Puanı: 510
Teşekkürler: 817
611 Mesajına 987 Teşekkür Edildi.

SanalPara (SP): 800.66₺
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.
Old prophet's land - a battlefield
Of non-believers in a violent rage
A declaration of human rights a pretext
For maintenance of a new world order
Above all written laws a growth concept
Created by the patriot of the civilized world
Cevapla
Teşekkür Edenler:
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 450
Konu Sayısı: 66
Üyelik Tarihi: Jun 2015
Rep Puanı: 10
Teşekkürler: 19
80 Mesajına 119 Teşekkür Edildi.

SanalPara (SP): 18.67₺
#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:
*
Bölüm Şefi 1. Seviye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 9,098
Konu Sayısı: 884
Üyelik Tarihi: Dec 2012
Rep Puanı: 294
Teşekkürler: 488
835 Mesajına 1266 Teşekkür Edildi.

SanalPara (SP): 7,721.2₺
Eşya: (Tüm Eşyaları Göster)
#3
Hover ayrı hava katmış
Toprak testi oldu, insan hala odun
WWW
Cevapla
Teşekkür Edenler:
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,586
Konu Sayısı: 578
Üyelik Tarihi: Sep 2013
Rep Puanı: 510
Teşekkürler: 817
611 Mesajına 987 Teşekkür Edildi.

SanalPara (SP): 800.66₺
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.
Old prophet's land - a battlefield
Of non-believers in a violent rage
A declaration of human rights a pretext
For maintenance of a new world order
Above all written laws a growth concept
Created by the patriot of the civilized world
Cevapla
Teşekkür Edenler:
Tema Ekibi 3. Seviye
İzinli
Kullanıcı Bilgileri Göster
Yorum Sayısı: 4,069
Konu Sayısı: 311
Üyelik Tarihi: Nov 2014
Rep Puanı: 89
Teşekkürler: 898
471 Mesajına 626 Teşekkür Edildi.

SanalPara (SP): 1,559.38₺
Eşya: (Tüm Eşyaları Göster)
#5
oo kardeşim :) yoksa tasarim tekrar mı canlanacak :)
Ellerine sağlık güzel olmuş.
Uzman Üye > Grafiker 1. Seviye > Emektar Üye > Tema Sorumlusu 1. SeviyeTema Sorumlusu 2. Seviye Tema Sorumlusu 3. Seviye
mehmetly = kraljmehmet = mehmeteq


İletişim için ÖM yoluyla ulaşabilirsiniz. Veya ;
kraljmehmet@webzeyrek.net
Ücretli html/css kodlama için yukarıdan ulaşabilirsiniz.
WWW
Cevapla
Teşekkür Edenler:
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,586
Konu Sayısı: 578
Üyelik Tarihi: Sep 2013
Rep Puanı: 510
Teşekkürler: 817
611 Mesajına 987 Teşekkür Edildi.

SanalPara (SP): 800.66₺
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.
Old prophet's land - a battlefield
Of non-believers in a violent rage
A declaration of human rights a pretext
For maintenance of a new world order
Above all written laws a growth concept
Created by the patriot of the civilized world
Cevapla
Teşekkür Edenler:
*
Banlı Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 749
Konu Sayısı: 99
Üyelik Tarihi: Dec 2016
Teşekkürler: 253
195 Mesajına 290 Teşekkür Edildi.

SanalPara (SP): 525.6₺
Eşya: (Tüm Eşyaları Göster)
#7
Çok güzel :)
Cevapla
Teşekkür Edenler: Orion
*
Bölüm Şefi 1. Seviye
İzinli
Kullanıcı Bilgileri Göster
Yorum Sayısı: 4,483
Konu Sayısı: 274
Üyelik Tarihi: Aug 2012
Rep Puanı: 184
Teşekkürler: 1231
646 Mesajına 968 Teşekkür Edildi.

SanalPara (SP): 547.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.
GIRIFIT
FantastikSeriler

# Önemli olan Tasarımı yapmak değil, kafanda kurgulamaktır.
# Taklitler aslını her zaman yükseltmez. Taklit edilenlerin sözüdür. Seni taklit edenden başarılı değilsen, bu senin başarısızlığındır.

#GRIZI7 
WWW
Cevapla
Teşekkür Edenler: Orion
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 450
Konu Sayısı: 66
Üyelik Tarihi: Jun 2015
Rep Puanı: 10
Teşekkürler: 19
80 Mesajına 119 Teşekkür Edildi.

SanalPara (SP): 18.67₺
#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 , Orion
*
Emektar Üye
İzinli
Kullanıcı Bilgileri Göster
Yorum Sayısı: 3,506
Konu Sayısı: 573
Üyelik Tarihi: Jan 2016
Rep Puanı: 77
Teşekkürler: 709
701 Mesajına 911 Teşekkür Edildi.

SanalPara (SP): 1,261.07₺
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 .
Bana ulaşmak için
• 270 Konu • 738 Yorum • 612 Üye • 

#ProgRAM6gb

İletişim için << öm atınız >>

WWW
Cevapla
Teşekkür Edenler:
*
Kodlama E. 1. Seviye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 947
Konu Sayısı: 82
Üyelik Tarihi: Dec 2014
Rep Puanı: 47
Teşekkürler: 78
63 Mesajına 87 Teşekkür Edildi.

SanalPara (SP): 257.47₺
#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:
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,586
Konu Sayısı: 578
Üyelik Tarihi: Sep 2013
Rep Puanı: 510
Teşekkürler: 817
611 Mesajına 987 Teşekkür Edildi.

SanalPara (SP): 800.66₺
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.
Old prophet's land - a battlefield
Of non-believers in a violent rage
A declaration of human rights a pretext
For maintenance of a new world order
Above all written laws a growth concept
Created by the patriot of the civilized world
Cevapla
Teşekkür Edenler:
****
Arge Ekibi 2. Seviye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 6,046
Konu Sayısı: 625
Üyelik Tarihi: Jan 2015
Rep Puanı: 217
Teşekkürler: 973
917 Mesajına 1343 Teşekkür Edildi.

SanalPara (SP): 6,364.27₺
Eşya: (Tüm Eşyaları Göster)
#13
Square temasını hatırlattı bana. Eline sağlık güzel kullanılabilir.
Yepyeni projelerle dönüyoruz..
G İ R İ F İ T
F A N T A S T İ K S E R İ L E R

WWW
Cevapla
Teşekkür Edenler: Orion
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 450
Konu Sayısı: 66
Üyelik Tarihi: Jun 2015
Rep Puanı: 10
Teşekkürler: 19
80 Mesajına 119 Teşekkür Edildi.

SanalPara (SP): 18.67₺
#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: Orion
Forum Üyesi
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,586
Konu Sayısı: 578
Üyelik Tarihi: Sep 2013
Rep Puanı: 510
Teşekkürler: 817
611 Mesajına 987 Teşekkür Edildi.

SanalPara (SP): 800.66₺
Eşya: (Tüm Eşyaları Göster)
#15
Konu güncellendi.
Old prophet's land - a battlefield
Of non-believers in a violent rage
A declaration of human rights a pretext
For maintenance of a new world order
Above all written laws a growth concept
Created by the patriot of the civilized world
Cevapla
Teşekkür Edenler:
*
Eski Lider
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 10,442
Konu Sayısı: 1,915
Üyelik Tarihi: Mar 2014
Rep Puanı: 1,111
Teşekkürler: 0
442 Mesajına 763 Teşekkür Edildi.

SanalPara (SP): 907.71₺
Eşya: (Tüm Eşyaları Göster)
#16
Ellerine sağlık.
Bakış açınızı değiştirmek istiyorsanız, beni takip edin.
Şeytana uymak istemiyorum, ama fikirleri hoşuma gidiyor.
Cesurun bakışı, korkağın kılıcından keskindir.
website - raidcalltr - facebook

WWW
Cevapla
Teşekkür Edenler: Orion


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.


***