SMF For Free Support Forum

SMF Store Theme Demo.

You need to login to see it so either register on the demo forum, or use this test account.

Username: Test
Password: test12345

Once you've logged in/registered select the "green theme."

Andrew suggested I should do this, the theme I made for the shop is a dark black and green, I will be making more as time passes, but please feel free to request any color you would like in this thread.

Instructions:

Go to Admin > Then go down to the SMF Store Admin, click on Configure Store CSS, replace the current CSS with this:

/* SMF Store Theme Copyright By DzinestaR */

/* SMF Store By slayer766

/* Start SMF Store Theme CSS */

/* The Body of  The Store. */
BODY
{
   font-weight: italic;
      font-family: georgia;
       font-size: 9px;
        background-color: #111111;
         margin: auto;
          width: 850px;
           padding-top: 12px;
   padding-bottom:  4px;

}

/* Td Body. */
TABLE, TR, TD
{
             background-color: #111111
             font-weight: italic;
font-family: georgia;
font-size: 10px;
color: #339933;
}

/* The Input Boxes of The Store */
input, textarea, button
{
             font-weight: italic;
background-color: 111111;
color: #339933;
font-family: georgia;
                     border-bottom: solid 1px #339933;
border-top: solid 1px #339933;
             border-right: solid 1px #339933;
             border-left: solid 2px #339933;
}
input, button
{
font-size: 90%;
}

/* Links of  The Store. */
a:link, a:visited, a:active
{
        font-weight: italic;
        font-family: georgia;
text-decoration: none;
color: #339933;
}

a:hover
{
         font-weight: italic;
        font-family: georgia;
color: #d0d0d0;
text-decoration:underline;
}

a img
{
border: 0;
}

.highlight
{
        font-family: georgia;
background-color: yellow;
font-weight: italic;
color: black;
}

/* Background & Colors for Various Parts of  The Store. */
.windowbg
{
        font-weight: italic;
        font-family: georgia;
        background: url
color: #339933;
background-color: #333333;
}
.windowbg2
{
        background: url(http://i967.photobucket.com/albums/ae155/DzinestaR/catbg-1.png);
        font-weight: italic;
        font-family: georgia;
        background: url
color: #339933;
background-color: #222222;
}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
        font-weight: italic;
        font-family: georgia;
color: #339933;
font-style: normal;
background: url(http://i967.photobucket.com/albums/ae155/DzinestaR/catbg-1.png);(http://i967.photobucket.com/albums/ae155/DzinestaR/catbg-1.png) #333333 repeat-x;
border-bottom: solid 1px #339933;
border-top: solid 1px #339933;
             border-right: solid 1px #339933;
             border-left: solid 2px #339933;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
                     background: url(http://i967.photobucket.com/albums/ae155/DzinestaR/catbg-1.png);
font-weight: italic;
color: black;
font-style: normal;
                     border-bottom: solid 1px #339933;
border-top: solid 1px #339933;
             border-right: solid 1px #339933;
             border-left: solid 2px #339933;
}

.titlebg a:hover
{
             font-weight: italic;
color: #000000;
}

.titlebg2 a:link, .titlebg2 a:visited
{
             font-weight: italic;
color: 339933;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
             font-weight: italic;
text-decoration: underline;
}

.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
              font-weight: italic;
             font-family: georgia;
background: url(http://i967.photobucket.com/albums/ae155/DzinestaR/catbg-1.png) #111111 repeat-x;
color: 339933;
padding-left: 10px;
padding-right: 10px;
                      border-bottom: solid 1px #339933;
border-top: solid 1px #339933;
             border-right: solid 1px #339933;
             border-left: solid 2px #339933;
}
.catbg2 , tr.catbg2 td
{
             font-weight: italic;
             font-family: georgia;
background: url(http://i967.photobucket.com/albums/ae155/DzinestaR/catbg-1.png) #339933 repeat-x;
color: #339933;
padding-left: 10px;
padding-right: 10px;
                      border-bottom: solid 1px #339933;
border-top: solid 1px #339933;
             border-right: solid 1px #339933;
             border-left: solid 2px #339933;
}
.catbg, .catbg2, .catbg3
{
         font-weight: italic;
        font-family: georgia;
border-bottom: solid 1px #339933;
}
.catbg, .catbg2
{
        font-family: georgia;
font-weight: italic;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
        font-weight: italic;
        font-family: georgia;
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
         font-weight: italic;
        font-family: georgia;
color: #339933;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
        font-family: georgia;
color: #339933;
}

.bordercolor
{
background-color: #111111;
padding: 0px;
}

.tborder
{
padding: 1px;
border: 1px solid #111111;
background-color: #111111;
}

.smalltext
{
font-size: x-small;
font-family: georgia;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}

/* SMF Store Theme Copyright By DzinestaR */

/* SMF Store By slayer766

/*  End SMF Store Theme CSS */
And there you go all done, again please feel free to request diffrent colors here.


Enjoy.

-DzinestaR

Thanks slayer, yea just thought I would take a shot at it, more to come though.

-DzinestaR

Yup. If you leave the CSS box empty it will revert back to the default store css.

It's awesome to see people making themes already. I've just written/finishing up a multiple theme create for the admin cp and a theme chooser for the users in the store. So users can change their theme to any theme the admin of that forum has added.

It's cool, but the .windowbg background repeat kinda throws it off.

Fixed.