MCWeb

MaTvA · 13 Grudnia 2012

MCWeb

Informacje

Nazwa: MCWeb
Język: HTML 5

Autor: MaTvA

Zakaz usuwania stopki autora!

Demo

http://www.matva.one.pl/demo/MCWeb/

Download

http://www.matva.one.pl/pobierz/MCWeb

Skan

https://www.virustotal.com/file/e4db7459f52ad9f5cc0ab12b2ad5ccc7ee05e3e9760af208d403bc2ce6d48357/analysis/

Konfitura · 13 Grudnia 2012

Dodaj stronę demo: 1h. (web)

MaTvA · 13 Grudnia 2012

Mógłbym dodać trochę później (jutro) ??

Aktualnie nie mogę tego zrobić..

Konfitura · 13 Grudnia 2012

Mógłbym dodać trochę później (jutro) ??

Aktualnie nie mogę tego zrobić..

Dodaj dziś.

Wilson199 · 13 Grudnia 2012

Zaraz dam demo dla kolegi.

http://mcweb-demo.p.ht/

Proszę bardzo

A co do strony, mi się bardzo podoba

MaTvA · 13 Grudnia 2012

Dodaj dziś.

Aktualnie nie mogę tego zrobić..

Co oznacza, że (ja) tego dziś nie dodam, bo nie mogę.

Zaraz dam demo dla kolegi.

Za chwilkę dam EDIT'a

Dzięki

MysteriousCore · 14 Grudnia 2012

No to czas zabrać się za sprawdzanie:

1 błąd w validatorze

Brak lang dla html

Na początku deklarujesz że strona jest w HTML 5 a potem nic takiego nie ma, przykładowo zamiast <div class="footer"> wystarczy że będzie <footer>

To samo z charset - teraz stosuje się już krótszą formę

Logo robimy na h1 nie na span

Puste alty

Zamiast:

<div class="menu">
  <a href="#"><span>Link 1</span></a>
  <a href="#"><span>Link 2</span></a>
  <a href="#"><span>Link 3</span></a>
  <a href="#"><span>Link 4</span></a>
 </div>

Daj tak:

<ul class="menu">
  <a href="#"><span>Link 1</span></a>
  <a href="#"><span>Link 2</span></a>
  <a href="#"><span>Link 3</span></a>
  <a href="#"><span>Link 4</span></a>
 </ul>

Zamiast <div class="content"> proponuję <section id="center">

To chyba tyle, miłego poprawiania

Konfitura · 14 Grudnia 2012

Błędy napisał Mysterious, jak się czegoś doszukam to napiszę. Strona ciekawa, logo mi się podoba z wysuwaniem, kolor tekstu dałbym inny. Przycisk #top z ipb, nie ładnie...

MaTvA · 14 Grudnia 2012

No to czas zabrać się za sprawdzanie:

1 błąd w validatorze

Brak lang dla html

Na początku deklarujesz że strona jest w HTML 5 a potem nic takiego nie ma, przykładowo zamiast <div class="footer"> wystarczy że będzie <footer>

To samo z charset - teraz stosuje się już krótszą formę

Logo robimy na h1 nie na span

Puste alty

Zamiast:
<div class="menu">
<a href="#"><span>Link 1</span></a>
<a href="#"><span>Link 2</span></a>
<a href="#"><span>Link 3</span></a>
<a href="#"><span>Link 4</span></a>
</div>
Daj tak:
<ul class="menu">
<a href="#"><span>Link 1</span></a>
<a href="#"><span>Link 2</span></a>
<a href="#"><span>Link 3</span></a>
<a href="#"><span>Link 4</span></a>
</ul>
Zamiast <div class="content"> proponuję <section id="center">

To chyba tyle, miłego poprawiania

1. "Brak lang dla html", "Puste alty" - To szablon, nie strona.

2. Odnośniki mają być w divie, a nie w <ul>.

3. "To samo z charset - teraz stosuje się już krótszą formę" - co nie znaczy, że starej nie można stosować.

4. "Logo robimy na h1 nie na span." - Ja robię jak chcę.... Logo jest tłem dla tego spana, który jest linkiem.

5. "Na początku deklarujesz że strona jest w HTML 5 a potem nic takiego nie ma, przykładowo zamiast <div class="footer"> wystarczy że będzie <footer>" - tu masz rację, ale pisałem ten szablon patrząc na 4 przeglądarkach, czy wygląda tak samo, natomiast IE może i wyświetlał wszystko z kodu strony, ale oblewał CSSy.

6. " Zamiast:..." - Niech zostanie, jak jest, przecież to mój szablon, a jeżeli ci to rozwiązanie nie pasuje, to sobie zmień.

Błędy napisał Mysterious, jak się czegoś doszukam to napiszę. Strona ciekawa, logo mi się podoba z wysuwaniem, kolor tekstu dałbym inny. Przycisk #top z ipb, nie ładnie...

Nie z IPB... Może i wygląda jak ten z IPB, ale jest 100% mojej roboty

Równiedobrzem ógłbym dać zaokrągleniena 15px, a nie100%.

