Gece Modu

Eklendi bir şeyler.
Duyuru

Test kodu. artık kod alanı var.

CSS Kodu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* Genel body için dark tema */
body{
background: #1e1e1e;
color: #f0f0f0;
font-family: ';Courier New', monospace;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
/* Kod bloğu container */
.code-block{
background: #2d2d2d;
border-radius: 8px;
padding: 20px;
width: 80%;
max-width: 800px;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
overflow-x: auto;
}
/* Başlık (HTML Kodu veya CSS Kodu gibi) */
.code-title{
font-weight: bold;
color: #ffcc00;
margin-bottom: 10px;
font-size: 18px;
}
/* Pre ve code etiketleri için stil */
pre{
margin: 0;
white-space: pre;
overflow: visible;
}
code{
font-family: ';Consolas', 'Courier New', monospace;
font-size: 14px;
line-height: 1.5;
}
/* Basit syntax highlighting (saf CSS ile sınırlı) */
.keyword{ color: #ff79c6; } /* div, span, body gibi */
.selector{ color: #50fa7b; } /* class, id seçiciler */
.property{ color: #8be9fd; } /* position, width gibi */
.value{ color: #f1fa8c; } /* #fff, 100% gibi */
.comment{ color: #6272a4; } /* yorumlar */

Profil Fotoğrafı Vato -(17.12.2025 07:56:20) ▲ 1

📋 Kısayol 💬 Alıntı 🚩 Rapor

Yorumlar:

test kodu 2

HTML Kodu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Kod Blok Testi</title>
<link rel="stylesheet" href="style.css"> <!-- Yukarıdaki CSS'yi buraya kaydet -->
</head>
<body>
<div class="code-block">
<div class="code-title">CSS Kodu</div>
<pre><code>
body {
<span class="property">background</span>: <span class="value">#2f3146</span>;
<span class="property">display</span>: <span class="value">flex</span>;
<span class="property">justify-content</span>: <span class="value">center</span>;
<span class="property">align-items</span>: <span class="value">center</span>;
<span class="property">height</span>: <span class="value">100vh</span>;
}

<span class="selector">.antenna</span> {
<span class="property">position</span>: <span class="value">absolute</span>;
<span class="property">top</span>: <span class="value">40px</span>;
<span class="property">width</span>: <span class="value">8px</span>;
<span class="property">height</span>: <span class="value">50px</span>;
<span class="property">background</span>: <span class="value">#fff</span>;
<span class="comment">/* Antenna yorumu */</span>
}
</code></pre>
</div>
</body>
</html>

Profil Fotoğrafı Vato -(17.12.2025 07:57:50) ▲ 1

📋 Kısayol 💬 Alıntı 🚩 Rapor

Kalın yazı.

Profil Fotoğrafı Vato -(17.12.2025 07:58:06) ▲ 1

📋 Kısayol 💬 Alıntı 🚩 Rapor

Normal yazı

https://www.google.com

Profil Fotoğrafı Vato -(17.12.2025 07:58:42) ▲ 1

📋 Kısayol 💬 Alıntı 🚩 Rapor

hey masalah

Profil Fotoğrafı kurt -(20.12.2025 18:11:01) ▲ 0

📋 Kısayol 💬 Alıntı 🚩 Rapor

Yorumunuz:

👁️ 1,572 görüntüleme

Yorumu Silmek İstiyor Musunuz?

Bu yorumu silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.

Konuyu Silmek İstiyor Musunuz?

Bu konuyu ve tüm yorumlarını silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.