1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.



Invisionfree Default Template [if]

Discussion in 'Skin Templates' started by SpazzyMal, Apr 21, 2011.

  1. Offline

    SpazzyMal BO_OBIES?!

    • Support Coder
    Member Since:
    Sep 19, 2007
    Total Posts:
    2,112
    Likes Received:
    127
    Gender:
    Female
    • Awards
    Username: SpazzyMal
    Skin Based On: Invisionfree Default Skin
    Screenshot:
    [IMG]
    Notes: Edit to your heart's content, just keep credit in tact.

    Codes:

    HEADER:

    Code: Select
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
    <% BOARD HEADER %>
    <% NAVIGATION %>
    <% BOARD %>
    <% STATS %>
    <br><center><div class='credit'>INVISIONFREE DEFAULT EDITED BY <a href='http://rpg-directory.com/index.php?showuser=4752'>SPAZZYMAL</A> OF <a href='http://rpg-directory.com/index.php?act=idx'>RPG-DIRECTORY</a></div></center>
    CSS:

    Code: Select
    /* GLOBAL STYLES &#8212; These effect things all over the board, including the main body background, the standard font, and how links are displayed. */
    
    html { overflow-x: hidden; overflow-y: auto; } 
    form { display: inline; }
    img { vertical-align: middle; border: 0px; }
    body { font-family: FONT FAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; margin: 0px 10px 0px 10px; background-color: #BACKGROUNDCOLOR; }
    table, tr, td { font-family: FONT FAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; }
    a:link, a:visited, a:active { text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
    a:hover { color: #FONTCOLOR; text-decoration: TEXTDECORATION; }
    
    
    /* LOGO AND MENU &#8212; This area effects what your banner area, and all the links just below it, look like. */
    
    #logostrip { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; background-image: url(BACKGROUNDIMAGE); padding: 0px; margin: 0px; }
    #submenu { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; font-size: FONTSIZEpx; margin: 3px 0px 3px 0px; color: #FONTCOLOR; font-weight: bold; }
    #submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold; font-size: FONTSIZEpx; text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
    #userlinks { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
    #navstrip { font-weight: bold; padding: 6px 0px 6px 0px; }
    .copyright { font-family: FONT FAMILY; font-size: FONTSIZEpx; line-height: 12px; }
    
    
    /* CATEGORIES &#8212; Here is the main header area for all the categories of the forums. */
    
    .maintitle { vertical-align: middle; font-weight: bold; color: #FONTCOLOR; letter-spacing: 1px; padding: 8px 0px 8px 5px; background-image: url(BACKGROUNDIMAGE); }
    .maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
    .maintitle a:hover { text-decoration: TEXTDECORATION; }
    
    
    /* TITLEMEDIUM &#8212; This is the little strip right below the main category titles*/
    
    .titlemedium { font-weight: bold; color: #FONTCOLOR; padding: 7px; margin: 0px; background-image: url(BACKGROUNDIMAGE); }
    .titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { text-decoration: TEXTDECORATION; color: #FONTCOLOR; }
    .pformstrip { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; font-weight: bold; padding: 7px; margin-top: 1px; }
    
    
    /* FORUM ROWS &#8212; These are the bulk of the main forums on the index page. */
    
    .row1 { background-color: #BACKGROUNDCOLOR; }
    .row2 { background-color: #BACKGROUNDCOLOR; }
    .row3 { background-color: #BACKGROUNDCOLOR; }
    .row4 { background-color: #BACKGROUNDCOLOR; }
    .darkrow2 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; }
    .darkrow3 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; }
    .desc { font-size: FONTSIZEpx; color: #FONTCOLOR; }
    .thin { padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px 0px; border-top: 1px solid #BORDERCOLOR; border-bottom: 1px solid #BORDERCOLOR; }
    
    
    /* TABLES &#8212; The tables that wrap around various stuff can be controlled here. */
    
    .plainborder { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
    .tableborder { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; padding: 0px; margin: 0px; width: 100%; }
    .tablefill { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; padding: 6px; }
    .tablepad { background-color: #BACKGROUNDCOLOR; padding: 6px; }
    .tablebasic { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; border: 0px; }
    div.row4 { border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
    
    
    /* THREAD VIEW &#8212; This is all the stuff that controls what the actual threads look like. */
    
    .darkrow1 { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; }
    .postlinksbar { background-color: #BACKGROUNDCOLOR; padding: 7px; margin-top: 1px; font-size: FONTSIZEpx; background-image: url(BACKGROUNDIMAGE); }
    .post1 { background-color: #BACKGROUNDCOLOR; }
    .post2 { background-color: #BACKGROUNDCOLOR; }
    .postcolor { font-size: FONTSIZEpx; line-height: 160%; }
    #quote { font-family: FONTFAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
    #code { font-family: FONT FAMILY; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
    .edit { font-size: FONTSIZEpx; }
    .signature { font-size: FONTSIZEpx; color: #FONTCOLOR; }
    .activeuserstrip { background-color: #BACKGROUNDCOLOR; padding: 6px; }
    
    
    /* USERNAMES AND INFO &#8212; This is what controls the way your info and names are displayed in thread view. */
    
    .postdetails { font-size: FONTSIZEpx; }
    .normalname { font-size: FONTSIZEpx; font-weight: bold; color: #FONTCOLOR; }
    .normalname a:link, .normalname a:visited, .normalname a:active { font-size: FONTSIZEpx; }
    .unreg { font-size: FONTSIZEpx; font-weight: bold; color: #FONTCOLOR; }
    
    
    /* FORMS AND INPUT &#8212; All the buttons and areas you write text inside are edited here. */
    
    .codebuttons { font-size: FONTSIZEpx; font-family: FONT FAMILY; vertical-align: middle; }
    .forminput, .textinput, .radiobutton, .checkbox { font-size: FONTSIZEpx; font-family: FONT FAMILY; vertical-align: middle; }
    
    
    /* USER CONTROL PANEL AND PROFILE &#8212; This effects the username in profiles, and the look of the UCP. Probably best to mostly just mess with the colors here. */
    
    #profilename { font-size: FONTSIZEpx; font-weight: bold; }
    #ucpmenu { line-height: 150%; width: 22%; border: 1px solid #BORDERCOLOR; background-color: #BACKGROUNDCOLOR; }
    #ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px; }
    #ucpcontent { background-color: #BACKGROUNDCOLOR; border: 1px solid #BORDERCOLOR; line-height: 150%; width: auto; }
    #ucpcontent p { padding: 10px; margin: 0px; }
    
    
    /* PM AREA &#8212; This is what decides how your PM section looks. */
    
    .pformleft { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #BORDERCOLOR; border-right: 1px solid #BORDERCOLOR; }
    .pformleftw { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #BORDERCOLOR; border-right: 1px solid #BORDERCOLOR; }
    .pformright { background-color: #BACKGROUNDCOLOR; padding: 6px; margin-top: 1px; border-top: 1px solid #BORDERCOLOR; }
    .hlight { background-color: #BACKGROUNDCOLOR; }
    .dlight { background-color: #BACKGROUNDCOLOR; }
    
    
    /* CALENDAR &#8212; This area changes the way the month and dates look in the calendar area. */
    
    .caldate { text-align: right; font-weight: bold; font-size: FONTSIZEpx; color: #FONTCOLOR; background-color: #BACKGROUNDCOLOR; padding: 4px; margin: 0px; }
    #calendarname { font-size: FONTSIZEpx; font-weight: bold; }
    
    /* CREDIT &#8212; This is the skin credit at the bottom of the board. */
    
    .credit { background-color: #BACKGROUNDCOLOR; color: #FONTCOLOR; font-size: FONTSIZEpx; width: 50%; text-align: center; }
    
    
    /* IRRELEVANT THINGS TO IGNORE &#8212; This is all basically stuff that should be ignored, left alone, or is just useless code IF has left in for some reason. */
    
    fieldset.search { padding: 6px; line-height: 150%; }
    label { cursor: pointer; }
    img.attach { border: 2px outset #eef2f7; padding: 2px; }
    .googleroot { padding: 6px; line-height: 130%; }
    .googlechild { padding: 6px; margin-left: 30px; line-height: 130%; }
    .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px; color: #3a4f6c; }
    .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #00d; }
    .googlepagelinks { font-size: 1.1em; letter-spacing: 1px; }
    .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color:#434951; }
    .warngood { color: green; }
    .warnbad { color: red; }
    li.helprow { padding: 0px; margin: 0px 0px 10px 0px; }
    ul#help { padding: 0px 0px 0px 15px; }
    option.cat { font-weight: bold; }
    option.sub { font-weight: bold; color: #555; }
    #padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px; }
    #photowrap { padding: 6px; }
    #phototitle { font-size: 24px; border-bottom: 1px solid #000; }
    #photoimg { text-align: center; margin-top: 15px; } 
    #ipsbanner { position: absolute; top: 1px; right: 5%; }
    .wrapmini { float: left; line-height: 1.5em; width: 25%; }
    .pagelinks { float: left; line-height: 1.2em; width: 35%; }
    .searchlite { font-weight: bold; color: #f00; background-color: #ff0; }
    .purple { color: purple; font-weight: bold; }
    .red { color: red; font-weight: bold; }
    .green { color:green; font-weight: bold; }
    .blue { color: blue; font-weight: bold; }
    .orange { color: #f90; font-weight: bold; }
    1 people like this.
  2. Offline

    Lint Roller Queen Mother

    • Support Skinner
    Member Since:
    Jan 14, 2009
    Total Posts:
    4,689
    Likes Received:
    1,675
    Gender:
    Female
    Location:
    Northern California
    • Awards
    <div align=center><span style='font-size:17pt;line-height:100%'>ACCEPTED SKINNING TEMPLATE</span>
    <span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span>
    Thank you for submitting to our learning center and helping others learn to code! Keep up the great work and we look forward to seeing more from you!</div>

Share This Page