8ax
uto 15.2.2011 20:50
Razvoj web-stranica
Preklapanje dvije slike u HTML-u/CSS-u?
8ax
uto 15.2.2011 20:50
no.quarter1
sri 16.2.2011 08:46
prosurfaj na google-u:
- Css positioning ili css position, pa kad nades igraj se.
- Prosurfaj nesto tipa "creating div layout" ili slicno
8ax
uto 1.3.2011 19:25
Zamolio bi da mi netko da konkretan dio koda... tek sam počeo učiti CSS, a treba mi kod sad. Skoro ništa sa weba ne razumijem, pa bi zamolio da netko posta kod kako da na web-stranici napravim da mi se 2 slike "preklapaju"
tj. Želim "glavni header", u sredini, i slika širine 1px IZA NJEGA, da se ponavlja.
mbaksa
sub 5.3.2011 18:42
Nešto tipa:
<div id="pozadina" style="background: url(ponavljajuca.jpg) top left repeat-x; width:1000px;">
<div id="glavni-header" style="background: url(header-slika.jpg) center center no-repeat;">
..............
</div>
</div>
Unutarnji div imalo bi smisla zamijeniti slikom (<img .../>) stavljenom u element <a> ako hoćeš to imati kao link.
alankish
sub 5.3.2011 19:59
8ax kaže...
Zamolio bi da mi netko da konkretan dio koda... tek sam počeo učiti CSS, a treba mi kod sad. Skoro ništa sa weba ne razumijem, pa bi zamolio da netko posta kod kako da na web-stranici napravim da mi se 2 slike "preklapaju"
tj. Želim "glavni header", u sredini, i slika širine 1px IZA NJEGA, da se ponavlja.
Prouči z-index css property, ako osnove css znaš onda ti to ne trebalo predstavljati problem, ovo sa z-index možeš shvatiti kao layere recimo u photoshopu.
mbaksa
sub 5.3.2011 20:02
alankish kaže...
8ax kaže...
Zamolio bi da mi netko da konkretan dio koda... tek sam počeo učiti CSS, a treba mi kod sad. Skoro ništa sa weba ne razumijem, pa bi zamolio da netko posta kod kako da na web-stranici napravim da mi se 2 slike "preklapaju"
tj. Želim "glavni header", u sredini, i slika širine 1px IZA NJEGA, da se ponavlja.
Prouči z-index css property, ako osnove css znaš onda ti to ne trebalo predstavljati problem, ovo sa z-index možeš shvatiti kao layere recimo u photoshopu.
Za ovo što je pitao ne treba mu z-index, ali slažem se - neka prouči, možda će mu zatrebati za koje druge stvari.
8ax
sub 5.3.2011 21:09
Hvala.
btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?
Imam problema s hostingom, jbg., svi su down :O. Inace bi dao link.
tnakir
sub 5.3.2011 21:27
8ax kaže...
Hvala.
btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?
Imam problema s hostingom, jbg., svi su down :O. Inace bi dao link.
btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?
Imam problema s hostingom, jbg., svi su down :O. Inace bi dao link.
Nikako. Imas gotov Wordpress, Joomlu, Drupal i ostale...
8ax
sub 5.3.2011 21:30
Moj san je unisten.
Mozda embedan news program? :(
mbaksa
sub 5.3.2011 21:31
8ax kaže...
btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?
Da si ikad radio u CMS Made Simpleu, ne bi postavljao takvo pitanje (ni tnakir davao onakav odgovor 
). Naime, u slučaju dotičnog CMS-a jednostavno uzmeš postojeću stranicu (ili nekakav općeniti template) i u nju ubaciš odgovarajuće Smarty tagove na odgovarajuća mjesta - npr. na mjestu gdje želiš izbornik, staviš tag {menu}, na mjestu gdje ti ide naslov stranice, staviš tag {title}, gdje ide sadržaj, staviš {content} itd.
Možeš cijeli proces vidjeti u ovom videu: http://www.youtube.com/watch?v=T0g9WkCwO7s
tnakir
sub 5.3.2011 21:35
mbaksa kaže...
8ax kaže...
btw. Kako napraviti "dinamicku" stranicu bez cmsa jer zelim svoj dizajn?
Da si ikad radio u CMS Made Simpleu, ne bi postavljao takvo pitanje (ni tnakir davao onakav odgovor ). Naime, u slučaju dotičnog CMS-a jednostavno uzmeš postojeću stranicu (ili nekakav općeniti template) i u nju ubaciš odgovarajuće Smarty tagove na odgovarajuća mjesta - npr. na mjestu gdje želiš izbornik, staviš tag {menu}, na mjestu gdje ti ide naslov stranice, staviš tag {title}, gdje ide sadržaj, staviš {content} itd.
Možeš cijeli proces vidjeti u ovom videu: http://www.youtube.com/watch?v=T0g9WkCwO7s
A dodje mu na isto ko instalirati WP i staviti neki free tempalte. Cak je to i manje posla :)
mbaksa
sub 5.3.2011 21:40
tnakir kaže...
A dodje mu na isto ko instalirati WP i staviti neki free tempalte. Cak je to i manje posla :)
LOL! Ovaj je postojeću stranicu prilagodio za desetak minuta, s tim da je odugovlačio. Ako znaš što radiš, gotov si za manje od pet minuta, kroz koje moraš copy&pasteati HTML, CSS i slike, te ubaciti nekoliko Smarty tagova. CMS Made Simple je zakon za takve stvari.
8ax
sub 5.3.2011 21:54
@Tnakir ja nezelim free templateove. Vec sam izradio staticnu web stranicu i zelim njen design.
tnakir
ned 6.3.2011 15:29
Onda poslusaj Baksu... iako nisam nikad imao iskustva sa tim cudom.
8ax
ned 6.3.2011 19:57
Sad je sam bijelo... prema mbaksinom savjetu...
mbaksa
ned 6.3.2011 20:34
Da vidim tvoj kod!
8ax
ned 6.3.2011 21:03
Neznam sta sam krivo, jer sam spavo 2h nocas i sve zaboravio -.-" vjerojatno neka trivijalna/pocetnicka greska -.-"
<head>
<body>
<div id="pozadina" style="background: url(black.jpg) top left repeat-x; width:500px;">
<div id="glavni-header" style="background: url(starlit.jpg) center center no-repeat;">
</div>
</div>
</body>
</head>
mbaksa
ned 6.3.2011 23:19
8ax kaže...
Neznam sta sam krivo, jer sam spavo 2h nocas i sve zaboravio -.-" vjerojatno neka trivijalna/pocetnicka greska -.-"
Upravo tako. Što su div-ovi? div je kratica za division - odjeljak (za razni sadržaj). Ako u odjeljku nemaš nikakav sadržaj (a ti nemaš! bar ne vidljiv sadržaj), a nisi definirao njegovu širinu i visinu - što točno bi se trebalo prikazati? Zašto u jedan ili u oba div-a nisi upisao nešto - BILO ŠTO? Zašto unutarnji div nisi zamijenio slikom (tagom img), kao što sam napisao? Nemoj biti tako krut - malo eksperimentiraj.
8ax kaže...
<head>
<body>
<div id="pozadina" style="background: url(black.jpg) top left repeat-x; width:500px; height: 100px;">
<div id="glavni-header" style="background: url(starlit.jpg) center center no-repeat;">
</div>
</div>
</body>
</head>
1. Kako napraviti da mi se dvije slike preklapaju u htmlu/cssu?
2. Kako napraviti trodijelni header kao u bugu?