pomoc s webom

Programovacie jazyky, rady, poradňa...
saldir
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 333
Registrovaný: 11 feb 2008, 21:51
Bydlisko: Doma

pomoc s webom

Príspevok od používateľa saldir »

cawte chcel by som sa vas spytat ci by mi niekto nemohol kusok pomoct s webom...mam tu nejaky nacrt ako by so mohlo vyzerat no nwm urobit menu a to tmavo modre ohranicenie...nemohol by mi niekto pomoct?
tu je obrazok toho webu: http://steve.revuca.net/WEB.bmp
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Príspevok od používateľa awtt »

Kód: Vybrať všetko

html
<div id="stranka">

 <div id="baner">
 </div>

 <div id ="123456">

   <div id="1">
   </div>
   ...
 </div>
</div>
...

CSS
body{
 background:#zzzzzz;
}

#stranka{
 margin: 0 auto;	
 width: 800px;
 background:#xxxxxx;
 border: solid 20px #xxxxxx;
}

#baner{
 margin: 0 auto;	
 width: 800px;
}

#123456{
 margin: 0 auto;	
 width: 600px;
}

#1{
 width="100px";
 float:left;
}
...
a tak pokracuj smerom dole :)
saldir
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 333
Registrovaný: 11 feb 2008, 21:51
Bydlisko: Doma

Príspevok od používateľa saldir »

ale tak mi to nebude take zaoblene :( a to menu?
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Príspevok od používateľa awtt »

zaoblene spravis tak ze si vystrihni pasik zohra aj zdola s zaoblenymi rohmi a daj ich na pozadie jeden daj position top center
a druhy daj bottom center

a menu si spravi podla toho ako som aj tie cisla, rozdel si stranku na tri casti a vlavo bude lave menu, stred, prave menu
tom.tom11
Star
Star
Príspevky: 513
Registrovaný: 09 feb 2006, 15:29
Bydlisko: Vsade len nie doma :)
Kontaktovať používateľa:

Príspevok od používateľa tom.tom11 »

saldir napísal:ale tak mi to nebude take zaoblene :( a to menu?
saldir skus pozret

Kód: Vybrať všetko

www.jakpsatweb.cz
tam najdes vsetko co tu hladas 8)
saldir
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 333
Registrovaný: 11 feb 2008, 21:51
Bydlisko: Doma

Príspevok od používateľa saldir »

no to menu som tam zrovna nenasiel :(
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Príspevok od používateľa awtt »

tie rohy su jednoduche uplne
len si vystrihni pasik asi 1cm zhora a asi 1cm zdola a 1px zo stredu

sprav tri div pod sebou
v hornom daj ten vrchny pasik
v strede daj ten stredny 1px a nastav mu repeat
v spodnom daj ten spodny pasik
saldir
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 333
Registrovaný: 11 feb 2008, 21:51
Bydlisko: Doma

Príspevok od používateľa saldir »

nj to som uz vyriesil ale ja by som chcel radsej vediet ako urobim to menu :D
tom.tom11
Star
Star
Príspevky: 513
Registrovaný: 09 feb 2006, 15:29
Bydlisko: Vsade len nie doma :)
Kontaktovať používateľa:

Príspevok od používateľa tom.tom11 »

Kód: Vybrať všetko

<div id="wrap">
<div id="top_left_wrap">
</div>
<div id="top_main_wrap">
</div>
<div id="top_right_wrap">
</div>
<div id="main_wrap">
obsah
</div>
<div id="bottom_left_wrap">
</div>
<div id="bottom_main_wrap">
</div>
<div id="bottom_right_wrap">
</div>
</div>
CSS

Kód: Vybrať všetko

#wrap {
width: 800px;
margin: 0px auto;
text-align: left;
}

#top_left_wrap {
width: xy px;
background: url(img.png) no-repeat;
float: left;
}

#top_main_wrap {
width: xy px;
background: url(img2.png) repeat-x;
float: left;
}

#top_right_wrap {
width: xy px;
background: url(img3.png) no-repeat;
float: left;
}

#main_wrap {
width: xy px;
background: url(img_main.png) repeat-y;
float: left;
}

#bottom_left_wrap {
width: xy px;
background: url(img4.png) no-repeat;
float: left;
}

#bottom_main_wrap {
width: xy px;
background: url(img5.png) repeat-x;
float: left;
}

#bottom_right_wrap {
width: xy px;
background: url(img6.png) no-repeat;
float: left;
}
Mal by si mat zaoblene konce....a po malej uprave main_wrap mozes roztahovat obsah. cast kolko chces
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Príspevok od používateľa awtt »

pozri aj tu ak chces :)

si to samozrejme vystrihni aby ti to presne zapasovalo, ja som to narychlo...

Kód: Vybrať všetko

http://www.efrafa.com/tmp/3/index.htm

http://www.efrafa.com/tmp/3/style.css
saldir
Medium Star
Medium Star
Používateľov profilový obrázok
Príspevky: 333
Registrovaný: 11 feb 2008, 21:51
Bydlisko: Doma

Príspevok od používateľa saldir »

noo to je ono THX :) a teraz by som chcel vediet to menu mam link: http://www.cssplay.co.uk/menus/drop_line.html ...

//autoeditácia príspevku ( 10 Sep 2008, 20:35 )
jheej ja som si to precital a daco som z tej patlaninky rozumel :D a tu je vysledok :D http://steve.revuca.net/menu.html
Napísať odpoveď