Przejście kkoloru w tle

STARTER · 27 Luty 2006 19:42

czy da się zrobić takie tło tabeli:

http://i2.tinypic.com/oqiy6d.jpg

rzecz jasna bez wklejania obrazka…

Airborn · 27 Luty 2006 19:45

mozesz wpisywac tylko kolory z plaety, wiec nieuzyskasz gradientu w ten sposob

STARTER · 27 Luty 2006 19:52

ale żeby użyć kolorów: #FFFFFF i #FF0000 i między nimi jakoś zrobić przejście… nieda sie tak wogóle?

adpawl · 27 Luty 2006 19:52

Da się!

przykład:

Airborn · 27 Luty 2006 20:04

ale dziala to tylko w IE

BalonPL · 27 Luty 2006 20:17

jaki problem jest zrobic sobie taki gradient ? w jakims programie graficznym… potem tniesz to na 1px wysokosci i grasz i masz…

adpawl · 27 Luty 2006 20:28

No tak, ale jakoś nie zauważyłem by autor tematu prosił o kod działający nie tylko pod IE

Swoją drogą:

http://www.designdetector.com/demos/css … demo-1.php

Faktem jednak jest, że najlepiej wykorzystać gradient z pliku graficznego

…gradient można jeszcze jednak wygenerować skryptem php, lub wstawką svg.

Airborn · 27 Luty 2006 20:32

a zauwazyles aby prosil o taki dzialajacy tylko pod IE

btw: z tym css to fajna sprawa

Cudny · 27 Luty 2006 22:24

adpawl - napisz mi prosze jaki to cudowny skrypt php wygeneruje ci gradient tla ??

Kiedys sie bawilem i wymyslilem ze mozna podzielic strone na 256 kolumn

');};

OCZYWISCIE KOD TEN JEST BEZ SENSU I NIE SPELNIA SWOJEJ ROLI. Nie wyzywac mnie o niego ;p To tylko edukacyjnie ;]

Juz kiedys sobie myslalem wlasnie o gradiencie ale… dalem sobie spokoj BO SIE NIE DA ! Tylko explorer ma filtry umozliwiajace takie cuda ale teraz mniej niz 50% populacji internetowej ;p uzywa tego badziewia.

Jedyny sensowny sposob to pasek o szerokosci 1px i tyle

pzdr

BalonPL · 28 Luty 2006 18:44

wszystko mozna ;p

http://northslope.lap.pl/dev/Color/Color-0.3/usage.php

ale to jest wyzsza szkola jazdy

adpawl · 28 Luty 2006 19:30

Np. taki:

<?php //klasa class gradient_image { var $from; var $to; var $steps; var $width; var $height; function gradient_image($from, $to, $steps, $width, $height) { $this->from = $this->getHexValues($from); $this->to = $this->getHexValues($to); $this->steps = $steps; $this->width = $width; $this->height = $height; } function getHexValues($color) { $color = substr($color, -6); return array(hexdec(substr($color, 0, 2)), hexdec(substr($color, 2, 2)), hexdec(substr($color, 4, 2))); } function createArray() { $red = ($this->to[0] - $this->from[0]) / ($this->steps-1); $green = ($this->to[1] - $this->from[1]) / ($this->steps-1); $blue = ($this->to[2] - $this->from[2]) / ($this->steps-1); for($i = 0; $i < $this->steps; $i++) { $newred = $this->from[0] + round($i * $red); $newgreen = $this->from[1] + round($i * $green); $newblue = $this->from[2] + round($i * $blue); $return[$i] = array($newred, $newgreen, $newblue); } return $return; } function createImage($vertical = true) { if ($vertical) { if ($this->steps > $this->width) $this->steps = $this->width; } else { if ($this->steps > $this->height) $this->steps = $this->height; } $im = imagecreatetruecolor($this->width, $this->height); $gradient = $this->createArray(); foreach ($gradient as $color) { $red = $color[0]; $green = $color[1]; $blue = $color[2]; $colors[] = imagecolorallocate($im, $red, $green, $blue); } if ($vertical) { $step = $this->width / $this->steps; $y = $this->height; if ($step == 1) for ($x = 0, $i = 0; $x < $this->width; $x += $step, $i++) imageline($im, $x, 0, $x, $y, $colors[$i]); else for ($x = 0, $i = 0; $x < $this->width; $x += $step, $i++) imagefilledrectangle($im, $x, 0, $x + $step, $y, $colors[$i]); } else { $step = $this->height / $this->steps; $x = $this->width; if ($step == 1) for ($y = 0, $i = 0; $y < $this->height; $y += $step, $i++) imageline($im, 0, $y, $x, $y, $colors[$i]); else for ($y = 0, $i = 0; $y < $this->height; $y += $step, $i++) imagefilledrectangle($im, 0, $y, $x, $y + $step, $colors[$i]); } return $im; } function createPNG($im = false, $interlaced = false) { if (!$im) $im = $this->createImage(); if ($interlaced) imageinterlace ($im, 1); header("Content-type: " . image_type_to_mime_type(IMAGETYPE_PNG)); imagepng($im); imagedestroy($im); } function createJPEG($im = false, $progressive = false, $quality = 75) { if (!$im) $im = $this->createImage(); if ($progressive) imageinterlace ($im, 1); header("Content-type: " . image_type_to_mime_type(IMAGETYPE_JPEG)); imagejpeg($im, ‘’, $quality); imagedestroy($im); } } //skrypt $fade_from = “#000000”; $fade_to = “#000FFF”; $steps = 50; $width = 320; $height = 240; $gradient = new gradient_image($fade_from, $fade_to, $steps, $width, $height); $im = $gradient->createImage(false); $gradient->createPNG($im, true); ?>

Cudny · 28 Luty 2006 20:46

adpawl z tego co widze to ten skrypt i tak tworzy image a nie robi jakiegos tam tla ;]

balonPL - jestem ciekawy - czy to sa poszczegolne wierssze tabeli czy rzeczywiscie tlo gradientowe ?? I czy w ogole da sie to wstawic jako tlo jezeli, np nie masz wyznaczonej stalej szerokosci tabeli (np masz tylko width a nie masz ustalonego height) ?? Jestem ciekawy bo jak to rzeczywiscie dziala tak jak to widze to ktos mial nie glupi pomysl - kiedys sam chcialem cos takiego zrobic ale zrezygnowalem z przekonaniem ze w php sie nie da.

Przy okazji jak mozesz to podaj link do zrodla lub jesli masz to wstaw je tu (o ile nie zlamiesz praw autorskich ;p).

pzdr

BalonPL · 28 Luty 2006 20:55

To jest oparte na divach wiec to po tym sie nie bedzie dalo pisac ;/

http://forum.php.pl/index.php?showtopic=29987 to jest napisane na PHP5

Cudny · 28 Luty 2006 21:09

dla tego wlasnie stwierdzilem ze nie da sie zrobic tego w php ;]

duzo sie nie pomylilem

Tak samo mozna zrobic w stylach zapetlajac game danego koloru w tabelach (border=“0”) w tedy kazda kolumna lub jak kto woli wiersz bedzie mial inna barwe i wyjdzie gradient ;] ale tez nic na tym nie napiszesz (chyba ze wykorzystasz pozycjonowanie - ale to strata czasu - lepiej gif 1px)

ps. oczywiscie do zapetlenia uzywasz php - zapomnialem dodac ;p

pzdr

cudny

adpawl · 28 Luty 2006 21:13

No i dobrze widzisz… :mrgreen:

Podałem to tylko jako jedno z rozwiązań, które nie wymaga fizycznego wstawienia obrazka …obrazek z gradientem jest tu generowany dynamicznie.

Wcześniej podałem też link do przykładu opartego na divach i filtrze… :roll:

Więcej możliwości w chwili obecnej nie widzę :?

_____________________

A sprawdzony i normalny pasek 1px, to niby co? inna możliwość nie wykorzystująca gif, jpg ni png? :x

Cudny · 28 Luty 2006 21:20

a rozmawiamy wlasnie o tych innych mozliwosciach ;]

chodzi o to aby nie wykorzystywac gif’a czy jpg’a no i png

no i zeby sie dalo po tym pisac hehe

A co do filtrow IE no to wiadomo - tylko ten do d… IE to czyta ;]

Jest wiele mozliwosci ale zadna dobra - sprawdzone i normalne to tylko pasek 1px

pzdr

cudny

Złączono Posta : 28.02.2006 (Wto) 23:02

To ze sprawdzony jest tylko pasek to byla puenta ;]

reszta w tym temacie jest tylko pokazowka - tak samo dziala moj skrypt z petla i komorkami tabeli jak i div’y - NIC Z TYM NORMALNEGO NIE ZROBISZ

pzdr