mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 14:57 Benutzername: Passwort: Auto-Login

Thema: Myspace Navigation richtig positionieren vom 03.04.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Myspace Navigation richtig positionieren
Autor Nachricht
outface
Threadersteller

Dabei seit: 02.04.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 03.04.2009 13:44
Titel

Myspace Navigation richtig positionieren

 Antworten mit Zitat Zum Seitenanfang
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 Lächel))
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
  View user's profile Private Nachricht senden
traumgaertner

Dabei seit: 18.01.2009
Ort: Franken
Alter: 43
Geschlecht: Männlich
Verfasst Fr 03.04.2009 14:18
Titel

Antworten mit Zitat Zum Seitenanfang
Au weia!

Boar wie umständlich ^^

Ich bin mir nicht zu 100% sicher ob es bei Bandprofilen auch funktioniert, müsste aber eigentlich...wenn nicht liegt es an der Klassenbezeichnung die anders sein könnte als bei privaten Profilen, die müsste dann entsprechend angepasst werden.

Blende die MySpace Navi mal komplett aus,
und ersetze sie durch deine eigene:

Code:

.neu {Create Navigation Bar}
  div.clearfix ul {display:none !important;}

.neuNav {
  position:absolute; padding-top:4px; 
  width:800px; height:22px;  _height:28px;
  margin-left:-400px; margin-top:130px;
  left:50%; top:0%; text-align:center;
  background-color:CD69C9;
  border:2px solid; border-color:8B1C62;}

.neuNav a {color:white; font-family:tahoma; font-size:12px;}
.neuNav a:hover {color:blue; font-family:tahoma; font-size:12px;}


Code:

<div class="neuNav">
  <a href="http://home8.myspace.com/index.cfm?fuseaction=user">Home</a>
  &nbsp;|&nbsp;
  <a href="http://mail1.myspace.com/index.cfm?fuseaction=mail.inbox">Mail</a>
  &nbsp;|&nbsp;
  <a href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1">Browse</a>
  &nbsp;|&nbsp;
  <a href="http://search.myspace.com/index.cfm?fuseaction=find">Search</a>
  &nbsp;|&nbsp;
  <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home">Videos</a>
  &nbsp;|&nbsp;
  <a href="http://music.myspace.com/index.cfm?fuseaction=music">Musik</a>
  &nbsp;|&nbsp;
</div>


Die Links müssen natürlich durch die originalen ergänzt/angepasst werden.

Zuletzt bearbeitet von traumgaertner am Fr 03.04.2009 14:20, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 80255
Account gelöscht


Ort: -

Verfasst Fr 03.04.2009 15:14
Titel

Antworten mit Zitat Zum Seitenanfang
Wenn ich dich richtig verstanden habe musst du die Content-Tabelle runterdrücken mit

Code:
table {margin-top:100px; }
div table {margin-top:0; }
table table {margin-top:0; }
table table table{margin-top:0; }
table table table table{margin-top:0; }
table table table table table{margin-top:0; }


Dann kannst Du Deine Navigation darüber positionieren.

Zuletzt bearbeitet von am Fr 03.04.2009 15:14, insgesamt 1-mal bearbeitet
 
 
Ähnliche Themen Myspace Navigation - Hotspots setzen - Hiiilfe =)
Positionieren mit CSS
Positionieren mit CSS
Div Positionieren
Fenster positionieren
divs positionieren
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB