IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası (https://www.ircforumlari.net/)
-   Webmaster Genel (https://www.ircforumlari.net/webmaster-genel/)
-   -   Sitenizi Şık Gösterin Mutlaka Uygulayın ! (https://www.ircforumlari.net/webmaster-genel/824351-sitenizi-sik-gosterin-mutlaka-uygulayin.html)

RedmOve 08 Haziran 2019 21:48

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- Kodu:

<!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- Kodu:

<!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- Kodu:

<!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- Kodu:

<!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- Kodu:

<!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
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

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


OUTLOOK

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

CODEPEN

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


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 11:09.

Powered by vBulletin® Version 3.8.8 Beta 3
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO
Copyright ©2004 - 2024 IRCForumlari.Net