Replace Scentsy Rep Site With New Design And Add-ons

Ok, first off - I am slightly confused as to what you are asking. At one moment you are talking about the annoyance of trying to add JS tabs, then the next you are annoyed at not being able to change more than the color. On the tabs, I will need more information - and to see the code that you have already created.

About the name change focus on the HTML not the css. This is your CSS:

<style> /* THERE SHOULD BE STYLE TAGS WRAPPING THE CSS IF CONTAINED IN THE HTML DOCUMENT */

.site_header {
color:purple;
font-family:Arial,Verdana;
font-size:12pt;
font-weight:bolder;
}

</style> /* THERE SHOULD BE STYLE TAGS WRAPPING THE CSS IF CONTAINED IN THE HTML DOCUMENT */

This is your HTML

<td class="site_header" bgcolor="#ffffff" colspan="6">
<div class="site_header" align="center">
<font class="site_header">Samantha Spleiss - Director</font>
</div>
</td>

Change the text in between the <font></font> tags.

Like this:

<font class="site_header">Samantha Spleiss - Scentsy Certified</font>

Please post me more info, I would love to help you out on this. Take care and good luck.

--

Greg

Ok, here is what I am trying to achieve. I need to take this Tab page that I have created (Click Here) and somehow wrap it into this Scentsy site. (Click Here) They only allow me limited access, and any code that I place in there goes in between their <body> tags. I know from another Scentsy site that there is a way to create an Iframe of some sort and replace the image at the top of the page, pushing everything else down and centering it properly. When I add code or just plain text into the "Personalize" option they give me, it places everything I inputted over to the right side of the page. Sorry if my explanations are Greek sounding, I am not familiar with this sort of design. Please Help!!!

Here is the example of what my ultimate goal is (Click Here)

Thanks in advance for anything you can provide!!!

Here is the raw code for my tabs, if it will help.

HTML

<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Samantha Spleiss</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://www.reprascent.com/scentsy/plug/js/stscode.js"></script>
<link rel="stylesheet" href="http://www.reprascent.com/scentsy/plug/css/plugin.css"/>
<link rel="stylesheet" href="http://www.reprascent.com/scentsy/warmers/css/warmers.css"/>
<link rel="stylesheet" href="http://www.reprascent.com/scentsy/misc/css/misc.css"/>
<link rel="stylesheet" href="http://www.reprascent.com/scentsy/discount/css/discount.css"/>
</head>
<body>
<div id="tabbed_box_1" class="tabbed_box">  
<h4>Samantha Spleiss <small>Call (208) 830-9244</small></h4>  
<div class="tabbed_area">  

<script src="function.js" type="text/javascript"></script>
<ul class="tabs">  
<li><a href="java script:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active">Products</a></li>  
<li><a href="java script:tabSwitch('tab_2', 'content_2');" id="tab_2">Why Join?</a></li>  
<li><a href="java script:tabSwitch('tab_3', 'content_3');" id="tab_3">Contact Me</a></li>
<li><a href="https://www.scentsy.com/forms/frm_enrollment_agreement.aspx?&enroll_type=ONLINE+ENROLLMENT" id="tab_4">Join Scentsy</a></li>
<li><a href="https://www.scentsy.com/forms/frm_items.aspx" id="tab_5">Place Order</a></li>	 
</ul>  

<div id="content_1" class="content">
<center><img src="images/reprascent.png"></center>
<script type="text/javascript" src="http://www.reprascent.com/scentsy/warmers/js/warmers.js"></script>
<script type="text/javascript" src="http://www.reprascent.com/scentsy/plug/js/plugin.js"></script>
<script type="text/javascript" src="http://www.reprascent.com/scentsy/misc/js/misc.js"></script>
<script type="text/javascript" src="http://www.reprascent.com/scentsy/discount/js/discount.js"></script>
</div> 
<div id="content_2" class="content">
<a href="https://www.scentsy.com//forms/frm_enrollment_info.aspx?enroll_type=ONLINE%20ENROLLMENT"><img src="images/join_scentsy.png" width="194" height="42" align="right"></a>
<i><h3>Why Join Scentsy?</h3></i>
Scentsy offers a great opportunity to start your own wickless candle business with great growth opportunities. Whether your looking for a part time job, full time job, or just a little extra cash. The possibilities are endless for people who are dedicated to working and growing their business. Be your own boss, work your own hours and make friends doing it. Please take your time to research the possibilities with scentsy, I promise you won't be sorry you did.
<br><br>
Are you looking for a Fantastic rewarding job? With Scentsy, you will be an independent business person that has the flexibility to set your own hours, choose your own commission, and earn fabulous rewards. You will be able to earn over 30% on your sales, and you can also receive leadership bonuses of up to 9% on the entire downline volume of the people that sign up under you.
<br><br>
<center>Scentsy Consultant Compensation Chart<br>
<img src="images/compensation.jpg"></center><br>
Being a Scentsy Consultant is a wonderful way to build your own professional business, It’s a an exciting job no matter what mood you are in because every time you go to work, it's a Party! Scentsy is a fun and unique job, Everyone is like family, You never have to worry,  We’ll always be there when you have a question or need anything. If you go out with a positive attitude and excited to talk about your business, you will do Great.
<br><br>
We sell wonderful products, Scentsty really does sell itself, you would be surprised at what can happen in your first 70 days. A great way to begin in your business is to do a launch party. A Launch party is the “Grand Opening” of your business! You hold it at your own home, or if  that’s not possible, you can consider holding it at a relative’s home or even a friends home, where ever you feel most comfortable.
<br><br>
Your Launch party is a wonderful way to get home parties, as well as new customers, you can show your new customers how wonderful Scentsy is, along with the wonderful job opportunity we offer. You can act as both consultant and hostess at your launch party, so you will be able to earn all the wonderful free gifts along with your half priced items which is a wonderful way to start off. It’s a great way to build your inventory.
Scentsy offers a great opportunity to start your own wickless candle business with great growth opportunities. Whether your looking for a part time job, full time job, or just a little extra cash. The possibilities are endless for people who are dedicated to working and growing their business. Be your own boss, work your own hours and make friends doing it. Please take your time to research the possibilities with scentsy, I promise you won't be sorry you did.
<br>
<center><a href="https://www.scentsy.com//forms/frm_enrollment_info.aspx?enroll_type=ONLINE%20ENROLLMENT"><img src="images/join_scentsy.png" width="194" height="42"></center></a>
<br><br>
<i><h3>The Starter Kit</h3></i>

