IRCRehberi.Net- Türkiyenin En iyi IRC ve Genel Forum Sitesi  
 sohbet
Sohbet chat
Kayıt ol
Güncel Konular
🎄💥 🎆IRCRehberi.Net Yılbaşı Özel Çekilişi 2026 🎆🎄💥    IR-2025 Yılının En Çok Konuşulan Konuları     Sunucu Polemiği : Samyeli.Net & SamyeliFM    Radyo Polemiği : AskCafem.Net & AskFm     Vbulletin 3.8.x - Yazarlar Platformu ( Yeni Sistem )    Chatlak.com.tr ve diğer domain portfoyum satılıktır.        Bugün itibariyle IRC yolculuğumu noktalıyorum.    Sunucumuz Bünyesine DJ-op-Sop alımı    


Html Html Dersleri , Html Sohbet Temaları , Html Kodları , Html Renk Kodları ' na bu başlık altından ulaşabilirsiniz.

💬 Bu Alana Reklam Ver ! 🎉 Hemen Katıl!
14Beğeni(ler)


Yeni Konu Aç
Cevap Yaz
  
Sayfa 1 Toplam 2 Sayfadan 1 2
 
Seçenekler Stil
Alt 09 Nisan 2021, 21:21   #1
IRCRehberi
RevivaL - ait Kullanıcı Resmi (Avatar)
Exclamation Sohbet Siteleri İçin Sohbet Giriş Formu
Merhaba arkadaşlar sohbet siteleri için sohbete giriş login formu hazırladım sizler için.

html, html5 site için yapmanız gereken sadece kodu web sitenizin anasayfasına eklemek olacaktır.

Eğerki içerik yönetim sistemi wordpress veya bir başka sistem kullanıyorsanız bilişenler kısmından metin bilişeni ekleyerek kodu yapıştırabilirisiniz.


CSS KODUMUZ

HTML-Kodu

<style type="text/css">

		.chatForm {

			max-width: 300px;

			margin: auto;

			border-radius: 2px;
			 
			text-align: left;


			border: 1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892]#f56892[/URL]

			font-family: 'Tahoma';

			font-size: 14px;

			background-color: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f6fafe]#f6fafe[/URL]

			border-radius: 3px;

			-moz-border-radius: 3px;

			-webkit-border-radius: 3px;

			position: relative;

			z-index: 10;

			overflow: hidden;

			position: relative;

		}

		.chatForm h4 {

			margin: 0 0 30px;

			padding: 5px;

			text-align: center;

			font-size: 30px;

			color:

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=666]#666[/URL]

			border-bottom: solid 1px

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=e5e5e5]#e5e5e5[/URL]

		}

		.chatForm p {

			margin: 0 0 2em;

			position: relative;

			font-size: .85rem;

			line-height: 1.6;
			 

		}

		.chatForm label {

			position: absolute;

			left: 8px;

			top: 12px;

			color: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=000]#000[/URL]

			font-size: 16px;

			display: inline-block;

			padding: 4px 10px;

			font-weight: 400;

			background-color: rgba(255,255,255,0);

			-moz-transition: color .3s,top .3s,background-color .8s;

			-o-transition: color .3s,top .3s,background-color .8s;

			-webkit-transition: color .3s,top .3s,background-color .8s;

			transition: color .3s,top .3s,background-color .8s;

			top: -18px;

			background-color:

			rgba(255,255,255,.8);

			font-size: 14px;
