Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[Çözüldü]-Forumu dikdörtgen içine alma
#1
Sitemde d10da ki gibi forumu bir dikdörtgen içine almak istiyorum nasıl yaparım?
0GR1AI.png
Ara
PGM
Teşekkür verenler:
#2
Site adresinizi konuya ekleyin.
1
Ara
PGM
Teşekkür verenler:
#3
(27-03-2018 Saat: 22:57)Novruz Nickli Kullanıcıdan Alıntı: Site adresinizi konuya ekleyin.

grafik.10tl.net şuan Mete abinin teması var ama default tema editliyorum.
Ara
PGM
Teşekkür verenler:
#4
GÜNCEL
Ara
PGM
Teşekkür verenler:
#5
Edit.
Ara
PGM
Teşekkür verenler:
#6
global.css de bulunan #content classının kodları böyle:

Kod:
#content {
    background: #ffffff;
    padding: 10px;
    overflow: hidden;
    margin: auto;
    max-width: 1500px;
    min-width: 950px;
    width: 75%;
    box-shadow: 0 0px 5px rgba(0,0,0,.3);
}
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
PGM
Teşekkür verenler:
#7
Ben wrapper'a background mı ne eklemiştim ondan sonra böyle olmuştu. Tam hatırlıyamıyorum mobilim bir de bi dene öyle.
Ara
PGM
Teşekkür verenler:
#8
(27-03-2018 Saat: 23:50)Nophex Nickli Kullanıcıdan Alıntı: global.css de bulunan #content classının kodları böyle:

Kod:
#content {
   background: #ffffff;
   padding: 10px;
   overflow: hidden;
   margin: auto;
   max-width: 1500px;
   min-width: 950px;
   width: 75%;
   box-shadow: 0 0px 5px rgba(0,0,0,.3);
}
bunu ekledim fakat forumun yarısı gözükmüyor?
Ara
PGM
Teşekkür verenler:
#9
Güncel
Ara
PGM
Teşekkür verenler:
#10
1-2 saate bilgisayara geçeceğim bana nerede uygulacaksın yani web site linkini at ben denemeler yapıp sana atayım geri.
Ara
PGM
Teşekkür verenler:
#11
GÜNCELL

@kaRanLık-61 Üstad sen bilirsin :)
Ara
PGM
Teşekkür verenler:
#12
Bana göndermiş olduğunuz site zaten şuan boxed biçiminde.
Ara
PGM
Teşekkür verenler:
#13
(27-03-2018 Saat: 23:56)Decagon Nickli Kullanıcıdan Alıntı:
(27-03-2018 Saat: 23:50)Nophex Nickli Kullanıcıdan Alıntı: global.css de bulunan #content classının kodları böyle:

Kod:
#content {
   background: #ffffff;
   padding: 10px;
   overflow: hidden;
   margin: auto;
   max-width: 1500px;
   min-width: 950px;
   width: 75%;
   box-shadow: 0 0px 5px rgba(0,0,0,.3);
}
bunu ekledim fakat forumun yarısı gözükmüyor?

Bunu eklemiyeceksiniz bulunan #content kodları ile değiştirecektiniz.
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
PGM
Teşekkür verenler:
#14
(28-03-2018 Saat: 18:30)Murat#Baykam Nickli Kullanıcıdan Alıntı:
(27-03-2018 Saat: 23:56)Decagon Nickli Kullanıcıdan Alıntı:
(27-03-2018 Saat: 23:50)Nophex Nickli Kullanıcıdan Alıntı: global.css de bulunan #content classının kodları böyle:

Kod:
#content {
   background: #ffffff;
   padding: 10px;
   overflow: hidden;
   margin: auto;
   max-width: 1500px;
   min-width: 950px;
   width: 75%;
   box-shadow: 0 0px 5px rgba(0,0,0,.3);
}
bunu ekledim fakat forumun yarısı gözükmüyor?

Bunu eklemiyeceksiniz bulunan #content kodları ile değiştirecektiniz.

Anladım zaten ama olmuyor

(28-03-2018 Saat: 18:27)leojely Nickli Kullanıcıdan Alıntı: Bana göndermiş olduğunuz site zaten şuan boxed biçiminde.

Default temada demiştim ama :D
Ara
PGM
Teşekkür verenler:
#15
CTRL + Shift + R tuşlarına birlikte basar mısınız acaba?
Ara
PGM
Teşekkür verenler:
#16
(28-03-2018 Saat: 18:33)kaanst Nickli Kullanıcıdan Alıntı: CTRL + Shift + R tuşlarına birlikte basar mısınız acaba?

Hala aynı
Ara
PGM
Teşekkür verenler:
#17
Default temada kare olarak ayarlı zaten :) Fakat siz arkaplan vermemişsiniz. Body'e ayrı arkaplan content şablonuna ayrı arkaplan vermeyi dener misiniz ?
Ara
PGM
Teşekkür verenler:
#18
fS5HbW.png
Bende neden böyle ozaman ? @leojely
Ara
PGM
Teşekkür verenler:
#19
(27-03-2018 Saat: 23:56)Decagon Nickli Kullanıcıdan Alıntı:
(27-03-2018 Saat: 23:50)Nophex Nickli Kullanıcıdan Alıntı: global.css de bulunan #content classının kodları böyle:

Kod:
#content {
   background: #ffffff;
   padding: 10px;
   overflow: hidden;
   margin: auto;
   max-width: 1500px;
   min-width: 950px;
   width: 75%;
   box-shadow: 0 0px 5px rgba(0,0,0,.3);
}
bunu ekledim fakat forumun yarısı gözükmüyor?

öyle olmasının sebebi, içindeki wrapper classının %80lik veya %85lik genişliği olmasıdır. Header şablonuna girip aşağılarda bulunan wrapper classını wrapperiki olarak değiştirin. Ve global.css de bulunan #content classının hemen üstüne veya altına şu kodları ekleyin.
Kod:
.wrapperiki {
    width: 100%;
    margin: auto auto;
}
bunları yaptıktan sonra ctrl+f5 yapın, sonucu yazın.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
PGM
Teşekkür verenler:
#20
(28-03-2018 Saat: 18:43)Nophex Nickli Kullanıcıdan Alıntı:
(27-03-2018 Saat: 23:56)Decagon Nickli Kullanıcıdan Alıntı:
(27-03-2018 Saat: 23:50)Nophex Nickli Kullanıcıdan Alıntı: global.css de bulunan #content classının kodları böyle:

Kod:
#content {
   background: #ffffff;
   padding: 10px;
   overflow: hidden;
   margin: auto;
   max-width: 1500px;
   min-width: 950px;
   width: 75%;
   box-shadow: 0 0px 5px rgba(0,0,0,.3);
}
bunu ekledim fakat forumun yarısı gözükmüyor?

öyle olmasının sebebi, içindeki wrapper classının %80lik veya %85lik genişliği olmasıdır. Header şablonuna girip aşağılarda bulunan wrapper classını wrapperiki olarak değiştirin. Ve global.css de bulunan #content classının hemen üstüne veya altına şu kodları ekleyin.
Kod:
.wrapperiki {
   width: 100%;
   margin: auto auto;
}
bunları yaptıktan sonra ctrl+f5 yapın, sonucu yazın.

Konu çözüldü + Kilit.
Ara
PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:medi -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping