Skocz do zawartości

Zdjęcie
* * * * * 1 głosy

Kod HTML/CSS dla artykułu z obrazkiem, tytułem i treścią

html css kod artykuł news obrazek w newsie

33 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
harick

    Nowy użytkownik

  • 12 postów
    • Czas spędzony online: 6h 17m 33s
-4
Neutralna

Napisano 21 czerwca 2014 - 19:10

#1

jak dodać do strony obrazek z tytułem i treścią?   tzn taki układ z obrazkiem tytułem i treścią i jak da rade z datą dodania   chodzi mi o coś takiego

Przechwyt_eeqeaea.PNG

 

Mógłby ktoś zrobić coś w tym stylu i podesłać kod ? Byłym bardzo wdzięczny i wierzę że mi pomożecie! 


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 21 czerwca 2014 - 19:13

#2

Z mojej strony nie licz na gotowca. Ja polecam Ci ten temat: http://web-talk.pl/t...ę-html5-i-css3/


  • 0

harick

    Nowy użytkownik

  • 12 postów
    • Czas spędzony online: 6h 17m 33s
-4
Neutralna

Napisano 21 czerwca 2014 - 19:21

#3

uczę się tego kursu ale nie wychodzi mi zrobienie tego..

 

bardzo mi na tym zależy .. 


  • 0

Michał

    Stary wyjadacz

  • 301 postów
    • Czas spędzony online: 16d 7h 11m 3s
95
Znakomita!

Napisano 21 czerwca 2014 - 19:29

#4

Na Twoim miejscu zlecił bym to komuś, bo nikt Ci gotowca charytatywnie nie napisze, a sam sobie pewnie nie poradzisz.


  • 1

harick

    Nowy użytkownik

  • 12 postów
    • Czas spędzony online: 6h 17m 33s
-4
Neutralna

Napisano 21 czerwca 2014 - 19:30

#5

Michał a ty byś mi pomógł?


  • 0

Michał

    Stary wyjadacz

  • 301 postów
    • Czas spędzony online: 16d 7h 11m 3s
95
Znakomita!

Napisano 21 czerwca 2014 - 19:47

#6

Napisz pw. ;)


  • 0

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 21 czerwca 2014 - 22:37

#7

Trzymaj: http://jsfiddle.net/7Rnb2/

 

Tylko musisz wystylować i będzie git.

 

Napisz pw. ;)

 

Starajmy się pomagać w temacie :) Niech nam się zechcę napisac kilka linijek kodu :P


  • 2

2ed58r7.png


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 21 czerwca 2014 - 22:43

#8

Trzymaj: http://jsfiddle.net/7Rnb2/

 

Tylko musisz wystylować i będzie git.

 

 

Starajmy się pomagać w temacie :) Niech nam się zechcę napisac kilka linijek kodu :P

Ale dlaczego mi ma się chcieć, skoro autorowi się nie chce? :) Autor tego tematu nie zajrzy już na forum... No chyba, że po kolejny kawałek kodu :) 

Mało tego :) Spodziewaj się odpowiedzi, że nie wygląda to tak ładnie jak na screenie :) Zaraz będziesz poproszony o ostylowanie :D


  • 1

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 21 czerwca 2014 - 22:59

#9
Daj palec, a wezmą całą rękę.
Lubię pomagać, nie raz napisałem komuś kawałek kodu. Ale jeśli już mam komuś to zrobić, to napewno nie na zasadzie: "pomóż bo nie wiem jak wstawić nagłówek do strony". Niech ta osoba wykaże się odrobiną umiejętności korzystania z wyszukiwarki.
Ale jeżeli kursy nie pomagają to gotowiec tym bardziej nie pomoże.

Wysyłane z mojego LG-E400 za pomocą Tapatalk 2
  • 0

logo-green-dark.png


Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 21 czerwca 2014 - 23:00

#10

Nie no stylować akurat nie mam zamiaru, chyba że poprosi o radę jak dodać border do obrazka ;)

Ja bardziej patrze na ludzi, który tez poźniej będą tutaj wchodzić, chociaż tytuł tematu nic mi nie mówi sensownego :( Popatrzmy na to jak na jakis mały tutorial ;)


  • 1

2ed58r7.png


zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 21 czerwca 2014 - 23:26

#11

Nie no stylować akurat nie mam zamiaru, chyba że poprosi o radę jak dodać border do obrazka ;)

Ja bardziej patrze na ludzi, który tez poźniej będą tutaj wchodzić, chociaż tytuł tematu nic mi nie mówi sensownego :( Popatrzmy na to jak na jakis mały tutorial ;)

