CMS Shop?

Started by Jet, July 04, 2017, 07:19:05 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

Jet

#1
July 04, 2017, 07:19:05 PM Last Edit: July 04, 2017, 07:21:47 PM by Jet
Hey,

I am just tinkering with an idea of course you will have to know how to program it does help as I lost my old dbs when I updated my xampp a few days ago didn't even think to backup, silly move to be honest but never the less this works with u232 non memcache it was a goal of mine from years ago but of course I had to learn before I could walk, anyway this is just the core nothing fancy but should get your brain thinking if your interested.

header.php
Code Select

<script src='js/jquery-1.7.1.min.js' type='text/javascript' charset='utf-8'></script>
<script src='js/jquery.jcarousel.js' type='text/javascript'></script>
<script src='js/jquery.flexslider.js' type='text/javascript'></script>
<script src='js/DD_belatedPNG-min.js' type='text/javascript'></script>
<script src='js/functions.js' type='text/javascript' charset='utf-8'></script>


save as myshop.php
Code Select

<?php
require_once("include/bittorrent.php");
require_once("include/user_functions.php");
//require_once("include/language_functions.php");
dbconn();
loggedinorreturn(); 
echo stdhead("MyShop");
if ( isset($CURUSER["shop_online"]) == "online" ) {
/////////// New $lang Concept Live With It [=
if(!defined("NEW_LANG_TEXT")){ define("NEW_LANG_TEXT","padding: 0.2em;"); } /* Credits e107 thanks makes it alot more interesting [= */
if(!defined("MYSHOP_HEADER_TEXTBAR")) { define("MYSHOP_HEADER_TEXTBAR", "Open Source Themes"); }
if(!defined("MYSHOP_SELECTED_THEME_TEXTBAR")) { define("MYSHOP_SELECTED_THEME_TEXTBAR", "Default Theme"); }
if(!defined("MYSHOP_BUTTON_TEXTBAR")) { define("MYSHOP_BUTTON_TEXTBAR", "Download"); }
if(!defined("MYSHOP_BUTTON_TEXTBAR2")) { define("MYSHOP_BUTTON_TEXTBAR2", "Out Of Stock"); }
if(!defined("MYSHOP_BUTTON_TEXTBAR3")) { define("MYSHOP_BUTTON_TEXTBAR3", "Pay Now");}
if(!defined("MYSHOP_BUTTON_TEXTBAR4")) { define("MYSHOP_BUTTON_TEXTBAR4", "Limted Edition");}
if(!defined("MYSHOP_BUTTON_TEXTBAR5")) { define("MYSHOP_BUTTON_TEXTBAR5", "Stream Now");}
if(!defined("MYSHOP_BUTTON_TEXTBAR6")) { define("MYSHOP_BUTTON_TEXTBAR6", "Exchange");}
if(!defined("MYSHOP_BUTTON_TEXTBAR7")) { define("MYSHOP_BUTTON_TEXTBAR7", "Add To Kart");}
/////////////////////////////
//function cms_sega_echo($la_la_la) { echo "".$la_la_la.""; } /* Credits 3353 Pre Alpha [= */
?>
<div style="background-color: #353939;padding: 0.5em;">
<text style="float: left;color: #FFFFFF;">CMS Shop Funds: $2 AUD</text>&nbsp;<text style="float: right;color: #FFFFFF;">Shopping Kart ( 23 Items )</text>&nbsp;<text style="float: right;color: #FFFFFF;">WishList ( 34 Items )</text>&nbsp;
</div>
<div style="margin-top: 5px;background-color: #353939;height: 5px;padding: 1.4em;">
<div style="margin-top: -5px;">
<?php if ( isset($CURUSER["shop_reg"]) == "online" ) { ?>
<div style="margin-top: -11px;float: right;"><a href="" class="button">Register</a></div>
<?php } ?>
&nbsp;
<?php if ( isset($CURUSER["shop_login"]) == "online" ) { ?>
<div style="margin-top: -25px;margin-left: 745px;width: 6%;"><a href="" class="button">Login</a></div>
<?php } ?>
<?php if ( isset($CURUSER["shop_guest"]) == "online" ) { ?>
<div style="margin-top: -18px;margin-left: -840px;color: #FFFFFF;">Welcome Guest</div>
<?php } ?>
</div></div>

<?php //////////////////////////// ?>
<?php // We Make Our Own eBay Duh! ?>
<?php //////////////////////////////////////////////////////////////////////////////////////////////////////////////// ?>
<?php if ( isset($CURUSER["scroller_mod"]) == "true" && isset($CURUSER["myshop_scroller"]) == "true" ) { ?>
<div style="margin-left: -390px;">
<div class="games-slider">
<div style="font-size: 10pt;font-weight: bolder;<?php echo NEW_LANG_TEXT; ?>" class="myheader">
<text style="margin-left: -430px;"><?php echo MYSHOP_HEADER_TEXTBAR; ?></text>
</div><br />
<ul>

<?php if ( isset($CURUSER["sega_product"]) == "online" && isset($CURUSER["theme_sale"]) == "25%" 
           && isset($CURUSER["shop_coins"]) == "true" && isset($CURUSER["shop_amount"]) == "2500") { ?>
   
<li class="animated flipInX">
<a title="Pokemon The Movie 2000" href="#"><img class="img-thumbnail" src="images/ram.jpg" width="120" height="100"/></a>
<p style="margin-top: 10px;margin-left: -5px;width: 100%;" class="small-caption"><?php echo MYSHOP_SELECTED_THEME_TEXTBAR; ?></p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<?php if( isset($CURUSER["dwnbtn"]) != "true") { ?>
<a href="themesales.php?id=34" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR; ?></a>
<?php } else { ?>
<?php echo '<a class="button">'.MYSHOP_BUTTON_TEXTBAR2.'</a>'; ?>
<?php } ?>
<div class="divider"></div>
<p class="dawgtags">Product ID: #58BCF0</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["sega_product"]) == "online" && isset($CURUSER["theme_sale"]) == "15%" ) { ?>

<li class="animated flipInX">
<a title="Pokemon The Movie 2000" href="#"><img class="img-thumbnail" src="images/nintendo.jpg" width="120" height="100"/></a>
<p style="margin-top: 10px;margin-left: -5px;" class="small-caption">Default Theme</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<?php if( isset($CURUSER["dwnbtn"]) != "true") { ?>
<a href="themesales.php?id=38" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR; ?></a>
<?php } else { ?>
<?php echo '<a class="button">'.MYSHOP_BUTTON_TEXTBAR4.'</a>'; ?>
<?php } ?>
<div class="divider"></div>
<p class="dawgtags">Product ID: #48F4C1</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["sega_product"]) == "online" && isset($CURUSER["theme_sale"]) == "10%" ) { ?>

<li class="animated flipInX">
<a title="Pokemon The Movie 2000" href="#"><img class="img-thumbnail" src="images/smartphone.jpg" width="120" height="100"/></a>
<p style="margin-top: 10px;margin-left: -5px;" class="small-caption">Default Theme</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<a href="themesales.php?id=420" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR; ?></a>
<div class="divider"></div>
<p class="dawgtags">Product ID: #FFAA3B</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["sega_product"]) == "online" && isset($CURUSER["theme_sale"]) == "5%" ) { ?>

<li class="animated flipInX">
<a title="Pokemon The Movie 2000" href="#"><img class="img-thumbnail" src="images/newlaptop.jpg" width="120" height="100"/></a>
<p style="margin-top: 10px;" class="small-caption">Default Theme</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<?php if( isset($CURUSER["dwnbtn"]) != "true") { ?>
<a href="themesales.php?id=8" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR; ?></a>
<?php } else { ?>
<?php echo '<a class="button">'.MYSHOP_BUTTON_TEXTBAR5.'</a>'; ?>
<?php } ?>
<div class="divider"></div>
<p class="dawgtags">Product ID: #353939</p>
</li>

<?php } ?>

</ul>

<?php if (isset($CURUSER["scroller_arrows"]) == "true" ) { ?>

<div class="games-nav">
<a title="Previous slide" class="prev-arrow" href="#">prev</a>
<a title="Next slide" class="next-arrow" href="#">next</a>
</div>

<?php } ?>
</div></div>
<!-- End Automative Scroll -->
<?php } ?>
<br />
<?php //////////////////////////// ?>
<?php // We Make Our Own eBay Duh! ?>
<?php //////////////////////////////////////////////////////////////////////////////////////////////////////////////// ?>
<?php if ( isset($CURUSER["scroller_mod"]) == "true" && isset($CURUSER["mynews_scroller"]) == "true" ) { ?>
<div style="margin-left: -390px;">
<div class="games-slider">
<div style="font-size: 10pt;font-weight: bolder;padding: 0.2em;" class="myheader">
<text style="margin-left: -445px;">42% Off Sega Deals</text>
</div><br />
<ul>

<?php if ( isset($CURUSER["freeleech"]) == "true" && isset($CURUSER["seeders"]) == "3" ) { ?>

<li class="animated flipInX">
<a title="Pokemon The Movie 2000" href="#"><img class="img-thumbnail" src="images/nintendo.jpg" width="120" height="100"/></a>
<p class="small-caption">Mc Skittles: Mosh</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<?php if ( isset($CURUSER["dwnbtn"]) != "true") { ?>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR3; ?></a>
<?php } else { ?>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR6; ?></a>
<?php } ?>
<div class="divider"></div>
<p class="dawgtags">Product ID: #353939</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["double_time"]) == "true" && isset($CURUSER["double_seeders"]) == "1") { ?>

<li class="animated flipInX" >
<a title="Eminem, Lost & Found" href="#"><img class="img-thumbnail" src="images/nike.jpg" width="120" height="100"/></a>
<p class="small-caption">Eminem, Lost & Found</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<?php if ( isset($CURUSER["dwnbtn"]) != "true") { ?>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR3; ?></a>
<?php } else { ?>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR7; ?></a>
<?php } ?>
<div class="divider"></div>
        <p class="dawgtags">Product ID: #F87474</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["krazy_raptor"]) == "asap" && isset($CURUSER["mic_check"]) == "skittles" ) { ?>

<li class="animated flipInX">
<a title="Mc Skittles: Lost In Space" href="#"><img class="img-thumbnail" src="images/dc-shoes-usa-logo-design.jpg" width="120" height="100"/></a>
<p class="small-caption">Mc Skittles, Lost Adventures</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<?php if( isset($CURUSER["dwnbtn"]) != "true") { ?>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR3; ?></a>
<?php } else { ?>
<?php echo '<a class="button">'.MYSHOP_BUTTON_TEXTBAR2.'</a>'; ?>
<?php } ?>
<div class="divider"></div>
        <p class="dawgtags">Product ID: #696060</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["krazy_raptor"]) == "asap" && isset($CURUSER["mic_check"]) == "skittles" ) { ?>

<li class="animated flipInX">
<a title="Mc Skittles: Welcome Australia" href="#"><img class="img-thumbnail" src="images/laptop.jpg" width="120" height="100"/></a>
<p class="small-caption">Mc Skittles, Riot</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR3; ?></a>
<div class="divider"></div>
        <p class="dawgtags">Product ID: #90FF00</p>
</li>

<?php } ?>

<?php if ( isset($CURUSER["freeleech"]) == "true" && isset($CURUSER["seeders"]) == "3" ) { ?>
     
<li class="animated flipInX">
<a title="Pokemon The Movie 2000" href="#"><img class="img-thumbnail" src="images/noimage.jpg" width="120" height="100"/></a>
<p class="small-caption">Pokemon The Movie 2000</p>
<text>Includes Base Engine, Instructions, Have Fun</text>
<div class="divider"></div>
<a href="paypal.php?sub" class="button"><?php echo MYSHOP_BUTTON_TEXTBAR3; ?></a>
<div class="divider"></div>
<p class="dawgtags">Product ID: #48B1FA</p>
</li>

<?php } ?>

</ul>

<?php if (isset($CURUSER["scroller_arrows"]) == "true" ) { ?>

<div class="games-nav">
<a title="Previous slide" class="prev-arrow" href="#">prev</a>
<a title="Next slide" class="next-arrow" href="#">next</a>
</div>

<?php } ?>
</div></div>



<br /><br />
<!-- End Automative Scroll -->
<?php } } echo stdfoot(); ?>


itunes.css
Code Select

@import "bbcode.css";
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html, body{margin:0;padding:0;font-family:Arial;background:#333;font-size:8pt;vertical-align: baseline;
margin-top       : 5px;
margin-bottom    : 20px;
  border: 0;}
div.itunes{width:75%;margin:auto;margin-top:25px;margin-bottom:25px;}
table.maincont{width:100%;margin:0;padding:0;border-spacing:0;height:100%;border: 1px solid #1c252b;/*background: #434343;*/background-image: url("http://localhost/bitbucket/BamBam0077_1.jpg"); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.notandi{background-image:url(./imgs/user.png);height:16px;width:auto;font-size:9pt;padding-left:5px;padding-top:1px;font-weight:bold;text-align:left;margin-bottom:15px;}
ul.nav{list-style-image:url(./imgs/nav.png);padding-right:18px;}
ul.nav li:hover{list-style-image:url(./imgs/nav.png);padding-right:18px;background:url(./imgs/navhover.png);-webkit-border-radius:15px;-moz-border-radius:15px;padding-left:7px;}
ul.nav a{color:#000;text-decoration:none;font-size:11pt;}
div.play{width:350px;margin-top:6px;margin-left:15px;float:left;}
div.play1{background-image:url(./imgs/play1.png);width:8px;height:44px;float:left;}
div.play2{background-image:url(./imgs/play2.png);height:44px;width:333px;margin-left:8px;text-align:center;font-size:25pt;font-weight:bold;text-shadow:0px 0px 3px black;}
div.play3{background-image:url(./imgs/play3.png);width:9px;height:44px;float:right;}
div.leit{width:275px;float:right;margin-top:18px;margin-right:15px;}
div.leit1{background-image:url(./imgs/leit2.png);width:22px;height:30px;float:left;}
div.leit2{background-image:url(./imgs/leit.png);height:30px;width:226px;margin-left:22px;text-align:center;}
div.leit2 input[type=text]{background:none;border:none;width:216px;height:20px;margin-top:5px;}
div.leit3{background-image:url(./imgs/leit3.png);width:27px;height:30px;float:right;}
table{}
td{border:1px solid #000000;margin:0;padding:5px;}
td.bottom{border:none;}
a{color: #f96c6c;text-decoration:none;}
h1{background:none;border:none;}
table.main, table.main td{margin-top: -40px;margin-left: 180px;background:none;border:none;}
table.top10 {

  min-width: 52.5%;
  max-width: 55%;
  margin-left: 11px;
  background : #38383e; 
}
table.top102 {

  min-width: 44.5%;
  max-width: 45%;
  margin-left: 540px; 
  -webkit-margin-start: -0px;
  margin-top: -56px;
  background : #38383e;
}

/* Type,Name,Comments,Size etc header */
td.browsehead
{
padding: 0.5em;
border: none;
    font-weight      : bold;
    color            : #ffffff; /*  Change the font color to match altlink_forum */
    background-color : #4d5254; /* Comment out to use an Image */
}

/* Top1 Type,Name,Comments,Size etc header */
td.top1head
{
padding: 0.5em;
border: none;
    font-weight      : bold;
    color            : #ffffff; /*  Change the font color to match altlink_forum */
    background-color : #525254; /* Comment out to use an Image */
}

/* Top1 Type,Name,Comments,Size etc header */
td.top2head
{
padding: 0.5em;
border: none;
    font-weight      : bold;
    color            : #ffffff; /*  Change the font color to match altlink_forum */
    background-color : #525254; /* Comment out to use an Image */
}

td.cathead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000; /* Changes the font    color of the buttons */
    background            : #444647; /* Changes the top color of the button */

}

td.namehead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.downhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.bookhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.numhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.commhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.sizehead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.snatchhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.seederhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.leechhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}

td.upperhead {

    text-align            : center;
    text-decoration       : none;
    padding               : 1px 2px;
    -webkit-box-shadow    : 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow       : 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow            : 0 1px 2px rgba(0, 0, 0, .2);
    color                 : #000000;
    background            : #444647;
}
/**/
td.rowhead{font-weight:bold;text-align:right;}
/* fancy tooltip */
span.tool {
position: relative;   /* this is key */
cursor: help;
}
span.tool span.tip {
white-space: nowrap;
display: none;        /* so is this */
}
/* tooltip will display on :hover event */
span.tool:hover span.tip {
    display: block;
    z-index: 100;
    position: absolute;
    top: 1.6em;
    left: 0;
    width: auto;
    padding: 3px 7px 4px 6px;
    border: 1px solid #336;
    background-color: #f7f7ee;
    font: normal 1.2em/1.2em tahoma, helvetica, sans-serif;
    text-align: left;
    color: #000;}
#content span.tool:after {padding-left: 2px;content: url(./pic/bubble.gif);}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #EAFF08;
font:normal 12px arial;
color: #FF6600;
line-height: 18px;
z-index: 100;
background-color: #FFFFD4;
width: 400px;
}
#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
a.info{
position:relative; /*this is the key*/
z-index:24; /*background-color:#ccc;*/
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}
td.normal {
background: #990000;
}
td.normalrowhead {
font-weight: bold;
text-align: right;
background: #990000;
}
.listitem {
margin-left:10px;
margin-right:3px;
}
.captchaImage {margin:0 2px;}
.captchaImages { margin: 5px auto;width:350px;text-align:center;}
.simpleCaptchaSelected { border: 2px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.roundedCorners {
border: 1px solid #000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
td.normal {
background: #990000;
}
td.normalrowhead {
font-weight: bold;
text-align: right;
background: #990000;
}
#statusbar{
background: #333333;
    border-top: 1px solid #353939;
    border-left: 1px solid #2e3131;
border-right: 1px solid #2e3131;
border-bottom: 1px solid #353939;
margin: 2px 0 2px 0;
padding: 0 2px 0 2px;
height: 30px;
position: fixed;
min-width: 99.4%;
    border-color: rgba(0, 0, 0, 0.9);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}
.toggle_descr {
padding: 0;
margin: 0;
display: none;
border: 0;
}

.cms-menu {
background: #333333;
    border-top: 1px solid #353939;
    border-left: 1px solid #2e3131;
border-right: 1px solid #2e3131;
border-bottom: 1px solid #353939;
position: fixed;
width: 100%;
height: 37px;
    margin-top: 140px;
    border-color: rgba(0, 0, 0, 0.9);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.1s ease-out;
    -moz-transition: 0.1s ease-out;
    -o-transition: 0.1s ease-out;
    transition: 0.1s ease-out;
}

/* Dark Button CSS */
.button {
margin-top: 5px;
outline: 0;
padding: 5px 12px;
display: block;
color: #9fa8b0;
font-weight: bold;
text-shadow: 1px 1px #1f272b;
border: 1px solid #1c252b;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #232B30; /* old browsers */
background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}

.button:hover {
color: #fff;
background: #4C5A64; /* old browsers */
background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */
}
.button:active {
background-position: 0 top;
position: relative;
top: 1px;
color: #fff;
padding: 6px 12px 4px;
background: #20282D; /* old browsers */
background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */
-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}

/* Other stuff: */
.button-list { list-style: none; padding: 0; margin: 0; width: 100%; float: left; display: block; margin: 0 0 30px; }
.button-list li { float: left; margin: 0 10px 0 0; }
.button-list li.search { border-left: 1px solid #273137; padding-left: 18px; margin-left: 10px; position: relative; }

/* NEW BREADCRUMB MENU */

.breadBoxTop {

padding: 10px 0;
overflow: hidden;
zoom: 1;
clear: both;}

#movebread{
margin-top: 1px;}

.breadBoxTop .topCtrl{

margin-left: 5px;
float: right;
line-height: 24px;}

.breadcrumb{
font-size: 11px;
overflow: hidden;
zoom: 1;
max-width: 100%;
height: auto;
margin-left: 0px;
border: none;}

.breadcrumb .crust {

display: block;
float: left;
position: relative;
zoom: 1;
max-width: 50%;}

.breadcrumb .crust a.crumb {
margin-left: -1px;
cursor: pointer;
text-decoration: none;
background-color: #fa4f4f;
padding: 0 10px 0 18px;
margin-bottom: -1px;
outline: 0 none;
-moz-outline-style: 0 none;
display: block;
border-bottom: none;
line-height: 24px;
color: #FFFFFF;
border: 1px solid #353939;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);}

.breadcrumb .crust a.crumb > span {
       
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%;}

.breadcrumb .crust a.crumb {
       
font-weight: bold;
padding-left: 20px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;}

.breadcrumb .crust:first-child a.crumb {
   
font-weight: bold;
border: solid #fa4f4f 2px;
padding-left: 10px;
border-top: solid #fa4f4f 1px;
border-right: none;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 8px;}
   
.breadcrumb .crust:last-child a.crumb {
       
font-weight: bold;
border: 0.1px solid #000;}

.breadcrumb .crust .arrow {

border: 13px solid transparent;
border-right: none;
border-left-color: #ff4141;
-moz-border-right-colors: #000000;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
display: block;
position: absolute;
right: -12.2px;
top: 0px;
z-index: 50;
width: 0px;
height: 0px;}

.breadcrumb .crust .arrow span {

border: 12px solid transparent;
border-right: 1px none #ff4141;
border-left-color: #ff4141;
-moz-border-right-colors: #f0f7fc;
display: block;
position: absolute;
left: -14px;
top: -12px;
z-index: 51;
white-space: nowrap;
overflow: hidden;
text-indent: 9999px;
width: 0px;
height: 0px;}

.crumbs {

margin-top: 10px;/*
margin-left: 5px;*/
}

.breadcrumb .crust:hover a.crumb {

background-color: #ff4141;
color: #FFF;}

#breadmenubar {

margin-top: -15px;}   

#movehead {

margin-top: -10px;}

#view_forum_move {

margin-top: -3px;}


/* END NEW BREADCRUMB MENU */

td.forums_head {
background-color: #444647;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
padding: 10px 20px;
font-size: 10pt;
}

.news_headtxt {
/* New Design Method Official */
background-color: #FF3E47;
/* original colour when first released -> background-color: #29C987; */
/* original colour shade maybe -> background-color: #4597f4; */
width: 80.6%;
padding: 0.1em;
font-size: 12pt;
color: #FFFFFF;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.news_movement {
margin-top: -2px;
padding: 0.1em;
}
span.nwstitle {
margin-left: -840px;
}
.headline {
margin-top: -10px;
margin-left: -1px;
width: 100.2%;
background-color: #737373;

}
.topictxt {
margin-left: -900px;
}
.postedtxt {
margin-top: -18px;
margin-left: 730px;
padding: 0.5em;
}

.nwsbod {
margin-top: -12px;
margin-left: -1px;
color: #FFFFFF;
font-weight: bolder;
background-color: #282828;
border-top: 1px solid #353939;
border-left: 1px solid #2E3131;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.06);
box-shadow: inset 0 1px rgba(255,255,255,0.06);
/* background-color: #63D5A6;*/
/* background-color: #656565; */
/* border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000; */
width: 99.1%;
padding: 0.5em;
}

/*MyShop*/
.myshopheader, .myheader {
margin-top: 5px;
width: 115%;
outline: 0;
padding: 5px 12px;
display: block;
color: #9fa8b0;
font-weight: bold;
text-shadow: 1px 1px #1f272b;
border: 1px solid #1c252b;
border-top-left-radius: 3px;
        border-top-right-radius: 3px;
background: #232B30; /* old browsers */
background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}

    .img-thumbnail{
        display:inline-block;
        max-width:100%;
        height:100px;
        padding:4px;
        line-height:1.42857143;
        background-color:#fff;
        border:1px solid #ddd;
        border-radius:4px;
        -webkit-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out;
margin-left: -5px;
    }


if I have missed anything please just post below I have the u232 sourced zipped due to doing something interesting just needed another canvas to proceed.

you will need to know how to add to your database:
Code Select

ALTER TABLE users ADD cms_text_idea enum('offline','online') COLLATE utf8_unicode_ci NOT NULL DEFAULT 'online';


I would do custom sql for each sector but I just jammed them inside user just to give you a concept.  ;)
if you don't like then don't use that simple!

P.S to make things interesting and interacting try adding animate.css to give your clients,memebers, soldiers etc a little bit to think about ;) Good Luck

[attachment deleted by admin]
Print
Go Up Pages1
User actions