# Sıfır blok

Bir web sitesi oluşturmak için **Zero Block** alanına **Mavibot** oluşturucusu, herhangi bir programlama bilgisi olmadan profesyonel bir web sitesi kurmanın hızlı ve kullanışlı bir yoludur. Denemekten, tasarımı özelleştirmekten ve web sitenizi benzersiz ve başarılı kılmak için içerik eklemekten çekinmeyin.

<figure><img src="/files/ecdfe7acfec6e9cddd008c063de9ff47cd1d901b" alt=""><figcaption></figcaption></figure>

Düğmenin **Zero Block** tamamen özelleştirilebilir bir web tasarım düzenleyicisidir **Mavibot**. Tek tek bloklar ya da tüm site için herhangi bir kısıtlama olmadan benzersiz tasarımlar oluşturmanıza olanak tanır.

<figure><img src="/files/e92d61243ab8da6452fc24ab2a9589d9cb17eb72" alt=""><figcaption></figcaption></figure>

## Bloğu nasıl eklenir

Eklemek için **Zero Block** sayfaya, düzenleme araç çubuğundaki "+" düğmesine tıklayın.

<figure><img src="/files/661eb40886f09192c0495478199f481984169aab" alt=""><figcaption></figcaption></figure>

"+" düğmesine tıkladıktan sonra, sağ tarafta "Yeni bir blok ekle" menüsü görünecektir.

Seçin **"Zero Block"** ve düzenlemeye devam edin.

<figure><img src="/files/b78edb0bbf9671dd1f66e567f26e162997c63ee1" alt=""><figcaption></figcaption></figure>

Bir blok ayarları menüsü vardır.

## İçerik yüksekliği

Bu alanı blok boyutunu değiştirmek için kullanabilirsiniz. Varsayılan değer 550 pikseldir.

<figure><img src="/files/8afa5ead7b7070e93512f255a4736abb481b57c9" alt=""><figcaption></figcaption></figure>

#### Izgara alanını ölçeklendirme

Web sitesi tasarımını farklı ekran boyutlarına uyarlamak için kullanılır.

<figure><img src="/files/367f8e24c06c82b61749ce55fcde7bccea164cb2" alt=""><figcaption></figcaption></figure>

Varsayılan olarak devre dışıdır, ancak "pencere genişliğine göre otomatik ölçekle" seçeneğini de seçebilirsiniz.

## Arka plan ayarları

Geniş renk paleti kullanarak arka plan rengini seçebilirsiniz. Kaydırıcıyı istediğiniz tona getirin, daireye tıklayın ve istediğiniz rengi seçin. Ton kodunu da girebilirsiniz.

<figure><img src="/files/73b43e4c05a034ad2a9814d1149b725839111a68" alt=""><figcaption></figcaption></figure>

SVG, PNG, JPG veya GIF formatlarında bir arka plan dosyası ekleyebilirsiniz. Dosya boyutu 30 MB'ı geçmemelidir.

Örnek 1. JPG dosyası ekleme.

<figure><img src="/files/696f0187cf67ab555fc9a4dd67d7d3628f541554" alt=""><figcaption></figcaption></figure>

Varsayılan görsel hizalaması Merkez Merkez olarak ayarlanmıştır. Listeden farklı bir konum seçebilir veya sağdaki simgeye tıklayarak konumu kendiniz belirleyebilirsiniz.

<figure><img src="/files/8fbab3ea7ba0e1143d9119a24048aad5acee913d" alt=""><figcaption></figcaption></figure>

Örnek 1. Görselin varsayılan olarak Merkez Merkez konumunda gösterimi.

Örnek 2. Görselin Sol Üst konumunda gösterimi. "Davranış" için varsayılan konum "scroll" olarak ayarlanmıştır, "fixed" konumunu seçebilirsiniz. Konumu değiştirdiğinizde arka plan kayar.

<figure><img src="/files/27fe6814c143dcae6986f2b0dab6ca51fc2c3245" alt=""><figcaption></figcaption></figure>

