ntg-context - mailing list for ConTeXt users
 help / color / mirror / Atom feed
* Frame with shadow for header
@ 2019-08-26  8:24 Fabrice Couvreur
  2019-08-26  9:30 ` Mikael P. Sundqvist
  0 siblings, 1 reply; 6+ messages in thread
From: Fabrice Couvreur @ 2019-08-26  8:24 UTC (permalink / raw)
  To: mailing list for ConTeXt users


[-- Attachment #1.1.1: Type: text/plain, Size: 156 bytes --]

Hello,
How to make a frame with an offset shadow as the attached picture ? The
text inside the frame is a variable.
Thank you.
Fabrice


[image: frame.png]

[-- Attachment #1.1.2: Type: text/html, Size: 1197 bytes --]

[-- Attachment #1.2: frame.png --]
[-- Type: image/png, Size: 1475 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

^ permalink raw reply	[flat|nested] 6+ messages in thread

* Re: Frame with shadow for header
  2019-08-26  8:24 Frame with shadow for header Fabrice Couvreur
@ 2019-08-26  9:30 ` Mikael P. Sundqvist
  2019-08-27  8:16   ` Fabrice Couvreur
  0 siblings, 1 reply; 6+ messages in thread
From: Mikael P. Sundqvist @ 2019-08-26  9:30 UTC (permalink / raw)
  To: mailing list for ConTeXt users


[-- Attachment #1.1.1: Type: text/plain, Size: 1284 bytes --]

On Mon, Aug 26, 2019 at 10:25 AM Fabrice Couvreur <
fabrice1.couvreur@gmail.com> wrote:

> Hello,
> How to make a frame with an offset shadow as the attached picture ? The
> text inside the frame is a variable.
> Thank you.
> Fabrice
>
>
> [image: frame.png]
>
>
> ___________________________________________________________________________________
> If your question is of interest to others as well, please add an entry to
> the Wiki!
>
> maillist : ntg-context@ntg.nl /
> http://www.ntg.nl/mailman/listinfo/ntg-context
> webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
> archive  : https://bitbucket.org/phg/context-mirror/commits/
> wiki     : http://contextgarden.net
>
> ___________________________________________________________________________________
>

Hi,

maybe something like this could work for you:

\startuseMPgraphic{framewithshadow}
path p;
p:=origin--(OverlayWidth,0)--(OverlayWidth,OverlayHeight)--(0,OverlayHeight)--cycle;
fill p shifted (2,-2);
fill p withcolor 0.7white;
draw p;
setbounds currentpicture to p;
\stopuseMPgraphic

\defineoverlay[framewithshadow][\useMPgraphic{framewithshadow}]

\starttext
\framed[background=framewithshadow,offset=4bp]{\bf DM no 7 : Dérivation}
\stoptext

/Mikael

[-- Attachment #1.1.2: Type: text/html, Size: 3977 bytes --]

[-- Attachment #1.2: frame.png --]
[-- Type: image/png, Size: 1475 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

^ permalink raw reply	[flat|nested] 6+ messages in thread

* Re: Frame with shadow for header
  2019-08-26  9:30 ` Mikael P. Sundqvist
@ 2019-08-27  8:16   ` Fabrice Couvreur
  2019-08-27  9:08     ` Mikael P. Sundqvist
  0 siblings, 1 reply; 6+ messages in thread
From: Fabrice Couvreur @ 2019-08-27  8:16 UTC (permalink / raw)
  To: mailing list for ConTeXt users


