[ Príspevkov: 20 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.03.08
Prihlásený: 27.12.20
Príspevky: 2680
Témy: 216 | 216
Bydlisko: Humenne
NapísalOffline : 03.02.2010 21:58 | zalozky

Zdravim, mam mensi problem so strankou. Mam header a pred nim su zaoblene zalozky, doteraz som to mal riesene tak, ze za tymy zalozkami bolo jednofarebne pozadie, cize ako mam obrazokzalozky tak nad kazdym som mal pasik farby, ktory bol na pozadi resp. za zalozkami. No teraz tam chcem dat obrazok, ktory nieje jednofarebny, a ked vo photoshope zmalujem na tych zalozkach ten pasik, ktory je nad kazdou zalozkou(teraz je tam biela farba) tak asi na jednom to pekne splyva, cize je pekne zaoblena, ale na ostatnych uz to oble nieje lebo je vidno rozdiel. Potreboval by som nejaku radu s ktorou je najmenej roboty. Myslim, ze asi nastavit pre kazdy odkaz iny obrazok zalozky a tam by som si to uz doladil aby to splyvalo s pozadim, no neviem, ako to dopisat do css. Mozno existuje este nieco lahsie neviem. tu je css kod
Kód:
 #zalozky {
        width: 930px;
       
        }
      #zalozky ul {
        margin: 0 0 0 30px;
        padding: 0;
        list-style-type: none;
       
        }
      #zalozky li {
        float: left;
        display: inline;
        margin: 2px 8px 0 0;
        text-align: center;
        background:#F2F2F2 url("item.gif") no-repeat 0 -40px;
       
        }
      #zalozky li a, #zalozky li strong {
        display: block;
        width: 100px;
        height: 24px;
        line-height: 24px;
         }
      #zalozky li.active {
        position: relative;
        top: 2px;
        margin-top:0;
        height: 26px;
        background: #945013;
        background-position: 0 0;
        }
      #zalozky li a {
        color: black;
        text-decoration: underline;
        }
      #zalozky li a:hover {
        background:#E5E5E5 url("item.gif") no-repeat 0 -80px;
        }


Dakujem velmi pekne za rady :)


Offline

Užívateľ
Užívateľ
zalozky

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127 | 127
Bydlisko: Lehota pod ...
NapísalOffline : 03.02.2010 22:14 | zalozky

Neviem či som to pochopil, ale existuje aj priehľadnosť. PNG aj Gif(ten bude lepší) to zvládne.


_________________
Som fanúšikom Europa2point disco clubu. Už len kôli tomu menu, čo majú na webe...
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.03.08
Prihlásený: 27.12.20
Príspevky: 2680
Témy: 216 | 216
Bydlisko: Humenne
Napísal autor témyOffline : 03.02.2010 22:17 | zalozky

omg tolko som nad tym rozmyslal, ako to spravit, ale prehliadnost ma nenapadla :roll: Diky moc :)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline : 03.02.2010 22:20 | zalozky

Citácia:
Neviem či som to pochopil, ale existuje aj priehľadnosť. PNG aj Gif(ten bude lepší) to zvládne.

PNG24 disponuje priehladnostou
GIF iba transparentnym pozadim


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.03.08
Prihlásený: 27.12.20
Príspevky: 2680
Témy: 216 | 216
Bydlisko: Humenne
Napísal autor témyOffline : 03.02.2010 22:38 | zalozky

no ked som to spravil vo photoshope s priehladnym pozadim a dal to do png tak na stranke to priehladne nieje, to co malo byt priehladne je biele.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96 | 96
NapísalOffline : 03.02.2010 22:55 | zalozky

a dal si Save for Web? (skontroluj či máš zaškrtnuté Transparency)


Offline

Užívateľ
Užívateľ
zalozky

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127 | 127
Bydlisko: Lehota pod ...
NapísalOffline : 03.02.2010 23:15 | zalozky