## Ögeler ekleme

Soldaki "Öğe ekle" düğmesine tıklayın. Düğmenin altında katmanlar vardır ve bir öğeyi diğerinin üzerine bindirerek bunları birbirleriyle değiştirebilirsiniz.

<figure><img src="/files/b49bc2f1f5e84633d2e19c350cf5f8791d4cccb3" alt=""><figcaption></figcaption></figure>

Öğe Ekle düğmesi, seçilen öğeyle yeni bir katman oluşturur:

<figure><img src="/files/cef1019f6fe1f361e1cdd72c4c77eb4c35afc83b" alt=""><figcaption></figcaption></figure>

Her öğe kendi ayarlar menüsünü açar.

&#x20;Öğeyi ayarladıktan sonra "Kaydet" düğmesine tıklayın.

<figure><img src="/files/66fa3f4159b37c71b18e971db79402525cacdcf0" alt=""><figcaption></figcaption></figure>

### Metin

Metin içeriği olan bir öğe ekleyebilirsiniz.

<figure><img src="/files/34fcb527ecf1e2e6e1aeea48de8615dab2690d60" alt=""><figcaption></figcaption></figure>

Bir bloğa metin ekleme örneği

Standart yazı tiplerini kullanabilir veya kendi yazı tipinizi seçebilirsiniz. Ayrıca metnin rengini, satır aralığını, harflerin boyutunu ve birbirlerine olan uzaklığını, metnin blok üzerindeki konumunu değiştirebilir, metnin büyük/küçük harf ayarlarını yapabilir ve daha fazlasını yapabilirsiniz:

<figure><img src="/files/cdd352c9c008d4aaa709476b58473a67df689d7e" alt=""><figcaption></figcaption></figure>

### Görsel

İstediğiniz görseli eklemek için dosyayı sistemden yükleyin. Bunun için indirme simgesine tıklayın. Ayrıca ilgili alana görsele ait bir bağlantı ekleyerek de görsel ekleyebilirsiniz. İstediğiniz görselin URL'sini yapıştırın ve nasıl açılacağını seçin: yeni bir pencerede veya yeni bir sayfada.

<figure><img src="/files/41851a112fccb1aeae95656d4416084fe7b45e2e" alt=""><figcaption></figcaption></figure>

Görseli ekledikten sonra sayfadaki konumunu ayarlayabilirsiniz. Sol veya sağ kenara göre nasıl hizalanacağını seçin ya da ortada konumlandırın. Ayrıca görselin saydamlığını ve bulanıklaştırma veya yuvarlama gibi diğer görüntü ayarlarını da düzenleyebilirsiniz.

<figure><img src="/files/c918878a5a763669d29c88642cd38311e8020305" alt=""><figcaption></figcaption></figure>

Bir bloğa görsel ekleme örneği

Arka plan her zaman değiştirilebilir.

### Şekil

Bloğa bir şekil ekleyebilirsiniz (varsayılan olarak bir dikdörtgendir). Ayarlarda başka bir şekil seçebilirsiniz: daire veya çizgi. Ayrıca şekli istediğiniz gibi özelleştirebilirsiniz: hizalayın, efektler ekleyin, renk, arka plan, stil vb. değiştirin.

<figure><img src="/files/b8f17d4757a8d76ef024d73bd23a3842451c9d3f" alt=""><figcaption></figcaption></figure>

Şekil ayarları:

<figure><img src="/files/cfc765a1fb76d8758da6c399a7af1c8aa2046dfc" alt=""><figcaption></figcaption></figure>

Bir bloğa şekil ekleme örneği

### Buton

Bir düğme eklemek için "Öğe ekle"ye tıklayın ve "Düğme"yi seçin:

<figure><img src="/files/1babca0bfb53b87cff962e6ea38f30978378b887" alt=""><figcaption></figcaption></figure>

