Smalltalk › Frameworks & Tools › Seaside › Seaside General

gradiant colors

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

6 messages Options

Maarten Mostert-2

gradiant colors

Hi,

I just wondered if it is possible to create gradient background colors in seaside.

Rgrds,

@+Maarten,

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Boris Popov, DeepCove Labs (SNN)

Re: gradiant colors

Re: [Seaside] gradiant colors

If html/css had such a feature it certainly would be possible in seaside :) What exactly did you have in mind? Mostly the effect is achieved by giving elements a gradient image background via css and seaside certainly lets you do that.

Cheers!

-Boris
(Sent from a BlackBerry)

----- Original Message -----
From: [hidden email] <[hidden email]>
To: Seaside - general discussion <[hidden email]>
Sent: Sun Aug 12 08:36:43 2007
Subject: [Seaside] gradiant colors

Hi,

I just wondered if it is possible to create gradient background colors in seaside.

Rgrds,

@+Maarten,

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Maarten Mostert-2

Re: gradiant colors

Well what I understood is that you can make an image repeat feature in your CSS file using a slim image.

This would probably mean something like defining a style method with:

style ^ 'body {
background: url( '/localhost:8008/',MyFileLibrary / #slimbackroundPng,');
background-repeat: repeat-x;
}

But then the above does not work at all.

The second thing might be to create some javascript thing.

When googling around I find things like:

Code :
<body
style="<a class="moz-txt-link-freetext" href="filter:progid:DXImageTransform">filter:progid:DXImageTransform.
microsoft.Gradient(gradientType=0,Start
ColorStr='#FF0000',EndColorStr='#000
000')"
>

Rgrds,

@+Maarten,

Boris Popov a écrit :

Re: [Seaside] gradiant colors
If html/css had such a feature it certainly would be possible in seaside :) What exactly did you have in mind? Mostly the effect is achieved by giving elements a gradient image background via css and seaside certainly lets you do that.

Cheers!

-Boris
(Sent from a BlackBerry)

----- Original Message -----
From: [hidden email] [hidden email]
To: Seaside - general discussion [hidden email]
Sent: Sun Aug 12 08:36:43 2007
Subject: [Seaside] gradiant colors

Hi,

I just wondered if it is possible to create gradient background colors in seaside.

Rgrds,

@+Maarten,

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Maarten Mostert-2

Re: gradiant colors // background image in CSS style sheet.

In fact things seem to be more complicated then I thought.

Leaving the javascript things aside no matter what I do I don't manage to serve file a background image through a CSS style sheet.

Isn't the following suppose to work:

style ^ 'body {
background: url( ', (MyFileLibrary / #slimbackroundPng) displayString,');
background-repeat: repeat-x;
}

Even if I supply a valid url like the following, nothing shows up.

style
^'body {
background-image: url:(http://www.stakepoint.com/topic/test.png);
background-image: repeat-x;
}

I 've seen some discussion on this topic in the archives but the solutions seem to be outdated for 2.8.

Thanks in advance,

@+Maarten,

Maarten Mostert a écrit :

Well what I understood is that you can make an image repeat feature in your CSS file using a slim image.

This would probably mean something like defining a style method with:

style ^ 'body {
background: url( '/localhost:8008/',MyFileLibrary / #slimbackroundPng,');
background-repeat: repeat-x;
}

But then the above does not work at all.

The second thing might be to create some javascript thing.

When googling around I find things like:

Code :
<body
style="<a moz-do-not-send="true" class="moz-txt-link-freetext" href="filter:progid:DXImageTransform">filter:progid:DXImageTransform.
microsoft.Gradient(gradientType=0,Start
ColorStr='#FF0000',EndColorStr='#000
000')"
>

Rgrds,

@+Maarten,

Boris Popov a écrit :
Re: [Seaside] gradiant colors
If html/css had such a feature it certainly would be possible in seaside :) What exactly did you have in mind? Mostly the effect is achieved by giving elements a gradient image background via css and seaside certainly lets you do that.

Cheers!

-Boris
(Sent from a BlackBerry)

----- Original Message -----
From: [hidden email] [hidden email]
To: Seaside - general discussion [hidden email]
Sent: Sun Aug 12 08:36:43 2007
Subject: [Seaside] gradiant colors

Hi,

I just wondered if it is possible to create gradient background colors in seaside.

Rgrds,

@+Maarten,

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Sylvain pralon

Re: gradiant colors // background image in CSS style sheet.

Try something like this :

style ^ 'body {
background-image: url( ', (MyFileLibrary / #slimbackroundPng)
displayString,');
background-repeat: repeat-x;
}

If it still does not work, try to specify some height and width ...
otherwise it is strange ...

Maarten Mostert a écrit :

