Bu site, reklamlar, analitik ve "Beni Hatırla" özelliği için çerezler kullanır. Devam ederek kabul etmiş olursunuz.
Lütfen konu açmak için giriş yapın.
Ben şu ara Tame İmpala'nın Barış Manço'dan esinlenerek yaptığı şu parçaya sardım.
Vato -(11.12.2025 17:17:02) ▲ 2
@kurt; bu rüyanın devamı yok mu anlat heyecanlı gidiyodu.
Vato -(12.12.2025 14:06:40) ▲ 0
kurt -(12.12.2025 15:30:24) ▲ 0
@kurt; bunu da dinle
Vato -(16.12.2025 03:30:21) ▲ 0
Vato -(16.12.2025 08:16:59) ▲ 1
kalın yazı denemesi
Vato -(17.12.2025 03:26:13) ▲ 0
Vato -(17.12.2025 03:49:42) ▲ 0
Vato -(17.12.2025 03:57:12) ▲ 0
Yorum yapabilmek için giriş yapın.
0/200
Yorumlar:
@kurt; bu rüyanın devamı yok mu anlat heyecanlı gidiyodu.
@kurt; bunu da dinle
kalın yazı denemesi
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
<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>
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
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 */
Yorumunuz: