IRC ve mIRC Kullanıcılarının Buluşma Noktası
  Mobil Sohbet, Sohbet ve Sohbet Odaları




Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
Alt 08 Haziran 2019, 21:48   #1
Çevrimdışı
Sitenizi Şık Gösterin Mutlaka Uygulayın !




Masaüstü ve Cep telefonlarında sitenizi şık göstermek istiyorsanız yapmanız gerekenler çok basit !

Mobil stile sahip olan kaydırma çubuğu sohbet site sahipleri mutlaka kullanmalıdır.



Dünyanın en büyük siteleri bile şık kaydırma çubuklarını kullanıyor.

Kaydırma çubuğunu özelleştirme

Bir web sitenin diğer siteden farklı olduğunu arama motorları tarafından çok sevildiğini biliyoruz.
Sizin web sitenizi diğerlerinden ayırabilecek özelliklerden birtanesi css scroll bardır.

arkadaşlar kodlar aşagıdadır demolarınada bakarak şık görüntüleri kendinize göre css kodları ile düzenleyebilirsiniz.


[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
box-shadowinset 0 0 10px olivedrab;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
border-radius10px;
backgroundyellowgreen
box-shadowinset 0 0 6px rgba(0,0,0,0.5); 
}

::-
webkit-scrollbar-thumb:hover {
background#7bac10;
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
background#f5f5f5;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
border-radius10px;
background#ccc;  
}

::-
webkit-scrollbar-thumb:hover {
background#999;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
backgroundgold;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
border-radius10px;
backgroundyellowgreen;  
}

::-
webkit-scrollbar-thumb:hover {
background#88ba1c;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
width2px;
border1px dashed goldenrod;
}

::-
webkit-scrollbar-thumb {
backgroundgoldenrod;
}

::-
webkit-scrollbar-thumb:hover {
backgrounddarkgoldenrod;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
border1px solid yellowgreen;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
backgroundyellowgreen;  
border-radius10px;
}

::-
webkit-scrollbar-thumb:hover {
background#88ba1c;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html

GMAİL

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


FACEBOOK

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.



OUTLOOK


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


CODEPEN


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
Masaüstü ve Cep telefonlarında sitenizi şık göstermek istiyorsanız yapmanız gerekenler çok basit !

Mobil stile sahip olan kaydırma çubuğu sohbet site sahipleri mutlaka kullanmalıdır.



Dünyanın en büyük siteleri bile şık kaydırma çubuklarını kullanıyor.

Kaydırma çubuğunu özelleştirme

Bir web sitenin diğer siteden farklı olduğunu arama motorları tarafından çok sevildiğini biliyoruz.
Sizin web sitenizi diğerlerinden ayırabilecek özelliklerden birtanesi css scroll bardır.

arkadaşlar kodlar aşagıdadır demolarınada bakarak şık görüntüleri kendinize göre css kodları ile düzenleyebilirsiniz.


[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
box-shadowinset 0 0 10px olivedrab;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
border-radius10px;
backgroundyellowgreen
box-shadowinset 0 0 6px rgba(0,0,0,0.5); 
}

::-
webkit-scrollbar-thumb:hover {
background#7bac10;
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
background#f5f5f5;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
border-radius10px;
background#ccc;  
}

::-
webkit-scrollbar-thumb:hover {
background#999;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
backgroundgold;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
border-radius10px;
backgroundyellowgreen;  
}

::-
webkit-scrollbar-thumb:hover {
background#88ba1c;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html

PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
width2px;
border1px dashed goldenrod;
}

::-
webkit-scrollbar-thumb {
backgroundgoldenrod;
}

::-
webkit-scrollbar-thumb:hover {
backgrounddarkgoldenrod;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html


PHP Kod:   Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<
html>
<
head>
<
title>My Example</title>

<!-- 
CSS -->
<
style>
/* Force scrollbars onto browser window */
body {
margin-bottom200%;
}

/* Box styles */
.myBox {
bordernone;
padding5px;
font24px/36px sans-serif;
width200px;
height200px;
overflowscroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width12px;
height12px;
}

::-
webkit-scrollbar-track {
border1px solid yellowgreen;
border-radius10px;
}

::-
webkit-scrollbar-thumb {
backgroundyellowgreen;  
border-radius10px;
}

::-
webkit-scrollbar-thumb:hover {
background#88ba1c;  
}
</
style>
</
head>
<
body>

<!-- 
HTML -->
<
div class="myBox">
Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media valueQuickly maximize timely deliverables for real-time schemas plenipotentiary.
</
div>

</
body>
</
html

GMAİL

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


FACEBOOK

Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.



OUTLOOK


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.


CODEPEN


Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
__________________
Tesla’nın bilime olan, taraftarın takımına olan, bir yazarın yalnızlığa özlemi gibiydi, benim sana olan aşkımı anlatacak kelimeler.
  Alıntı ile Cevapla

IRCForumlari.NET Reklamlar
radyo44.com.tr
Cevapla

Etiketler
css eklentileri, siteni şık göster, uygula

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Saçlarınızın yıprandığını düşünüyorsanız, detoks maskesi uygulayın. PySSyCaT Saç Modelleri ve Bakımı 0 27 Şubat 2016 17:26
Kilo Alamayanlar Bu Diyeti Uygulayın efLatun Diyet ve Sağlıklı Beslenme 0 23 Aralık 2011 20:26
Uygulayın telefon numaranızı bulalım Candy Esrarengiz Olaylar 9 16 Eylül 2010 14:37
Makyaj tüyolarını uygulayın 10 yaş gençleşin Ay Makyajın Püf Noktaları 0 21 Temmuz 2010 12:31
Bu sansürü Kurtlar Vadisi'ne uygulayın Jady Haber Arşivi 0 20 Kasım 2008 12:02