[html] images and style (was: RE: [thesite] [html] dsp_header.cfm)

jeff jeff at members.evolt.org
Sat Nov 25 23:36:31 CST 2000


david, elfur, aardvark, et al,

:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
: From: aardvark
:
: > From: "Elfur Logadottir" <elfur at lists.evolt.org>
: >
: > From: "David McCreath" <mccreath at ak.net>
: >
: > | Great! So can I replace "styles.cfm" with "isaac.css"
: > | (properly renamed, of course)?
: >
: > Not so fast buddy, styles.cfm is the cold fusion code for
: > displaying the correct style according to your preference
: > (remember, one can decide ones own colors of evolt.org)
:
: this much is accurate -- assuming there is CF in that .cfm
: file... if not, then you should be ok to replace it... just don't
: lose the old one (in case i'm wrong, but i don't know if jeff
: wrote CF into that)...
:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

yeah, don't lose the original one.  it's cram-packed with cf logic that
allows the user to change the entire look & feel of the site.  it does
contain some extras in it though that are not found in aardvark's version.
when i get a chance i'll take a look at it and make the necessary changes.
in the meantime just make the site link to aardvark's version.

fwiw, the style changing actually works right now.  it's very clunky to use
and quite intimidating at first glance.  i won't have the time any time soon
to build the dhtml interface i had dreamed.  i'm hoping that somebody would
like to step forward and take on that project.

just for kicks, try putting in the values at the end of this message (no
idea if it will be displayed in the same order).
http://test.evolt.org/style/evolt.borg?action=edit

enjoy,

.jeff

name://jeff.howden
game://web.development
http://www.evolt.org/
mailto:jeff at members.evolt.org


----------------------------------------------------------------------------
----

A
  HOVER
      A.HOVER.BGCOLOR
      A.HOVER.COLOR = #66ff66
      A.HOVER.FONTSTYLE
      A.HOVER.FONTWEIGHT
      A.HOVER.TEXTDECORATION = none

----------------------------------------------------------------------------
----

  LINK
      A.LINK.BGCOLOR
      A.LINK.COLOR = #6666ff
      A.LINK.FONTSTYLE
      A.LINK.FONTWEIGHT
      A.LINK.TEXTDECORATION = none

----------------------------------------------------------------------------
----

  SIDEBAR
    HOVER
      A.SIDEBAR.HOVER.BGCOLOR
      A.SIDEBAR.HOVER.COLOR = #66ff66
      A.SIDEBAR.HOVER.FONTSTYLE
      A.SIDEBAR.HOVER.FONTWEIGHT
      A.SIDEBAR.HOVER.TEXTDECORATION = none

----------------------------------------------------------------------------
----

    LINK
      A.SIDEBAR.LINK.BGCOLOR
      A.SIDEBAR.LINK.COLOR = #6666ff
      A.SIDEBAR.LINK.FONTSTYLE
      A.SIDEBAR.LINK.FONTWEIGHT
      A.SIDEBAR.LINK.TEXTDECORATION = none

----------------------------------------------------------------------------
----

    VISITED
      A.SIDEBAR.VISITED.BGCOLOR
      A.SIDEBAR.VISITED.COLOR = #6666ff
      A.SIDEBAR.VISITED.FONTSTYLE
      A.SIDEBAR.VISITED.FONTWEIGHT
      A.SIDEBAR.VISITED.TEXTDECORATION = none

----------------------------------------------------------------------------
----


----------------------------------------------------------------------------
----

  VISITED
      A.VISITED.BGCOLOR
      A.VISITED.COLOR = #6666ff
      A.VISITED.FONTSTYLE
      A.VISITED.FONTWEIGHT
      A.VISITED.TEXTDECORATION = none

----------------------------------------------------------------------------
----


----------------------------------------------------------------------------
----

ALTERNATE
      ALTERNATE.BGCOLOR = #666666
      ALTERNATE.COLOR

----------------------------------------------------------------------------
----

B
      B.FONTSTYLE
      B.FONTWEIGHT = bold
      B.TEXTDECORATION
  TITLE
      B.TITLE.BGCOLOR
      B.TITLE.COLOR
      B.TITLE.FONTSIZE = 14px
      B.TITLE.FONTSTYLE
      B.TITLE.FONTWEIGHT = bold
      B.TITLE.LINEHEIGHT = 130%
      B.TITLE.TEXTDECORATION

----------------------------------------------------------------------------
----


----------------------------------------------------------------------------
----

BODY
      BODY.BGCOLOR = #333333
      BODY.BGIMAGE = images/bg.gif
      BODY.COLOR
      BODY.FONTFAMILY = Verdana, Arial, Helvetica, sans-serif
      BODY.FONTSIZE = 11px
      BODY.FONTSTYLE
      BODY.FONTWEIGHT
      BODY.LINEHEIGHT = 130%
      BODY.MARGINBOTTOM = 3%
      BODY.MARGINLEFT = 5%
      BODY.MARGINRIGHT = 5%
      BODY.MARGINTOP = 3%

----------------------------------------------------------------------------
----

BORDER
      BORDER.BORDERLEFTCOLOR = #6666ff
      BORDER.BORDERLEFTSIZE = 1px
      BORDER.BORDERLEFTSTYLE = solid

----------------------------------------------------------------------------
----

CITE
      CITE.FONTSTYLE = normal
      CITE.FONTWEIGHT
      CITE.TEXTDECORATION

----------------------------------------------------------------------------
----

CODE
      CODE.BGCOLOR
      CODE.COLOR = #cccccc
      CODE.FONTFAMILY = Courier, "Courier New", fixed-width
      CODE.FONTSIZE = 8px
      CODE.FONTSTYLE
      CODE.FONTWEIGHT
      CODE.LINEHEIGHT
      CODE.TEXTDECORATION

----------------------------------------------------------------------------
----

CURRENTPAGE
      CURRENTPAGE.BGCOLOR
      CURRENTPAGE.COLOR
      CURRENTPAGE.FONTSTYLE
      CURRENTPAGE.FONTWEIGHT = bolder
      CURRENTPAGE.TEXTDECORATION = underline

----------------------------------------------------------------------------
----

ERROR
      ERROR.BGCOLOR
      ERROR.COLOR = #ff6666
      ERROR.FONTSTYLE
      ERROR.FONTWEIGHT
      ERROR.TEXTDECORATION

----------------------------------------------------------------------------
----

FORMS
      FORMS.BGCOLOR = #333333
      FORMS.BORDER
      FORMS.COLOR = #cccccc
      FORMS.FONTFAMILY = Arial, Helvetica, sans-serif
      FORMS.FONTSIZE = 11px
      FORMS.FONTSTYLE
      FORMS.FONTWEIGHT
      FORMS.MARGINBOTTOM = 3px
      FORMS.MARGINTOP = 3px

----------------------------------------------------------------------------
----

H1
      H1.BGCOLOR
      H1.COLOR
      H1.FONTFAMILY = Arial, Helvetica, sans-serif
      H1.FONTSIZE = 20px
      H1.FONTSTYLE
      H1.FONTWEIGHT
      H1.TEXTDECORATION

----------------------------------------------------------------------------
----

H2
      H2.BGCOLOR
      H2.COLOR
      H2.FONTFAMILY = Arial, Helvetica, sans-serif
      H2.FONTSIZE = 16px
      H2.FONTSTYLE
      H2.FONTWEIGHT
      H2.TEXTDECORATION

----------------------------------------------------------------------------
----

H3
      H3.BGCOLOR
      H3.COLOR
      H3.FONTFAMILY = Arial, Helvetica, sans-serif
      H3.FONTSIZE = 14px
      H3.FONTSTYLE
      H3.FONTWEIGHT
      H3.TEXTDECORATION

----------------------------------------------------------------------------
----

H4
      H4.BGCOLOR
      H4.COLOR
      H4.FONTFAMILY = Arial, Helvetica, sans-serif
      H4.FONTSIZE = 12px
      H4.FONTSTYLE
      H4.FONTWEIGHT
      H4.TEXTDECORATION

----------------------------------------------------------------------------
----

H5
      H5.BGCOLOR
      H5.COLOR
      H5.FONTFAMILY = Arial, Helvetica, sans-serif
      H5.FONTSIZE = 10px
      H5.FONTSTYLE
      H5.FONTWEIGHT
      H5.TEXTDECORATION

----------------------------------------------------------------------------
----

H6
      H6.BGCOLOR
      H6.COLOR
      H6.FONTFAMILY = Arial, Helvetica, sans-serif
      H6.FONTSIZE = 8px
      H6.FONTSTYLE
      H6.FONTWEIGHT
      H6.TEXTDECORATION

----------------------------------------------------------------------------
----

HR
      HR.COLOR = #6666ff
      HR.HEIGHT = 1px

----------------------------------------------------------------------------
----

I
      I.FONTSTYLE = italic
      I.FONTWEIGHT
      I.TEXTDECORATION

----------------------------------------------------------------------------
----

MAIN
      MAIN.BGCOLOR = #333333
      MAIN.BGIMAGE
      MAIN.COLOR = #cccccc
      MAIN.LINEHEIGHT = 130%

----------------------------------------------------------------------------
----

PAGETITLE1
      PAGETITLE1.BGCOLOR = #6666ff
      PAGETITLE1.COLOR = #000000

----------------------------------------------------------------------------
----

PAGETITLE2
      PAGETITLE2.BGCOLOR = #6666ff
      PAGETITLE2.COLOR = #000000

----------------------------------------------------------------------------
----

SIDE
      SIDE.BGCOLOR = #333333
      SIDE.BGIMAGE
      SIDE.COLOR = #cccccc
      SIDE.FONTFAMILY = Verdana, Arial, Helvetica, sans-serif
      SIDE.FONTSIZE = 10px
      SIDE.FONTSTYLE
      SIDE.FONTWEIGHT
      SIDE.LINEHEIGHT = 120%

----------------------------------------------------------------------------
----

      SMALLTEXTFONTSIZE = 10px
TD
      TD.BGCOLOR
      TD.BGIMAGE
      TD.COLOR = #cccccc
      TD.CONTENTLINEHEIGHT = 130%
      TD.FONTFAMILY = Verdana, Arial, Helvetica, sans-serif
      TD.FONTSIZE = 11px
      TD.FONTSTYLE
      TD.FONTWEIGHT

----------------------------------------------------------------------------
----

U
      U.FONTSTYLE
      U.FONTWEIGHT
      U.TEXTDECORATION = underline





More information about the thesite mailing list