• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ocena mojego szablonu blogowego

VPS Starter Arubacloud
+4 głosów
529 wizyt
pytanie zadane 17 kwietnia 2016 w Nasze projekty przez jpacanowski VIP (101,940 p.)

Witam ponownie,

Prosiłbym Was o ocenę mojego szablonu blogowego pod względem kodu, ale przede wszystkim samego designu strony.

Czy <aside> z tym panelem bocznym powinno być w wypadku tego szablonu w <main> ?

UWAGA: to tylko szablon, więc żadne odnośniki na stronie do artykułów nie działają, jednak są gotowe i niedługo będą opublikowane ;)

adres szablonu blogowego:
http://jpacanowski.pl/blog/single.html

7 odpowiedzi

+2 głosów
odpowiedź 17 kwietnia 2016 przez Eryk Andrzejewski Mędrzec (164,260 p.)
Dla mnie design całkiem niezły. Prosty, bez żadnych wodotrysków, ale fajny :)
+1 głos
odpowiedź 17 kwietnia 2016 przez iwan9449 Pasjonat (20,810 p.)
Lekko, przejrzyście, schludnie, ale trochę nudno. Kolorystyka na +, dobór fontów też, ale niestety przypomina wiele z darmowych motywów pod wordpress. Bez polotu, nie porywa i nie zostaje w pamięci.

Pozdrawiam!
komentarz 17 kwietnia 2016 przez jpacanowski VIP (101,940 p.)

ale trochę nudno

przypomina wiele z darmowych motywów pod wordpress 

No to straszna kicha. Najgorsze co może być, że wygląda jak gotowy szablon. Nie nadaję się na grafika ;(

1
komentarz 17 kwietnia 2016 przez iwan9449 Pasjonat (20,810 p.)
Ale pozywywna strona jest taka, że szablon jest przejrzysty i kolory są dobrze dobrane (a to już dużo). Warto trochę nad nim popracować. Szablon ma potenciał, trzeba tylko jeszcze trochę pracy w niego włożyć. Polecam poszukać inspiracji oglądając inne szablony. Grunt to się nie poddawać, bo na prawdę widzę tu potencjał.

Pozdrawiam!
+1 głos
odpowiedź 17 kwietnia 2016 przez jaca121212 Nałogowiec (40,760 p.)

Jeśli chodzi o wygląd to jest prosty ale taki powinien być, tylko brakuje menu.

Stopce coś brakuje , zbyt pusta jest napis tak jak dla mnie by pasował na środku strony,

13 komentarzy -  Mogłeś  pokazać jak będą wyglądały komentarze  pod artykułem,

Jak dobrze widzę to style robisz dla ID a tutaj pisali że nie styluje się po ID a po class-ie

#header {
    color: #fff;
    /* background: #F9575B; */
    background: rgb(0,183,234);
    background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
    background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
    margin-bottom: 18px;
    padding: 28px;
}

 

komentarz 17 kwietnia 2016 przez jpacanowski VIP (101,940 p.)

13 komentarzy -  Mogłeś  pokazać jak będą wyglądały komentarze  pod artykułem

To tylko przykład, ale jeszcze nie wiem czy w ogóle będzie możliwość komentowania pod artykułami, bo tam ich nie lubię czytać.

komentarz 17 kwietnia 2016 przez jaca121212 Nałogowiec (40,760 p.)
jeśli robisz bloga to zrób do artykułu możliwość komentowania jak zauważyłeś wszyscy co mają bloga to maja możliwość komentowania artykułu.
komentarz 17 kwietnia 2016 przez jpacanowski VIP (101,940 p.)
Wiem, ale potem nieprzyjemne rzeczy się robią. Wojenki, itp.
1
komentarz 17 kwietnia 2016 przez jaca121212 Nałogowiec (40,760 p.)
tym to ja bym się nie przejmował bo wiadome że każdy ma swoje zdanie ale zrobisz  jak uważasz. Na jakiś okres możesz dać możliwość komentowania a jeśli by taka sytuacja wynikła to albo blokada użytkownika albo wyłączenie  komentowania.
+1 głos
odpowiedź 17 kwietnia 2016 przez Pietrak Pasjonat (18,850 p.)
  • Połącz style
  • <meta http-equiv="X-UA-Compatible" content="IE=edge" /> ślij w jako naglowek http
  • Uważasz, że tytuł strony jest tak samo ważny co tytuł posta?
  • Puste elementy np. <i class="fa fa-calendar"></i>
  • main role main? jaki tego sens?
  • w header zamiast p uzyłbym span
