Page 1 of 2

#1 HTML

Posted: 31/08/2005 12:30
by shiljak
Kako da napravim traku zaobljenu kao na ovoj stranici (citav pravugaonik obal :D )

http://www.microsoft.com/downloads/deta ... laylang=en

#2

Posted: 31/08/2005 12:37
by žohar
shiljak, opet ti tvoje nebuloze.pa ovo možeš i u Paintu nacrtat.
:D :D :D :D :D :D :D :D :D :D
SHILJAK-Legendo

#3

Posted: 31/08/2005 12:53
by shiljak
žohar wrote:shiljak, opet ti tvoje nebuloze.pa ovo možeš i u Paintu nacrtat.
:D :D :D :D :D :D :D :D :D :D
SHILJAK-Legendo
Mislis li da je i microsoft crto na paintu :D

#4

Posted: 31/08/2005 16:44
by bug
:D :D :D

#5

Posted: 31/08/2005 16:49
by car-x
shiljak wrote:
žohar wrote:shiljak, opet ti tvoje nebuloze.pa ovo možeš i u Paintu nacrtat.
:D :D :D :D :D :D :D :D :D :D
SHILJAK-Legendo
Mislis li da je i microsoft crto na paintu :D
shiljak, care magle, ja mislim da je ovo bill gates licno sestarom crto..

#6

Posted: 31/08/2005 16:58
by Toozla
....siljak......odes na source i pogledas..... :D
<div id="details" xmlns:helper="http://www.microsoft.com/MSCOM/Download ... rosoft&reg; Windows AntiSpyware (Beta)</h1>[/b]<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td valign="top" class="leftarea"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><div id="genuineNotValidated"><div class="topCorners"><div class="l1"></div><div class="l2"></div><div class="l3"></div><div class="l4"></div></div><div id="quickInfoHeader"><span style="float:right;"><form type="get" class="GetForm" action="info.aspx"><input type="hidden" name="na" value="64"><input type="hidden" name="p" value="0"><input type="hidden" name="u" value="winGenuineDecision.aspx"><input type="hidden" name="SrcDisplayLang" value="en"><input type="hidden" name="SrcCategoryId" value=""><input type="hidden" name="SrcFamilyId" value="321cd7a2-6a57-4c57-a8bd-dbf62eda9671"><input type="hidden" name="f" value="f"><input type="hidden" name="familyId" value="321cd7a2-6a57-4c57-a8bd-dbf62eda9671"><input type="hidden" name="displayLang" value="en"><input type="hidden" name="Hash" value=""><input id="btnDownload" type="submit" class="infodownloadButton" value="Continue"></form></span><div style="text-align:left;"><a href="info.aspx?na=67&p=&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=321cd7a2-6a57-4c57-a8bd-dbf62eda9671&u=%2fgenuine%2fdownloads%2fWhyValidate.aspx%3ffamilyid%3d321cd7a2-6a57-4c57-a8bd-dbf62eda9671%26displaylang%3den"><img width="11" height="11" alt="Genuine Windows download" title="This download is available to users running genuine Microsoft Windows. Click the icon for more information." src="img/11x11_arrow2.gif"></a>&nbsp;Validation Required</div></div><table cellpadding="0" cellspacing="0" border="0" width="100%" id="quickInfoContents"><tr><td colspan="3" class="QuickInfoDescription">This download is available to customers running <a href="info.aspx?na=63&p=&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=321cd7a2-6a57-4c57-a8bd-dbf62eda9671&u=%2fgenuine%2fdownloads%2fWhyValidate.aspx%3ffamilyid%3d321cd7a2-6a57-4c57-a8bd-dbf62eda9671%26displaylang%3den">genuine Microsoft Windows</a>. Please click the <b>Continue</b> button to begin Windows validation. <hr></td></tr><tr><td colspan="3"><table cellpadding="0" cellspacing="0" border="0"><tr><td class="QuickInfoBoxes"><p><b>File Name:</b></p></td><td><img src="img/1ptrans.gif" height="1" width="20"></td><td class="QuickInfoBoxes"><p>MicrosoftAntiSpywareInstall.exe</p></td></tr><tr><td class="QuickInfoBoxes"><p><b>Version:</b></p></td><td></td><td class="QuickInfoBoxes"><p>Beta</p></td></tr><tr><td class="QuickInfoBoxes"><p><b>Date Published:</b></p></td><td><img src="img/1ptrans.gif" height="1" width="20"></td><td class="QuickInfoBoxes"><p>7/18/2005</p></td></tr><tr><td class="QuickInfoBoxes"><p><b>Language:</b></p></td><td></td><td class="QuickInfoBoxes"><p>English</p></td></tr><tr><td class="QuickInfoBoxes"><p><b>Download Size:</b></p></td><td></td><td class="QuickInfoBoxes"><p>6700 KB</p></td></tr><tr><td class="QuickInfoBoxes"><p><b>Estimated Download Time: </b></p></td><td></td><td class="QuickInfoBoxes" id="staticEstimate"><p>16 min @ 56K</p></td><td class="QuickInfoBoxes" id="dynamicEstimate" style="display:none;"><form name="downloadTime" class="GetForm"><nobr><span id="displayTime" name="displayTime">16 min @</span>&nbsp;<select name="connspeed" class="EstTimeDropdown" onchange="getTime(this);"><option value="du56" selected="">Dial-up (56K)</option><option value="dsl256">DSL/Cable (256K)</option><option value="dsl768">DSL/Cable (768K)</option><option value="t1">T1 (1.5M)</option></select>&nbsp;</nobr></form></td></tr>

#7

Posted: 31/08/2005 17:01
by Bobi
Jah...a sta da gleda zhivota ti... :lol: ...ja sam skuzhio...al hocel on..samo da kazhem da nema veze sa crtanjem u Paintu...ne navlachite choeka :D .

#8

Posted: 31/08/2005 17:03
by car-x
shiljak, obrati paznju na vake stvari kod div-tagova:

class="topCorners"

i potrazi malo na google sta znaci cascading style sheets i kako se koriste..

#9

Posted: 31/08/2005 20:08
by shiljak
car-x wrote:shiljak, obrati paznju na vake stvari kod div-tagova:

class="topCorners"

i potrazi malo na google sta znaci cascading style sheets i kako se koriste..
mozeli kakav primjer, ja nesto probo al nefunkcionise (isto koda nisam to upiso :roll: )

#10

Posted: 31/08/2005 20:40
by Toozla
shiljak wrote:
car-x wrote:shiljak, obrati paznju na vake stvari kod div-tagova:

class="topCorners"

i potrazi malo na google sta znaci cascading style sheets i kako se koriste..
mozeli kakav primjer, ja nesto probo al nefunkcionise (isto koda nisam to upiso :roll: )
....moras imati css file i moras ga referencirati na pocetku html stranice... :D
<link rel="STYLESHEET" type="text/css" href="/downloads/loc/en/DC.css">
...otvori source za link koji si postavio pa ces naci reference za vise od jednog css file-a.....

#11 Re: HTML

Posted: 31/08/2005 20:56
by perke
shiljak wrote:Kako da napravim traku zaobljenu kao na ovoj stranici (citav pravugaonik obal :D )

http://www.microsoft.com/downloads/deta ... laylang=en
nacrtaj obli pravougaonik :D majstore painta :D :D

#12

Posted: 16/09/2005 17:41
by La_Forge
dok lebdimo oko teme HTMLa...

pokušavam da napravim pozadinu (background) stranice u gradient stilu ... znači da prelazi iz jedne u drugu boju, vertikalno ili horizontalno, svejedno ...

kojom metodom bih to mogao da radim ...
pročitao am dosta helpa i nisam našao drugo riješenja osim pravljenja slike koju linkom povežem kao pozadinu ... to i nije neka sreća s obzirom da će se rezolucija i veličina stranica razlikovati kod dosta ljudi ...

:?
help

#13 Re: HTML

Posted: 16/09/2005 17:47
by sekiracija
shiljak wrote:Kako da napravim traku zaobljenu kao na ovoj stranici (citav pravugaonik obal :D )

http://www.microsoft.com/downloads/deta ... laylang=en
obali mi mog to nije tako tesko samo odi na ofice :D

#14

Posted: 19/09/2005 10:53
by car-x
La_Forge wrote:dok lebdimo oko teme HTMLa...

pokušavam da napravim pozadinu (background) stranice u gradient stilu ... znači da prelazi iz jedne u drugu boju, vertikalno ili horizontalno, svejedno ...

