/* Faviconun 28 px ölçüsünü korur. */
.el11-centered-ad .ad-favicon {
flex: 0 0 28px;
width: 28px;
height: 28px;
}
/* Reklam alanı daraldığında mobil yerleşim. */
@container (max-width: 760px) {
.el11-centered-ad .ad-inner {
grid-template-columns: 36px minmax(0, 1fr) 36px;
gap: 4px;
padding: 6px 4px;
}
.el11-centered-ad .ad-main {
grid-column: 2;
grid-row: 1;
flex-direction: column;
justify-content: center;
gap: 3px;
min-width: 0;
width: 100%;
text-align: center;
}
.el11-centered-ad .ad-text {
width: 100%;
font-size: 12px;
font-weight: 800;
line-height: 1.5;
white-space: normal;
overflow-wrap: anywhere;
}
.el11-centered-ad .ad-actions {
grid-column: 3;
grid-row: 1;
justify-content: center;
align-self: center;
min-width: 0;
}
.el11-centered-ad .ad-close {
flex: 0 0 36px;
width: 36px;
height: 36px;
}
}
/* Container sorgusu desteklemeyen tarayıcılar. */
@supports not (container-type: inline-size) {
@media (max-width: 760px) {
.el11-centered-ad .ad-inner {
grid-template-columns: 36px minmax(0, 1fr) 36px;
gap: 4px;
padding: 6px 4px;
}
.el11-centered-ad .ad-main {
grid-column: 2;
grid-row: 1;
flex-direction: column;
justify-content: center;
gap: 3px;
min-width: 0;
width: 100%;
text-align: center;
}
.el11-centered-ad .ad-text {
width: 100%;
font-size: 12px;
font-weight: 800;
line-height: 1.5;
white-space: normal;
overflow-wrap: anywhere;
}
.el11-centered-ad .ad-actions {
grid-column: 3;
grid-row: 1;
justify-content: center;
align-self: center;
min-width: 0;
}
.el11-centered-ad .ad-close {
flex: 0 0 36px;
width: 36px;
height: 36px;
}
}
}
JavaScript Rehberi
Selam herkese!
JavaScript konusunu basit ve anlasilir sekilde anlatmaya calisacagim.
Adimlar:
1. Hazirlik
2. Kurulum
3. Yapilandirma
4. Test
5. Canli ortam
Adim adim gidersen yanliz kalmazsin.
Ayni sorunu yasadim ve bu sayede cozdum. Tesekkurler!
Yeni baslayan biri olarak cok isime yaradi. Devam edin lutfen!
