Welcome
Arachne's Web
A group focused on serving the AW community by providing help and discussion on topics such as HTML, CSS, web design, homesite decorating, netiquette and issues important to web artists.

Designing in AncientWorlds (3 threads, 1415 posts)
    Coding for Homesites & Groups (711 posts)
    Social Thread

    Formerly AW formatted decor, now offering an area to display common code used in AW homesites, and Q & A for code! ...
    86 Members have made 573 Posts here to date.
    Google
    AncientWorlds.net Web
    Next: Decorating groups
    Prev: Better late than never...
    Changing Appearance of Groups
    avatar1.jpg
    Author: * Ladee Niall - 29 Posts on this thread out of 932 Posts sitewide.
    Date: May 22, 2004 - 19:29

    Savarna ...

    Having *just* gone through the same thing starting up a new group  (I'm a *proud* mama!), I think I can tip you in the right direction, anyway. Still doin' the larnin' thang, but here goes:

    Here are the styles I changed to get the look I wanted:

     

     

     

     

    body 
    { background-image: 
    url('myimage.jpg'); 
    background-color: #907F6D;
    font-family: 'Trebuchet MS', Verdana, 'Sans Serif'; 
    font-size: 14px; 
    line-height: 16px; 
    color: #330000; 
    scrollbar-face-color: #907F6D; 
    scrollbar-highlight-color: #998977;
    scrollbar-3dlight-color: #222D22; 
    scrollbar-darkshadow-color: #7A6B5C; 
    scrollbar-shadow-color: #7A6B5C;
    scrollbar-arrow-color: #D2B48C; 
    scrollbar-track-color: #D2B48C }
    a:link 
    { color: #800000; 
    text-decoration: none; 
    font-style: none; 
    font-weight: normal }
    a:visited 
    { color: #333300; 
    text-decoration: none; 
    font-style: none; 
    font-weight: normal }
    a:active 
    { color: #CC3300; 
    text-decoration: none; 
    font-weight: bold }
    a:hover 
    { color: #800000; 
    text-decoration: underline; 
    font-style: none; 
    font-weight: normal }
    .community 
    { background-image: 
    url('myimage.jpg'); 
    background-color: #907F6D; 
    font-family: 'Trebuchet MS', Verdana, 'Sans Serif'; 
    font-size: 15px; 
    line-height: 18px; 
    color: #222D22 }
    .community a:link 
    { color: #800000; 
    text-decoration: none; 
    font-style: none; 
    font-weight: normal }
    .community a:visited 
    { color: #333300; 
    text-decoration: none; 
    font-style: none; 
    font-weight: normal }
    .community a:active 
    { color: #CC3300; 
    text-decoration: none; 
    font-weight: bold }
    .community a:hover 
    { color: #800000; 
    text-decoration: underline; 
    font-style: none; 
    font-weight: normal }
    .pagetitle 
    {font-family: 'Copperplate Gothic Light', 'Times New Roman', 'Serif'; 
    font-size: 20px; 
    line-height: 22px } 
    div#Content, div#maincontent 
    { background-image: 
    url('myimage.jpg'); 
    background-color: #907F6D }
    .gram 
    { border-style: solid;
    background-color: #907F6D;
    border-width: 1px;
    margin: 5px;
    padding: 10px;} 
    hr 
    { border: none 0; 
    border-top: 1px dotted #222D22;
    height: 1px; }

    I tried to keep the fonts the same in each of the elements, to maintain consistency.

    Checking with the other experts, here ... what'd I miss?

    Ladee


    NEXT: Decorating groups
    PREV: Better late than never...
Rome - Rome, Season 1 - The Stolen Eagle


Copyright 2002-2011 AncientWorlds LLC | Code of Conduct and Terms of Service | Contact Us! | The AncientWorlds Staff