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.

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

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?

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;

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 200816 l przez polon

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.

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 ;].