text-align: left;
		}

		.chatForm input {

			display: block;

			box-sizing: border-box;

			width: 100%;

			outline: 0;

			margin: 0;

			background: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=fff]#fff[/URL]

			border: 1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892]#f56892[/URL]

			font-size: 1.6em;

			padding: 15px 12px;

			border-radius: 2px;

		}

		.chatForm input[type=submit] {

			background:

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=369]#369[/URL]

			border-radius: 2px;

			border: none;

			color:

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=fff]#fff[/URL]

			cursor: pointer;

			display: block;

			font-size: 2em;

			line-height: 1em;

			outline: 0;

			padding: .5em 0;

		}

		.chatForm .secim {

			margin-top: -15px;

			float: left;

			width: 50%;

			height: 25px;

		}

		.chatForm p.radiom {

			float: left;

			position: relative;

			top: -4px;

			font-size: 15px;

		}

		.chatForm input.radio {

			top: 5px;

			float: left;

		}

		.chatForm .h3 {

			background: linear-gradient(top, #f56892, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29]#f95a75)[/URL]

			background: -ms-linear-gradient(top, #f56892, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29]#f95a75)[/URL]

			background: -webkit-gradient(linear, left top, left bottom, from(#f56892), to([URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29%29]#f95a75))[/URL]

			background: -moz-linear-gradient(top, #f56892, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29]#f95a75)[/URL]

			color: white;

			height: 65px;

			line-height: 65px;

			text-align: center;

			margin-top: 0px;

			margin-bottom: 5px;

			font-size: 24px;

			font-weight: 600;

		}

		.chatForm .form-group {

			margin-bottom: 15px

		}

		.chatForm .chatContainer {

			padding: 20px;

			padding-bottom: 10px;

		}

		.chatForm .form-group input {

			border: 1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892]#f56892[/URL]

			border-radius: 3px;

			font-size: 13px;

		}

		.chatForm .login-button {

			background: linear-gradient(top, #eb668f, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29]#f25d6d)[/URL]

			background: -ms-linear-gradient(top, #eb668f, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29]#f25d6d)[/URL]

			background: -webkit-gradient(linear, left top, left bottom, from(#eb668f), to([URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29%29]#f25d6d))[/URL]

			background: -moz-linear-gradient(top, #eb668f, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29]#f25d6d)[/URL]

			color: white;

			font-weight: bold;

			display: block;

			width: 100%;

			padding: 10px 16px;

			font-size: 18px;

			line-height: 1.3333333;

			border-radius: 6px;

			display: inline-block;

			padding: 6px 12px;

			margin-bottom: 0;

			font-size: 20px;

			font-weight: 400;

			line-height: 1.42857143;

			text-align: center;

			white-space: nowrap;

			vertical-align: middle;

			-ms-touch-action: manipulation;

			touch-action: manipulation;

			cursor: pointer;

			-webkit-user-select: none;

			-moz-user-select: none;

			-ms-user-select: none;

			user-select: none;

			border: 1px solid transparent;

			border-radius: 4px;

		}

		.chatForm .login-button:hover {

			color: white;

			background: linear-gradient(top, #f7c4d3, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29]#f56892)[/URL]

			background: -ms-linear-gradient(top, #f7c4d3, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29]#f56892)[/URL]

			background: -webkit-gradient(linear, left top, left bottom, from(#f7c4d3), to([URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29%29]#f56892))[/URL]

			background: -moz-linear-gradient(top, #f7c4d3, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29]#f56892)[/URL]

			font-weight: bold;

		}

		.chatForm .social-area {

			padding-bottom: 10px;  </style>

HTML KODUMUZ

HTML-Kodu

<form method="get" action="/sohbet" class="chatForm">

		<h2 class="h3">İRCREHBERİ AİLESİ</h2>

		<div class="chatContainer">

			<div class="form-group">

		 	<input type="text" class="form-control login-input input-lg fa fa-user" name="nick" id="nickname" placeholder="NİCK YAZIN..">

			</div>



		 

			<div class="form-group">

				 			 	 		<input type="text" class="form-control login-input input-lg" name="password" id="password" placeholder="ŞİFRE (varsa)">



 

			</div>

			<div class="form-group login-area">

			<b> <button type="submit"  class="btn btn-u btn-block login-button fa fa-angle-double-right"> <b>SOHBETE BAŞLA</b></button></b>

			</div>

		</div>

		<input type="hidden" name="auto" value="1">

		<center><p><font color="red"><b>18 yaşından büyükler içindir</b></font>.</p></center>

	</form><br><br>

KODLARI BİR ARADA KULLANIM ŞEKLİ ANA SAYFA İNDEX'TE GÖSTERMEK İÇİN

HTML-Kodu

 <style type="text/css">

		.chatForm {

			max-width: 300px;

			margin: auto;

			border-radius: 2px;
			 
			text-align: left;


			border: 1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892]#f56892[/URL]

			font-family: 'Tahoma';

			font-size: 14px;

			background-color: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f6fafe]#f6fafe[/URL]

			border-radius: 3px;

			-moz-border-radius: 3px;

			-webkit-border-radius: 3px;

			position: relative;

			z-index: 10;

			overflow: hidden;

			position: relative;

		}

		.chatForm h4 {

			margin: 0 0 30px;

			padding: 5px;

			text-align: center;

			font-size: 30px;

			color:

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=666]#666[/URL]

			border-bottom: solid 1px

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=e5e5e5]#e5e5e5[/URL]

		}

		.chatForm p {

			margin: 0 0 2em;

			position: relative;

			font-size: .85rem;

			line-height: 1.6;
			 

		}

		.chatForm label {

			position: absolute;

			left: 8px;

			top: 12px;

			color: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=000]#000[/URL]

			font-size: 16px;

			display: inline-block;

			padding: 4px 10px;

			font-weight: 400;

			background-color: rgba(255,255,255,0);

			-moz-transition: color .3s,top .3s,background-color .8s;

			-o-transition: color .3s,top .3s,background-color .8s;

			-webkit-transition: color .3s,top .3s,background-color .8s;

			transition: color .3s,top .3s,background-color .8s;

			top: -18px;

			background-color:

			rgba(255,255,255,.8);

			font-size: 14px;
text-align: left;
		}

		.chatForm input {

			display: block;

			box-sizing: border-box;

			width: 100%;

			outline: 0;

			margin: 0;

			background: [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=fff]#fff[/URL]

			border: 1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892]#f56892[/URL]

			font-size: 1.6em;

			padding: 15px 12px;

			border-radius: 2px;

		}

		.chatForm input[type=submit] {

			background:

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=369]#369[/URL]

			border-radius: 2px;

			border: none;

			color:

			[URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=fff]#fff[/URL]

			cursor: pointer;

			display: block;

			font-size: 2em;

			line-height: 1em;

			outline: 0;

			padding: .5em 0;

		}

		.chatForm .secim {

			margin-top: -15px;

			float: left;

			width: 50%;

			height: 25px;

		}

		.chatForm p.radiom {

			float: left;

			position: relative;

			top: -4px;

			font-size: 15px;

		}

		.chatForm input.radio {

			top: 5px;

			float: left;

		}

		.chatForm .h3 {

			background: linear-gradient(top, #f56892, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29]#f95a75)[/URL]

			background: -ms-linear-gradient(top, #f56892, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29]#f95a75)[/URL]

			background: -webkit-gradient(linear, left top, left bottom, from(#f56892), to([URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29%29]#f95a75))[/URL]

			background: -moz-linear-gradient(top, #f56892, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f95a75%29]#f95a75)[/URL]

			color: white;

			height: 65px;

			line-height: 65px;

			text-align: center;

			margin-top: 0px;

			margin-bottom: 5px;

			font-size: 24px;

			font-weight: 600;

		}

		.chatForm .form-group {

			margin-bottom: 15px

		}

		.chatForm .chatContainer {

			padding: 20px;

			padding-bottom: 10px;

		}

		.chatForm .form-group input {

			border: 1px solid [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892]#f56892[/URL]

			border-radius: 3px;

			font-size: 13px;

		}

		.chatForm .login-button {

			background: linear-gradient(top, #eb668f, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29]#f25d6d)[/URL]

			background: -ms-linear-gradient(top, #eb668f, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29]#f25d6d)[/URL]

			background: -webkit-gradient(linear, left top, left bottom, from(#eb668f), to([URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29%29]#f25d6d))[/URL]

			background: -moz-linear-gradient(top, #eb668f, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f25d6d%29]#f25d6d)[/URL]

			color: white;

			font-weight: bold;

			display: block;

			width: 100%;

			padding: 10px 16px;

			font-size: 18px;

			line-height: 1.3333333;

			border-radius: 6px;

			display: inline-block;

			padding: 6px 12px;

			margin-bottom: 0;

			font-size: 20px;

			font-weight: 400;

			line-height: 1.42857143;

			text-align: center;

			white-space: nowrap;

			vertical-align: middle;

			-ms-touch-action: manipulation;

			touch-action: manipulation;

			cursor: pointer;

			-webkit-user-select: none;

			-moz-user-select: none;

			-ms-user-select: none;

			user-select: none;

			border: 1px solid transparent;

			border-radius: 4px;

		}

		.chatForm .login-button:hover {

			color: white;

			background: linear-gradient(top, #f7c4d3, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29]#f56892)[/URL]

			background: -ms-linear-gradient(top, #f7c4d3, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29]#f56892)[/URL]

			background: -webkit-gradient(linear, left top, left bottom, from(#f7c4d3), to([URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29%29]#f56892))[/URL]

			background: -moz-linear-gradient(top, #f7c4d3, [URL=https://www.ircrehberi.net/usertag.php?do=list&action=hash&hash=f56892%29]#f56892)[/URL]

			font-weight: bold;

		}

		.chatForm .social-area {

			padding-bottom: 10px;  </style>

	<form method="get" action="/sohbet" class="chatForm">

		<h2 class="h3">İRCREHBERİ AİLESİ</h2>

		<div class="chatContainer">

			<div class="form-group">

		 	<input type="text" class="form-control login-input input-lg fa fa-user" name="nick" id="nickname" placeholder="NİCK YAZIN..">

			</div>



		 

			<div class="form-group">

				 			 	 		<input type="text" class="form-control login-input input-lg" name="password" id="password" placeholder="ŞİFRE (varsa)">



 

			</div>

			<div class="form-group login-area">

			<b> <button type="submit"  class="btn btn-u btn-block login-button fa fa-angle-double-right"> <b>SOHBETE BAŞLA</b></button></b>

			</div>

		</div>

		<input type="hidden" name="auto" value="1">

		<center><p><font color="red"><b>18 yaşından büyükler içindir</b></font>.</p></center>

	</form><br><br>


ÇIKAN SONUÇ

Sohbet Siteleri İçin Sohbet Giriş Formu

SON OLARAK DÜZENLEMENİZ GEREKEN YER

BURADA SOHBET KLASÖRÜ ADRESİNİ VEYA YOLUNU BELİRTİNİZ.

<form method="get" action="/sohbet" class="chatForm">
👍 3
Konu ExCaLuBuR tarafından (06 Haziran 2021 Saat 15:07 ) değiştirilmiştir..
 
Alıntı Yap
Alt 09 Nisan 2021, 21:26   #2
ScanX - ait Kullanıcı Resmi (Avatar)
Standart
Eline saglik kardeşim güzel bir paylaşım eminim ki sanal ortamda hale bunlarla ilgilenenler kalmıştır, umarım. Başarılar kolay gelsin

👍 1
 
Alıntı Yap
Alt 09 Nisan 2021, 21:31   #3
~Ölüm Çiçeği~
LaviNia - ait Kullanıcı Resmi (Avatar)
Standart
Emeğinize sağlık

👍 1
________________

Bazen de yıldızlar bakar.
İnsanlar kayar hayatımızdan..
 
Alıntı Yap
Alt 09 Nisan 2021, 21:34   #4
yok saymak çok zarif bir intikamdır.
Lareina - ait Kullanıcı Resmi (Avatar)
Standart
Emeğine sağlık..

👍 1
________________


**

Gözlerini parlatan şey icin savaşmamak ne büyük korkaklık.

**
 
Alıntı Yap
Alt 09 Nisan 2021, 21:40   #5
Özel Üye
She - ait Kullanıcı Resmi (Avatar)
Standart
Emeğinize sağlık, paylaşım için teşekkür ederiz @[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

👍 1
 
Alıntı Yap
Alt 09 Nisan 2021, 21:41   #6
Mutena
Ruyanur - ait Kullanıcı Resmi (Avatar)
Standart
Emeginize saglik.

👍 1
________________

“ Kalbini bilen, dilini anlar. Fazla kelam harflere zulümdür.”

🌸
 
Alıntı Yap
Alt 09 Nisan 2021, 21:55   #7
WildCat - ait Kullanıcı Resmi (Avatar)
Standart
emeginize saglik

👍 1
________________

No MoRe DramA
 
Alıntı Yap
Alt 09 Nisan 2021, 21:55   #8
Guest
CeReN - ait Kullanıcı Resmi (Avatar)
Standart
Emegine Saglik
Basarilar Dilerim ~

👍 1
 
Alıntı Yap
Alt 09 Nisan 2021, 22:05   #9
IRCRehberi
RevivaL - ait Kullanıcı Resmi (Avatar)
Standart
Herkese teşekkür ederim.

👍 1
 
Alıntı Yap
Alt 10 Nisan 2021, 23:15   #10
hepSi bir yaLan . . .
ZaLim - ait Kullanıcı Resmi (Avatar)
Standart
çok güzel bir paylaşım ancak gördüğüm kadarıyla herkes wordpress kullanıyor, aslında html tasarımlar daha çok fayda sağlar diye düşünüyorum, sen bu konuda ne düşünüyorsun @[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

👍 1
________________

Fuego, sonrisas, realidad y dolor . . .


birazdan yorgun bir atı vuracaklar uyuşturmadan, rüyamda, üstelik ben henüz daha uyumamışken...


Sohbet Siteleri İçin Sohbet Giriş Formu
28/08/2025



sorun ve destek için : [Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...] adresinden iletişim kurabilirsiniz.
 
Alıntı Yap
Cevap Yaz
Sayfa 1 Toplam 2 Sayfadan 1 2

« Sonbahar Html Sohbet Teması | Css ile buton yapımı »

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 

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 Kapalı
Refbacks are Kapalı




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

İçerik sağlayıcı platformu forumlarından biri olan ircrehberi.net sitemizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. ircrehberi.net hakkında yapılacak tüm hukuki şikayetlere ilişkin iletişim sayfasından Veya E-Mail ile irtibata geçilmesi halinde ilgili kanunlar ve yönetmelikler çerçevesinde en geç 15 (On beş) gün içinde tarafımızca gerekli aksiyon alınacak ve size dönüş yapılacaktır.
Sohbet Chat Chat mobil sohbet Tiktok Video indir sohbet sohbet sitesi Sohbet Sohbet
IRCRehberi.Net- Türkiyenin En iyi IRC ve Genel Forum Sitesi Arşiv Gizlilik Bildirimi Kullanım Koşulları İletişim
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
Copyright ©2019 - 2025 | IRCRehberi.Net

IRCRehberi.Net, JRodix.Com Sunucularında Barınmaktadır.