Rahmen

Hallo alle zusammen!

Also ich hab vor kurzen dieses Thema gefunden und hab das einfach mal bei mir im Testforum ausprobiert!

Es hat eigentlich auch 2 mal geklappt! Jedoch wurde das ganze 2 mal aus irgendeinem Grund rückgängig gemacht! Als ich heute nachsah, war die Einstellung wieder weg und ich konnte das auch nicht mehr ändern so das es angezeigt wird.

Jetzt weiß ich natürlich nicht, woran es liegt und dachte mir, dass ich mich an euch wende mit der Hoffnung, dass ihr vielleicht bitte einen Ratschlag für mich habt.

Mein CSS-Code wäre:

Code:

.postdetails.poster-profile_avatar a img{
  border: 3px solid #ffffff;
  border-radius: 6px 0px 6px 0px;
  -moz-box-shadow: 2px 2px 2px #ffffff;}

Ich hab es auch schon mit !important versucht, aber damit klappt es auch nicht.
Hier wäre noch der Link zum Testforum!

Ich wäre echt dankbar wenn mir bitte jemand weiterhelfen könnte!

Ich bedanke mich schon mal im Vorfeld und wünsche euch noch einen angenehmen Nachmittag!

Liebe Grüße
Leonides

Hallo,

ich kann den CSS-Eintrag nicht bei dir finden. Es sieht so aus, als hättest du das nicht ins CSS eingetragen?

Wenn ich das in meinem Testforum einsetze, dann funktioniert das einwandfrei.

Oder hast du vielleicht einen Fehler im Template drin?
Das muss so aussehen:

Code:

{postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<span class="postdetails poster-profile_avatar">{postrow.displayed.POSTER_AVATAR}</span><br /><br />

Hallo Zuckerpuppe!

Also im Templates viewtopic_body steht bei mir der Code so darin.

Code:

{postrow.displayed.RANK_IMAGE}<span class="postdetails poster-profile_avatar">{postrow.displayed.POSTER_AVATAR}<br /></span><br />

Ich hab den Code so genommen wie es Cyborg112233 in diesem Thema erklärt hat.

Im CSS Stylesheet hab ich diesen Code auch nicht entfernt.

Code:

.postdetails.poster-profile_avatar a img{
  border: 3px solid #ffffff;
  border-radius: 6px 0px 6px 0px;
  -moz-box-shadow: 2px 2px 2px #ffffff;}

Was mir aber gestern noch aufgefallen ist, dass nicht nur das mit dem Avatar zurück gesetzt wurde, auch der Spoiler, Textfeld, Codefeld. Ich hab ja diese Dinge ein wenig optisch zum Style angepast.

Was ich halt noch etwas komisch finde ist, dass ich das mit dem Avatar 2 mal selbst lösen konnte in dem ich das Template zurück gesetzt habe und dann den Code von Cyborg112233 eingesetzt habe. Aber nun ist das auch nicht mehr möglich. Beim Spoiler trifft das auch zu. Was beim Textfeld nicht so ist. Das Codefeld hab ich noch nicht probiert.

Vielleicht hängt das ja alles ein wenig zusammen. o.o

Ich bedanke mich schon mal und wünsche dir noch einen angenehmen, sonnigen Nachmittag.

Liebe Grüße
Leonides

also ich sehe von aussen nur folgendes im CSS:

Code:

#beispiel{height:25px;left:0;position:fixed;top:0;width:100%;z-index:10}

a.infobox span{position:absolute;visibility:hidden}

a.infobox:active span,a.infobox:focus span,a.infobox:hover span{visibility:visible}

body.chatbox{background-color:#126385}

#chatbox_header .catBottom .cattitle{color:#fff}

#chatbox_header .chatbox-options,#chatbox_header .chatbox-options .genmed,#chatbox_header .chatbox-options a{color:#fff}

#chatbox_members ul li,#chatbox_members ul li a{color:#fff}

.chatbox_row_1,.chatbox_row_1 a,.chatbox_row_2,.chatbox_row_2 a,.chatbox_row_3,.chatbox_row_3 a{background-color:#B9DFFA;color:Farbcode}

#content-container #right{width:0}

.forumline .quote{-moz-border-radius:12px;-webkit-border-radius:12px 12px 12px 12px}

.quote .gen{background-color:#9d759d;color:#78026A;font-family:Arial;font-weight:bolder}

.forumline{-moz-border-radius:5px;-moz-box-shadow:5px 5px 5px #fff;-webkit-border-radius:5px 5px 5px 5px}

textarea.post{background-image:url()}

.bodyline{-moz-border-radius:25px 0;-moz-box-shadow:5px 5px 5px #fff;-webkit-border-radius:25px 25px 25px 25px}

.nav a.nav img{max-width:40px}

#partner{-khtml-opacity:0,5;-moz-opacity:0,5;filter:alpha (opacity=50);opacity:.5;opazität:0,5}

#partner:hover{-khtml-opacity:1,0;-moz-opacity:1,0;filter:alpha (opacity=100);opacity:1;opazität:1,0}

div.postbody{-moz-border-radius:20px 0;-moz-box-shadow:10px 10px 15px #fff;-webkit-border-radius:20px 20px 20px 20px;background-color:#024991;border-color:#fff;border-size:5px;border-style:solid;color:#fff;font-family:Times New Roman;font-size:14px;margin:10px;padding:10px}

.quote{-moz-box-shadow:5px 5px 5px #fff;background:url(http://www10.pic-upload.de/28.02.12/35c44b52bgem.png) no-repeat scroll right bottom #4FABFB;border-color:#fff;border-radius:5px 0 5px 0;border-size:2px;color:#fff;font-family:New Times Roman;font-size:14px;padding:50px}
      

Kannst du mal hier posten, was bei dir alles im Fenster steht?
Eventuell hast du versehentlich was fehlerhaft auskommentiert und die nachfolgenden Sachen werden nicht angezeigt, bzw übernommen.

Hallo Zuckerpuppe, entschuldige bitte, dass meine Antworten etwas brauchen.

Also hier wäre mal meine CSS Eingabe. Es ist leider etwas chaotisch deshalb denke ich schon, dass darin ein Fehler sein könnte. V.V
Ich hab auch einige ältere Sachen darin, die ich noch nicht raus löschen wollte. Ich hoffe es stört nicht so. V.V

Code:

#beispiel {
z-Index:10;
position:fixed;
top:0px;
left:0px;
width:100%;
height:25px;
}

a.infobox {
}
a.infobox:hover {
}

a.infobox span {
visibility:hidden;
position:absolute;
}
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
visibility:visible;
}



 
 
 
 {postrow.displayed.POSTER_AVATAR}
{postrow.displayed.POSTER_NAME}
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}


/*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX)---*/
/*Hintergrundfarbe der Chatbox*/

body.chatbox
{
      background-color: #126385  ;
}

/*Textfarbe im Titel der Chatbox*/

#chatbox_header .catBottom .cattitle
{
      color:   #ffffff ;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a
{
      color:   #ffffff  ;
}

/*Textfarbe in der Onlineliste (Userliste auf der linken Seite)*/

#chatbox_members ul li,
#chatbox_members ul li a
{
      color:   #ffffff  ;
}

/*Hintergrundfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a 
{
      background-color: #B9DFFA  ;
}

/*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: Farbcode;
}

/*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

#content-container #right
{ 
      width: 0px;
}


















.forumline .quote {
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
}














.quote .gen {
    background-color: #9d759d;
    color: #78026A;
    font-family: Arial;
    font-weight: bolder;
}











.forumline {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
  -moz-box-shadow: 5px 5px 5px #ffffff;
}



















textarea.post{
background-image: url();
}










 .bodyline {
    -moz-border-radius: 25px 0px 25px 0px;
    -webkit-border-radius: 25px 25px 25px 25px;
  -moz-box-shadow: 5px 5px 5px #ffffff;
    }
















    .nav a.nav img{
    max-width: 40px;
    }




















    #partner {
    Filter: alpha (opacity = 50);
    -Moz-opacity: 0,5;
    -Khtml-opacity: 0,5;
    opacity: 0.5;
    Opazität: 0,5;
    }
    #partner:hover {
    Filter: alpha (opacity = 100);
    -Moz-opacity: 1,0;
    -Khtml-opacity: 1,0;
    opacity: 1.0;
    Opazität: 1,0;
    }












div.postbody {
padding:10px;
margin: 10px
    background-color: #024991;
  border-style: solid;
  border-size: 5px;
  border-color: #ffffff;
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 20px 20px 20px;
-moz-box-shadow: 10px 10px 15px #ffffff;
}




div.postbody{
-style:
font-family: Times New Roman;
font-size: 14px;
color: #ffffff;

}















.quote {
    background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #4FABFB;
  border-size: 2px;
  border-color: #ffffff;
    border-radius: 5px 0px 5px 0px;
-moz-box-shadow: 5px 5px 5px #ffffff;
    color: #ffffff;
    font-family: New Times Roman;
    font-size: 14px;
    padding: 50px;
}


 
.body {background: url ("http://www10.pic-upload.de/26.02.12/mxegc562x32v.jpg) no-repeat scroll right bottom;
higth=1920px;
    width=1200px;}








.bodyline {
    background-image: url("");
}




.postprofil {
-font size: center;
}





div .code {
    background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #024991;
    border-radius: 5px 0px 5px 0px;
  border-size: 2px;
  border-color: #ffffff;
-moz-box-shadow: 5px 5px 5px #ffffff;
    font-family: New Times Roman;
    font-size: 14px;
  font-color:#ffffff;
    padding: 50px;
}




.bodyline {
-moz-box-shadow: 10px 10px 10px #ffffff;
    color: #126385;
    font-family: New Times Roman;
    font-size: 12px;
    padding: 15px;}








.forumline{
-moz-box-shadow: 10px 10px 10px #ffffff;
    color: #126385;
    font-family: New Times Roman;
    font-size: 12px;
    padding: 0px;}









.postdetails.poster-profile_avatar a img{
  border: 3px solid #ffffff;
  border-radius: 6px 0px 6px 0px;
  -moz-box-shadow: 2px 2px 2px #ffffff;}














/* Spoiler */
.spoiler_closed {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 14px;
   color: #ffffff;
   line-height: 125%;
   background-color: #49a3c3;
   border: #ffffff;
   border-style: dotted;
   border-left-width: 2px;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
  border-radius: 5px 0px 5px 0px;
-moz-box-shadow: 3px 3px 3px #ffffff;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 14px;
   color: #ffffff;
   line-height: 125%;
   background-color: #4FABFB;
   border: #ffffff;
   border-style: dotted;
   border-left-width: 2px;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
  border-radius: 5px 5px 5px 5px;
  padding: 25px;
  background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #92e0f9;
   }
.spoiler_content.hidden {
   display:none;
   }


Danke Zuckerpuppe, dass du dir dafür die Zeit nimmst.

Ich wünsche dir noch einen schönen Nachmittag.

Liebe Grüße
Leonides

dann setz das mal so ein, dann sollte das auch klappen

Code:

      #beispiel {
    z-Index:10;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:25px;
    }

    a.infobox {
    }
    a.infobox:hover {
    }

    a.infobox span {
    visibility:hidden;
    position:absolute;
    }
    a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
    visibility:visible;
    }
   
    {postrow.displayed.POSTER_AVATAR}
    {postrow.displayed.POSTER_NAME}
    {postrow.displayed.POSTER_RANK}
    {postrow.displayed.RANK_IMAGE}


    /*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX)---*/
    /*Hintergrundfarbe der Chatbox*/

    body.chatbox
    {
          background-color: #126385  ;
    }

    /*Textfarbe im Titel der Chatbox*/

    #chatbox_header .catBottom .cattitle
    {
          color:  #ffffff ;
    }

    /*Textfarbe der Links im oberen Teil der Chatbox*/

    #chatbox_header .chatbox-options .genmed,
    #chatbox_header .chatbox-options,
    #chatbox_header .chatbox-options a
    {
          color:  #ffffff  ;
    }

    /*Textfarbe in der Onlineliste (Userliste auf der linken Seite)*/

    #chatbox_members ul li,
    #chatbox_members ul li a
    {
          color:  #ffffff  ;
    }

    /*Hintergrundfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 a,
    .chatbox_row_2 a,
    .chatbox_row_3 a
    {
          background-color: #B9DFFA  ;
    }

    /*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 a,
    .chatbox_row_2 a,
    .chatbox_row_3 a  {
        color: Farbcode;
    }

    /*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/

    #content-container #right
    {
          width: 0px;
    }


    .forumline .quote {
    -moz-border-radius:12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    }


    .quote .gen {
        background-color: #9d759d;
        color: #78026A;
        font-family: Arial;
        font-weight: bolder;
    }


    .forumline {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
      -moz-box-shadow: 5px 5px 5px #ffffff;
    }

    textarea.post{
    background-image: url();
    }


    .bodyline {
        -moz-border-radius: 25px 0px 25px 0px;
        -webkit-border-radius: 25px 25px 25px 25px;
      -moz-box-shadow: 5px 5px 5px #ffffff;
        }

        .nav a.nav img{
        max-width: 40px;
        }


        #partner {
        Filter: alpha (opacity = 50);
        -Moz-opacity: 0,5;
        -Khtml-opacity: 0,5;
        opacity: 0.5;
        Opazität: 0,5;
        }
        #partner:hover {
        Filter: alpha (opacity = 100);
        -Moz-opacity: 1,0;
        -Khtml-opacity: 1,0;
        opacity: 1.0;
        Opazität: 1,0;
        }


    div.postbody {
    padding:10px;
    margin: 10px
        background-color: #024991;
      border-style: solid;
      border-size: 5px;
      border-color: #ffffff;
        -moz-border-radius: 20px 0px 20px 0px;
        -webkit-border-radius: 20px 20px 20px 20px;
    -moz-box-shadow: 10px 10px 15px #ffffff;
    }

    div.postbody{
    -style:
    font-family: Times New Roman;
    font-size: 14px;
    color: #ffffff;

    }

    .quote {
        background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #4FABFB;
      border-size: 2px;
      border-color: #ffffff;
        border-radius: 5px 0px 5px 0px;
    -moz-box-shadow: 5px 5px 5px #ffffff;
        color: #ffffff;
        font-family: New Times Roman;
        font-size: 14px;
        padding: 50px;
    }


   
    .body {background: url ("http://www10.pic-upload.de/26.02.12/mxegc562x32v.jpg") no-repeat scroll right bottom;
    heigth:1920px;
        width:1200px;}

    .bodyline {
        background-image: url("");
    }

    .postprofil {
    font size: center;
    }


    div .code {
        background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #024991;
        border-radius: 5px 0px 5px 0px;
      border-size: 2px;
      border-color: #ffffff;
    -moz-box-shadow: 5px 5px 5px #ffffff;
        font-family: New Times Roman;
        font-size: 14px;
      font-color:#ffffff;
        padding: 50px;
    }

    .bodyline {
    -moz-box-shadow: 10px 10px 10px #ffffff;
        color: #126385;
        font-family: New Times Roman;
        font-size: 12px;
        padding: 15px;}

    .forumline{
    -moz-box-shadow: 10px 10px 10px #ffffff;
        color: #126385;
        font-family: New Times Roman;
        font-size: 12px;
        padding: 0px;}

    .postdetails.poster-profile_avatar a img{
      border: 3px solid #ffffff;
      border-radius: 6px 0px 6px 0px;
      -moz-box-shadow: 2px 2px 2px #ffffff;}

    /* Spoiler */
    .spoiler_closed {
      display:block;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 14px;
      color: #ffffff;
      line-height: 125%;
      background-color: #49a3c3;
      border: #ffffff;
      border-style: dotted;
      border-left-width: 2px;
      border-top-width: 2px;
      border-right-width: 2px;
      border-bottom-width: 2px;
      border-radius: 5px 0px 5px 0px;
    -moz-box-shadow: 3px 3px 3px #ffffff;
      }
    .spoiler_closed.hidden {
      display:none;
      }
    .spoiler_content {
      display:block;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 14px;
      color: #ffffff;
      line-height: 125%;
      background-color: #4FABFB;
      border: #ffffff;
      border-style: dotted;
      border-left-width: 2px;
      border-top-width: 2px;
      border-right-width: 2px;
      border-bottom-width: 2px;
      border-radius: 5px 5px 5px 5px;
      padding: 25px;
      background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #92e0f9;
      }
    .spoiler_content.hidden {
      display:none;
      }


Deine Fehler waren hier -> es fehlte das Gänsefüsschen und bei height fehlte ein e. Außerdem sind die = HTML Bestandteile. Im CSS müssen es Doppelpunkte sein.

Code:

.body {background: url ("http://www10.pic-upload.de/26.02.12/mxegc562x32v.jpg) no-repeat scroll right bottom;
higth=1920px;
    width=1200px;}

zum Vergleich...so müsste es richtig lauten:

Code:

 .body {background: url ("http://www10.pic-upload.de/26.02.12/mxegc562x32v.jpg") no-repeat scroll right bottom;
    heigth:1920px;
        width:1200px;}

Hallo Zuckerpuppe.
Danke das du dir die CSS-Eingaben durchgeschaut hast und das du meine Fehler korrigiert hast. Ich finde es auch toll, dass du mir auch erklärt hast, was ich genau falsch gemacht habe. Den so kann ich nächstes mal besser darauf achten. Ich danke dir dafür!

Aber ich habe noch eine Frage.
Ich habe ja auch die Schrift beim Code verändert. Die Sache ist halt die das die Schrift nicht gewünscht weiß sondern noch immer grün ist.

Kann es sein, dass ich hier noch etwas falsch gemacht habe oder das die Farbe nicht geändert werden kann?

Ich wünsche dir noch einen schönen Nachmittag.

Liebe Grüße
Leonides

Bitteschön

was ich gestern noch vergessen hatte...das hier musst du auch noch rausnehmen, denn das sind Variablen, die im CSS nix zu suchen haben:

Code:

{postrow.displayed.POSTER_AVATAR}
    {postrow.displayed.POSTER_NAME}
    {postrow.displayed.POSTER_RANK}
    {postrow.displayed.RANK_IMAGE}

um die Schriftfarbe bei code zu ändern, musst du statt font-color nur color schreiben, dann funzt das auch

div .code {
background: url("http://www10.pic-upload.de/28.02.12/35c44b52bgem.png") no-repeat scroll right bottom #024991;
border-radius: 5px 0px 5px 0px;
border-size: 2px;
border-color: #ffffff;
-moz-box-shadow: 5px 5px 5px #ffffff;
font-family: New Times Roman;
font-size: 14px;
font-color:#ffffff;
padding: 50px;
}

Hallo, danke Zuckerpuppe, es hat wunderbar geklappt.
Liebe Grüße
Leonides