@edit

Dodaje poprawioną wersję z dobrym doctypem i langiem w HTML.

Konfitura · 14 Grudnia 2012

Skoro nie z IPB to ładnie i gz Fajna strona, będą kolejne części?

MaTvA · 16 Grudnia 2012

Owszem, będą

Pisać, jeżeli ktoś ma jakieś pomysly na następne szablony.

AN0NIMOWY · 16 Grudnia 2012

Zabieram ze sobą..Mogę przerobić ?

Albo jednak nie...

MaTvA · 16 Grudnia 2012

Zabieram ze sobą..Mogę przerobić ?

Albo jednak nie...

Można dowolnie przerabiać...

Hm.. dlaczego nie?

MaTvA · 17 Grudnia 2012

Aktualizuję, zmieniłem trochę wygląd i przepisałem kod pod HTML5.

Validator teraz pokazuje 0 errorów i 2 warny.

Tymi 2 ostrzeżeniami się nie martwmy, nie są one poważne.

PS: W paczce jest dostępny plik pomocy, który informuje, jak zmienić logo :P

PiratJaskiniowy · 17 Grudnia 2012

Strona prosta, przejrzysta w miarę ładna, poprawna jeżeli chodzi o składnię html. W zasadzie niema się do czego przyczepić.

Mi osobiście niezbyt podoba się zamysł graficzny ale to tylko moja opinia.

Jedyne moje sugestie:

1. przycisk zabierający nas do góry jest "przyklejony" do dolnej krawędzi strony - dodałbym tam mały odstęp

2. druga sugestia także dotyczy wspomnianego przycisku, a mianowicie wielu internautom podoba się gdy tego typu przejścia są "gładkie" (tak jak na Naszym forum) - efekt taki można uzyskać np. za pomocą gotowego pluginu do jQuery -> ScrollTo

http://flesler.blogspot.com/2007/10/jqueryscrollto.html

MaTvA · 17 Grudnia 2012

1. przycisk zabierający nas do góry jest "przyklejony" do dolnej krawędzi strony - dodałbym tam mały odstęp

2. druga sugestia także dotyczy wspomnianego przycisku, a mianowicie wielu internautom podoba się gdy tego typu przejścia są "gładkie" (tak jak na Naszym forum) - efekt taki można uzyskać np. za pomocą gotowego pluginu do jQuery -> ScrollTo
http://flesler.blogspot.com/2007/10/jqueryscrollto.html

1. Nie jest przyklejony. Jeżeli zawartość przekroczy min-height, to strzałeczka się dostosuje. A... odległość pomiędzy stopką, a przyciskiem wynosi 10px i moim zdaniem jest to wystarczająca odległość.

2. To jest szablon HTML. Nie będę doczepiał tutaj JSów. W innych moich szablonach jest przycisk z gładkim przewijaniem w jQ, ale w nowych szablonach nie ma i nie będzie tego gładkiego przewijania. Jeżeli ktoś chce, to sobie podepnie :P

PS: To jest szablon, a nie strona. Jeżeli ktoś będzie potrzebował przykładowo zwiększyć szerokość buttonów, to to zrobi sobie sam

Pan Suavek · 19 Grudnia 2012

Ładnie wygląda, kod też według mnie w porządku :P

Dobra robota!

AN0NIMOWY · 20 Grudnia 2012

Ogarnij ten download bo nie idzie pobrać ...

20 Grudnia 2012

Linki wygasły, nic nie zrobimy. Nie działa download, ani demko.

Konfitura · 20 Grudnia 2012

Czas do 20 na nowe linki. Inaczej kosz.

Brak linków, kosz.

MaTvA · 21 Grudnia 2012

Linki już działają, a dodatkowo zmieniłem trochę wygląd.

McnccRain · 30 Grudnia 2012

Hmmm... MaTvA widzę, że strone już trochę podrasowałeś :>. Nie no ja się do tego nie czepiam. Chociaż stopka ładniejsza niż przedtem :>.

MaTvA · 1 Stycznia 2013

Aktualizuję, zmieniłem trochę wygląd i dodałem JS, dzięki któremu kod HTML5 szablonu będzie działał pod IE

MaTvA · 1 Stycznia 2013

CSS czarna magia dla mnie Jedynie czego nie pojmuję to CSS.

A strona ciekawa:D Jak będziesz potrzebował JS to pisz

CSS to tzw. niezbędny dodatek do HTMLa. ;P

Raczej nie będę potrzebował żadnego kodu JS, ale dzięki za wsparcie

@EDIT / Dla tych, którym przeszkadza strzałka, która styka się z dołem strony:

Jeżeli chcecie dodać odstęp, to otwieracie style.css i w 212 linijce do klasy slidetop-box dodajecie:

padding-bottom: 20px;

Oczywiście możecie dać ile chcecie zamiast 20px.

Zostało dodane do nowej wersji.

erice · 4 Stycznia 2013

Szablonik bardzo fajny

Zaloguj się

👋 Witaj na MPCForum!

MCWeb

Rekomendowane odpowiedzi

Gość

Gość

Zarchiwizowany