Ayarlar bölümünde, düğmenin görünümünü zevkinize göre özelleştirebilirsiniz. Bir stil, renk, arka plan, bulanıklık seviyesi ve diğer seçenekleri seçin. Ayrıca düğmedeki metnin yazı tipini, rengini ve boyutunu da değiştirebilirsiniz.

<figure><img src="/files/157d1ce6f935684c1d75a909f33301b5c1ed2838" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/a3d9ae9f25d1edd6d86a5e7f019e7a1b810e9039" alt=""><figcaption></figcaption></figure>

Düğmenin aktif olması için, Düğme bölümündeki öğe ayarlarında ihtiyaç duyduğunuz sayfaya bir bağlantı eklemeniz gerekir. Düğmeye tıkladığınızda bağlantı açılır.

Düğmenin çalışıp çalışmadığını görmek için değişiklikleri kaydetmeniz, blok ayarlarını kapatmanız ve site önizlemesine gitmeniz gerekir.

### Video

Bu aracı herhangi bir videoyu eklemek ve blok içindeki gösterimini yapılandırmak için kullanabilirsiniz.

<figure><img src="/files/471ebbe39633bc9146500890c5995e3729049e37" alt=""><figcaption></figcaption></figure>

Zero Block'a çeşitli kaynaklardan video ekleyebilirsiniz:

<figure><img src="/files/aa6933a8ffe40e8e7b3df97c304fa26b680febee" alt=""><figcaption></figcaption></figure>

Bunun için videonun bulunduğu yeri (Youtube, Vimeo veya MP4) seçin ve ardından URL'yi bağlantılar alanına yapıştırın.

Videoları dosya deposundan da ekleyebilirsiniz. Bunun için video bağlantısını dosya deposundan kopyalayın:

<figure><img src="/files/f4c47cd586b2d58cf2b3bb8cf8cb427cf9a63bd9" alt=""><figcaption></figcaption></figure>

Ardından "Video" öğesinin ayarlarında MP4 video türünü seçin:

<figure><img src="/files/bad88b68ffed15fa07971ac360b583bcc6e679f1" alt=""><figcaption></figcaption></figure>

ve dosya deposundaki video bağlantısını yapıştırın.

### İpucu

Bu öğe, herhangi bir içerikle bir açılır ipucu eklemenize olanak tanır. Öğeyi ayarlarda istediğiniz gibi düzenleyebilirsiniz.

<figure><img src="/files/0cb35431c7e7212d1361ff2222c5fd599e7b3431" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/bdc7f2fd4a19aab28526c70c0098424a34001904" alt=""><figcaption></figcaption></figure>

İpucunu yarı saydam yapabilir ve metnin, arka planın veya görselin üzerine yerleştirebilirsiniz:

<figure><img src="/files/b318cd688744a254b4f95af3641f3d5b511cb4da" alt=""><figcaption></figcaption></figure>

İpucunun üzerine geldiğinizde (site sayfasında, düzenleme modunda DEĞİL), bazı metinler görüntülenecektir:

Tamamlanan işlemleri ayarlarda "Kaydet" işlevini kullanarak kaydetmeyi unutmayın.

### Galeri

Öncekilerde olduğu gibi Zero Block'a yeni bir öğe ekleyebilirsiniz:

<figure><img src="/files/2ba35801da00851c9f5fd460e29a56c2537f9b47" alt=""><figcaption></figcaption></figure>

Mavibot varsayılan olarak iki görsel ekler. Ancak galeri için ihtiyaç duyduğunuz görselleri kendiniz de yükleyebilirsiniz. Bunun için galeri katmanına gidin (katman düğmesi ekranın sol tarafındadır veya doğrudan görsele tıklayın).

Öğe ayarlarında, mevcut işlevleri kullanarak gerektiğinde galeriyi sol veya sağ kenara göre ya da merkeze hizalayabilirsiniz. Ayrıca sol fare düğmesini basılı tutup öğenin üzerine tıklayarak öğeyi taşıyabilirsiniz.

<figure><img src="/files/6371ad85df9ad9df31a53dbdcc7a6b069114b4c0" alt=""><figcaption></figcaption></figure>

