Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

add background in sts


pitune

Recommended Posts

Posted

i got some truble with my background image in my sts mondule.

 

and sorry for my crapy engelsk :thumbsup:

 

i using Supersized to put in back image

see link here:My link

 

it zoom oki out in explorer. but it not coming in the back off shop...

link to my page: My link

try with google crome and then it work ok...

 

hope some one can help so i can make a pack an put up here, for a relly nice program were you can make sliding backgrounds and so one ...

 

 

 

i put this in my header.php

(not sure it right, got a index and header and footer and then the sts_template.html...)

think i need some kind off content to put in my stylesheet

 

body>

 

 

<!-- Layout Graphics -->

 

 

<div id="supersize">

 

<img class="activeslide" src="$templatedir$/images/top_tall.gif"/>

 

 

</div>

 

 

 

 

 

here is some off my stylesheet:

*/

 

html {

height: 100%;

}

 

 

 

*{margin:0; padding:0;}

 

 

 

/*BODY

Type color is text color in the left & right column boxes and the "text body" that is NOT linked.

 

Background color is the page background color ... this acts as a base whereupon the header

and columns are built.

 

Set the border color which sets the color around the inside browser window including the scrollbar.

 

Set the top border to 10 with the same color and it will drop down the table and the scrollbars of

the browser.*/

body {

margin: 0px;

background: #ffffff;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

}

 

 

 

 

this is the one there control the image:

/*Supersize Plugin Styles*/

#supersize img, #supersize a{

height:100%;

width:100%;

 

 

 

display:none;

}

#supersize .activeslide, #supersize .activeslide img{

display:inline;

}

 

 

 

 

 

table{padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#898989;}

td{vertical-align:top; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#898989;}

 

 

 

/*A

The color style for ALL link colors throughout the entire store.*/

a {color:#898989; text-decoration:underline;}

 

 

/*A:hover

The color style used for mouse over links throughout the entire store.*/

 

a:hover{text-decoration:none;}

 

 

img{border:none;}

 

table{width:100%;}

 

/***************************************************************************************************************/

.txt1{color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.txt1 select{width:99px; height:18px;}

 

.txt2{color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.txt2 b{color:#2b73a4; font-size:12px; text-decoration:underline;}

 

.txt2 a{color:#616161; font-weight:bold; text-decoration:none;}

.txt2 a:hover{text-decoration:underline;}

 

 

 

/*maint sætter dimmsion på midt vindue*/

.main_t{width:916; margin:0px auto;}

 

 

 

 

/*bliv brugt i header ved kurv osv....

.h_back1{height:68px; background:url(images/h_back10.gif) repeat-x left bottom;}

.h_back2{width:184px; background:url(images/h_back20.gif) no-repeat 100% 31px;}

.h_back3{background:url(images/h_back30.gif) no-repeat 90px 9px;}*/

 

 

 

/*baggrud farve i header de 4 link i vindue

.menu_tall{width:916px; repeat-x left top;

margin:0px auto;

 

 

}*/

 

 

/*brugt i footer baggrudfarve*/

.f_tall{width:100%; position:absolute; background:url(images/f_tall00.gif) repeat-x left top;

 

 

 

}

 

.txt3{color:#b90000; font-size:12px; font-weight:bold;}

.txt3 a{color:#b90000; font-size:12px; font-weight:bold; text-decoration:underline;}

.txt3 a:hover{ text-decoration:none;}

 

 

/***************************************************************************************************************/

.prod_box{}

.prod_box .style1{margin-bottom:3px;}

.prod_box .style1 .indent{height:31px; padding:7px 10px 5px 32px;}

.prod_box .style1 .indent3{padding:0 10px 0 42px;}

.prod_box .style2{margin-bottom:3px; border-left:solid 1px #dbcdae; border-right:solid 1px #dbcdae; }

.prod_box .style2 .indent{padding:15px 31px 23px 31px;}

.prod_box .style2 .indent2{padding:15px 11px 23px 11px;}

.prod_box .style3{height:5px; border-bottom:solid 2px #dbcdae; margin-bottom:3px;}

 

 

.in_prod_info{color:#33CCFF;}

.cont_h1{margin-top:0;}

.cont_h1_divide_height{height:0; display:none;}

 

 

 

 

/* ********************************************************************************************************* */

.pic img{}

.infoBoxHeading_td77{color:#fefefe; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; padding-left:58px; padding-bottom:15px;}

 

 

 

 

 

 

/*

.styleFlash {padding:17px 9px 17px 9px; text-align: center; vertical-align: center; width: 700px; height: 300px;}

 

*/

 

 

and so on..........

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...