Scentsy is a fabulous way to start your own business for such an affordable price. It’s only $99 to start and that includes everything that you will need to start your own Scentsy business. This is what your fantastic package includes:
Scensty starter kit
<ul>
	<li>Fall/Winter Large Testers (15)
	<li>Favorites Large Testers (25)
	<li>Nature Large Testers (10)
	<li>Bakery Large Testers (10)
	<li>Fruit/Flowers Large Testers (10)
	<li>Romance Large Testers (10)
	<li>Fall/Winter Catalogs (50)
	<li>Order Forms (100)
	<li>Invitations (100)
	<li>Business Cards (100) – Plus instruction label
	<li>Hostess Packet: Guest List, Hostess Rewards, Hostess Envelope (5 each)<img src="images/starterkit.jpg" align="right">
	<li>New Consultant Start Up Guide
	<li>1 Room Spray
	<li>1 Scentsy Bar
	<li>1 Car Candle
	<li>1 Warmer
	<li>4 lightbulbs
	<li>5 Clear Bags
	<li>Scentsy Binder
	<li>Welcome Sheet.
</ul><br><br>
You can start selling, the minute it arrives.
If you are interested in this exceptional job opportunity, please feel free to email or call me at anytime. I can answer any questions you may have. Thank you so much for your time..
<br><br>
<center><h3>Join Reprascent Today!</h3></center>
<center><a href="https://www.scentsy.com//forms/frm_enrollment_info.aspx?enroll_type=ONLINE%20ENROLLMENT"><img src="images/join_scentsy.png" width="194" height="42"></center></a>
<br>
</div>  
<div id="content_3" class="content">
<center><img src="images/sam.jpg"></center>
</div>  
</div>  
</body>
</html>

Here is the CSS

body {
background-color:#bd9bc5;
margin:40px;
}

#tabbed_box {
background-color:#bd9bc5;
margin: 0px auto 0px auto;
width:300px;
}

.tabbed_box h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#ffffff;
letter-spacing:-1px;
margin-bottom;10px;
}

.tabbed_box h4 small {
color:#000000;
font-weight:normal;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
position:relative;
top:-4px;
left:6px;
letter-spacing:0px;
}

.tabbed_area {
border:1px solid #bd9bc5;
background-color: #bd9bc5;
padding:8px;
width:925px
}

ul.tabs {
margin:0px;
padding:0px
margin-top:5px;
margin-bottom:6px;
width:925px;
}

ul.tabs li {
list-style:none;
display:inline;
}

ul.tabs li a {
background-image:url(images/tab_off.jpg);
background-repeat:repeat-x;
background-position:bottombottom;
background-color:#464c54;
color:#000000;
padding:8px 14px 8px 14px;
text decoration:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
border:1px solid #464c54;
width:925px;
}

ul.tabs li a:hover {
background-color:#2f343a;
border-color:#2f343a;
}

ul.tabs li a.active {
background-image:url(images/tab_on.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#ffffff;
color:#282e32;
border:1px solid #464c54;
border-bottom: 1px solid #ffffff;
}

.content {
background-image:url(images/content_bottom.jpg);
background-repeat:repeat-y;
background-position:right;
background-color:#ffffff;
padding:10px;
border:1px solid #464c54;
}
#content_2, #content_3 { display:none; }

img
{  border-style: none;
}

.content ul li a til {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}

.h3 {
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
colot:#8f1f8b;
}

Here is the JAVA

function tabSwitch(new_tab, new_content) {
	
	document.getElementById('content_1').style.display = 'none';
	document.getElementById('content_2').style.display = 'none';
	document.getElementById('content_3').style.display = 'none';		
	document.getElementById(new_content).style.display = 'block';	
	

	document.getElementById('tab_1').className = '';
	document.getElementById('tab_2').className = '';
	document.getElementById('tab_3').className = '';		
	document.getElementById(new_tab).className = 'active';		

}

This post has been edited by kriss3: 09 March 2009 - 03:44 PM

Can't figure out how to change exsiting images, text, positions

4 Replies - 5832 Views - Last Post: 10 November 2009 - 09:16 AM

#1 kriss3

Replace Scentsy Rep Site with new Design and Add-ons

Replies To: Replace Scentsy Rep Site with new Design and Add-ons

#2 gregwhitworth

Re: Replace Scentsy Rep Site with new Design and Add-ons

#3 musya

Re: Replace Scentsy Rep Site with new Design and Add-ons

#4 kriss3

Re: Replace Scentsy Rep Site with new Design and Add-ons

#5 jwalter007

Re: Replace Scentsy Rep Site with new Design and Add-ons

General Discussion

Programming Help

Web Development

Follow & Share

Give It A Try!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing