Blog uygulamamızın kurulumunu yaptığımız bazı videolara blog modelimizi hazırladık ve bu videoda
dizin şablonu ekledik.
Aslında henüz yeni bir rota eklemeyeceğiz.
Bu çok hızlı olacak, ancak üstbilgi ve altbilgimiz Parshall'ınkine eklemek istiyoruz.
Sonra semantik kullanıcı arayüzü de eklemek istiyorum.
Ve son olarak, en üstte gerçekten basit bir nav çubuğu ekleyeceğiz.
Şimdi başlayalım, başlık ve altbilgiyi Ejay'ı dosya olarak oluşturmak istiyoruz.
Ve görüntülenen dizinler eğer içeride olmalıdır.
Böylece bir make dizini eğik çizgi kullanacağız Parshall'ın ardından dokunma görünümleri Parshall'ın eğik çizgisini Pacehall'ın eğik çizgisini bize Ejay
ettikten sonra görünümlere dokunarak Parshall'ın eğik çizgi altbilgisini çizin. J. Harika.
Şimdi onları açalım.
Başlığa başlayalım.
Ve neden temel iskelet o kadar HD bir metal başlığı değildi.
Bunu blog uygulaması olarak adlandıracağız ve bundan sonra da vücudumuza böyle ihtiyaç
duyuyoruz ve biz bunu altbilime taşımak için şimdi bunu kesip bunu çalıştığımızı biliyoruz.
bunun doğru olduğunu biz de biliriz görürsek.
Üstbilgiden yazan bir paragrafa üstbilgi dosyasından şunu ekleyelim ve her sayfada
Şimdi bunu altbilgi yapıştırmaya açalım ve aynı
şeyi Altbilgi kaydetmeden yapalım.
Şimdi bunu bağlamamız ve başlamamız için dizinimizde yapalım.
Dolayısıyla, en üstteki bölümümüzde olması gerekiyor ve yolumuz, dizin dosyasında kullanmak yerine olduğumuz.
Bu yüzden sadece Parshall'ın eğik çizgisinde bir nokta kesmesini istiyoruz.
Ve aynı şey, burada Parshall'ın çizgisi.
Şimdiye kadar hiç sorun çıkarmayacağımızı test edelim ve üstbilgiden veya beşteki başlık dosyasından çıkalım.
Harika.
Şimdi anlamsal kullanıcı arayüzü ekleyelim.
Bu nedenle semantik Dasch açık semantik UI web sitesine sahipsin com.
Ve sadece bootstrap gibi dosyaları indirebiliriz veya bir CDN semantik UI CDN'si içerebiliriz.
Bu ilk örneği tıklayın, seçebileceğimiz çok
sayıda farklı dosyanın olduğunu göreceksiniz.
veya yalnızca
formların yalnızca tek bileşenli bileşeni alan çizgi biçimini almasını istiyorsanız yapmanızdır.
Bunun nedeni, semantik UI'nın tasarlandığı şekilde düzenleniş şekli, önyükleme desteğinin aksine, istediğiniz bölümün bölümümüzün altındaysa
SS Dolayısıyla, bootstrap eleştirilerinden biri
olan şeyin tek ihtiyacınız olan şey, küçük bir parça isterseniz hala tüm kütüphaneyi elinize almanızdır.
Ancak tüm kütüphaneyi istiyoruz.
Dolayısıyla tüm deyimleri
aşağı doğru kaydırırsanız, CDN'nin anlamını söyleyen biri isterseniz, burada bir arama veya anlamsal arama
yaparsanız burada yeniden değerlendirme yapmışsınız, bilmiyorsanız veya aradığınız halde bulmak zordur Sadece bir arama yapın.
Aslında hiçbir şeyi daha hızlı kılmak için bir dakika sürümü yok.
Dolayısıyla, erkeklerin değerlendirmeyi gördüğü anlamsaldır
ve biz sizi Erl'i kopyalayıp başlığın üst dosyasındaki başlığa koyarız.
Bu bir uzunluk etiketi.
Ve bunun bağlantı olmasını ve daha sonra ref ile eşit olmasını istiyoruz.
Evet evet.
Ayrıca, rel stil sayfası türüne metin eğik çizgisini eklemeliyiz.
C Ss Şimdi sunucu kaydedip tekrar başlatıyoruz.
biraz önyüklemeyi ilk başlattığımızda olduğu gibi birkaç küçük değişiklik göreceksiniz.
Ana sayfamıza bir göz atın, tıpkı yazı tipi değişikliklerini
TAMAM.
Dolayısıyla,
çalışmamız anlamına gelir, üstbilgi ve altbilgideki paragraflarımızdan kurtulalım ve sıraya basit bir gezinti çubuğu ekleyelim.
Elbette ki menülere denir.
Bu yüzden eğer buraya
gidersek menüde tüm farklı bileşenleri tıklarsak, koleksiyon menüsü altında bulunan menü bulmak isteriz.
Birkaç farklı menü çeşidi var görebilirsiniz.
Burada gördüğünüz menü var.
Orada tablonun metin dikey magination bir Poynting menü var.
Ve ihtiyacımız olan her şeyden çok daha fazlası var, ancak
vücudumuzun üstünü bir div yapmak ve bunu düzgünce alalım.
Kate sınıfı sana eşit derecede yapar.
Düzeltildik ve tıpkı önyüklemeyle olduğu gibi sadece rengi değiştiren ters bir menü yapacağız.
Ayette de diyebilirsin, sonra orada başka bir div gerekiyor.
Ve bu sınıf, sanki yüklenici konteynır gibi konteynerle eşit olacaktır.
Ve sonra orada değil başka bir div var ve bu bir Hetter öğeye eşit sınıf olacaktır.
Ve bu, önyüklemedeki nav bar markası gibidir.
Dolayısıyla çocuklarımızın istediği her şey blog sitesi veya ne istersek bizim uygulamanızın çağrılmasını isteriz.
Ve bundan sonra ana sayfa için bir çapa etiketi ekleyeceğiz
ve onu eve çağıracağız ve sınıfa öğeye eşit olarak ekleyeceğiz ve sonra eğik çizgiye gidecek değil de aynı
şeyi yapacağız. slash loglarına gidin, henüz yok olan new slash yeni Post veya New Blog olacaktır.
Gördüğümüz metin bu olacak.
Ters çevrilmiş menü sabit değil bu yüzden Tamam.
Bunun yerine bir kap.
Ve sonra konteynırın içinde bütün bu küçük hatayı benim üzerime almalıyız.
Bu yüzden de orada olmasını istiyoruz.
Hepsi konteynerde.
Ve sonra başlığımız var ve sonra Tex'e bağlanmış iki madde var.
Şimdi ona bir göz atalım.
Ve basit matematik çubuğumuzu alıyoruz.
Evet, burada bazı boşluklarla ilgili bir sorunumuz var.
Bunu bir dakika içinde halledeceğiz ama şimdi iyi çalıştığımız bir noktamız var.
Semantik olarak sadece simgeler olarak adlandırılan basit bir simge ekleyelim.
Kullandıklarımda bir demet var.
Adı "Kod".
Deneyin ve burada bulun ve sadece bir arama yapın.
İşte burada.
Ancak yorum ister misiniz kendi seçmekten çekinmeyin.
Fikir bunun bir kod tabanlı blog olmasıydı, ancak başka bir şey olabilir.
Fikri de severim.
Her neyse bir grup var.
Güzel olan şey, şirketlerin kullanışlı simgelerinin de olmasıdır.
Çok dibe inanıyorum, onlara sahip olduklarını ve uygulamanızla bağlantı
kurduğunuz tonlarca farklı marka ve ortak şirkete gidiyoruz.
TAMAM.
Bu kod simgesinin bir adı ve ben hemen buraya blog sitesi üstbilgisinin yanına ekleyeceğim.
Yani burada onun eşyası vardı ve tek ihtiyacımız göz gözü.
Ve bir sınıf koduna ve bir simgeye sahip olması gerekir.
Gerçekten basit olan sadece simgenin adı ve
daha sonra sınıf simgesi yenilendi ve bizde küçük bir kodumuz var.
Oraya gelirim.
Bu simgeyi biraz daha büyük yapmak için küçük bir değişiklik yapalım.
Bunu yapmak için burada sadece bir
stil etiketi yazabiliriz ancak bunun yerine, kurduğumuz genel dizini kullanalım.
Dizini hala yapmamız gerekiyor.
Ama biz hizmet sunulduğunu ayarladık.
Dolayısıyla, stil sayfalarını eğik çizgi olarak yapacağız ve bunu sadece uygun Cs'ler henüz yok diye çağıracağız.
Bu nedenle bir dizin herkese açık hale getirmeliyiz ve sonra da dizin
genel açık artırma stil sayfaları yapalım ve son olarak ortak açık artırma stil sayfalarına dokunun Keskinlik uygulaması Dotsie SS, bu
yüzden de genel stil sayfalarını açmak istiyoruz. SS sekmesinin tamamlanması Aptos kesinlikle arkadaşınız orada.
Ve tüm simgeleri biraz daha büyütmek için.
BE2 boyutlu IEM'leri, konteynerin iki
katına veya üstteki kaydın çift boyutuna benzer şekilde ayarlayacağız.
Aslında yalnızca bu simgeye sahip simgeler ve stewe simgelerinden ziyade biraz daha belirgin olacaksınız ve
Tamam o halde şimdi sunucu yedeklemeye başladık ve sayfayı yeniledik.
Sadece kişisel tercih meselesi olan simgenin daha da büyüdüğünü görmeliyiz.
Ancak bence daha büyük olduğunda biraz daha iyi görünüyor.
TAMAM.
Yaptığımıza göre, bu videoda yapmamız gereken her şeyle işimiz bitti.
tek bir satır olsa bile şimdi her tek şablona
her CSSA özel CSSA ekleyebiliyoruz ve size nasıl göstermek istedik biz semantik UI içerebiliriz.
Dolayısıyla sadece Header Footer dosyalarına eklenen nav çubuğunu kendi özel CSSA dosyamıza eklemek istedim;
Tamam, bir sonraki videoyu yeni ile alıp yeni bloglar oluşturabilmemiz için yaratacağız.