> In fact things seem to be more complicated then I thought.
>
> Leaving the javascript things aside no matter what I do I don't manage
> to serve file a background image through a CSS style sheet.
>
> Isn't the following suppose to work:
>
> style ^ 'body {
> background: url( ', (MyFileLibrary / #slimbackroundPng) displayString,');
> background-repeat: repeat-x;
> }
>
> Even if I supply a valid url like the following, nothing shows up.
>
> style
> ^'body {
> background-image: url:(http://www.stakepoint.com/topic/test.png);
> background-image: repeat-x;
> }
>
> I 've seen some discussion on this topic in the archives but the
> solutions seem to be outdated for 2.8.
>
> Thanks in advance,
>
> @+Maarten,
>
> Maarten Mostert a écrit :
>> Well what I understood is that you can make an image repeat feature
>> in your CSS file using a slim image.
>>
>> This would probably mean something like defining a style method with:
>>
>> style ^ 'body {
>> background: url( '/localhost:8008/',MyFileLibrary / #slimbackroundPng,');
>> background-repeat: repeat-x;
>> }
>>
>> But then the above does not work at all.
>>
>> The second thing might be to create some javascript thing.
>>
>> When googling around I find things like:
>>
>> *Code :*
>> <body
>> style="filter:progid:DXImageTransform.
>> microsoft.Gradient(gradientType=0,Start
>> ColorStr='#FF0000',EndColorStr='#000
>> 000')"
>> >
>>
>> Rgrds,
>>
>> @+Maarten,
>>
>>
>> Boris Popov a écrit :
>>>
>>> If html/css had such a feature it certainly would be possible in
>>> seaside :) What exactly did you have in mind? Mostly the effect is
>>> achieved by giving elements a gradient image background via css and
>>> seaside certainly lets you do that.
>>>
>>> Cheers!
>>>
>>> -Boris
>>> (Sent from a BlackBerry)
>>>
>>> ----- Original Message -----
>>> From: [hidden email]
>>> <[hidden email]>
>>> To: Seaside - general discussion <[hidden email]>
>>> Sent: Sun Aug 12 08:36:43 2007
>>> Subject: [Seaside] gradiant colors
>>>
>>> Hi,
>>>
>>> I just wondered if it is possible to create gradient background
>>> colors in seaside.
>>>
>>> Rgrds,
>>>
>>> @+Maarten,
>>>
>>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> Seaside mailing list
> [hidden email]
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Maarten Mostert-2

Re: gradiant colors // background image in CSS style sheet.

Excellent this is a good first step.

Thanks,

@+Maarten,

Sylvain Pralon a écrit :

> Try something like this :
>
> style ^ 'body { background-image: url( ', (MyFileLibrary /
> #slimbackroundPng) displayString,');
> background-repeat: repeat-x;
> }
>
> If it still does not work, try to specify some height and width ...
> otherwise it is strange ...
>
> Maarten Mostert a écrit :
>> In fact things seem to be more complicated then I thought.
>>
>> Leaving the javascript things aside no matter what I do I don't
>> manage to serve file a background image through a CSS style sheet.
>>
>> Isn't the following suppose to work:
>>
>> style ^ 'body { background: url( ', (MyFileLibrary /
>> #slimbackroundPng) displayString,');
>> background-repeat: repeat-x;
>> }
>>
>> Even if I supply a valid url like the following, nothing shows up.
>>
>> style
>> ^'body { background-image:
>> url:(http://www.stakepoint.com/topic/test.png);
>> background-image: repeat-x;
>> }
>>
>> I 've seen some discussion on this topic in the archives but the
>> solutions seem to be outdated for 2.8.
>>
>> Thanks in advance,
>>
>> @+Maarten,
>>
>> Maarten Mostert a écrit :
>>> Well what I understood is that you can make an image repeat feature
>>> in your CSS file using a slim image.
>>>
>>> This would probably mean something like defining a style method with:
>>>
>>> style ^ 'body { background: url( '/localhost:8008/',MyFileLibrary /
>>> #slimbackroundPng,');
>>> background-repeat: repeat-x;
>>> }
>>>
>>> But then the above does not work at all.
>>>
>>> The second thing might be to create some javascript thing.
>>>
>>> When googling around I find things like:
>>>
>>> *Code :*
>>> <body
>>> style="filter:progid:DXImageTransform.
>>> microsoft.Gradient(gradientType=0,Start
>>> ColorStr='#FF0000',EndColorStr='#000
>>> 000')"
>>> >
>>>
>>> Rgrds,
>>>
>>> @+Maarten,
>>>
>>>
>>> Boris Popov a écrit :
>>>>
>>>> If html/css had such a feature it certainly would be possible in
>>>> seaside :) What exactly did you have in mind? Mostly the effect is
>>>> achieved by giving elements a gradient image background via css and
>>>> seaside certainly lets you do that.
>>>>
>>>> Cheers!
>>>>
>>>> -Boris
>>>> (Sent from a BlackBerry)
>>>>
>>>> ----- Original Message -----
>>>> From: [hidden email]
>>>> <[hidden email]>
>>>> To: Seaside - general discussion <[hidden email]>
>>>> Sent: Sun Aug 12 08:36:43 2007
>>>> Subject: [Seaside] gradiant colors
>>>>
>>>> Hi,
>>>>
>>>> I just wondered if it is possible to create gradient background
>>>> colors in seaside.
>>>>
>>>> Rgrds,
>>>>
>>>> @+Maarten,
>>>>
>>>
>>
>> ------------------------------------------------------------------------
>>
>> _______________________________________________
>> Seaside mailing list
>> [hidden email]
>> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>>
>
>

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside