Print Page - [Code] SMF Store Theme

Forum Url: http://SMFDesigns.smfforfree3.com

SMF Store Theme Demo. (http://smfstoretheme.smfforfree3.com/pages/smfstoretheme/store.php)

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:

Code:

/* 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

Revolution X

Coding Community => Coding Snippets => Topic started by: DzinestaR on September 07, 2009, 07:06:15 pm