Také záložky ako máš na obrázku sa dajú urobiť aj ako GIF. A bude to oveľa menší súbor.
Neviem ako to je vo photoshope, ale v Gimpe existuje pri otvorení nového obrázku voľba priesvitné pozadie, alebo sa to dá ešte urobiť v menu/vrstva/priehľadnosť/vložiť alfa kanál.
Potom iba vymažeš farbu tkorú chceš a pod ňou sa objavý podklad(mriežka).


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.03.08
Prihlásený: 27.12.20
Príspevky: 2680
Témy: 216 | 216
Bydlisko: Humenne
Napísal autor témyOffline : 03.02.2010 23:20 | zalozky

Tominator píše:
a dal si Save for Web? (skontroluj či máš zaškrtnuté Transparency)

jj skusal som aj toto, ale nefunguje to stale

camo píše:
Také záložky ako máš na obrázku sa dajú urobiť aj ako GIF. A bude to oveľa menší súbor.
Neviem ako to je vo photoshope, ale v Gimpe existuje pri otvorení nového obrázku voľba priesvitné pozadie, alebo sa to dá ešte urobiť v menu/vrstva/priehľadnosť/vložiť alfa kanál.
Potom iba vymažeš farbu tkorú chceš a pod ňou sa objavý podklad(mriežka).

vo phtoshope je to tak isto ;) Skusal som aj ako gif aj ako png, no stale je namiesto prehliadneho biele. diky vsetkym za rady


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline : 04.02.2010 6:17 | zalozky

skontroluj ci nemas viditelnu vrstvu background
ak nie uploadni psd subor


Offline

Užívateľ
Užívateľ
zalozky

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127 | 127
Bydlisko: Lehota pod ...
NapísalOffline : 04.02.2010 13:19 | zalozky

V tvojom prípade(keď už sú obrázky urobené), by sa to malo riešiť cez vložiť alfa kanál a potom zgumovať....
Viac ti už neviem poradiť.
Pri ukladaní sa tam niečo nezaškrtáva v zmysle ,,priesvitné pozadie,, a pod.?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline : 04.02.2010 13:24 | zalozky

Citácia:
Tominator napísal:
a dal si Save for Web? (skontroluj či máš zaškrtnuté Transparency)

jj skusal som aj toto, ale nefunguje to stale

len hadam kde mas chybu ale ak to mas vsetko v jednej vrstve
ak je to vrstva background tak 2xklik na nazov vrstvi tym vytvoris normalnu vrstvu
pouzi magic wand tool na pozadie > delete
save for web


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline : 04.02.2010 18:08 | zalozky

zalozky


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.03.08
Prihlásený: 27.12.20
Príspevky: 2680
Témy: 216 | 216
Bydlisko: Humenne
Napísal autor témyOffline : 04.02.2010 18:24 | zalozky

hmm, tak mne to stale ukazuje biele pozadie, pozeram aj css, ale nic tam take nevidim, co by to mohlo sposobovat...
btw diky


Offline

Užívateľ
Užívateľ
zalozky

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127 | 127
Bydlisko: Lehota pod ...
NapísalOffline : 04.02.2010 19:02 | zalozky

IE7 by to ešte mohol spôsobovať.


Offline

Čestný člen
Čestný člen
zalozky

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 04.02.2010 19:02 | zalozky

camo
Preco by mal?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline : 04.02.2010 19:05 | zalozky

chyba je tam ze mas priesvitny img ale background color bielu


Offline

Užívateľ
Užívateľ
zalozky

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127 | 127
Bydlisko: Lehota pod ...
NapísalOffline : 04.02.2010 19:06 | zalozky

No alebo IE6?
Jeden z nich určite nevie zobraziť priehľadné obrázky.
Možno to niekto upresní......


EDIT://
Glama:
:-D nó to sa nám ale krásne rozjasnilo.....
Snáď odpoveď nebude znieť ,,že to aj tak nefunguje,,


Naposledy upravil camo dňa 04.02.2010 19:09, celkovo upravené 1

Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81 | 81
NapísalOffline : 04.02.2010 19:08 | zalozky

