Customizing H-Sphere

Is there anyway to customize the reseller control panel. I see many of the hosting companies have their customised, but don't know if it's possible for resellers. I like the Xpressia layout, but I can't customize the banner with my logo and html. I've tried it several times and just isn't working well. That dang blue background just won't go away. Of course, it works fine with the Left Menu layout. So, I'd really like to be able to customize the control panel. I'm even willing to pay for this if I can have this option available to me. Thanks!

Courtney
 
Not sure if Xpressia Lite is so customizable but the default style is. I've seen some very attractive color schemes and banners on the default style
 
Yeah, I was able to customize the default layout, just not Xpressia. Only problem is I really don't like the layout of the default. I was hoping I could customize it the way I see many top level hosts do...like hostdepartment.com. Guess I can't have the best of both worlds. :(
 
you can edit the colors in Xpressia Lite, it works quite well, I have not experimented with it just a while lot, but I have made a nice grey background. :D
 
I actually like the colors....I just want to get rid of the blue banner at the top and replace it with my own, so it has the same look as my site. I try putting html in the banner box, but it doesn't really work well, like it does in the default setting.
 
I know this an old topic, but I'd like to do the same thing with my control panel.

Now I remember a script I've used in the past, to change images on a profile site (like MySpace), to other images, and it worked perfectly. However, when I try and use it as the banner HTML in my CP, I find it only changes images after the script, and not ones before (I think) - looking at the source of the page will show this.

For example, try the below in your CP banner HTML;

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head1_lb_w.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head1_lb_n.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head2_tile.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head3_hs.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/spacer.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head1_tile.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head2_bb.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head3_tile.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

<script type="text/javascript">

for(i=0 ; i<document.images.length ; i++){
if(document.images.src=="<YOUR CP URL>/IMAGES//xcp1/head3_b.gif"){
document.images.src=("http://www.hotti.ch/tools/tft/1024x768/red.gif")
}
}
</script>

Give it a second of so, as the example image I've used is a large red background from a Google search. Now you'll find the above changes some of the images in the banner, but not all of them.

If anyone can see how we can change this to replace any image on the page, that would be excellent - possibly using CSS etc to replace?
 
Back
Top