kojom metodom bih to mogao da radim ...
pročitao am dosta helpa i nisam našao drugo riješenja osim pravljenja slike koju linkom povežem kao pozadinu ... to i nije neka sreća s obzirom da će se rezolucija i veličina stranica razlikovati kod dosta ljudi ...

:?
help
napravi gradient file sirine 1px i visine koliko god hoces.. (npr. 1400px).. gdje ti se donji kraj zavrsava na skoro pa bijelu boju (namah se nece primijetiti ni prelaz)

i css-u za body napravis nesto u fazonu (ne znam sve atribute napamet, pa se modza desi da nije bas sto posto ispravan):

body {
background-image: url(tvoj_gradient_image.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}

moze i bez ovog zadnjeg.. sa fixed pozadina ti ne skrola..

i bez obzira o kojoj se rezoluciji radilo, ucitace se tvoj image kao pozadina, i to koja se ne ponavlja, samo jednoc, a ako je rezolucija veca od npr. 1400 (koliko je "visok" tvoj image) ona donja ivica ce preci u bijelu pozadinu browsera.. ili bilo koju drugu kojo stavis kao background-color..

valjda ti je jasno..

#15

Posted: 19/09/2005 13:57
by La_Forge
to care, puno si mi pomaogao, dobar fol skroz ... :D

a može i pjehe, već sam isprobao... stavim pjehe link na ovaj jpg, znači i bez css-a...

hvala

#16

Posted: 19/09/2005 14:06
by car-x
La_Forge wrote:to care, puno si mi pomaogao, dobar fol skroz ... :D

a može i pjehe, već sam isprobao... stavim pjehe link na ovaj jpg, znači i bez css-a...

hvala
moze, ali uz css odredjujes "ponasanje" background-a, kad se radi o posjetiocima sa razlicitim rezolucijama..

mozes koristiti i "inline" style sheets:

<body style="background-image: ....">

ali treba potencirati externu verziju..

#17

Posted: 29/09/2005 15:47
by La_Forge
hoj care, imam novu dilemu a vezana je za ove obe tematike u postu ...

pazi sada...

ubacim mu najnormalnije pozadinu kao što smo i raspravili gore.,...

sada hoću da stavim "oble" (rounded corners) rubove na ćoškove ...
ja sam to dosada radio pomoću tabela, tako što sam na ćoškove ubacivao gifove (koji su naravno bili okrugli)

dosada niasm imao priliku da radim opciju ovih zaobeljenja sa nekom pozadinom.. sada radim jednu stranicu u kojoj mi je background kosa linija ...
na mjestima gdje mi se nalaze rubovi je sada poprilično teško nakurikati pozadinu ....

ima li neka druga opcija , pomaži ...
:-?

#18

Posted: 29/09/2005 15:59
by car-x
La_Forge wrote:hoj care, imam novu dilemu a vezana je za ove obe tematike u postu ...

pazi sada...

ubacim mu najnormalnije pozadinu kao što smo i raspravili gore.,...

sada hoću da stavim "oble" (rounded corners) rubove na ćoškove ...
ja sam to dosada radio pomoću tabela, tako što sam na ćoškove ubacivao gifove (koji su naravno bili okrugli)

dosada niasm imao priliku da radim opciju ovih zaobeljenja sa nekom pozadinom.. sada radim jednu stranicu u kojoj mi je background kosa linija ...
na mjestima gdje mi se nalaze rubovi je sada poprilično teško nakurikati pozadinu ....

ima li neka druga opcija , pomaži ...
:-?
jesi cuo za layers?

<div id="citava_stranica">
<div id="lijevo_gore"></div>
<div id="desno_gore></div>
</div>

i onda u style sheets samo ih pozicioniras gdje hoces, i das im pozadinu i sve ostalo sto hoces.. npr:

#citava_stranica {
width: 500px;
height: 200px;
text-align: center;
}

#lijevo_gore {
width: 250px;
height: 200px;
background-image: url(prvi_cosak.jpg);
float: left;
}

#desno_gore {
width: 250px;
height: 200px;
background-image: url(drugi_cosak.jpg);
float: left;
}

jasno? ne znam sad na pamet, ali tako bi nesto trebalo biti..

#19