[-- Attachment #1.1.1: Type: text/plain, Size: 3880 bytes --]

Hi Mikael,
I did not think about using Metapost, I tried with the keys of the command
\framed without success.
I use the following code for my headings (thank you Aditya) and I would
like to use your code instead.
Thank you.
Fabrice


\setupbackgrounds
    [header]
    [text]
    [frame=off,
     topframe=off,
     bottomframe=off,
     framecolor=,
     rulethickness=2pt]

  \defineframed
    [headerframed]
    [frame=off,
     height=fit,
     width=fit]

  \definecolor[ColorA][0.8(white)]


  \startsetups [headertext]

    \setupheadertexts
      [{\startframed [headerframed]
      [foregroundstyle=bold,background=color,backgroundcolor=ColorA]
      \getvariable{headertext}{title}
n\high{o}\,\getvariable{headertext}{number}
      \stopframed}]

    \setupheadertexts
      [{\startframed [headerframed]
      [align=flushleft,foregroundstyle=]
       Lycée LA SALLE, Lille\\
       \getvariable{headertext}{location}\space\endash\space Mathématiques
       \stopframed}]

      [{\startframed [headerframed]
          [align=flushright,foregroundstyle=]

\date[d=\getvariable{headertext}{day},m=\getvariable{headertext}{month},y=\getvariable{headertext}{year}]
          \stopframed}]

  \stopsetups

  \setvariable{headertext}{set}{\directsetup{headertext}}

\startuseMPgraphic{framewithshadow}
path p;
p:=origin--(OverlayWidth,0)--(OverlayWidth,OverlayHeight)--(0,OverlayHeight)--cycle;
fill p shifted (2,-2);
fill p withcolor 0.8white;
draw p;
setbounds currentpicture to p;
\stopuseMPgraphic

\defineoverlay[framewithshadow][\useMPgraphic{framewithshadow}]

\starttext
\setvariables
   [headertext]
   [title={Devoir maison},
    number={6},
    day={22},
    month={08},
    year={2019},
    location={Seconde B},
    time={}]
\framed[background=framewithshadow,offset=4bp]{\bf DM no 7 : Dérivation}
\stoptext



Le lun. 26 août 2019 à 11:31, Mikael P. Sundqvist <mickep@gmail.com> a
écrit :

> On Mon, Aug 26, 2019 at 10:25 AM Fabrice Couvreur <
> fabrice1.couvreur@gmail.com> wrote:
>
>> Hello,
>> How to make a frame with an offset shadow as the attached picture ? The
>> text inside the frame is a variable.
>> Thank you.
>> Fabrice
>>
>>
>> [image: frame.png]
>>
>>
>> ___________________________________________________________________________________
>> If your question is of interest to others as well, please add an entry to
>> the Wiki!
>>
>> maillist : ntg-context@ntg.nl /
>> http://www.ntg.nl/mailman/listinfo/ntg-context
>> webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
>> archive  : https://bitbucket.org/phg/context-mirror/commits/
>> wiki     : http://contextgarden.net
>>
>> ___________________________________________________________________________________
>>
>
> Hi,
>
> maybe something like this could work for you:
>
> \startuseMPgraphic{framewithshadow}
> path p;
>
> p:=origin--(OverlayWidth,0)--(OverlayWidth,OverlayHeight)--(0,OverlayHeight)--cycle;
> fill p shifted (2,-2);
> fill p withcolor 0.7white;
> draw p;
> setbounds currentpicture to p;
> \stopuseMPgraphic
>
> \defineoverlay[framewithshadow][\useMPgraphic{framewithshadow}]
>
> \starttext
> \framed[background=framewithshadow,offset=4bp]{\bf DM no 7 : Dérivation}
> \stoptext
>
> /Mikael
>
> ___________________________________________________________________________________
> If your question is of interest to others as well, please add an entry to
> the Wiki!
>
> maillist : ntg-context@ntg.nl /
> http://www.ntg.nl/mailman/listinfo/ntg-context
> webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
> archive  : https://bitbucket.org/phg/context-mirror/commits/
> wiki     : http://contextgarden.net
>
> ___________________________________________________________________________________
>

[-- Attachment #1.1.2: Type: text/html, Size: 9112 bytes --]

[-- Attachment #1.2: frame.png --]
[-- Type: image/png, Size: 1475 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

^ permalink raw reply	[flat|nested] 6+ messages in thread

* Re: Frame with shadow for header
  2019-08-27  8:16   ` Fabrice Couvreur
@ 2019-08-27  9:08     ` Mikael P. Sundqvist
  2019-08-27 17:11       ` Henning Hraban Ramm
  0 siblings, 1 reply; 6+ messages in thread
From: Mikael P. Sundqvist @ 2019-08-27  9:08 UTC (permalink / raw)
  To: mailing list for ConTeXt users


[-- Attachment #1.1: Type: text/plain, Size: 1205 bytes --]

On Tue, Aug 27, 2019 at 10:16 AM Fabrice Couvreur <
fabrice1.couvreur@gmail.com> wrote:

> Hi Mikael,
> I did not think about using Metapost, I tried with the keys of the command
> \framed without success.
> I use the following code for my headings (thank you Aditya) and I would
> like to use your code instead.
> Thank you.
> Fabrice
>
>
> \setupbackgrounds
>     [header]
>     [text]
>     [frame=off,
>      topframe=off,
>      bottomframe=off,
>      framecolor=,
>      rulethickness=2pt]
>
>   \defineframed
>     [headerframed]
>     [frame=off,
>      height=fit,
>      width=fit]
>
>   \definecolor[ColorA][0.8(white)]
>
>
>   \startsetups [headertext]
>
>     \setupheadertexts
>       [{\startframed [headerframed]
>       [foregroundstyle=bold,background=color,backgroundcolor=ColorA]
>       \getvariable{headertext}{title}
> n\high{o}\,\getvariable{headertext}{number}
>       \stopframed}]
>

What if you change this part to

    \setupheadertexts
      [{\startframed [headerframed]
      [foregroundstyle=bold,background=framewithshadow]
      \getvariable{headertext}{title}
n\high{o}\,\getvariable{headertext}{number}
      \stopframed}]

Does that give you what you want?

/Mikael

[-- Attachment #1.2: Type: text/html, Size: 2619 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

^ permalink raw reply	[flat|nested] 6+ messages in thread

* Re: Frame with shadow for header
  2019-08-27  9:08     ` Mikael P. Sundqvist
@ 2019-08-27 17:11       ` Henning Hraban Ramm
  2019-08-28  8:16         ` Fabrice Couvreur
  0 siblings, 1 reply; 6+ messages in thread
From: Henning Hraban Ramm @ 2019-08-27 17:11 UTC (permalink / raw)
  To: mailing list for ConTeXt users

And here’s the code for a fuzzy shadow:
https://wiki.contextgarden.net/Drop_shadows

Greetlings, Hraban
---
https://www.fiee.net
http://wiki.contextgarden.net
https://www.dreiviertelhaus.de
GPG Key ID 1C9B22FD

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

^ permalink raw reply	[flat|nested] 6+ messages in thread

* Re: Frame with shadow for header
  2019-08-27 17:11       ` Henning Hraban Ramm
@ 2019-08-28  8:16         ` Fabrice Couvreur
  0 siblings, 0 replies; 6+ messages in thread
From: Fabrice Couvreur @ 2019-08-28  8:16 UTC (permalink / raw)
  To: mailing list for ConTeXt users


[-- Attachment #1.1: Type: text/plain, Size: 900 bytes --]

Hi Mikael,
Thank you, it works.
Fabrice

Le mar. 27 août 2019 à 19:11, Henning Hraban Ramm <texml@fiee.net> a écrit :

> And here’s the code for a fuzzy shadow:
> https://wiki.contextgarden.net/Drop_shadows
>
> Greetlings, Hraban
> ---
> https://www.fiee.net
> http://wiki.contextgarden.net
> https://www.dreiviertelhaus.de
> GPG Key ID 1C9B22FD
>
>
> ___________________________________________________________________________________
> If your question is of interest to others as well, please add an entry to
> the Wiki!
>
> maillist : ntg-context@ntg.nl /
> http://www.ntg.nl/mailman/listinfo/ntg-context
> webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
> archive  : https://bitbucket.org/phg/context-mirror/commits/
> wiki     : http://contextgarden.net
>
> ___________________________________________________________________________________
>

[-- Attachment #1.2: Type: text/html, Size: 2194 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

^ permalink raw reply	[flat|nested] 6+ messages in thread

end of thread, other threads:[~2019-08-28  8:16 UTC | newest]

Thread overview: 6+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2019-08-26  8:24 Frame with shadow for header Fabrice Couvreur
2019-08-26  9:30 ` Mikael P. Sundqvist
2019-08-27  8:16   ` Fabrice Couvreur
2019-08-27  9:08     ` Mikael P. Sundqvist
2019-08-27 17:11       ` Henning Hraban Ramm
2019-08-28  8:16         ` Fabrice Couvreur

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for NNTP newsgroup(s).