17 Mart 2012, CUMARTESİ

Ana Düzeni Çalışma Ticaret Web Sitesi Toplum Projesi - 10-

Erica videoyu katılmak için açığız ve bu video biz nihayet gidiyoruz Ana styling başlar sitemizde düzeni bu yüzden olduğunu bana yapmak istediğim ilk şey önde gidelim bir php sayfası kayıtlı üzerine Size bir kod göstermek istiyorum temelde vücutta olduğunu gördüğümüz her şeyin bedene sahip ve ne olacak yapıyor olduğunuz senatöre en kolay yolu bu web sayfası olduğunu a div içine her şeyi sopa şimdi ben bu olacak ismi Dave mertek olduğunu kulüpler ve bu temelde olacak şal var görsel olarak gördüğünüz tüm diğer içerik şeyi Bu rapçi içinde artık web sitemizde Burada gördüğünüz temelde her şeyi şim

di ben içine sitemizi kırma olabilir yaşıyorum olduğunu çift ​​ana parçalar ilk parça ana olduğunu Ana başlık başlık logolu bir alandır üstündeki bağlantıları bu ana başlık hatırlanır Bundan sonra ben vereceğim arama çubuğu baş

ka alan var Anahtar kelimelerinizi yazabilirsiniz kolu ile sağ burada bu alanda ve bu küçük burada eski ve bükülmüş bu arama alanı Şimdi ben de tüm taraftaki yapmamışlar edeceğim öncelikle biz r her farklı ola

“Benim videoları ve öğreticiler için tüm https://www.thenewboston.com/ benim web sitesini ziyaret edin! Sorularınız varsa ya da kaynak kodu arıyor? Https://www.the...”
thenewboston

bilir, ancak bağlantılar olacak olan yapmak özel web sayfaları ve aynı zamanda sağ tarafında böylece ana içerik değiştirmek için gidiyor ana şey Bu sağ tarafta hemen hemen ana bölümü diğer web sitesi böylece daha başlık arama alanı sol taraf ana bölüm ve aynı zamanda öylesine orada sen şimdi git altbilgi en önde ve stil gidelim Tüm bu işler bu kadar bana ana CSS ve istediğim ilk şey geri hop izin dikkat yapmak için Şimdi rapçi hatırlıyorum ana rapçi seni

Ana Düzeni Çalışma Ticaret Web Sitesi Toplum Projesi - 10- Resim 1 Ana Düzeni Çalışma Ticaret Web Sitesi Toplum Projesi - 10- Resim 2 Ana Düzeni Çalışma Ticaret Web Sitesi Toplum Projesi - 10- Resim 3 Ana Düzeni Çalışma Ticaret Web Sitesi Toplum Projesi - 10- Resim 4

n bütününü kuşatan bir şeydir web sitesi Peki neden iyi göreceksiniz ben bu stil gerekiyor Rapçi ve ben ilk seti yapacağız ediyorum Şimdi bu kutunun ana kadar ile kamçı belirlemek için gidiyor ve bunu söylemek biraz zor kelime olduğunu Benim bütün web sitesi istiyorum böylece tüm web sitesi için söylemek b1 bin piksel bilge ok 1000 piksel ve bu ne yapacağını olacak oynadığımız bir kutu yapmak olduğunu içine her şey bu yüzden kıvılcım ile yapmak istediğiniz bir sonraki şey istiyorum söylüyorlar Bir marj kanunu ben atma