Ayrıca, galerinin blok içinde daha ilginç görünmesi için görsellerin saydamlığını, döndürülmesini ve diğer efektleri de ayarlayabilirsiniz.

Galeride iki görsel boyutu seçeneği vardır: "cover" — görselin tüm genişliği ve "contain" — kenarlıklı.

Örnek 1. Görsel boyutu - "cover"

<figure><img src="/files/8d82f48572b3ee0a486550f90c8b3c830550b259" alt=""><figcaption></figcaption></figure>

Örnek 2. Görsel boyutu - "contain".

<figure><img src="/files/8c11ed09781365fe11930f8171cf22f68a3c08b0" alt=""><figcaption></figcaption></figure>

Döngü özelliği, önceki görseller arasında kaydırma yapmadan galerideki son görselden ilk görsele otomatik olarak geçmenizi sağlar. Döngü özelliği devre dışıysa, ilk görsele dönmek için ok tuşlarını manuel olarak kullanmamız gerekir.

Ayrıca görsellerin kaydırma hızını ve galeriyi otomatik kaydırmak için otomatik oynatmayı da seçebilirsiniz.

Galeri düğmelerinin ayarlarında renklerini, şekillerini (üçgen veya ok biçiminde yapabilirsiniz), konumlarını, boyutlarını ve diğer parametreleri değiştirebilirsiniz.

<figure><img src="/files/943588a71fea0baa0287ad0ec9a7c841f24b7872" alt=""><figcaption></figcaption></figure>

Ayarlar bölümünde ayrıca galeri çerçevesini, stilini, yuvarlaklığını ayarlayabilir, gölgeler ve diğer efektler ekleyebilirsiniz.

<figure><img src="/files/8bafa401aebfdb1226127d58cf1eef5badf44305" alt=""><figcaption></figcaption></figure>

### Akordiyon

Evrensel Akordiyon blok öğesi, açılır öğeler içeren metin notları listesinden oluşan bir web sitesi için kullanışlı bir grafik çözümdür:

Akordiyon, web sitenize kolayca entegre edilir ve ihtiyaçlarınıza göre özelleştirilebilir: her türlü gereksinime uyarlanabilir.

Bloğa bir öğe eklemek için evrensel blok ayarlarını açın. Mevcut öğeler listesinde "Akordiyon"u göreceksiniz.

<figure><img src="/files/272e4ef2c8c89251f7008b521968d9e2ed826d38" alt=""><figcaption></figcaption></figure>

Bir öğeye istediğiniz stil parametrelerini uygulamak için üzerine tıklamanız gerekir. Bundan sonra, diğer Zero Block öğelerinde olduğu gibi sağ tarafta "Akordiyon" parametre oluşturucusu görünecektir.

<figure><img src="/files/44c25cd28e7e3231868f128525e3cfdead2eebf5" alt=""><figcaption></figcaption></figure>

Ok üzerine tıkladığınızda, ekranda bilgi içeren bir açılır pencere görünecektir; örneğin, bir sorunun cevabı gibi:

<figure><img src="/files/d7c8d41c504da90c4f937520f145f09cc299613c" alt=""><figcaption></figcaption></figure>

Bir öğenin metninde değişiklik yapmak için, oluşturulan şablondaki mevcut bir öğeye çift sol tıklayın. Açılır listedeki metni de aynı şekilde değiştirebilirsiniz.

Düzenlenecek metni seçtikten sonra, ekranın üst kısmında herhangi bir metin düzenleyicide kullanılanlara benzer metin ayarları görünecektir.

<figure><img src="/files/391e598f31a80adae7d41881186b6fe9190288f9" alt=""><figcaption></figcaption></figure>

Bu ek metin menüsünde, kalınlık, eğim, yükseklik ve diğerleri gibi yazı tipi ayarlarını değiştirebilirsiniz.

