Chatfenster transparent

[Ken]

eine frage, wie bekomme cih das chatfenster transparent? mit dem befehl "transparent" klappts net

[Mheatus]

Was meinst du genau mit Transparent?
Würde spontan sagen, dass du als Hintergrund ein transparentes .png nimmst.

[Ken]

meine so, dass man das bild im mainscreen sieht, weil das nomma reinstellen sieht ja doof aus...was isn transparentes png und wo bekomme ihc das her?^^

[Mheatus]

Âlso du willst ein Bild vom Mainframe in den Chatframe überlappen lassen? Ansonsten erklär mal bitte verständlich, was du willst

PNG ist ein Bildformat, welches Transparenz besonders gut darstellen kann.. also im gegensatz zu GIF, wo alpha tranparenz einfach als Blassheit dargestellt wird, wird es bei PNG prozentweise transparent, eignet sich daher für Webgestaltung um einiges besser. PNG kannst du z.b. mit Photoshop speichern.

[Ken]

genau das meine ich.....wie mache ich ein png? bin damit n bisl unerfahren^^ arbeite an meinem ersten style^^

[Luko]

also so wie ich die Frage verstanden habe.... du willst n bild im main-frame machen und den chatframe als transparent setzen damit das bild aussm main auch da zu sehen ist?

Das wird nicht gehen... weil es eben Frames sind. Und da ist daas bg-bild fürn mainframe auch nur fürn mainframe da :o

[Ken]

noch en frage: gibt es ne möglichkeit die verschiedenen überschriften zu differenzieren?

ich meine: die farbe von" du siehst folgende personen" und der chattext und: "Ken kommt aus dem Osten" wird ja mit demselben befehl hergestell, weil cih möchte gerne das das 2 unterschiedliche farben sind^^

[Luko]

öhm... nö? Oo

<p class="personlistcaption">Du siehst keine Person an diesem Ort</p>
<p class="itemlistcaption">Du siehst keine Items an diesem Ort</p>
<p class="chattext"><i><b>blablabla</b> kommt aus dem Norden</i></p>
<p class="chattext"><i><b>blubbblubbblubb</b> zahlt <b>2000</b> Goldmünzen ein.</b></i>

sin doch alle klar getrennt? :O

[Ken]

*feix*....naja habs übersehen sry. danke für deine hilfe. kannste mir auch sagen welche schriftarten ich alles verwenden kann und wie? i.qie klappt das auch net^^

[winzig]

Du kannst sozusagen als Workaround das Bild, das du angezeigt haben willst auf die Größe des Chatframes zerschnippeln...
Diesen abgeschnippelten Teil setzt du dann fixiert rein sodass er nicht mitscrollt und den Teil darüber (also der im Main) knallst du an die Bodenlinie...

Das ergibt dann auch den Effekt, als würde das Bild weiterfließen..

Kann dann so aussehen:

[Ken]

/* classic layout v1.0 */

