WebArtFolio: kozioo

[kozioo]

Czołem,

Tak powoli dłubię sobie nową stronę, a w zasadzie kończę.

 

Póki co "skorupa" w html dostępna jest tutaj:

http://kozioo.com/a_index.htm

linki jeszcze nie działają, bo nie mają po co i do czego prowadzić.

 

Czekam aż znajomy pomoże mi ze skryptami do galerii - zamysł jest taki, żeby na głównej stronie pojawiały się 3 losowe prace.

Tradycyjnie jest problem z IE - strona się rozpada. Jeśli jakiś ekspert byłby mi w stanie z tym pomóc będę niezmiernie wdzięczny :)

Poza tym oczywiście chętnie posłucham opinii i komentarzy.

[FlooX]

z IE zawsze jest problem :P

ale wszystko da sie zrobić ;)

 

zbytnio nie ma czego na razie oceniać, lecz to co jest podoba mi się :)

jest prosto i łatwy dostęp do prac co jest najwazniejsze

[kozioo]

Podbijam temat, pojawiło się trochę zawartości.

http://kozioo.com/projekty.php

 

Ponawiam prośbę o pomoc z optymalizacją pod IE - szczególnie chodzi mi o ciemny gradient u góry strony - czemu nie dochodzi do końca ekranu?

[n0xx]

w css masz cos takiego:

body

{

background: url(bg.jpg) repeat top center;

text-align: center;

width: 99%;

overflow: scroll;

font-family: "times new roman";

font-size: 8px;

}

 

a do body dodaj jeszcze tak:

- zmien z width: 99% na 100%

dodaj :

height: 100%;

margin-top: 0;

 

Pozatym troche "glupio" to robisz.

#grad_gora

{

height: 279px;

width: 100%;

background: url(gradient_gora.png) repeat top center;

position:absolute;

left:0px;

top:0px;

z-index: -1;

}

 

Po cholere tak ?

"wytnij sobie" np taka czesc tla jak tutaj zaznaczylem (tlo = paski+gradient z gory jako calosc)

http://img241.imageshack.us/my.php?image=kozioopi7.jpg

daj to jako bg

pozniej wytnij sobie pasek na pare pixeli, na cala dlugosc strony zeby byly na nim 2 paski+gradient z gory

i dopisz to w css:

background-image: url(tunazwatwojegopaska.jpg);

background-repeat: repeat-x;

[polon]

dobrze gdyby w lightboxie byl "next", bo bez tego troche miernie jest

 

ym, przyciski chyba tak by można zrobic

 

http://www.elated.com/articles/css-rollover-buttons/

 

z tej strony kod

 

#emailUs

{

display: block;

width: 107px;

height: 23px;

background: url("emailUs.gif") no-repeat 0 0;

 

}

 

#emailUs:hover

{

background-position: 0 -23px;

}

 

#emailUs span

{

display: none;

}

Edytowane 24 Październik 2008 przez polon

[kozioo]

a do body dodaj jeszcze tak:

- zmien z width: 99% na 100%

dodaj :

height: 100%;

margin-top: 0;

 

Gdy zmienię width na 100% pojawia się w FF pasek do poziomego przesuwania, natomiast pod IE dalej gradient kończy się zbyt szybko.

 

Po cholere tak ?

"wytnij sobie" np taka czesc tla jak tutaj zaznaczylem (tlo = paski+gradient z gory jako calosc)

http://img241.imageshack.us/my.php?image=kozioopi7.jpg

daj to jako bg

pozniej wytnij sobie pasek na pare pixeli, na cala dlugosc strony zeby byly na nim 2 paski+gradient z gory

i dopisz to w css:

background-image: url(tunazwatwojegopaska.jpg);

background-repeat: repeat-x;

 

Tło oprócz pasków jest rozświetlone na środku - wycięcie 2 pasków i tile'owanie ich nie pozwoli na osiągnięcie takiego efektu:)

 

 

dobrze gdyby w lightboxie byl "next", bo bez tego troche miernie jest

Fakt, dodam możliwośc przełączania się między pracami.

[wink25]

No cóż wszystko fajne tylko to tło jak dla mnie zbyt uwydatnione. Bardziej widać tło strony niż to co się na niej znajduje, a chyba powinno być na odwrót ;]. Powodzenia ;].