Şimdi öğenin temel ayarlarının sağ menüsüne geçelim. Burada da yazı tipini değiştirebilirsiniz: renk, doygunluk, büyük/küçük harf, saydamlık seçin ve kendi yazı tipinizi ve diğer seçenekleri ekleyin.

Akordiyon ayarlarında daha fazla sorunuz, cevabınız vb. ekleyebilirsiniz. Ekle'ye tıklamanız gerekir:

<figure><img src="/files/0081c3d0b1cbac23a6d7159a8fdbfed9752f19a3" alt=""><figcaption></figcaption></figure>

Ayrıca soru ve cevabın tasarımını değiştirebilir, onları daha yuvarlak hale getirebilir, arka planı saydam yapabilir, soru veya cevap üzerine gelindiğinde arka plan değişimini ayarlayabilir, çerçeveyi belirli bir stilde düzenleyebilir ve diğer parametreleri değiştirebilirsiniz — her şey hayal gücünüze ve tercihlerinize bağlıdır.

<figure><img src="/files/3e7b8d08c9e339257593b375471440147934d0a3" alt=""><figcaption></figcaption></figure>

Zero Block'ta benzersiz ve akılda kalıcı bir web sitesi stili oluşturmak için çeşitli öğeleri birleştirebilirsiniz. Bu, müşterilerinizi özgün tasarım çözümleriyle etkilemenizi sağlayacaktır.

Sayfa üzerindeki çalışmayı tamamladıktan sonra, onu farklı ekran boyutlarına uyarlamanız gerekir.

### Form

Zero Block öğesi "Form", başvuru toplama formunu gerçekten ihtiyaç duyulduğu yerde kullanmanıza olanak tanır. Kullanıcının en çok etkileşimde bulunduğu noktada, bunu ayrı bir formda göstermenize gerek kalmadan, doğrudan başvuruları ve iletişim bilgilerini toplayabileceksiniz.

<figure><img src="/files/cf798a1e48921ff9de5754edc6bb34e17ba62475" alt=""><figcaption></figcaption></figure>

Zero Block'a bir form eklemek için "+Öğe ekle"ye tıklayın ve açılan açılır listeden "Form"u seçin.

"Form" bloğu, sorular ekleyebileceğiniz ve düğmeleri değiştirebileceğiniz mesajlaşma uygulamalarındaki düğmeler olarak görünecektir:

<figure><img src="/files/0cce4d844fccdc00143d088b1fd3e0c53b31b3cb" alt=""><figcaption></figcaption></figure>

Forma soru eklemek için, örneğin "E-posta girin", "Sorunuzu açıklayın" gibi, sağ ayarlar menüsündeki "Soruları ayarla" düğmesine tıklamanız gerekir:

<figure><img src="/files/d04bba17ae92da46d608232a77a07f3c5831e362" alt=""><figcaption></figcaption></figure>

Ardından sorularınızı formda oluşturun:

<figure><img src="/files/db727ce3cd1c0c4f5cad392e725f2a7fa2022b5d" alt=""><figcaption></figcaption></figure>

Sonuç şu şekilde olabilir:

<figure><img src="/files/df11f409cd18c63593d96b2e9ca85fb6969aa9a5" alt=""><figcaption></figcaption></figure>

"Kişisel veri işleme politikasını kabul ediyorum" onay kutusunu ekleyebilirsiniz:

<figure><img src="/files/606cc35f06411f256f0048244e6ed93e4f9de5ea" alt=""><figcaption></figcaption></figure>

Sosyal medya düğmelerini de düzenleyebilirsiniz:

<figure><img src="/files/566053592f4cd660855304df6eacd9010c7d50f7" alt=""><figcaption></figcaption></figure>

Ve formun başlığını ve alt başlığını özelleştirebilirsiniz.

Metin alanına çift tıklayın; ardından gerekli metni girebilir, ayrıca yazı tipini, kalınlığı, metin rengini vb. değiştirebilirsiniz:

<figure><img src="/files/00e6492c050c5a3fe012c2f8382191cc67069dee" alt=""><figcaption></figcaption></figure>

