Replace Scentsy Rep Site with new Design and Add-ons

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

Page 1 of 1

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

#1 kriss3  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 06-March 09

Replace Scentsy Rep Site with new Design and Add-ons

Posted 06 March 2009 - 01:26 PM

I am trying to duplicate the idea of a Scentsy site that has been established. I need to know how they overcame the coding that is already embedded in the site. Scentsy offers each oneof their reps a website through their main site, and it gives you a "Personalize" option inside their manager. When you place code in there, it puts it directly into the body tags of the site. I need to make tabs, and include info on three of them, the first one being java scrollers, that I have already created. Any help would be great, even a starting point. I have been going in circles. Thanks in advance.

Demo Site Click Here

My Site Click Here

The first step would be to change the name at the top from Samantha Spleiss - Director to something like Samantha - Scentsy Certified

Their code looks like this:
.site_header {
color:purple;
font-family:Arial,Verdana;
font-size:12pt;
font-weight:bolder;
}
<td class="site_header" bgcolor="#ffffff" colspan="6">
<div class="site_header" align="center">
<font class="site_header">Samantha Spleiss - Director</font>
</div>
</td>


I have only been able to change the color....ack...

This post has been edited by kriss3: 06 March 2009 - 01:29 PM


Is This A Good Question/Topic? 0
  • +

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

#2 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 219
  • View blog
  • Posts: 1,604
  • Joined: 20-January 09

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

Posted 07 March 2009 - 02:46 PM

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
Was This Post Helpful? 0
  • +
  • -

#3 musya  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 11
  • View blog
  • Posts: 1,012
  • Joined: 25-April 07

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

Posted 07 March 2009 - 03:19 PM

Pretty crazy Scentsy was a client of ours, I think we designed some of that site.

This post has been edited by musya: 07 March 2009 - 03:20 PM

Was This Post Helpful? 0
  • +
  • -

#4 kriss3  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 06-March 09

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

Posted 09 March 2009 - 03:43 PM

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

Was This Post Helpful? 0
  • +
  • -

#5 jwalter007  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 10-November 09

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

Posted 10 November 2009 - 09:16 AM

View Postmusya, on 7 Mar, 2009 - 02:19 PM, said:

Pretty crazy Scentsy was a client of ours, I think we designed some of that site.



I know this is an old post. hopefully it finds you. I am trying to design something similar to scentsy's site, where a user can be set up as a sales consultant then people can purchase items thru their site and they get a commission. It would be a much simpler site with only 1 or 2 items.
I have been trying to locate a script that I can use to set something like this up, but I don't even know what it would be called. Can you offer any help.
Thanks
Jason
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1