/* global */
p,ul,ol,div,td,span,
layer,table,body { font-family: Verdana, Arial Black, helvetica, sans-serif; font-size: 13px; color: #222222; }
p { margin: 0px; padding: 0px; }

/* body */
body { background-color: #ffffff; margin: 0px; }

/* table */
table { border:0px; border-collapse: collapse; } /* cellspacing & cellpadding & border =0 no longer needed
td { padding:0px; margin:0px; }

/* scrollbars */
/* body, textarea { scrollbar-base-color:#BBBBBB; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#007F9F; scrollbar-darkshadow-color:#999999; scrollbar-face-color:#D5D5D5; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#636363; scrollbar-track-color:#F5F5F5; } */

/* links */
a:link { text-decoration: none; color:#FF0700; }
a:visited { text-decoration: none; color:#FF0700; }
a:active { text-decoration: none; color:#FF0700; }
a:hover { text-decoration: underline; color:#FF8C00; }

/* fonts */
h1 { font-size:12px; font-weight:bold; margin-bottom: 0px;}
.medium { font-size:11px; }
.small { font-size:9px; }

/* colors */
.fontcolor { color: #555555; }
.white { color: #ffffff; }

/* bgcolors */
.body { background-color: #FFFFFF; }
.divider { background-color: #555555; }
.outline { background-color: #999999; }
.menubg { background-color: #F1F1F1; }

.brightbg { background-color: #E5E5E5; }
.verybrightbg { background-color: #F1F1F1; }
.reallybrightbg { background-color: #FAFAFA; }


.whitebg { background-color: #FFFFFF; }
.blackbg { background-color: #000000; }
.brownbg { background-color: #E1D8D1; }

/* forms */
.registerinput { width: 100%; font-size: 10px; }
.registersubmit { font-size: 10px; }
.logininput { width: 100%; font-size: 10px; }
.loginsubmit { width: 100%; font-size: 10px; }

/* forms */
/*.input { font-size: 10px; background-color: #FFECD3; border: 1px solid #C85424; }
.submitsagen { font-size: 10px; font-weight: bold; color: #000000; width: 88px; margin-left: 1px; margin-right: 2px; }
.submitschreien { font-size: 10px; font-weight: bold; color: #004DA7; width: 88px; margin-right: 2px; }
.submitclan { font-size: 10px; font-weight: bold; color: #D20000; width: 88px; margin-right: 2px; }
.submitworldsay { font-size: 10px; font-weight: bold; color: #000000; width: 88px; margin-right: 2px; }
.submitwhisper { font-size: 10px; font-weight: bold; color: #9400D3; width: 88px; margin-left: 1px; margin-right: 2px; }

textarea { font-size: 12px; background-color: #FFECD3; border: 1px solid #C85424; }
select { font-size: 11px; background-color: #DBEBEF; } */


/* banner stuff */
.bannerad { border: 1px solid #C85424; }



/* text classes */
.chattext { color: #CDC8B1; font-size: 13px; }
.chattextscream { color: #004DA7; font-size: 13px; }
.chattextclan { color: #D20000; font-size: 13px; }
.chattextinfo { color: #ffffff; font-style: italic; font-size: 13px; }
.chattextworldsay { color: #000000; background-color: #C1CEF9 font-size: 13px; }
.chattextwhisper { color: #9400D3; font-size: 13px; }
.healthmed { color: #FFD700; }
.healthok { color: #00FF00; }
.healthcritical { color: #EE2C2C; }
.chatpics { display: none; }

/* frames bg */
.framebannerbg { background-image: url(zick5.jpg); background-position: left; border-bottom: 1 px solid #000000; }
.framechatformbg { background-color: #000000; }
.framechattextbg { background-color: #000000; margin: 10px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }
.framemainbg { margin: 10px; background-image: url(Flügel1.jpg); }
.frameitembg { margin: 5px; background-color: #000000; }
.framemapbg { margin: 10px; margin-top: 3px; background-color: #000000; }
.framemenubg { background-color: #000000; }

/* main module */
td.mainheader { font-size: 35px; color: #8B0000; font-family: arial; }
table.areadescription { border: 1px solid #FFFFFF; background-color: transparent; width: 100%; }
td.areadescription { padding: 5px; color: #778899; font-family: arial; font-size: 13px; }
.imageborder { border: 0px solid #C85424; background-color: #C85424; margin-right: 10px; margin-bottom: 1px;}
p.maincaption { font-size: 30px; padding: 2px; padding-left: 5px; backgroudn-color: #CDC8B1; }
p.maincaption2 { font-weight: bold; font-size: 12px; padding: 2px; padding-left: 0px; background-color: #474747; }
p.maindesc1 { padding: 0px; padding-left: 0px; background-color: #CDC8B1; border: 0px solid #FFFFFF; border-top: 0px; width: 100%; }
p.maindesc2 { border: 1px solid #FFFFFF; background-color: #CDC8B1; width: 100%; }
p.listusersrow { padding: 1px; padding-left: 5px; border-bottom: 1px solid #D6CBC2; background-color: #FF8C00; }
p.listplaceitemsrow { padding: 1px; padding-left: 5px; border-bottom: 1px solid #D6CBC2; background-color: #FF8C00; }

/* item module */
p.listcaption { border: 1px solid #EEEEEE; font-weight: background-color: #E3E3E3; color: #8B4500; bold; padding: 2px; padding-left: 5px; }
p.listsubcaption { border-bottom: 1px solid #D6CBC2; background-color: #000000 }
p.listrow { padding: 1px; padding-left: 5px; border-bottom: 1px solid #D6CBC2; background-color: #363636; color: #CDC8B1 }
p.listitemrow { padding: 1px; padding-left: 5px; margin-bottom: 10px; background-color: 363636; color: #CDC8B1 }
p.listmainrow { padding: 2px; min-height: 55px; padding-left: 5px; background-color: #FF4500; color: #ffffff; border: 1px solid #D6CBC2; border-top: 0px; }
.valueincreased { font-weight: bold; color: #ffffff; }
.itemamount { font-weight: bold; color: #FFFFFF; }
.itemequipped { font-weight: bold; color: #FFFF00; }
.itemmagic { font-weight: bold; color: #008800; }
.iteminventorypics { display: none; }

/* map module */
p.positiontext { color: #FF8C00; font-size: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; padding-left: 0px; padding-right: 0px; width: 100%; }

/* main module */
p.personlistcaption { color: #000000; background-color: #8B4500; font-weight: bold; padding: 2px; padding-left: 4px; }
p.itemlistcaption { color: #000000; background-color: #8B4500; font-weight: bold; padding: 2px; padding-left: 4px; }


/* misc */
.borderbg { background-color: #D0CFCF; }

/* Hintergrund */
p.worldsay table tr {
background-color:#FFBF00;
}
/* Schriftfarbe */
p.worldsay table tr td {
color:#000000;
}

/* Profil */
legend {
background-color:#CDC8B1;
border:solid #000000 1px;
color:#000000;
}
fieldset {
background-color:#CDC8B1;
border:0px;
color:#000000;
}




könnte mir jemand die dinge rot einfärben, mit denen ich:
- die beschreibung von items beim einkauf in der maha ändern kann
- den hintergrund von profilen ändern kann (wenn ich mir andere profile angucke)
- wie ich bei feld[berschrift hinbekomme das es nach rechts hin transparent/ ne andere Farbe bekommt??

mfg ken