Skin Changer motifications?

[enchant]

I have posted this everywhere and Tommy suggested I post it here....

I have two skins at the moment that I would like to utilize. However, I do not know how to impliment my codes in to a css format and I dont know how to impliment my "mapped" nav bar into it as well. The layouts are completely different in grapfics and and coloring and both have "mapped" nav bars matching thier respective layouts....Is there anyway you can help me with this...pretty please

[Bradley]

I can easily do it for you. Just post the nav bar codes here and I give you the code to use.

[enchant]

ccworld said:

I can easily do it for you. Just post the nav bar codes here and I give you the code to use.

I have other graphics too....do you need those? And do you need like my headers and footer as well because of the scroll bar and such?

[me]

Just post the nav bar codes and i'm asuming your board URL is in your siggie. He'll need that to look at so everything is perfect.

[enchant]

ALright but there are two of them....the first one is my first skin which is up , just click banner.....and the code for the buttons are:


<script type="text/javascript">
<!--

//Preload buttons for enchant
//Created by James (A._Leon)

var iLoad = ["","-search","-messages","-members","-map","-register","-profile","-notify","-logout","-login","-home","-chat","-comics","-help","-calendar","-bookshelf","-admin"];

for (l=0; l<iLoad.length; l++) {
document.write('<img src="http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy' + iLoad[l] + '.gif" style="display:none;">');
}

//-->
</script>

<center><!-- Created by CoffeeCup Image Mapper++ (www.coffeecup.com) -->

<!-- Beginning of CSIM -->
<IMG SRC="http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif" USEMAP="#FantasyButtonscopy" ID="FBC" BORDER=0>
<MAP NAME="FantasyButtonscopy">
<AREA SHAPE=RECT COORDS="16,48,69,62" HREF=" theenchantedone.proboards43.com" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-home.gif';">
<AREA SHAPE=RECT COORDS="90,31,144,42" HREF="http://proboards8.com/help/" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-help.gif';">
<AREA SHAPE=RECT COORDS="92,72,148,84" HREF="http://theenchantedone.proboards43.com/index.cgi?action=search" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-search.gif';">
<AREA SHAPE=RECT COORDS="161,50,216,63" HREF="http://theenchantedone.proboards43.com/index.cgi?action=members" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-members.gif';">
<AREA SHAPE=RECT COORDS="212,26,268,39" HREF="http://theenchantedone.proboards43.com/index.cgi?action=calendar" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-calendar.gif';">
<AREA SHAPE=RECT COORDS="213,74,268,88" HREF="http://theenchantedone.proboards43.com/index.cgi?action=bookmarks" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-notify.gif';">
<AREA SHAPE=RECT COORDS="267,52,323,65" HREF="#" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-profile.gif';" onclick="location.href = 'index.cgi?action=profile&username=' + document.cookie.match(/user=(\w+)/i)[1]">
<AREA SHAPE=RECT COORDS="325,24,383,40" HREF="http://theenchantedone.proboards43.com/index.cgi?action=pm" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-messages.gif';">
<AREA SHAPE=RECT COORDS="327,76,380,91" HREF="http://theenchantedone.proboards43.com/index.cgi?action=login" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-login.gif';">
<AREA SHAPE=RECT COORDS="380,50,437,63" HREF="http://theenchantedone.proboards43.com/index.cgi?action=register" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-register.gif';">
<AREA SHAPE=RECT COORDS="437,24,494,38" HREF="http://home.ripway.com/2004-8/155908/TheEnchantedElementBookShelf.html" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-bookshelf.gif';">
<AREA SHAPE=RECT COORDS="441,73,497,89" HREF="http://theenchantedone.proboards43.com/index.cgi?action=logout" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-logout.gif';">
<AREA SHAPE=RECT COORDS="499,49,555,63" HREF="http://pub29.bravenet.com/guestmap/show.php?usernum=2407773759&lightmap=0&icons=0&&entrylist=0&zoom=0&welcome=1" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-map.gif';">
<AREA SHAPE=RECT COORDS="571,31,625,43" HREF="http://client0.sigmachat.com/sc.pl?id=96941" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-chat.gif'">
<AREA SHAPE=RECT COORDS="578,70,633,84" HREF="http://theenchantedone.proboards43.com/index.cgi?action=admin" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-admin.gif';">
<AREA SHAPE=RECT COORDS="659,50,710,65" HREF="http://home.ripway.com/2004-8/155908/TheEnchantedElementComicPage.html" ALT="" OnMouseOut="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy.gif';" OnMouseOver="window.status=''; document.getElementById('FBC').src='http://img.photobucket.com/albums/v197/Pheonixfeather/FantasyButtonscopy-comics.gif';">
</MAP>
<!-- End of CSIM -->
</center>








Next is the url for a test froum where the second skin is at the moment :
theunforeseen.proboards39.com/index.cgi
and here is the mapped buttons *please note that they are already coded for the actual forum*




<center><!-- Created by CoffeeCup Image Mapper++ (www.coffeecup.com) -->

<!-- Beginning of CSIM -->
<IMG SRC="http://img.photobucket.com/albums/v197/Pheonixfeather/fullbutton.gif" USEMAP="#fullbutton" BORDER=0>
<MAP NAME="fullbutton">
<AREA SHAPE=RECT COORDS="7,38,80,54" HREF="http://theenchantedone.proboards43.com/index.cgi" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">

<AREA SHAPE=RECT COORDS="88,21,153,33" HREF="http://proboards8.com/help/"border=0 class="gradualshine"onMouseover="slowhigh(this)" onMouseout="slowlow(this) ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">

<AREA SHAPE=RECT COORDS="85,63,157,75" HREF="http://theenchantedone.proboards43.com/index.cgi?action=search" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="152,40,224,53" HREF="http://theenchantedone.proboards43.com/index.cgi?action=mlall" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="206,19,273,30" HREF="http://theenchantedone.proboards43.com/index.cgi?action=calendar" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="203,66,275,78" HREF="http://theenchantedone.proboards43.com/index.cgi?action=notifyshow" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="257,42,327,56" HREF="#" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true" onclick="location.href = 'index.cgi?action=profile&username=' + document.cookie.match(/user=(\w+)/i)[1]">
<AREA SHAPE=RECT COORDS="314,16,387,28" HREF="http://theenchantedone.proboards43.com/index.cgi?action=im" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="319,67,392,77" HREF="http://theenchantedone.proboards43.com/index.cgi?action=login" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="371,42,442,54" HREF="http://theenchantedone.proboards43.com/index.cgi?action=register" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="431,17,499,30" HREF="http://home.ripway.com/2004-8/155908/TheEnchantedElementBookShelf.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="426,66,502,79" HREF="http://theenchantedone.proboards43.com/index.cgi?action=logout" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="489,43,562,56" HREF="http://pub29.bravenet.com/guestmap/show.php?usernum=2407773759&lightmap=0&icons=0&&entrylist=0&zoom=0&welcome=1" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="563,22,630,34" HREF="http://groups.everywherechat.com/community/chat.asp?room=TheEnchantedElement" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="569,61,640,73" HREF="http://theenchantedone.proboards43.com/index.cgi?action=admin" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE=RECT COORDS="645,43,714,56" HREF="http://home.ripway.com/2004-8/155908/TheEnchantedElementComicPage.html" ALT="" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
</MAP>
<!-- End of CSIM -->
</center>

[Bradley]

Ok, looking at your codes this is going to take a bit more then I thought at first. To start, I'm going to re-write to codes from your test forum then you can re-test those on there. If they work I'll see what I need to do to make them work with the other skin; obviously if they don't work by themselves I'll have to make a few changes first. I'll be back in less then a half-hour with the codes for you test forums (skin 2, I guess I could say).

[Bradley]

Do to the large number of codes you have they will deffinatly not all fit in your headers/footers when you have the two skins. I'll setup the codes so they can be uploaded to a place like ripway and linked to remotely.

I'll send the actual codes VIA private message(s). For right now keep the really big table in your header. Also keep Affiliate Table v4 in your footers.

For headers:
<script type="text/javascript" src="http://URL TO YOUR HOST/skin2/mheader.js"></script>
<link rel="stylesheet" type="text/css" href="http://URL TO YOUR HOST/skin2/css.css" />

For footers:
<script type="text/javascript" src="http://URL TO YOUR HOST/skin2/mfooter.js"></script>

[enchant]

wow that is a bit long...will this effect the speed of my loading?

[Bradley]

It's actually shorter then what you had. If you follow my directions and link to the scripts, the scripts will be stored on the users computer in the temp internet files folder and won't need to reload on every page view. That will make the loading much faster.

[enchant]

OOOHHh I think I understand now alright.....I have one thing I am worried about....since you worked on the above codes there have been a few things taken out and motified and wonder when you have the time if you could re- motify it ...pretty please...dont mean to be a pain...but right now you're one fo the few that have shown me some results....

[Bradley]

Well, what exactly are you talking about?

[enchant]

ccworld said:

Well, what exactly are you talking about?

lol...I am not sure...I am so code lost its not funny.....while you were doing the sheet for me, I had to do some changes in my coding on the forum, like a couple of the buttons, took a couple codes out that weren't needed and added a couple in....so I thought that the one sheet you did wouldn't be correct...if it is my bad...I just dont want to screw it up...which I tend to do at times....