Ok, teraz jak poprawiłem nazwę tematu to dostrzegam jakiś sens w jego istnieniu na tym forum :)


  • 1

harick

    Nowy użytkownik

  • 12 postów
    • Czas spędzony online: 6h 17m 33s
-4
Neutralna

Napisano 22 czerwca 2014 - 08:21

#12

wiecie..bo ja uczę się kursu html ale dodatkowo jak czegoś nie rozumiem kieruję się na te forum,gdy napiszę temat w sprawię pomocy to od razu ją dostaje,i za to wam dziękuję.

Pomagając mi w tematach uczycie mnie również html'u bo to też wchodzi w pamięć

A wiecie jak wstawić to w prostokącik taki zwykły :)?


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 22 czerwca 2014 - 08:37

#13

wiecie..bo ja uczę się kursu html ale dodatkowo jak czegoś nie rozumiem kieruję się na te forum,gdy napiszę temat w sprawię pomocy to od razu ją dostaje,i za to wam dziękuję.

Pomagając mi w tematach uczycie mnie również html'u bo to też wchodzi w pamięć

A wiecie jak wstawić to w prostokącik taki zwykły :)?

Nie uczyłeś się do tej pory nic html/css. Jeśli by tak było,to nie miałbyś problemów z takim zadaniem :) I prośba o gotowca, bez nawet próby stworzenia własnego kodu jest żenująca :)


  • 1

harick

    Nowy użytkownik

  • 12 postów
    • Czas spędzony online: 6h 17m 33s
-4
Neutralna

Napisano 22 czerwca 2014 - 08:43

#14

tak tylko że już dowiedziałem się jak dodać artykuł i w przyszłości już będę wiedział //

pozostało mi się tylko dowiedzieć jak dodać ten artykuł do prostokącika 


Użytkownik harick edytował ten post 22 czerwca 2014 - 08:47

  • 0

Zimistrz

    Stary wyjadacz

  • 465 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 24 czerwca 2014 - 10:06

#15

Tylko musisz wystylować i będzie git.

 

Starajmy się pomagać w temacie :) Niech nam się zechcę napisac kilka linijek kodu :P

 

psst:

 <span class="date">22-04-1909</span>

<time datetime="2014-06-24" class="date">24.06.2014</time>

skoro już trzymamy się html5, a i w SERPach dobrze znać datę artytułu i/lub aktualizacji ;)


  • 1

Michał

    Stary wyjadacz

  • 301 postów
    • Czas spędzony online: 16d 7h 11m 3s
95
Znakomita!

Napisano 24 czerwca 2014 - 11:40

#16

To już jeżeli trzymamy się HTML5 to robi się to z mikrodanymi :)

<time itemprop="dateCreated" datetime="2014-06-24T14:45:27+02:00">2014-06-12 15:45:27</time>

 
W atrybucie datetime podajemy czas w standardzie ISO 8601. W PHP od wersji 5 możemy wygenerować ją w prosty sposób:

date("c")

  • 0

harick

    Nowy użytkownik

  • 12 postów
    • Czas spędzony online: 6h 17m 33s
-4
Neutralna

Napisano 24 czerwca 2014 - 11:50

#17

ee to mógłby ktoś napisać ten kod do artykułu w prostokącie? 


  • -4

wolfdz

    Stary wyjadacz

  • PipPipPip
  • 252 postów
    • Czas spędzony online: 10d 19m 41s
14
Dobra
  • LocationKraśnik

Napisano 24 czerwca 2014 - 13:51

#18

No przecież wyżej podał ci Yeoman kod, tak trudno go przepisać?

http://jsfiddle.net/7Rnb2/

Tylko tak jak mówił, style musisz sobie sam nadać, aby wyglądało tak samo jak masz na obrazku co podałeś w pierwszym poście.


  • 0

Semis

    Nowy użytkownik

  • 15 postów
    • Czas spędzony online: 2h 47m 23s
1
Neutralna
  • LocationSiemianowice Śląskie

Napisano 24 czerwca 2014 - 22:53

#19

Proszę bardzo : 

http://cssdeck.com/labs/full/g244qwsw


  • 1

writen

    Stary wyjadacz

  • 458 postów
    • Czas spędzony online: 29d 22h 59m 44s
133
Znakomita!

Napisano 24 czerwca 2014 - 23:05

#20

"artykół" - Specjalnie tak napisałeś co nieeee?


  • 0

logo-green-dark.png






Podone tematy Collapse


Również z jednym lub większą ilością słów kluczowych: html, css, kod, artykuł, news, obrazek w newsie

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych