html css trikovi tekst kao citat


Akcija traje do 01.08.2019 - Besplatni online kurs web dizajna

Nastavna jedinica: Trick 8 - Tekst kao citat


Nazad


Tekst kao citat


Tekst kao citat se često koristi kod dizajniranja web stranica jer omogućava da neki odredjeni delovi teksta posebno stilizuju i istaknu ili kao citati ili kao kraći prikaz važnih delova teksta. Na taj način se iz samog teksta vizuelno ističu pojedini njegovi delovi ili se tu mogu ubaciti komentari (utisci) saradnika itd. Stilovi su definisani kroz klasu "blockquote" i u ovom slučaju se implementiraju ukoliko je tekst koji se ističe oivičen h3 tag-ovima.

Head


<style type="text/css">
blockquote {
 background: #f9f9f9;
 border-left: 10px solid #ccc;
 margin: 1.5em 10px;
 padding: 25px;
 quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote h3 {
  display: inline;
}
</style>

Body


<blockquote>
   <h3> Ovde ide neki tekst dizajniran kao citat </h3>
</blockquote>

Prikaz u Browser-u


Ovde ide neki tekst dizajniran kao citat

NOVO - DOPUNITE ZNANJE - WEB PROGRAMIRANJE (PHP, SQL)

Posle pređenih svih nastavnih jedinica u okviru Besplatne online obuke za web dizajn, obuku možete nadograditi odnosno dopuniti svoje znanje tako što će naučiti i web programiranje - PHP, SQL - izrada dinamičkih sajtova, online prodavnica. Kurs prati napisana skripta, izvorni kodovi i nekoliko desetina video nastavnih jedinica gde polaznik hronološki uči pisanje koda u PHP-u, testiranje skripti, korišćenje i rad sa Local serverom.

Cena obuke