html css trikovi stilizovan div tag

html css trikovi stilizovan div tag

Besplatni online kurs web dizajna

Nastavna jedinica: Trick 5 - Stilizovan "prišiveni" Div tag



Nazad


"Prišiveni" Div tag


Efekat "prišivenog" Div tag-a se veoma jednostavno može dizajnirati preko stilova i definisanja tačkaste bordure oko div taga. Ovakav efekat kod dizajna se može primeniti na primer kod sajtova koji se bave prodajom ili proizvodnjom tekstila gde svi elementi u konstrukciji web strane deluju kao da su "prišiveni". Na taj način daje se neka vrsta originalnosti dizajnu kao i jedinstveno rešenje web strane. Umesto obojene pozadine div taga može da se ubaci na primer tekstura džinsa. Svakako takav dizajn kroz detalje ostavlja pozitivan utisak.

Head


<style type="text/css">
.stitched {
   padding: 20px;
   background: #2f69bb;
   color: #fff;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #2f69bb, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #000;
   font-family: Tahoma;
}
</style>

Body


<div class="stitched">
 <h1 style="text-align: center;"> "Prišiven" Div Tag </h1>
</div>

Prikaz u Browser-u


"Prišiven" Div Tag

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.

UPLATNICA ONLINE KURS WEB PROGRAMIRANJA
PRIMALAC: Tekoms d.o.o, Stanoja Glavaša 8, 11000 Beograd
SVRHA: Online kurs web programiranja
IZNOS: 2.000 din. za 4 meseca obuke
BROJ RAČUNA (Societe generale banka): 275 - 10221173971 - 80