Halbtransparenz in MySpace

    Hallo. Ich würde gerne die Boxen auf meiner MySpace (Band-)Seite nur Halbtransparent anzeigen lassen, sodass noch ein bisschen der Hintergrund zu sehen ist. Mit welchem Code lässt sich dass machen??????? Danke schonmal im voraus :D

    Mit css geht das... musst halt deinen boxen ne id/class zu weisen und dann im css:

    Code
    filter:alpha(opacity=60);
    opacity: 0.60;-moz-opacity:0.75;


    für mozilla und alles...
    allerdings werden deine sachen im feld auch transparent, dass kannst du unterbinden indem du dein text/bilder/inhalt in ein

    </p> setzt... weise

    auch ner class zu
    und dann in css wieder:

    Code
    filter:alpha(opacity=none);
    opacity: none;-moz-opacity:none;

    bin mir beim

    nun nicht ganz so sicher, teste einfach mal ;)

    Danke, die Halbtransparenz hab ich hinbekommen, aber die Inhalte sind jetzt auch transparent. Ich verstehe aber nicht wie ich das unterbinde, kannst du ein beispiel machen?

    das meinte ich mit den

    du musst jeden inhalt einfach in ein

    INHALT</p>
    setzen ;) und im css dann:

    Code
    .p {
filter:alpha(opacity=none);
    opacity: none;-moz-opacity:none;
}


    edit
    aber wie gesagt mit den "none" bin ich mir nciht ganz sicher, ich schua mal eben..
    nein doch nicht sondern 100
    ->

    Code
    .p {
filter:alpha(opacity=100);
    opacity: 1.00;-moz-opacity:1.00;
}


    wenn 1.00 nicht klappt wie in mein beispiel probier mal 100...
    und die abstande durch p machst du per css auch weg:

    Code
    .p {
filter:alpha(opacity=100);
    opacity: 1.00;-moz-opacity:1.00;
margin: 0px;
}

    Hmm... das klappt irgendie nicht...

    Ich sollte vllt. erwähnen das ich bei MySpace nur den StyleSheet ändern kann (Hab ich grad erfahren...)

    Ich schreib hier jetzt einfach mal den Code hin (Ohne Links) vllt. bringt es etwas mehr:

    <style type="text/css">
    body {
    background-color: rgb(255,255,255);
    background-image: url(http://img461.imageshack.us/img461/2769/conzept012wu5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
    table, tr, td {
    background-color: transparent;
    border: 5px;
    }

    table table {
    border: 5px;
    }
    table table table table{
    border: 5px;
    }
    table table table {
    border-width: 5px;
    border-color: rgb(140, 0, 0);
    border-style: solid;
    background-color:aaaaaa;
    filter:alpha(opacity=60); -moz-opacity:0.70; opacity:0.70; -khtml- opacity:0.70; }
    table table table td {
    background-color: rgb(255, 255, 255);
    filter:alpha(100);
    -moz-opacity:0.;
    opacity: 100;
    -khtml-opacity:0.;
    }
    table table table table td {
    filter:none;
    body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
    font-family: Courier New;
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    .nametext {
    padding: 5px;
    font-family: Courier New;
    font-size: 30px;
    color: rgb(0,0,0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    display: block;
    }
    .whitetext12, .orangetext15 {
    font-family: Courier New;
    font-size: 14px;
    color: rgb(119, 0, 0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
    color: in_linkFontColor;
    font-weight: in_linkFontWeight;
    font-style: in_linkFontStyle;
    text-decoration: in_linkFontDecoration;
    }
    a.navbar:hover, a.man:hover, a:hover {
    color: in_linkHoverFontColor;
    font-weight: in_linkHoverFontWeight;
    font-style: in_linkHoverFontStyle;
    text-decoration: in_linkHoverFontDecoration;
    }
    .badge {
    position: absolute;
    left: 1px;
    top: 1px;
    }

    </style>

    http://myspace.com/phallow


    Also, dieses Halbtransparenz ist ein Problem... Aber ich hab noch ein paar, vllt. kannst du mir da auch weiterhelfen...

    1. Undzwar will ich die Links unten (Über MySpace | Häufige Fragen | usw...) in Schwarz...

    2. Und das Blaue in "Kontaktaufnahme" auch in schwarz...

    3. Wie bekomme ich die Stellen in den Boxen weg, die etwas heller sind? z.B unter "Letzte Anmeldung" ???

    Und danke für deine Hilfsbereitschaft und Zeit :D

    OK, das mit den ungleichen Stellen Hab ich hinbekommen, aber jetzt ist alles dunkler geworden?

    Hier der Code, vllt. hast du so einen besseren Überblick:


    <style type="text/css">
    body {
    background-color: rgb(255,255,255);
    background-image: url(http://img461.imageshack.us/img461/2769/conzept012wu5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
    table, tr, td {
    background-color: transparent;
    border: 5px;
    }

    table table {
    border: 5px;
    }
    table table table table{
    border: 5px;
    }
    table table table {
    border-width: 5px;
    border-color: rgb(140, 0, 0);
    border-style: solid;
    background-color:aaaaaa;
    filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml- opacity:0.70; }
    table table table td {
    background-color:aaaaaa;
    filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml- opacity:0.70;
    filter:alpha(100);
    -moz-opacity:0.;
    opacity: 100;
    -khtml-opacity:0.;
    }
    table table table table td {
    filter:none;
    body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
    font-family: Courier New;
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    .nametext {
    padding: 5px;
    font-family: Courier New;
    font-size: 30px;
    color: rgb(0,0,0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    display: block;
    }
    .whitetext12, .orangetext15 {
    font-family: Courier New;
    font-size: 14px;
    color: rgb(119, 0, 0);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
    color: in_linkFontColor;
    font-weight: in_linkFontWeight;
    font-style: in_linkFontStyle;
    text-decoration: in_linkFontDecoration;
    }
    a.navbar:hover, a.man:hover, a:hover {
    color: in_linkHoverFontColor;
    font-weight: in_linkHoverFontWeight;
    font-style: in_linkHoverFontStyle;
    text-decoration: in_linkHoverFontDecoration;
    }
    .badge {
    position: absolute;
    left: 1px;
    top: 1px;
    }

    </style>

    das hinzufügen

    Code
    a.navbar:link, a.navbar:visited {
color: #000000;
font-weight: in_linkHoverFontWeight;
font-style: in_linkHoverFontStyle;
text-decoration: in_linkHoverFontDecoration;
}


    der hover bleibt die selbe farbe.... und du löscht hier:

    Code
    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: in_linkFontColor;
font-weight: in_linkFontWeight;
font-style: in_linkFontStyle;
text-decoration: in_linkFontDecoration;
}

    jeden eintrag mit a.navbar:link und mit a.navbar:visited