outface
Threadersteller
Dabei seit: 02.04.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 03.04.2009 13:44
Titel Myspace Navigation richtig positionieren |
|
|
HI Leute !
Nachdem ich dass mit den Hotspots erfolglos versucht habe, habe ich mein Bild gesliced, nur bekomme ich es jetzt nicht positioniert.
Ich erlaube mir einfach meinen englischen Post hier reinzusetzten, weil ich da alles schon relativ gut erklärt habe, bitte helft mir falls Ihr könnt.
Es schaut am anfang viel aus aber nur weil ich viel code reinkopiert habe und erklärt habe was ich damit vorhab - so viel ist es garnicht.
Bitte zuende lesen ))
Vielen Dank & Lg,
Steve
Ok - I tried around for nearly the half of the day with image maps for my own navigation:
www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi.jpg
My Myspace Site = www.myspace.com/sonicpalms
Finally I didn't get it to work and found out myspace don't supports image maps on band profiles - and I use a band profile.
Ok then I thought I try to slice it into pieces and make just easy links - and thats my problem now
I tried a lot around - the original code that Image Ready gave me was:
<HTML>
<HEAD>
<TITLE>Myspace Navi</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (Myspace Navi.psd) -->
<STYLE TYPE="text/css">
<!--
#Myspace-Navi-01 {
position:absolute;
left:0px;
top:0px;
width:200px;
height:50px;
}
#Myspace-Navi-02 {
position:absolute;
left:200px;
top:0px;
width:200px;
height:50px;
}
#Myspace-Navi-03 {
position:absolute;
left:400px;
top:0px;
width:200px;
height:50px;
}
#Myspace-Navi-04 {
position:absolute;
left:600px;
top:0px;
width:200px;
height:50px;
}
#Myspace-Navi-05 {
position:absolute;
left:0px;
top:50px;
width:200px;
height:50px;
}
#Myspace-Navi-06 {
position:absolute;
left:200px;
top:50px;
width:200px;
height:50px;
}
#Myspace-Navi-07 {
position:absolute;
left:400px;
top:50px;
width:200px;
height:50px;
}
#Myspace-Navi-08 {
position:absolute;
left:600px;
top:50px;
width:200px;
height:50px;
}
-->
</STYLE>
<!-- End ImageReady Styles -->
</HEAD>
<BODY STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (Myspace Navi.psd) -->
<DIV ID="Myspace-Navi-01">
<IMG SRC="images/Myspace-Navi_01.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-02">
<IMG SRC="images/Myspace-Navi_02.jpg" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-03">
<IMG SRC="images/Myspace-Navi_03.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-04">
<IMG SRC="images/Myspace-Navi_04.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-05">
<IMG SRC="images/Myspace-Navi_05.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-06">
<IMG SRC="images/Myspace-Navi_06.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-07">
<IMG SRC="images/Myspace-Navi_07.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV ID="Myspace-Navi-08">
<IMG SRC="images/Myspace-Navi_08.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
--------------------------------------
ok - here is my Original Myspace Code, I want to get my navigation over the big Sonic Palms Picture:
--------------------------------
<style>
table.friendSpace{display:none;}
table.friendsComments{display:none;}
table.contactTable{display:none;}
table.navigationBar{display:none;}
</style>
<style type="text/css">.latestBlogEntry {display:none;}</style>
<Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
body, body.bodycontent{
scrollbar-face-color:rgb(255,153,0);
scrollbar-base-color:rgb(255,153,0);
scrollbar-3dlight-color:rgb(255,153,0);
scrollbar-shadow-color:rgb(255,153,0);
scrollbar-darkshadow-color:rgb(255,153,0);
scrollbar-highlight-color:rgb(255,153,0);
scrollbar-track-color:rgb(255,153,0);
}
a </Style
><style>
..Google Suche verstecken-->
.K {Hide Top Search Bar}
div div form {
display:none !important;}
table table div form{
display:inline !important;}
</style>
<style>
body { margin-top: 200px; }
.mybannermakerheadbanner {
top: 0px; padding: 0px; margin-left:-210px;
height: 200px; width:900; text-align:center; position: absolute;
}
</style>
<div class="mybannermakerheadbanner">
<div align="center"><img src="http://www.silverstation.net/myspace/sonicpalms/grafx/syndiactehead900x200.jpg" alt="sonicpalms" width="900" height="200" border="0" /> </div>
</div>
</div>
<style type="text/css">
body {background-color:000000; background-image:url(); background-position:Top Center; background-attachment:scroll; background-repeat:no-repeat;}
Table, Td { background-color:000000; border-style:none; }
table table td { width:100%; }
table table table table td { width:auto; }
table table table {background-color:; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:FFCC33; border-style:solid; border-width:1px; padding:4px;}
table table table table{ background-image:none; background-color:000000; border-style:none; }
.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:FFCC33; font-size:12pt; font-style:normal; font-family:,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:FFCC33; font-size:10pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:FFCC33; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:FFCC33; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
</style>
<img src="http://www.silverstation.net/myspace/sonicpalms/grafx/palmshead800.jpg" width="800" height="422" align="top">
<DIV class="own"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border-color:FFCC33; border-style:solid; border-width:1px; padding:4px;; background-color:000000;}"> <tr> <td valign="top">EVERYTHING YOU WANT ON YOUR PROFILE GOES HERE! </td> </tr> </table> </DIV>
----------------------------------
The Code from Adobe Image Ready didn't worked properly, so I played around and stopped with that code:
----------------------------------
<style>
.Myspace-Navi-01 {
position:absolute;
left:0px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-02 {
position:absolute;
left:200px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-03 {
position:absolute;
left:400px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-04 {
position:absolute;
left:600px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-05 {
position:absolute;
left:0px;
top:50px;
width:200px;
height:50px;
}
.Myspace-Navi-06 {
position:absolute;
left:200px;
top:50px;
width:200px;
height:50px;
}
.Myspace-Navi-07 {
position:absolute;
left:400px;
top:50px;
width:200px;
height:50px;
}
.Myspace-Navi-08 {
position:absolute;
left:600px;
top:50px;
width:200px;
height:50px;
}
</STYLE>
<div class="Myspace-Navi-01">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_01.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-02">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_02.jpg" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-03">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_03.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-04">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_04.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-05">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_05.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-06">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_06.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-07">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_07.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-08">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_08.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
-----------------------------------------
I added this code to my profile which looked like this in the end:
------------------------------------------
<style>
table.friendSpace{display:none;}
table.friendsComments{display:none;}
table.contactTable{display:none;}
table.navigationBar{display:none;}
</style>
<style type="text/css">.latestBlogEntry {display:none;}</style>
<Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
body, body.bodycontent{
scrollbar-face-color:rgb(255,153,0);
scrollbar-base-color:rgb(255,153,0);
scrollbar-3dlight-color:rgb(255,153,0);
scrollbar-shadow-color:rgb(255,153,0);
scrollbar-darkshadow-color:rgb(255,153,0);
scrollbar-highlight-color:rgb(255,153,0);
scrollbar-track-color:rgb(255,153,0);
}
a </Style
><style>
..Google Suche verstecken-->
.K {Hide Top Search Bar}
div div form {
display:none !important;}
table table div form{
display:inline !important;}
</style>
<style>
body { margin-top: 200px; }
.mybannermakerheadbanner {
top: 0px; padding: 0px; margin-left:-210px;
height: 200px; width:900; text-align:center; position: absolute;
}
</style>
<div class="mybannermakerheadbanner">
<div align="center"><img src="http://www.silverstation.net/myspace/sonicpalms/grafx/syndiactehead900x200.jpg" alt="sonicpalms" width="900" height="200" border="0" /> </div>
</div>
</div>
<style type="text/css">
body {background-color:000000; background-image:url(); background-position:Top Center; background-attachment:scroll; background-repeat:no-repeat;}
Table, Td { background-color:000000; border-style:none; }
table table td { width:100%; }
table table table table td { width:auto; }
table table table {background-color:; background-image:url(); background-position:Top Center; background-repeat:no-repeat; border-color:FFCC33; border-style:solid; border-width:1px; padding:4px;}
table table table table{ background-image:none; background-color:000000; border-style:none; }
.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:FFCC33; font-size:12pt; font-style:normal; font-family:,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:FFCC33; font-size:10pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:FFCC33; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:FFCC33; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
</style>
<img src="http://www.silverstation.net/myspace/sonicpalms/grafx/palmshead800.jpg" width="800" height="422" align="top">
<style>
.Myspace-Navi-01 {
position:absolute;
left:0px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-02 {
position:absolute;
left:200px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-03 {
position:absolute;
left:400px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-04 {
position:absolute;
left:600px;
top:0px;
width:200px;
height:50px;
}
.Myspace-Navi-05 {
position:absolute;
left:0px;
top:50px;
width:200px;
height:50px;
}
.Myspace-Navi-06 {
position:absolute;
left:200px;
top:50px;
width:200px;
height:50px;
}
.Myspace-Navi-07 {
position:absolute;
left:400px;
top:50px;
width:200px;
height:50px;
}
.Myspace-Navi-08 {
position:absolute;
left:600px;
top:50px;
width:200px;
height:50px;
}
</STYLE>
<div class="Myspace-Navi-01">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_01.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-02">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_02.jpg" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-03">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_03.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-04">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_04.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-05">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_05.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-06">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_06.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-07">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_07.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<div class="Myspace-Navi-08">
<IMG SRC="http://www.silverstation.net/myspace/sonicpalms/grafx/Myspace-Navi_08.gif" WIDTH=200 HEIGHT=50 ALT="">
</DIV>
<DIV class="own"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border-color:FFCC33; border-style:solid; border-width:1px; padding:4px;; background-color:000000;}"> <tr> <td valign="top">EVERYTHING YOU WANT ON YOUR PROFILE GOES HERE! </td> </tr> </table> </DIV>
------------------------------------
Ok, but how do I get the navigation now on the right side direct over the big "Sonic Palms" picture Huh
Tried around for hours now, but I can't get it to work Sad((
Can anybody help me please ?
Greetz,
Steve
|
|