bakgrundstoning
bakgrundstoning
...
Hur gör jag så att jag får en starkare ton av färgen "längst upp", för senare längre ner på sidan så tonas färgen ljusar ?..
//tack på förhand
Hur gör jag så att jag får en starkare ton av färgen "längst upp", för senare längre ner på sidan så tonas färgen ljusar ?..
//tack på förhand
Grundare av webbyrån We made you look http://wemadeyoulook.at
BG Toning
Kanske lite sent inlagd men det här kör jag: <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#339900', startColorstr='#FFFFFF', gradientType='0');">
Den gör utopin till pragmatik!
Jag får bara en känsla av att det inte fungerar på icke-windows-plattformar.
Bra saker: Lysator, gentoo, smart questions
Gradient
Jag har glömt att testa den i mac'en på jobbet.derfian wrote:Jag får bara en känsla av att det inte fungerar på icke-windows-plattformar.
Den gör utopin till pragmatik!
Re: BG Toning
Allt som har ordet Microsoft i namnet fungerar troligtvis bara i IE.Tjotte wrote:Kanske lite sent inlagd men det här kör jag: <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#339900', startColorstr='#FFFFFF', gradientType='0');">
Edit: Blandade ihop lite saker
Ej testat
Är det någon frivillig som kan testa min gradient kod på en mac el. linux? Jag har inte tillgång till en mac nu.
Den gör utopin till pragmatik!
Den där koden funkar bara i IE, trust me.
Grundare av webbyrån We made you look http://wemadeyoulook.at
Japp, det behöver man bara snegla på den för att veta.
Fredrik Bränström. Blogg + portfolio, så småningom.
- Niklas Berggren
- Hedersbit
- Posts: 3524
- Joined: 2002-03-08 17:53:04
- Location: Göteborg (Skövde)
- Contact:
Kod
Hittills har jag inte hittat någon kod som funkar med liknande funktioner i alla OS. Kan ni vänligen komma med en vettig lösning. Obs jag vill inte ha en tonad bakgrundsbild. ;D
Den gör utopin till pragmatik!
Re: Kod
Då får du väl klara dig utan en tonad bakgrundsbild.Tjotte wrote:Hittills har jag inte hittat någon kod som funkar med liknande funktioner i alla OS. Kan ni vänligen komma med en vettig lösning. Obs jag vill inte ha en tonad bakgrundsbild.
Bra saker: Lysator, gentoo, smart questions
Re: Kod
Det blir för tungladdat med bilder, eftersom jag har gradering på flera sidor. Det skall gå att lösa med endast koder. Säg inte att det inte är omöjligt, Ni som kan koda. Jag vet bara inte var jag skall söka info.derfian wrote:Då får du väl klara dig utan en tonad bakgrundsbild.Tjotte wrote:Hittills har jag inte hittat någon kod som funkar med liknande funktioner i alla OS. Kan ni vänligen komma med en vettig lösning. Obs jag vill inte ha en tonad bakgrundsbild. ;D
Den gör utopin till pragmatik!
Re: Kod
Det blir inte tungladdat. Skapa en bild som är 1 pixel bred och cirka 1000 pixlar.Tjotte wrote:Det blir för tungladdat med bilder, eftersom jag har gradering på flera sidor. Det skall gå att lösa med endast koder. Säg inte att det inte är omöjligt, Ni som kan koda. Jag vet bara inte var jag skall söka info.
EDIT: 1000pixlar hög ska det ju stå ;)
Last edited by Xmel on 2006-05-29 19:36:35, edited 1 time in total.
#mac.se @ EFnet
Re: Kod
Exakt, då blir en toning under 1kb stor.Lars wrote:Det blir inte tungladdat. Skapa en bild som är 1 pixel bred och cirka 1000 pixlar.
Re: Kod
Och fungerar i alla webbläsare.Eruku wrote:Exakt, då blir en toning under 1kb stor.Lars wrote:Det blir inte tungladdat. Skapa en bild som är 1 pixel bred och cirka 1000 pixlar.
A fair judgement!
Two-way mirror in the hall
They like to watch everything you do
Transmitters hidden in the walls
So they know everything you say is true
Two-way mirror in the hall
They like to watch everything you do
Transmitters hidden in the walls
So they know everything you say is true
Som referens, att scripta det (må hända med hjälp av ett fult phphack) resulterar i en >50Kb stor fil.
http://e101.no-ip.org/~derfian/gradient.php
56000 byte. Det är många gradient-bilder det.
http://e101.no-ip.org/~derfian/gradient.php
Code: Select all
<?php
define(GRADIENT_HEIGHT,1000);
$color = array();
/* Set from and to colors */
$color['from']['r'] = hexdec("33");
$color['from']['g'] = hexdec("33");
$color['from']['b'] = hexdec("66");
$color['to']['r'] = hexdec("55");
$color['to']['g'] = hexdec("aa");
$color['to']['b'] = hexdec("55");
/* Current color */
$cc['r'] = $color['from']['r'];
$cc['g'] = $color['from']['g'];
$cc['b'] = $color['from']['b'];
$cc['rdiff'] = ($color['from']['r']-$color['to']['r'])/GRADIENT_HEIGHT;
$cc['gdiff'] = ($color['from']['g']-$color['to']['g'])/GRADIENT_HEIGHT;
$cc['bdiff'] = ($color['from']['b']-$color['to']['b'])/GRADIENT_HEIGHT;
?>
<html>
<head>
<title>Gradients, hah</title>
<style type="text/css">
div {position: absolute; height: 1px; width: 100%; margin: 0; padding: 0; left: 0;}
</style>
</head>
<body>
<?php
for ($n = 0; $n < GRADIENT_HEIGHT; $n++)
{
$colorstring = sprintf("%'02X%'02X%'02X",$cc['r'],$cc['g'],$cc['b']);
echo '<div style="top: '.$n.'px; background-color: #'.$colorstring.'"></div>';
$cc['r'] -= $cc['rdiff'];
$cc['g'] -= $cc['gdiff'];
$cc['b'] -= $cc['bdiff'];
}
?>
</body>
</html>
Code: Select all
derfian@masamune ~ $ wget http://e101.no-ip.org/~derfian/gradient.php
--20:07:12-- http://e101.no-ip.org/~derfian/gradient.php
=> `gradient.php'
Resolving e101.no-ip.org... 192.168.1.1
Connecting to e101.no-ip.org|192.168.1.1|:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: unspecified [text/html]
[ <=> ] 56,083 --.--K/s
20:07:12 (1.10 MB/s) - `gradient.php' saved [56083]
Bra saker: Lysator, gentoo, smart questions
Gå in på den länken och kolla på den resulterande html-koden. Det är nog något av den gräsligaste jag har sett i html-väg.derfian wrote:Som referens, att scripta det (må hända med hjälp av ett fult phphack) resulterar i en >50Kb stor fil.
http://e101.no-ip.org/~derfian/gradient.php
...
Tack för alla försök! Och tack åt alla som försökt! Den senaste var inget snyggt hack. Dessutom ger den tydliga synliga horisontella övergångar både i IE och FF. Jag tror jag kör med microsoft koden eftersom inte hitta nåt bättre. Det är få så många procent som inte kan se den.StreamBag wrote:Gå in på den länken och kolla på den resulterande html-koden. Det är nog något av den gräsligaste jag har sett i html-väg. :)derfian wrote:Som referens, att scripta det (må hända med hjälp av ett fult phphack) resulterar i en >50Kb stor fil.
http://e101.no-ip.org/~derfian/gradient.php
...
Den gör utopin till pragmatik!
(min markering)Tjotte wrote:Tack för alla försök! Och tack åt alla som försökt! Den senaste var inget snyggt hack. Dessutom ger den tydliga synliga horisontella övergångar både i IE och FF. Jag tror jag kör med microsoft koden eftersom inte hitta nåt bättre. Det är få så många procent som inte kan se den.
Mitt script inte menat för att användas. Poängen var att visa på hur man inte skall göra en gradient. Trots det är scriptet en bättre lösning, på grund av att det i alla fall fungerar på fler plattformar. Jag ser dessutom inga horisontella övergångar som du pratar om.
Mitt råd: Skapa väldigt smal/bred bild och läs på om repeat-x/repeat-y. Varför nöja sig med 80-85% när man kan stödja 100%?
Bra saker: Lysator, gentoo, smart questions