Soru alanlarının türleri hakkında daha fazla bilgi için "[Forum Cevapları](https://docs.salebot.pro/minilendingi-v-socialnykh-setyakh/otvety-form)".

### reCAPTCHA

reCAPTCHA'yı kurmak için, sitenin genel ayarlarında bir anahtar çifti (genel ve gizli anahtarlar) belirtmeniz ve veri toplama formundaki Zero Block'ta recaptcha doğrulamasını etkinleştirmeniz gerekir.

Captcha kullanarak web sitesi koruması sağlayan herhangi bir hizmeti seçebilirsiniz. Bu bölümde, Google captcha'nın nasıl kurulacağını inceleyeceğiz.

1\. Adım. Anahtarları alma

<figure><img src="/files/7f4f82dfa3aa61d466ab6de491cfc3e0d95aacb5" alt=""><figcaption></figcaption></figure>

Öncelikle, anahtarları almak için temel bilgileri doldurmanız gerekir: captcha türlerini seçin; korumayı kurmayı planladığınız sitenin alan adını ekleyin. Ardından "Gönder"e tıklayın.

2\. Adım. Anahtarların girilmesi

<figure><img src="/files/d4dd5383359734cdc04e1e233dcb3f9c32c3d78e" alt=""><figcaption></figcaption></figure>

Ardından, MaviBot'taki web sitesi sayfasının ayarlarına kopyalayıp yapıştırmanız gereken bir anahtar çifti göreceksiniz. Bunun için:

1\) Üst panelde site sayfası ayarları düğmesini bulun:

<figure><img src="/files/0fe7f3b90a74f51a88e90a8d9a73dfc5c3e77705" alt=""><figcaption></figcaption></figure>

2\) Temel bilgi ayarlarına gidin:

3\) Temel bilgi ayarlarında, daha önce aldığınız anahtar çiftinin değerlerini girin:

<figure><img src="/files/bc6fb22e358a2b70ac40b2f55d062d4ba7a419cc" alt=""><figcaption></figcaption></figure>

3\. Adım. Zero Block'ta reCAPTCHA'yı etkinleştirme.

Veri toplama formunun kurulu olduğu Zero Block'a veya bir reCAPTCHA formu oluşturmayı planladığınız Zero Block'a gidin:

<figure><img src="/files/51ec51a9272728bd07e48aced0864cb0fdde89b6" alt=""><figcaption></figcaption></figure>

Sağ menü çubuğunu açmak için Zero Block'taki "Form" öğesine tıklayın.

Bir veri toplama formunun nasıl oluşturulacağını ve düzenleneceğini yukarıda "[Form](https://docs.salebot.pro/minilendingi-v-socialnykh-setyakh/sekcii-bloki/universalnyi-blok-zero-block#forma)" bölümünde anlattık.

Sonraki adımda, reCAPTCHA'yı etkinleştirme düğmelerini bulun:

<figure><img src="/files/17917d5faa1aea56d5bc18e61f47ee79bb8fe84e" alt=""><figcaption></figcaption></figure>

reCAPTCHA'yı etkinleştirin (gerekirse İngilizce uyarıları etkinleştirebilirsiniz):

<figure><img src="/files/3cefb9bef84ccc7354414af1e5b2d78dbfa87787" alt=""><figcaption></figcaption></figure>

Ardından ayarları kaydedin.

{% hint style="success" %}
Tamamlandı! Artık Zero Block'ta reCAPTCHA'yı nasıl etkinleştireceğinizi biliyorsunuz.
{% endhint %}

{% hint style="info" %}
Zero Block'ta sayfanın nasıl uyarlanacağı [aynı adlı makalede anlatılmıştı](https://docs.salebot.pro/minilendingi-v-socialnykh-setyakh/sekcii-bloki/universalnyi-blok-zero-block/kak-adaptirovat-stranicu-v-universalnom-bloke).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/tr/websites/siteler/blocks/zero.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.