xenforo alanoluşturma

Merhaba, tekrar hoş geldiniz!

Bilgi sahibi olanlarla ihtiyaç duyanları buluşturmak, farklı bakış açılarına sahip insanları bir araya getirerek birbirlerini daha iyi anlamalarını sağlamak ve herkesin bilgisini paylaşmasını sağlamak istiyoruz.

ronay ayk

Kayitli Üye
Katılım
26 Haz 2019
Mesajlar
85
Tepkime puanı
1
Puanları
8
Yaş
1020
Web sitesi
muhabbetkuslari.org
Merhabalar xenforo da bir alan oluşturmak istiyorum forumumuz kuşlarla ilgili kuş türünün adınatıklayınca hakkında bilgisi çıkacak şekilde sayfa bölümünden aşağıdaki gibi bir tasarım oluşturabilir miyim?
Eklentisiz halletme şansım var mı ? aşağıdaki benzer. @orhan

 
Moderatör tarafında düzenlendi:
Merhaba konuları ilgili bolumlere acalim
kendinize bir harici sayfa oluşturun örnek html bu şekilde ekleyin

Kod:
<div class="content">
        <div class="container">
            <div class="row ">
                <div class="col-md-12">
				
                    <ul class="nav nav-tabs semibold mt10">
                        <li class="active">
                            <a href="#tatlisu" data-toggle="tab" aria-expanded="true">Tatlı Su Canlıları</a>
                        </li>
                        <li class="">
                            <a href="#deniz" data-toggle="tab" aria-expanded="false">Deniz Canlıları</a>
                        </li>
                        <li class="">
                            <a href="#bitki" data-toggle="tab" aria-expanded="false">Bitkiler</a>
                        </li>
                        <li class="">
                            <a href="#surungen" data-toggle="tab" aria-expanded="false">Sürüngenler</a>
                        </li>
                        <li class="">
                            <a href="#makale" data-toggle="tab" aria-expanded="false">Makaleler</a>
                        </li>
                        <li class="">
                            <a href="#hastalik" data-toggle="tab" aria-expanded="false">Hastalıklar</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tatlisu">
                            <div class="row mt30">
                                <div class="col-md-8">
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/malawi_cichlidleri_kategorisi_3.asp">
                                            <img src="/img/baliklar/malawi_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Malawi Cichlidleri
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/canlidoguranlar_kategorisi_5.asp">
                                            <img src="/img/baliklar/canli-doguran_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Canlı Doğuranlar
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/omurgasizlari_kategorisi_9.asp">
                                            <img src="/img/baliklar/omurgasiz_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Omurgasizlar
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/tanganyika_cichlidleri_kategorisi_2.asp">
                                            <img src="/img/baliklar/tanganyika_off.jpg" alt="" class="img-responsive img-circle">
                                            Tanganyika Cichlidleri
                                            </a>
                                        </div>
                                    </div>
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/labirentliler_kategorisi_6.asp">
                                            <img src="/img/baliklar/labirent_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Labirentliler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/guney_amerika_cichlidleri_kategorisi_4.asp">
                                            <img src="/img/baliklar/guney-amerika_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Güney Amerika Cichlidleri
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/sazansigiller_kategorisi_7.asp">
                                            <img src="/img/baliklar/sazansigil_off.jpg" alt="" class="img-responsive img-circle">
                                            Sazansigiller
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/kedibaliklari_kategorisi_58.asp">
                                            <img src="/img/baliklar/kedi_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Kedi Balıkları
                                            </a>
                                        </div>
                                    </div>
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/orta amerika_cichlidleri_kategorisi_88.asp">
                                            <img src="/img/baliklar/orta-amerika_off.jpg" alt="" class="img-responsive img-circle">
                                            Orta Amerika Cichlidleri
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/characiformlar_kategorisi_10.asp">
                                            <img src="/img/baliklar/characiform_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Characiformlar
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/killifishler_kategorisi_59.asp">
                                            <img src="/img/baliklar/killi_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Killifishler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/gokkusagi_kategorisi_60.asp">
                                            <img src="/img/baliklar/gokkusagi_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Gökkuşakları
                                            </a>
                                        </div>
                                    </div>
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/aci_su_baliklari_kategorisi_32.asp">
                                            <img src="/img/baliklar/aci-su_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Acı Su Balıkları
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/diger_cichlidler_kategorisi_106.asp">
                                            <img src="/img/baliklar/diger-cichlidler_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Diğer Cichlidler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/diger_baliklar_kategorisi_8.asp">
                                            <img src="/img/baliklar/diger_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Diğer Balıklar
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
								
                                    <div class="row mb20">
										<div class="col-md-12">
											<a href="/Tatlisu/arama.asp" class="btn btn-info" role="button"><i class="fa fa-search"></i> BALIK BULUCU</a> 
											<a href="/Bitkiler/arama.asp" class="btn btn-success ml10" role="button"><i class="fa fa-leaf"></i> BİTKİ BULUCU</a>
										</div>
                                    </div>
                                    <div class="bordered">
                                        <h4 class="title">SON EKLENEN PROFİLLER</h4>
                                        <ul class="list-unstyled mt20 standard">
                                            <li><a href="/apistogramma_sp_rio_tapiche_tatlisur_4_6100.asp">Apistogramma sp. Rio Tapiche</a></li><li><a href="/apistogramma_personata_tatlisur_4_6095.asp">Apistogramma personata</a></li><li><a href="/apistogramma_blutkehl_cutthroat_tatlisur_4_6094.asp">Apistogramma blutkehl (cutthroat)</a></li><li><a href="/apistogramma_lineata_tatlisur_4_6093.asp">Apistogramma lineata</a></li><li><a href="/apistogramma_sp_putumayo_tatlisur_4_6091.asp">Apistogramma sp. putumayo</a></li><li><a href="/apistogramma_gephyra_tatlisur_4_6090.asp">Apistogramma gephyra</a></li><li><a href="/copadichromis_trewavasae_tatlisur_3_6088.asp">Copadichromis trewavasae</a></li><li><a href="/metriaclima_aurora_tatlisur_3_6087.asp">Metriaclima aurora</a></li><li><a href="/betta_hendra_tatlisur_6_6084.asp">Betta hendra</a></li><li><a href="/lethrinops_sp_red_cap_tatlisur_3_6081.asp">Lethrinops sp. ''Red Cap''</a></li><li><a href="/oryzias_latipes_japanese_rice_fish_japon_pirinc_baligi_tatlisur_8_6078.asp">Oryzias latipes (Japanese Rice Fish, Japon Pirinç Balığı)</a></li><li><a href="/satanoperca_mapiritensis_geophagus_mapiritensis__tatlisur_4_6071.asp">Satanoperca mapiritensis (Geophagus mapiritensis) </a></li>
                                        </ul>
                                    </div>                         

						</div>
                        </div>
                        <div class="tab-pane" id="bitki">
                          
						      <div class="row mt30">
                                <div class="col-md-8">
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/govdeli_bitkiler_kategorisi_25.asp">
                                            <img src="/img/bitkiler/govdeli_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Gövdeli Bitkiler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/cicekli_bitkiler_kategorisi_27.asp">
                                            <img src="/img/bitkiler/cicekli_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Çiçekli Bitkiler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/mosslar_kategorisi_29.asp">
                                            <img src="/img/bitkiler/moss_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Mosslar
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/soganli_bitkiler_kategorisi_28.asp">
                                            <img src="/img/bitkiler/soganli_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Soğanlı Bitkiler
                                            </a>
                                        </div>
                                    </div>
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/su_ustu_bitkileri_kategorisi_30.asp">
                                            <img src="/img/bitkiler/suustu_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Su Üstü Bitkileri
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/rizomlu_bitkiler_kategorisi_26.asp">
                                            <img src="/img/bitkiler/rizomlu_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Rizomlu Bitkiler
                                            </a>
                                        </div>
                                    </div>
                                </div>
  
						  
                        </div>
                        <div class="tab-pane" id="makale">
                         <div class="row mt30">
                                <div class="col-md-8">
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/genel_kategorisi_21.asp">
                                            <img src="/img/baliklar/genel.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Genel
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/akvaryum_donanimi_kategorisi_22.asp">
                                            <img src="/img/baliklar/donanim.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Akvaryum Donanımı
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/cichlidler_kategorisi_12.asp">
                                            <img src="/img/baliklar/malawi_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Cichlidler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/bitkiler_kategorisi_37.asp">
                                            <img src="/img/bitkiler/anubias.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Bitkiler
                                            </a>
                                        </div>
                                    </div>
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/deniz_kategorisi_36.asp">
                                            <img src="/img/baliklar/deniz_balik.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Deniz Kategorisi
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/omurgasizlar_kategorisi_19.asp">
                                            <img src="/img/baliklar/omurgasiz_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Omurgasizlar
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/discus_kategorisi_11.asp">
                                            <img src="/img/baliklar/discus.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Discus Özel
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/canli_doguranlar_kategorisi_15.asp">
                                            <img src="/img/baliklar/canli-doguran_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Canlı Doğuranlar
                                            </a>
                                        </div>
                                    </div>
                                    <div class="row circle-list">
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/sazansigiller_kategorisi_17.asp">
                                            <img src="/img/baliklar/sazansigil_off.jpg" alt="" class="img-responsive img-circle">
                                            Sazansigiller
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/labirentliler_kategorisi_16.asp">
                                            <img src="/img/baliklar/labirent_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Labirentliler
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/characiformlar_kategorisi_20.asp">
                                            <img src="/img/baliklar/characiform_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Characiformlar
                                            </a>
                                        </div>
                                        <div class="col-md-3 col-sm-6">
                                            <a href="/diger_baliklar_kategorisi_18.asp">
                                            <img src="/img/baliklar/diger_off.jpg" alt="" class="img-responsive img-circle img-swap">
                                            Diğer Balıklar
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="bordered">
                                        <h4 class="title">SON EKLENEN MAKALELER</h4>
                                        <ul class="list-unstyled mt20 standard">
                                            <li><a href="/cory_korkulugu_makaler_18_6086.asp">Cory Korkuluğu</a></li><li><a href="/dogada_paracheirodon_axelrodi_kardinal_tetra_makaler_20_6083.asp">Doğada Paracheirodon axelrodi (Kardinal Tetra)</a></li><li><a href="/dogada_astronotus_sp_venezuela_aff_ocellatus_oscar_cichlid_makaler_12_6082.asp">Doğada Astronotus sp. Venezuela aff. ocellatus (Oscar Cichlid)</a></li><li><a href="/dogada_apistogramma_hongsloi_makaler_12_6080.asp">Doğada Apistogramma hongsloi</a></li><li><a href="/protomelas_sp_steveni_taiwan_makaler_12_6079.asp">Protomelas sp. 'steveni taiwan'</a></li><li><a href="/geophagus_sp_‘tapajos_orange_head’_fikrimi_degistiren_balik_makaler_12_6076.asp">Geophagus sp. ‘Tapajos orange head’: Fikrimi Değiştiren Balık</a></li><li><a href="/bitkili_akvaryumda_discus_makaler_11_6033.asp">Bitkili Akvaryumda Discus</a></li><li><a href="/kribensis_-_yeni_baslayan_-_80_litre_makaler_105_5824.asp">Kribensis - Yeni Başlayan - 80 Litre</a></li><li><a href="/yeni_tank_sendromu_ve_azot_dongusu_makaler_21_5823.asp">Yeni Tank Sendromu Ve Azot Döngüsü</a></li><li><a href="/aquaponik_sistemler_pazi_ve_cilek_ornek_kurulum_makaler_21_5731.asp">Aquaponik Sistemler (Pazı Ve Çilek, Örnek Kurulum)</a></li><li><a href="/diy_black_water_kurulumu_makaler_21_5726.asp">Dıy, Black Water Kurulumu</a></li><li><a href="/saglikli_balik_bakmanin_4_temel_kurali_makaler_21_5724.asp">Sağlıklı Balık Bakmanın 4 Temel Kuralı</a></li><li><a href="/akvaryumda_dogru_ve_akilci_kum_kullanimi_makaler_21_5721.asp">Akvaryumda Doğru Ve Akılcı Kum Kullanımı</a></li><li><a href="/neolamprologus_pulcher_daffodil_makaler_12_5706.asp">Neolamprologus pulcher (Daffodil)</a></li><li><a href="/evim_kabuk_evim_makaler_12_5704.asp">Evim Kabuk Evim</a></li><li><a href="/discuslarin_siniflandirilmasi_makaler_11_5693.asp">Discusların Sınıflandırılması</a></li><li><a href="/makrakanta_chromobotia_macracanthus_makaler_17_5689.asp">Makrakanta (Chromobotia Macracanthus)</a></li><li><a href="/yumurta_aktarimi_nedir_nasil_yapilir_corydoras_metae_makaler_18_5686.asp">Yumurta Aktarımı Nedir? Nasıl Yapılır? (Corydoras metae)</a></li><li><a href="/karides_akvaryumu_kurulumu_makaler_19_5683.asp">Karides Akvaryumu Kurulumu</a></li><li><a href="/baliklarda_ve_yumurtalardaki_mantar_hastaligi_makaler_21_5679.asp">Balıklarda Ve Yumurtalardaki Mantar Hastalığı</a></li><li><a href="/malawi_golunde_balik_yakalama_makaler_12_5645.asp">Malawi Gölünde Balık Yakalama</a></li><li><a href="/metriaclima_fainzilberi_hakkinda_genel_bilgiler_makaler_12_5642.asp">Metriaclima Fainzilberi Hakkında Genel Bilgiler</a></li><li><a href="/uaru_uretimi_makaler_12_5568.asp">Uaru Üretimi</a></li><li><a href="/maylandia_metriaclima_msobo_magunga_makaler_12_5563.asp">Maylandia (Metriaclima) Msobo Magunga</a></li><li><a href="/amphilophus_labiatus__makaler_12_5559.asp">Amphilophus labiatus </a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Tab Content --> </div>
                </div>
            </div>
            <!-- Container -->
            <div class="hidden-sm hidden-xs">
        </div>

Sonrada Navigasyon yöneticisi alanından dilediğiniz şekilde ekleyebilirsiniz.

1565454753855.png
 
Orhan hocam çok teşekkürler denemek için bir baktım şöylebir sorun aldım.copriht kısmı yanına geldi.
https://kafeskuslari.com/pages/Muhabbet/
 
ronay ayk' Alıntı:
Orhan hocam çok teşekkürler denemek için bir baktım şöylebir sorun aldım.copriht kısmı yanına geldi.
https://kafeskuslari.com/pages/Muhabbet/

merhaba bunun için biraz kod bilginiz olması gerek siz kopyala yapıştır yapmışınız ben onu örnek olarak verdim HTML sayfa oluşturun dedim yani

Başlangıç

Kod:
<!DOCTYPE html>
<html lang="tr">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Kafeskuslari Bootstrap Template - Index</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="site/kilasor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="site/kilasor/icofont/icofont.min.css" rel="stylesheet">
  <link href="site/kilasor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="site/kilasor/venobox/venobox.css" rel="stylesheet">
  <link href="site/kilasor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="site/kilasor/aos/aos.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

</head>

<body>
BURAYA KODLAR

</body>

</html>
 

Geri
Üst Alt