komentarz 17 kwietnia 2016 przez jpacanowski VIP (101,940 p.)

Połącz style

Ok, ale to na końcu...

<meta http-equiv="X-UA-Compatiblecontent="IE=edge" /> ślij w jako naglowek http

Usunięte.

Uważasz, że tytuł strony jest tak samo ważny co tytuł posta?

Ok, tytuł posta ma już nagłówek <h2>. Bo o to chyba chodziło?

 

Puste elementy np. <i class="fa fa-calendar"></i>

Rozumiem, że kojarzysz Font Awesome? Jak chcesz inaczej?

main role main? jaki tego sens?

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main#Browser_compatibility

komentarz 17 kwietnia 2016 przez Pietrak Pasjonat (18,850 p.)

Rozumiem, że kojarzysz Font Awesome? Jak chcesz inaczej?

Może tak: 

<time class="fa fa-calendar" datetime="2016-03-12">
   12 marzec 2016
</time>

 

 

0 głosów
odpowiedź 17 kwietnia 2016 przez Rappa2 Obywatel (1,540 p.)
Trochę za biało jest
0 głosów
odpowiedź 17 kwietnia 2016 przez Niespecjalny Gaduła (4,180 p.)
Wygląd nic specjalnego. Nic się nie wyróżnia :/

Kod zobaczę za chwilę.

Mam pytanie do obeznanych. Chmury tagów nie są już przestarzałe? Bo coś takiego mi się przypomina ale pewny nie jestem.
komentarz 17 kwietnia 2016 przez Niespecjalny Gaduła (4,180 p.)

<article>

          <header class="entry-header">
            <h1>Lorem ipsum dolor sit amet</h1>
            <div class="entry-meta">
              <time datetime="2016-03-12"><i class="fa fa-calendar"></i>12 marzec 2016</time>
              <span><i class="fa fa-user"></i>Jakub Pacanowski</span>
              <span><i class="fa fa-comment"></i>13 komentarzy</span>
            </div>
          </header>

          <blockquote>

          <p>tekst</p>

          <footer class="article-footer">

            <div class="column-tags">
              <h3>Tagi artykułu</h3>
              <ul class="tags">
                <li><a href="#">Linux</a></li>
                <li><a href="#">Wordpress</a></li>
                <li><a href="#">PHP</a></li>
              </ul>
            </div>

            <div class="column-social">
              <h3>Podziel się artykułem z innymi</h3>
              <ul class="social">
                <li class="facebook"><a href="#">Facebook</a></li>
                <li class="google"><a href="#">Google+</a></li>
                <li class="twitter"><a href="#">Twitter</a></li>
              </ul>
            </div>

Lol to tak można <header> w <article>?

Jeżeli tak to z moim html'em serio kiepsko :/

2
komentarz 17 kwietnia 2016 przez jpacanowski VIP (101,940 p.)
komentarz 17 kwietnia 2016 przez Niespecjalny Gaduła (4,180 p.)
dzięki pierwszy raz się z tym spotkałem :D
0 głosów
odpowiedź 17 kwietnia 2016 przez Mateusz11 Pasjonat (22,910 p.)

Wygląd fajnie ale:

1.

 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext" />

Jak sama przeglądarka podpowiada, zamiast & powinno być &amp;, poza tym dałbym to do css

To tak na szybko,ale pewnie by się jeszcze coś znalazło

 

Pozdrawiam!

komentarz 17 kwietnia 2016 przez jpacanowski VIP (101,940 p.)

Jak sama przeglądarka podpowiada, zamiast & powinno być &amp;, poza tym dałbym to do css

Co masz na myśli? Chodzi o to, że na stronie Google Fonts niepoprawnie się generuje URL do czcionki i w adresie zamiast & powinno być &amp; ?

komentarz 17 kwietnia 2016 przez Mateusz11 Pasjonat (22,910 p.)
Tak. jak masz Firefox, to Ci się wyświetla na czerwono, że powinno być &amp; ale mim wszystko i tak dałbym to do CSS za pomocą @import

Podobne pytania

0 głosów
2 odpowiedzi 428 wizyt
0 głosów
2 odpowiedzi 499 wizyt
pytanie zadane 12 listopada 2016 w Nasze projekty przez xSvilen Mądrala (5,740 p.)
0 głosów
8 odpowiedzi 554 wizyt

92,455 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...