Results 1 to 2 of 2

Thread: CSS and PHPBB Help

  1. #1
    Join Date
    Aug 2006
    Posts
    2

    CSS and PHPBB Help

    Hello.... Here is my problem i have edited the images that was included in the skin of my phpbb forum and now i guess the table colors are in the css file. i need a little help editing the css to match(or close) to the colors of the edited images. CAN SOMEONE PLEASE HELP.... THANKS IN ADVANCE.
    **** http://www.e3hosting.com/forum *****

    here is the css file
    Code:
    /* Alexis CSS File Created by Andrew :: http://andrewcharron.tk */
    
    
    html {
            width: 100%;
            /* height: 100%;*/
            }
    body {
            background-color: #EFEFEF; /* OLD: #FFFFFF; */
            color: #333333;
            font-family: Verdana, , Arial, sans-serif;
            margin: 0px 0px 0px 0px;
            width: 100%;
            /* height: 100%; */
            text-align: center;
            }
    .gen {
            font-size : 12px;
            }
    .gen2 {
            font-size: 11px;
            font-family: sans-serif, Arial;
            }
    .genmed {
            font-size : 12px;
            }
    .gensmall {
            font-size : 11px;
            }
    .gen,.genmed,.gensmall {
            color : #000000;
            }
    a.gen,a.genmed,a.gensmall {
            color: #006699; text-decoration: none;
            }
    a.gen:hover,a.genmed:hover,a.gensmall:hover {
             color: #DD6900; text-decoration: underline;
             }
    a:link,a:active,a:visited {
            color: #555555;
            }
    a:hover {
            color: #660000;
            }
    span.info {
            font-size: 11px;
            color: #000000;
            }
    span.small {
            font-size: 11px;
            }
    span.postinfo {
            font-size: 12px;
            color: #333333;
            }
    a.nav {
            color: #333333;
            font-size: 12px;
            }
    .cattitle {
            color: #333333;
            }
    a.white {
            color: #FFFFFF;
            }
    a.grey {
            color: #333333;
            }
    a.white:visited {
            color: #FFFFFF;
            }
    a.green {
            color: #669900;
            font-weight: bold;
            font-size: 14px;
            }
    a.green:visited {
            color: #669900;
            font-weight: bold;
            font-size: 14px;
            }
    a.green:hover {
            color: #996600;
            font-weight: bold;
            font-size: 14px;
            }
    div.small {
            font-size: 11px;
            }
    div.pm {
            border: solid;
            border-width: 1px;
            width: 300px;
            border-color: #555555;
            background-color: #EFEFEF;
            font-size: 11px;
            position: center;
            text-align: center;
            font-family: Verdana, sans-serif;
            }
    table.forumborder {
            border: solid;
            border-width: 1px;
            border-color: #555555;
            }
    td.small {
            font-size: 11px;
            }
    td.info {
            font-size: 10px;
            color: #000000;
            }
    td.title {
            background-color: #669900;
            width: 100%;
            height: 100px;
            }
    td.menu {
            background-color: #CFCFCF;
            width: 100%;
            height: 25px;
            color: #555555;
            font-size: 12px;
            font-family: sans-serif;
            }
    td.subtitle {
            background-color: #CFCFCF;
            width: 100%;
            height: 25px;
            color: #555555;
            font-size: 12px;
            font-family: sans-serif;
            }
    td.mnu {
            background-color: #BFBFBF;
            height: 2px;
            }
    td.forumtitle {
            background-color: #669900;
            color: #FFFFFF;
            font-size: 10px;
            font-family: sans-serif;
            }
    td.row1 {
            background-color: #EFEFEF; /*was EEEEEE */
            font-family: sans-serif;
            font-size: 12px;
            }
    td.row2 {
            background-color: #DEDEDE;  /* Was DDDDDDD */
            font-family: sans-serif;
            font-size: 12px;
            }
    td.row3 {
            background-color: #CDCDCD; /* was CCCCCC */
            font-family: sans-serif;
            font-size: 12px;.
            }
    td.icon {
            background-color: #EFEFEF;
            font-family: sans-serif;
            }
    td.rowtitles {
            background-color: #CFCFCF;
            color: #555555;
            font-size: 11px;
            font-family: sans-serif;
            }
    th.forumtitle {
            background-color: #669900;
            color: #FFFFFF;
            font-size: 10px;
            font-family: sans-serif;
            }
    th.menu {
            background-color: #BFBFBF;
            height: 25px;
            color: #555555;
            font-size: 12px;
            font-family: sans-serif;
            }
    span.postbody {
             font-size: 13px;
             }
    .liteoption {
            border: 1px solid #000000;
            height: 20px;
            background-color: #FFFFFF;
            }
    .mainoption, .button {
            border: 1px solid #000000;
            height: 20px;
            background-color: #FFFFFF;
            }
    .code {
            font-family: "courier new";
            font-size: 12px;
            color: #669900;
            background-color: #FFFFFF;
            border: #669900;
            border-style: solid;
            border-left-width: 1px;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            background-image: url("images/background.gif");
            background-repeat: no-repeat;
            background-position: top right;
    }
    
    .quote {
            font-family: Arial;
            font-size: 11px;
            color: #333333;
            /* line-height: 125%; */
            background-color: #FFFFFF;
            border: #333333;
            border-style: solid;
            border-left-width: 1px;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            background-image: url("images/background.gif");
            background-repeat: no-repeat;
            background-position: top right;
            }
    /* Not used yet, but will be used in v1.2, v1.5 and v2.0*/
    div.box1 {
            width: 200px;
            text-align: center;
            font-size: 14px;
            background-color: #EFEFEF;
            border: 1px solid #BFBFBF;
            }
    table.mainwindow {
            margin-left: auto;
            margin-right: auto;
            border-left: 1px solid #333333;
            border-right: 1px solid #333333;
            background-color: #FFFFFF;
            width: 775px;
            background-image: url("images/background.gif");
            background-repeat: no-repeat;
            background-position: top right;
            }
    .topictitle1 {
            font-size: 14px;
            font-weight: bold;
            }
    /* End CSS */
    Last edited by e3_host; 31 Aug 2006 at 09:09 PM.

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    I'm not sure I understand exactly what you want, but if you want to match the colors of an image, use Nattyware
    http://www.nattyware.com/pixie.html
    which allows you to run your mouse over a color on any web page and it gives the color codes for you to put in your css file.

    I haven't used this program myself.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •