HTML

Hardware, software, mobiteli, programiranje, internet...

Moderator: Benq

User avatar
shiljak
Posts: 6496
Joined: 13/01/2005 11:58
Location: internet

#1 HTML

Post by shiljak »

Kako da napravim traku zaobljenu kao na ovoj stranici (citav pravugaonik obal :D )

http://www.microsoft.com/downloads/deta ... laylang=en
žohar
Posts: 67
Joined: 01/08/2005 10:29

#2

Post 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
User avatar
shiljak
Posts: 6496
Joined: 13/01/2005 11:58
Location: internet

#3

Post 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
User avatar
bug
Posts: 15805
Joined: 22/12/2002 00:00
Location: the place 2b

#4

Post by bug »

:D :D :D
car-x
Posts: 3483
Joined: 14/06/2002 00:00
Location: Dunaj
Contact:

#5

Post 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..
Toozla
Posts: 3220
Joined: 07/12/2004 02:12
Location: Sarajevo_USA

#6

Post 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>
Bobi
Forum administrator
Posts: 37885
Joined: 30/10/2002 00:00
Location: http://www.klix.ba
Grijem se na: J.P."Grijanje"Zenica
Vozim: TDI sve crveno
Contact:

#7

Post 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 .
car-x
Posts: 3483
Joined: 14/06/2002 00:00
Location: Dunaj
Contact:

#8

Post 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..
User avatar
shiljak
Posts: 6496
Joined: 13/01/2005 11:58
Location: internet

#9

Post 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: )
Toozla
Posts: 3220
Joined: 07/12/2004 02:12
Location: Sarajevo_USA

#10

Post 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.....
User avatar
perke
Posts: 2316
Joined: 31/12/2003 00:00
Location: Rade Paprica - pitarima cuclica

#11 Re: HTML

Post 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
La_Forge
Posts: 644
Joined: 14/06/2002 00:00
Location: Sarajevo

#12

Post 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
User avatar
sekiracija
Posts: 1004
Joined: 07/06/2003 00:00

#13 Re: HTML

Post 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
car-x
Posts: 3483
Joined: 14/06/2002 00:00
Location: Dunaj
Contact:

#14

Post 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..
La_Forge
Posts: 644
Joined: 14/06/2002 00:00
Location: Sarajevo

#15

Post 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
car-x
Posts: 3483
Joined: 14/06/2002 00:00
Location: Dunaj
Contact:

#16

Post 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..
La_Forge
Posts: 644
Joined: 14/06/2002 00:00
Location: Sarajevo

#17

Post 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 ...
:-?
car-x
Posts: 3483
Joined: 14/06/2002 00:00
Location: Dunaj
Contact:

#18

Post 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..
La_Forge
Posts: 644
Joined: 14/06/2002 00:00
Location: Sarajevo

#19

Post 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...
G
Posts: 7
Joined: 10/05/2005 10:22
Contact:

#20

Post 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>
User avatar
perke
Posts: 2316
Joined: 31/12/2003 00:00
Location: Rade Paprica - pitarima cuclica

#21

Post 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
La_Forge
Posts: 644
Joined: 14/06/2002 00:00
Location: Sarajevo

#22

Post by La_Forge »

:D
extra perke, fakat su lude ...

imaš li još linkova vezanih za CSS ...
G
Posts: 7
Joined: 10/05/2005 10:22
Contact:

#23

Post 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"? :?
User avatar
perke
Posts: 2316
Joined: 31/12/2003 00:00
Location: Rade Paprica - pitarima cuclica

#24

Post 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 :-)
neko iz mase
Posts: 2018
Joined: 29/12/2004 21:18

#25

Post by neko iz mase »

La_Forge wrote::D
extra perke, fakat su lude ...

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

http://www.w3schools.com
Post Reply