Posted: 30/09/2005 00:45
by La_Forge
#desno_gore {
width: 250px;
height: 200px;
background-image: url(drugi_cosak.jpg);
float: left;
}

:? valjda float: right

ovo je metoda putem css-a ali u stvari isto (samo jednostavnije i standardizovano) ...
ali imam opet isti problem.... pozadina ovog npr drugi_ćošak.jpg mi odudara od background-a stranice... kad ga režem ostane mi svakako četvrtasta slika koja na onom oblom dijelu ostavlja prostora za background ...
shvataš li uopšte šta pričam ...??

svakako ti hvala legendo.... a ako si me skonto odgovaraj, ako nisi opet odgovaraj...

#20

Posted: 10/10/2005 05:41
by G
mozes isto da ucinis to sa DL (definition list)

Code: Select all

<dl class="dojnji">
<dt class="gornji"></dt>
<dd></dd>
</dl>
definises 2-3 klase za "dl.dojnji" i "dt.gornji"...

Code: Select all

dl.dojnji {
  width: 200px;
  margin: 0 0 20px 20px;
  background: #dedede url(slika_dole.gif)  &raquo;
  no-repeat bottom left;
  }

dt.gornji {
  margin: 0;
  padding: 10px;
  background: #dedede url(slika_gore.gif)  &raquo;
  no-repeat top left;
  }

koristis ovako

Code: Select all

<dl class="dojnji">

<dt class="gornji">
Ovo bi bio naslov
</dt>

<dd>
Ovdje sadrzaj ubacis... mozes dd takova da ubacis koliko zelis, "kocka sa zaobljenim uglovima" ce da se skalira prema sadrzaju u bilo kojem slucaju ... 
</dd>

</dl>

#21

Posted: 10/10/2005 06:17
by perke
Nema potrebe za koristenjem liste definicija :shock: one definisu liste i za to bi ih trebalo i koristiti :-)

@La Forge...da ne tupim ovde puno ..pogledaj ovo http://www.cssplay.co.uk/boxes/snazzy.html
ovo je rounded bez slika
:D

a ovo je malo extremnija igra sa borderima
http://www.cssplay.co.uk/boxes/krazy.html
:D

procackaj, ovaj lik je genijalac :roll: :D

#22

Posted: 10/10/2005 07:55
by La_Forge
:D
extra perke, fakat su lude ...

imaš li još linkova vezanih za CSS ...

#23

Posted: 10/10/2005 08:59
by G
kao prvo ...
cool je nacin pravljenja zaobljenih uglova, ali markup mu je za KECA ...

perke wrote:Nema potrebe za koristenjem liste definicija :shock: one definisu liste i za to bi ih trebalo i koristiti :-)
hmm, znaci po tebi je logicnije imati onako ono nakiceno sa praznim "b" elementima, nego imati jednostavan i razuman markup?

ne vidim razliku, zasto se ne bi mogle koristiti liste definicija za ovo?
kada vec odobravas koristenje bezpotrebno "b" elemente. zasto bi iznimka bila sa "dl"? :?

#24

Posted: 11/10/2005 01:42
by perke
G wrote:kao prvo ...
cool je nacin pravljenja zaobljenih uglova, ali markup mu je za KECA ...

perke wrote:Nema potrebe za koristenjem liste definicija :shock: one definisu liste i za to bi ih trebalo i koristiti :-)
hmm, znaci po tebi je logicnije imati onako ono nakiceno sa praznim "b" elementima, nego imati jednostavan i razuman markup?

ne vidim razliku, zasto se ne bi mogle koristiti liste definicija za ovo?
kada vec odobravas koristenje bezpotrebno "b" elemente. zasto bi iznimka bila sa "dl"? :?
:-) nisam rekao da odobravam :shock: sajt je cista eksperimentala :D
ako niste vidjeli :D pogledajte strukturu ovih :D praznih b :D :D

semantika=nidjeveze :-) :D

a ovo b je bilo cisto da se pokaze da moze ...nista vise :-) :D :D

i mojne bit' nervozan :D :D mlad si josh :-)

#25

Posted: 11/10/2005 16:52
by neko iz mase
La_Forge wrote::D
extra perke, fakat su lude ...

imaš li još linkova vezanih za CSS ...

http://www.w3schools.com