nevedia zobrazit png24 teda ako si napisal priehladne obrazky -nato su tie pngfixi.
transparetne pozadie nieje priehladnost ale 1 nulova farba
Kód:
#zalozky {
        width: 930px;
       
        }
      #zalozky ul {
        margin: 0 0 0 30px;
        padding: 0;
        list-style-type: none;
       
        }
      #zalozky li {
        float: left;
        display: inline;
        margin: 2px 8px 0 0;
        text-align: center;
        background: url("item.gif") no-repeat 0 -40px;
       
        }
      #zalozky li a, #zalozky li strong {
        display: block;
        width: 100px;
        height: 24px;
        line-height: 24px;
         }
      #zalozky li.active {
        position: relative;
        top: 2px;
        margin-top:0;
        height: 26px;
        background-position: 0 0;
        }
      #zalozky li a {
        color: black;
        text-decoration: underline;
        }
      #zalozky li a:hover {
        background: url("item.gif") no-repeat 0 -80px;
        }


Offline

Užívateľ
Užívateľ
zalozky

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 04.02.2010 19:10 | zalozky

mas tam 2 farby F2F2F2 (skoro biela) E5E5E5 (bledo seda) ... daj tam namiesto toho transparent ... btw ak by si hodil zivu ukazku mal by si to uz pred niekolkymi hodinami ..


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.03.08
Prihlásený: 27.12.20
Príspevky: 2680
Témy: 216 | 216
Bydlisko: Humenne
Napísal autor témyOffline : 04.02.2010 20:11 | zalozky

jo funguje to, dakujem velmi pekne :)


 [ Príspevkov: 20 ] 


zalozky



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Zalozky

v JavaScript, VBScript, Ajax

13

904

16.12.2008 9:59

max-m

V tomto fóre nie sú ďalšie neprečítané témy.

Zalozky /zalohovanie/

v Sieťové a internetové programy

5

876

22.11.2005 23:45

Spectral

V tomto fóre nie sú ďalšie neprečítané témy.

Chrome zalozky

v Služby a webstránky

2

315

16.02.2018 20:39

DrunkBear

V tomto fóre nie sú ďalšie neprečítané témy.

firefox založky

v Sieťové a internetové programy

0

484

05.10.2008 20:57

McDog

V tomto fóre nie sú ďalšie neprečítané témy.

Mozilla Firefox - záložky

v Sieťové a internetové programy

5

907

01.12.2010 10:54

macomh

V tomto fóre nie sú ďalšie neprečítané témy.

ako kopirovat zalozky?

v Sieťové a internetové programy

2

872

25.08.2008 17:47

ranko

V tomto fóre nie sú ďalšie neprečítané témy.

Založky v programe...

v Assembler, C, C++, Pascal, Java

1

370

01.10.2012 11:36

Fico

V tomto fóre nie sú ďalšie neprečítané témy.

kde sú záložky

v Sieťové a internetové programy

3

508

23.04.2008 9:36

brm

V tomto fóre nie sú ďalšie neprečítané témy.

Opera - stratene zalozky

v Sieťové a internetové programy

0

528

19.09.2007 22:00

okooko

V tomto fóre nie sú ďalšie neprečítané témy.

google chrome zalozky

v Sieťové a internetové programy

1

392

20.12.2010 0:49

majso

V tomto fóre nie sú ďalšie neprečítané témy.

Chrome - lepšie záložky

v Sieťové a internetové programy

0

276

20.10.2012 21:36

Shwollo

V tomto fóre nie sú ďalšie neprečítané témy.

Záložky v html

v JavaScript, VBScript, Ajax

3

596

20.07.2011 23:43

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Mozilla Firefox,zalozky

v Sieťové a internetové programy

1

567

02.02.2008 13:50

Doudo

V tomto fóre nie sú ďalšie neprečítané témy.

Zalozky - CSS IE BUG

v HTML, XHTML, XML, CSS

2

478

18.12.2008 9:19

max-m

V tomto fóre nie sú ďalšie neprečítané témy.

Google Chrome záložky prehliadača

v Sieťové a internetové programy

4

468

27.09.2020 18:38

marinator

V tomto fóre nie sú ďalšie neprečítané témy.

Nokia E51 - zákl. záložky

v Mobilné zariadenia

0

759

29.11.2008 20:11

KingTommy



© 2005 - 2024 PCforum, edited by JanoF