k bazı erik var Chelan co bir yürüyüş size açıklamak önce satmak için bir hakkı vardı 15 piksel çemberler 15 piksel auto 0 piksel Şimdi bu kısaltmadır zaman önemlidir Beni go ahead tehlikeli ortalama anlatalım içinde web sayfası söylemeye çalışıyorum ne zaman buraya piksel üç kol seti geçmesi üst kutusu web sitenizin en üst onun 15 piksel tamam diyor Bizim web bakarsanız öylesine biz çok görebilirsiniz En üstteki bölüm Bu mesajı tüm bu bağlantıları olduğunu O bütün bu metin arasında küçük bir boşluk var ki ve tam burada web sitesinin üst aslında var Bu onbeş piksel kaynak Tamam biz herkes bir karşı oyla istemiyorum Üst garip bakacağız, çünkü bu yüzden şimdi bize ikinci auto üstünde 15 piksel vermek sol ve sağ öyle diyor anlamına gelir otomatik hatta sol ve sağ için make yani temelde solda aynı miktarda ve sağ taraf sen bunu ne zaman muhtemelen soldaki aynı sayıda piksel verir ve Sağ taraftaki Bu nedenle şimdi sonuncusu sitenizi merkezleme 10 piksel ve alttan 0 piksel anlamına gelir bu yüzden sitemizde altına almak her zaman biz biliyoruz bu vurgulamak eğer gördüğünüz gibi beyaz bir arka plan vardır ancak bu vergiler ancak doğru aşağıdan yukarıya web karşı Bildiğiniz çünkü biz alt arasında herhangi bir doldurma gerekmez Biz padding çok olsaydı içeriğine web sitesi o zaman gibi olurdu seninki de silindi Seviyorum bu özel bir şey orada olacak ya da bir şey Her zaman en üst yaklaşık 15 gözlük als bir marj olmalı neden bu kadar işte ve altta hiçbir marj ben olduğumu biliyorum Ben tür bir süre bu kod tek satır hakkında konuştuk benim bir sürü insan o düzgün sitemizde en göndermek için nasıl anlamıyorum bu yüzden yapmak istediğim son şey, sadece metin hizalama olduğunu sol ve bu ne yapacağını esas kolun Sol tüm bu kutunun içinde tüm içeriği aynı hizaya yani oraya gidip yapmamız gereken bir sonraki şey, bu ana dikkat olduğunu başlık gibi ben şu anda ana kutusunu bir sonraki ana web sitesi yaptığını söyledi adım web sitesi ilk olmanın bu ana başlık içinde şeyler yapmak için hangi yavaş kız ve üst İranlıların bu küçük metin araç çubuğunu tutar yan Şimdi serin bir şey Sadece ana çizgi Go için Gerçekten yapmamız gereken tek şey tamam tarzı olduğunu başlığıdır Biz bu yana yerine koymak her işletme metin ve logo gereken yerde her şey onun olacak plop oranını hizalamak bırakılır Ben bu önermeye karar verdim bu yüzden yapmamız gereken tek şey, bu tarz Ayrı saldırı bu yüzden şimdi bana sadece önde gidelim ve burada bir yorum vardı logolu kol alanı ve Üst bağlantılar ve biz şimdi orada bir şey stil gerekmez ama istiyorum Bir bölümü bırakın Ben durumda en üniversitede olduğunu geri gelmek gerekiyor sadece değilim Yapmam gereken bu bağlantıları olduğunu istiyorum neden şimdi bu üst oranı onu yapar Onları biraz onlar miras styling uzakta kırmaya istiyorum Açıkçası onları görünmesini istiyorsanız tarafından varsayılan sol olmalı uzak logo sağ taraftaki bu yüzden sadece go ahead ve yapmak olduğumu yapmak için bir oran Aline bölüm Bu olabiliyor ve ben yapmak istediğim ilk şey Ben istiyorum bu yüzer olduğunu komisyonlu ve ben de istiyorum Metin hizalama Tamam harika satılan Biz Teksaslı bu çevreleyen her ne alacak yapmak için gidiyor Tüm kutu ve hızı üzerinde hareket ve aynı zamanda o içindeki metni almaya gidiyor O kutu ve aynı zamanda sağa öyle mi gemi çevrimiçi okumak nasıl son şey ben bizim ana başlık var ki şimdi olduğu üzerinde olacak gon ediyorum Bizim bağlantıları halledilir Bu arama alanı duruşmayı tekrarlamak üzerinden gitmek istiyorum Şimdi ben de önde adına gidiyorum bu bir isim vazgeçmek veya üst arama böylece üst çizgi fikri arama ve şimdi istediğim ilk şey Bu biz burada oluyor ne ödeme dikkat check it out olduğunu Biz bu mavi arama çubuğu var ve biz ana başlığı içinde temelde bu logo var ancak alan biraz bu logonun arasında var gördüğünüz gibi ve bu küçük arama çubuğu artık kısmen zaman biz çünkü Ben altta boşluk biraz var bu görseli yapılan Ben üstüne bir marj hakkını ekledi çünkü ama aynı zamanda var hepsi bir gibi bu logo reyon burada plops çünkü eğer o olacak görünecek büyük bir şey kesinlikle bir tanesidir boşlukta orada yani böylece üst arama motorları için bir marj verebilir yaklaşık 10 piksel bundan daha fazla bir şey olduğunu sanmıyorum kontör Ben yapmak istiyorum şimdi ne gerekli olacak ben ekleyerek kadar vermek istiyorum olduğunu Şimdi dolgu içindeki elemanları hemen hemen alandır hatırlıyorum Böyle bu kutuya ve sınır olarak Ben onu aramak gerektiği gibi Kimliğinizi ya da bölümü var bu yüzden devam edin ve hemen o kadar margin-top yapalım: ve ekleme pes Bu 5 piksele 0 piksel kadar 5 piksel ve 10 piksel Şimdi yine biz dört koymak ne zaman dolgu veya marj ya içinde piksel bu sırayla gitmek Sağ üst alt Üst ve alt yüzden sol Elimizdeki bu yüzden biraz mavi yani her ikisi de beş piksel üst ve alt ve sağ tarafta 0 piksel vardır çünkü o bile yok Biz varsayılan olduğunu ancak sol tarafta bırakacaksın yani orada ulaşmak Gördüğünüz gibi bu son sol olduğunu ve biz doğru o kadar arama çubuğu olsaydı, çünkü soldan 10 piksel koymak ama sola karşı Not tür sadece gerçekten bakmak istiyorum o spec taç ile uyum tuhaf yani orada bunu yapmak istediğimiz onların bu kadar son şey kol gitmek biz gerçekten güzel şeyler olsun önce bu görüntülenen Bir blok elemanı olarak biz kesinlikle görünen bir şey yapmak için sol veya sağ tarafta biz satır istemiyorum Mon emin olun ben yapacağım şimdi ne bir blok var Ben yeni yaşını gerçekleşmesi bu web sitesi için mi yuvarlak köşeler şimdi bak biz sadece her şeyi daha sonra karesi yaparsanız o on dokuz gibi cidden bakalım doksanlar bu 2000 12 ne gelişme dönemi yüzden şeyler her yuvarlatılmış köşeler şimdi benim konuyu yıkamak umut istiyorum 05 ve CSS3 öğreticiler ama bunu adam eğer ben bu söz edecek css3 tam tarafından uyarlanan olmayan bir köşeleri yuvarlatılmış ihraç tür var oldu tüm tarayıcılar yüzden bir tür gerekir tüm tarayıcılarda çalışan sizi kandırmak için çimdik böylece en sonunda onun border-radius olabilir: senin öylece olacak kafasında Yedi piksel gitmek mümkün olabilir ve sizin köşeleri etrafında gitti 7 piksel daha fazla piksel Moran Ancak Firefox yaptıklarını başka bir şey kullanır Onlar eksi mas denen birşey kullanmak olduğunu eksi border-radius: Matt 7 piksel ve kenara Safari Ben inanıyorum ve Google Chrome bir şey WebKit denir Eğer WebKit yazdığınızda bu yüzden bu Google ile uyumlu hale getirmek için gidiyor Chrome bu uyumlu Firefox yapacak ve bu her şey Internet Explorer ile uyumlu hale getirmek için gidiyor bu yüzden orada hepimiz üzerinde çalışmak artık yuvarlak var köşeler biz gitmek tarayıcılar bizim yapmak istediğimiz en son şey bu yüzden biz hemen hemen yapılan bu bölümde biz olmak istediğiniz yere dedi Biz turda her şeyi doğru yastıklı köşeler ama şu anda hiçbir sınırın sadece beyaz bir bölüm var bu yüzden sırayla ne yapmak istediğinizi ona bu mavi yakalı vermek biz çok arka plan rengini ayarlamak gerekir ise renk ve arka plan rengini mavi renk bu Sizi gösteriyor ki 00 66 99 yani orada biz o üst arama için yapmanız gereken tek şey olduğunu tüm gitmek Şimdilik bölüm yani temelde biz genelinde kiliseler bir bölüm yapılmış bizim tüm web olarak güzel her şey güzel vardır eklendi mavi kol arka plan yapmamız gidiyoruz ya da bir sonraki yüzden biz olmak gidiyoruz olduğunu styling ana bölüm, bu sol bölümde ayrıca sağ ve bu ana bölüm altbilgi biz hazır ile bitirdiniz kez daha heyecanlı bir şey geçmek için evet uyuklayan onları abone olmak izlemek için çok güzel şimdi bir sonraki videoda görüşürüz.

Açıklama

Benim videoları ve öğreticiler için tüm https://www.thenewboston.com/ benim web sitesini ziyaret edin! Sorularınız varsa ya da kaynak kodu arıyor? Https://www.thenewboston.com/forum/ de forum göz atın Profilim - https://www.thenewboston.com/profile.php?user=2 Facebook - http://www.facebook.com/pages/TheNewBoston/464114846956315 Google+ - https://plus.google.com/+BuckyRoberts/posts Twitter - http://twitter.com/#!/bucky_roberts Bağış - https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5K9RJVCAKWZKS

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

thenewboston

thenewboston

Çok tatlı bilgisayar ile ilgili dersler ve diğer bazı müthiş videoların Ton!

YORUMLAR



9.9/10

  • 234
    Olumlu
  • 1
    Olumsuz
  • 48
    Yorum
  • 14997
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Curso Online Gratuito

    Curso Online

    4 Aralık 2011
  • Mindy

    Mindy

    20 NİSAN 2006
  • RomanAtwood

    RomanAtwood

    18 Kasım 2009

ANKET



Bu sayfa işinize yaradı mı?