Hintergrundfarbe Adminpanel & WYSIWYG-Editor

Begonnen von Diana77, 14 Juli 2011, 10:26:11

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Diana77

Hallo,

habe mit erfolg das Design an meine Seite angepasst, aber nun hab ich ein kl. problem  :BD:
Wo ist die Css Datei vom Adminpanel? Der hintergrund muß schwarz sein sonst kann ich nur was lesen wenn ich den text dort markiere :puzzled:

So, nun zu meine 2. Frage: Ich konnte früher im WYSIWYG-Editor reines Html eingeben (es gab ein "extrafenster", und nun geht das nicht mehr. Bei der einstellung ist alles aktiviert, wobei da keine option für HTML-Code gibt  :gruebel: Muß ich das irgendwo anders extra einstellen?


Viele grüße,
Diana

comedi

Hallo Diana,  :)

ich gehe mal aus davon du hast das mx-default angepasst. Wenn ja, dann schaue mal in die themes/mx-default/style/layout.css. Dort findest du ab Zeile 63 folgenden Code.


html #layout-cols #centercolumn {
  background-color: #ffffff;
  border-color: transparent #d3d3d3;
  border-style: none solid;
  border-width: 1px;
  color: #4e4e4e;


Den kannst du dann anpassen. Ansonsten schau mal im FF mit den Addon Firebug und suche dann die entsprechende Stelle.

Bei der zweiten Frage mit dem SPAW - Editor schau mal hier. Wenn du nichts findest sag mal welche Version du benutzt und gib mal einen Link dazu.

:)
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

Diana77

#2
Danke für die antwort  :)

Das mit dem editor muß ich noch schauen, evtl. mache ich eben eine ganz neue seite und lade es dann hoch, ist evtl. schneller O0

Weiß nicht ob ich blind bin, aber ich finde nix. Benutze den mx-default-blue, der besitzt nur 1 css Datei: style.css. Firebug  zeigt mir eine andere datei (http://kim.m.vu/layout/style/default.css.php?t=mx-default-blue) aber da wurde ich auch nicht fündig :red:


Hier der style.css von mx-default-blue

/************************************
pragmaMx  Content Management System
Copyright (c) 2005 pragmaMx Dev Team - http://pragmaMx.org
***********************************
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
***********************************
$Source: /cvsroot/pragmamx/stable/themes/mx-default-blue/style/style.css,v $
$Revision: 1.7 $
$Author: henned $
$Date: 2005/08/19 21:06:14 $
************************************/

html, body {
height: 100%;
margin: 0px;
}

* {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

a:link  { color: #CCCCCC; text-decoration: underline; background-color: transparent; border-bottom: 0px dotted #666666 }

a:visited  { color: #CCCCCC; text-decoration: underline; background-color: transparent; border-bottom: 0px dotted #666666 }

a:hover,
a:focus  { color: #FFCC66; text-decoration: underline; background-color: transparent; border-bottom: 0px dotted #666666 }

a:active  { color: #CCCCCC; text-decoration: none; background-color: transparent; border-bottom: 0px dotted #666666 }

a img {
border: 0px;
}

body  { color: #CCCCCC; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #666666; margin-top: 0; margin-bottom: 0; scrollbar-3dlight-color: #F2F2F2; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #333333; scrollbar-face-color: #F2F2F2; scrollbar-highlight-color: #F2F2F2; scrollbar-shadow-color: #F2F2F2; scrollbar-track-color: #F2F2F2 }

br {
line-height: 8px;
}

form {
display: inline;
margin: 0px;
}

small {
font-size: 9px;
}

h1 {
font-weight: bold;
font-size: 14px;
}

h2 {
font-weight: bold;
font-size: 14px;
}

h3 {
font-weight: bold;
font-size: 14px;
}

h4 {
font-weight: bold;
font-size: 14px;
}

h5 {
font-weight: bold;
font-size: 14px;
}

h6 {
font-weight: bold;
font-size: 14px;
}

h7 {
font-weight: bold;
font-size: 14px;
}

img {
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}

input {
border-bottom: 0px inset #666666;
border-left: 0px inset #666666;
border-right: 0px inset #666666;
border-top: 0px inset #666666;
color: #333333;
}

input.formbutton {
border-bottom: #666666 1px outset;
border-left: #666666 1px outset;
border-right: #666666 1px outset;
border-top: #666666 1px outset;
color: #333333;
text-align: center;
background-color: #FFCC99;
}

input.formcheckbox {
background-color: transparent;
border: none;
color: #000000;
}

select {
border-bottom: 1px inset #666666;
border-left: 1px inset #666666;
border-right: 1px inset #666666;
border-top: 1px inset #666666;
color: #333333;
}

span.footmsg a {
background-color: transparent;
color: #666666;
font-size: 9px;
}

textarea {
background-color: #000000;
border-bottom: 1px inset #666666;
border-left: 1px inset #666666;
border-right: 1px inset #666666;
border-top: 1px inset #666666;
color: #CCCCCC;
overflow: auto;
}

th {
font-weight: bold;
}

.blocksLeft  { color: #CCCCCC; width: 160px; border-right: 1px dashed #666666 }

.blocksRight  { color: #CCCCCC; width: 150px; border-left: 1px dashed #666666 }

.box {
border-bottom: #666666 0px solid;
border-left: #666666 0px solid;
border-right: #666666 0px solid;
border-top: #666666 0px solid;
}

.boxcontent {
font-size: 12px;
}

#leftcolumn .boxcontent {
font-size: 11px;
}

#rightcolumn .boxcontent {
font-size: 11px;
}

.boxcontentright {
background-color: transparent;
color: #666666;
font-size: 12px;
}

.boxtitle {
font-size: 12px;
font-weight: bold;
}
.boxtitleright {
background-color: transparent;
color: #CCCCCC;
font-size: 12px;
font-weight: bold;
}

.CenterBox   {
color: #E4E4E4;
height: 400px;
border: solid 0px #ffffff;
background-image: url(http://sternchen-kim.de/taube_sternchen_bg1.jpg);
}

.content  {
color: #FFFFFF;
font-size: 12px;
background-image: url(http://sternchen-kim.de/taube_sternchen_bg1.jpg);
}

.footmsg {
color: #000000;
font-size: 9px;
}

.footmsgl {
background-color: #999999;
color: #FFFFFF;
font-size: 9px;
}

.option {
font-size: 12px;
font-weight: bold;
}

.sitetitle  { color: #000; font-size: 30px; font-family: "Times New Roman", Times, serif; font-style: italic; font-variant: small-caps; font-weight: bold; letter-spacing: 1px; margin-top: 5px; margin-left: 10px }

.storycat  { color: #000; font-size: 12px; font-weight: bold}

.storytitle  { color: #000; font-size: 12px; font-weight: bold}

.tiny  { color: #d8d8d8; font-size: 9px}

.title  { color: #d8d8d8; font-size: 12px; font-weight: bold}

.viewbench {
color: #666666;
font-size: 9px;
}

#loginform {
background-color: transparent;
color: #666666;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: lighter;
line-height: normal;
margin: 0px;
}

#loginform a {
background-color: transparent;
border-bottom-color: #F2F2F2;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #666666;
}

#loginform a:link {
background-color: transparent;
color: #666666;
}

#loginform a:visited {
background-color: transparent;
color: #666666;
}

#loginform a:hover,
#loginform a:focus {
background-color: transparent;
border-bottom-color: #F2F2F2;
color: #3366cc;
}

#loginform a:active {
background-color: transparent;
color: #666666;
}

#loginform form {
display: inline;
}

#loginform input {
border-bottom: #3366cc 1px inset;
border-left: #3366cc 1px inset;
border-right: #3366cc 1px inset;
border-top: #3366cc 1px inset;
color: #666666;
height: 16px;
padding-left: 3px;
width: 80px;
background-color: #EEA36A;
}

#loginform input.formbutton {
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-top: 1px solid #666666;
color: #333333;
font-size: 10px;
height: 17px;
line-height: 10px;
margin: 0px 0px 0px 4px;
padding: 0px;
text-transform: lowercase;
width: 60px;
}

#loginform input.formbutton:focus {
background-color: #FFCC99;
color: #000000;
}

#loginform input:focus {
background-color: #FFCC99;
color: #000000;
}

#loginform td {
background-color: transparent;
color: #666666;
font-size: 11px;
text-align: center;
}

#pathview {
background-color: transparent;
color: #FFFFFF;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
}

#pathview a {
background-color: transparent;
border-bottom: none;
color: #FFFFFF;
}

#pathview a:link {
background-color: transparent;
color: #FFFFFF;
}

#pathview a:visited {
background-color: transparent;
color: #FFFFFF;
}

#pathview a:hover,
#pathview a:focus {
background-color: transparent;
color: #f2f2f2;
}

#pathview a:active {
background-color: transparent;
color: #FFFF;
}
#mitte { color: #ccc; background-color: #000 }


LG,
Diana

comedi

Gehe mal mit deinem ftp - Programm in dein Root und suche dir diese Datei: themes/mx-default/style/layout.css

LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

Diana77

Danke werde ich sofort machen. Dachte die hätte kein einfluß weil ich mx-default-blue benutze  :BD:

Ich mach mich mal ans werk :thumbup:

Diana77

So, hab daran gewerkelt aber es macht kein unterschied.

/**

* This file is part of

* pragmaMx - Web Content Management System.

* Copyright by pragmaMx Developer Team - http://www.pragmamx.org

* $Id: layout.css,v 1.7 2009/04/16 08:08:02 tora60 Exp $

*/



body {
background-color: #000000;
color: #4e4e4e;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
}



body.bodymain {

  text-align: center;

}



body.bodymain #page-width {

  height: 100%;

  margin: 0 auto;

  max-width: 85em;

  min-height: 100%;

  min-width: 740px;

  text-align: left;

}



html #layout {

  border-spacing: 0;

  empty-cells: show;

  height: 100%;

  min-height: 100%;

  padding: 0;

  table-layout: auto;

  text-align: left;

  width: 100%; /* äussere tabelle mit den 3 Bereichen (Kopf, Inhalte, Fuss) und den schmalen Randspalten */

}



html #layout .tr-max {

  height: 100%;

}



html #layout .tr-min {

  height: 1%;

}



html #layout-cols {

  border-color: #666666;

  border-spacing: 0;

  border-style: solid none;

  border-width: 1px;

  height: auto;

  margin: 0;

  padding: 0;

  width: 100%; /* innere Tabelle mit den 3 Layout-Spalten (left, center, right) */

}



html #layout-cols #centercolumn {

  background-color: #000000;

  border-color: transparent #d3d3d3;

  border-style: none solid;

  border-width: 1px;

  color: #4e4e4e;

  margin: 0;

  padding: 0;

  width: auto;

}



html #layout-cols #leftcolumn {
background-color: #000000;
border: none;
color: #4e4e4e;
margin: 0;
padding: 0;
width: 22%;
}



html #layout-cols #rightcolumn {
background-color: #000000;
border: none;
color: #666666;
margin: 0;
padding: 0;
width: 18%;
}



.block-hide-caption .block-title {

  display: none;

}



.contentborder {

  background-image: url(../images/border.gif);

  background-repeat: repeat-y;

  width: 18px !important;

}



.credits {

  border: 1px solid #85ad27;

  font-size: 10px;

  padding: 5px;

}



.message-site,

.message-debug {

  display: none;

}



#centercolumn .block,

#leftcolumn .block,

#rightcolumn .block {

  margin: 0 0 10px 0;

}



#centercolumn .block-content {

  font-size: 11px;

  line-height: 1.4em;

  margin: 0 0 12px 0;

}



#centercolumn .block-title {

  font-size: 13px;

  font-weight: bold;

  line-height: 22px;

}



#centercolumn .opentable {

  width: 100%;

}



#centercolumn .opentable2 {
background-color: #000000;
border: 1px solid #e7f2cc;
color: #000000;
margin: auto;
padding: 5px;
width: 85%;
}



#centercolumn .opentableal {
background-color: #000000;
border: 1px dotted #ff0000;
color: #000000;
margin: auto;
padding: 7px;
width: 85%;
}



#centercolumn-inner {

  min-height: 400px;

  padding: 8px;

}



#footer {
background-color: #000000;
color: #666666;
min-height: 39px;
padding-top: 1px;
}



#footer-inner {

  border-top: 2px solid #a6d243;

  font-size: 9px;

  min-height: 39px;

  padding: 10px;

  text-align: center;

}



#footer-inner a {

  background-color: transparent;

  color: #666666;

}



#footer-inner p {

  margin: 0 0 .3em 0;

}



#graphicadmin div.item {

  height: 6.2em;

  width: 11%;

}



#graphicadmin div.text.item {

  width: 12%;

}



#header {
background-color: #000000;
color: inherit;
}



#header .debugservice {

  text-align: left;

}



#header .debugservice h3 {

  background-color: transparent;

  color: #ff0000;

  font-weight: bold;

  padding: 0;

}



#header .debugservice pre {

  border: 1px solid #a6d243;

  padding: 2px;

}



#header .main {

  background-image: url(../images/logo.png);

  background-repeat: no-repeat;

  border-bottom: 1px solid #666666;

  height: 79px;

}



#header .main #headhome {

  border: none;

  display: block;

  float: left;

  height: 58px;

  margin: 5px 5px;

  text-decoration: none;

  width: 175px;

}



#header .siteservice {
background-color: #000000;
border-bottom: none;
border-left: none;
border-right: none;
border-top: 1px solid #666666;
color: #666666;
font-size: 12px;
font-weight: bold;
padding: 7px;
text-align: center;
width: auto;
}



#leftcolumn .block-content,

#rightcolumn .block-content {

  font-size: 11px;

  margin: 2px;

}



#leftcolumn .block-title,

#rightcolumn .block-title {

  background-image: url(../images/arrow.gif);

  background-position: left center;

  background-repeat: no-repeat;

  display: block;

  font-size: 12px;

  font-weight: bold;

  line-height: 22px;

  padding-left: 27px;

}



#leftcolumn-inner {

  padding: 5px;

}



#loginform {

  background-color: transparent;

  color: #666666;

  float: right;

  font-size: 11px;

  margin: 5px 0;

  width: 200px;

}



#loginform #login-submit {

  border-bottom: 1px outset #85ad27;

  border-left: 1px outset #85ad27;

  border-right: 1px outset #85ad27;

  border-top: 1px outset #85ad27;

  font-weight: normal;

  text-transform: lowercase;

  width: 60px;

}



#loginform #login-uname,

#loginform #login-pass {

  border-bottom: #85ad27 1px inset;

  border-left: #85ad27 1px inset;

  border-right: #85ad27 1px inset;

  border-top: #85ad27 1px inset;

  width: 80px;

}



#loginform #login-uname,

#loginform #login-pass,

#loginform #login-submit {

  background-color: #f9fcf1;

  color: #666666;

  font-size: 9px !important;

  height: auto;

  line-height: 10px;

  margin: 0;

  padding: 1px 3px;

}



#loginform #login-uname:focus,

#loginform #login-pass:focus,

#loginform #login-submit:focus {

  background-color: #ffffff;

  color: inherit;

}



#loginform a,

#loginform a:link,

#loginform a:active,

#loginform a:visited {

  background-color: transparent;

  color: #666666;

}



#loginform a:hover,

#loginform a:focus {

  background-color: transparent;

  color: #85ad27;

}



#loginform label {

  display: block;

  font-size: 10px !important;

  margin: 0 5px;

  text-align: right;

}



#loginform li {

  display: inline;

  font-size: 11px;

  margin: 0;

  white-space: nowrap;

}



#loginform li a {

  background-image: url(../images/arrow.gif);

  background-repeat: no-repeat;

  line-height: 21px;

  padding: 3px 5px 5px 25px;

  text-decoration: none;

}



#loginform ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



#nav-main {
background-color: #000000;
background-image: url(../images/tab_bg.gif);
border-bottom: 1px solid #ffffff;
color: inherit;
display: inline;
/* (de) Einfassen der Floats in allen anderen Browsern */

  float: left;
line-height: 0;
overflow: hidden;
width: 100%; /* (de) Einfassen der Floats im IE */
}



#nav-main * {

  border: none;

}



#nav-main .languages {

  float: right;

  font-size: 9px;

  overflow: hidden;

  padding-right: 8px;

  padding-top: 8px;

  text-align: right;

  width: 180px;

}



#nav-main .languages img {

  border: none;

  height: 12px;

  width: 18px;

}



#nav-main ul {

  display: inline; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */

  float: left;

  /* (de) Abstand des ersten Buttons vom linken Rand  */

  margin: 0 0 0 50px;

  padding: 0;

}



#nav-main ul li {

  display: inline; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */

  float: left;

  font-size: 1.0em;

  line-height: 1.2em;

  list-style-type: none;

  margin: 0;

  padding: 0;

}



#nav-main ul li a,

#nav-main ul li strong {

  background: transparent;

  color: #666666;

  display: block;

  font-size: 1em;

  font-weight: bold;

  margin: 0;

  padding: 0.5em 0.8em 0.5em 0.8em;

  text-decoration: none;

  width: auto;

}



#nav-main ul li a:focus,

#nav-main ul li a:hover,

#nav-main ul li a:active {

  background-color: #85ad27;

  color: #ffffff;

  text-decoration: none;

}



#nav-main ul li.current {

  background: transparent;

  color: inherit;

}



#nav-main ul li.current strong,

#nav-main ul li.current a,

#nav-main ul li.current a:focus,

#nav-main ul li.current a:hover,

#nav-main ul li.current a:active {

  background-color: transparent;

  color: #85ad27;

  font-weight: bold;

  text-decoration: none;

}



#pathview {

  background-color: #a6d243;

  color: #ffffff;

  font-size: 9px;

  height: 19px;

  line-height: 19px;

  padding: 0 7px;

}



#pathview a,

#pathview a:active,

#pathview a:link,

#pathview a:visited {

  background-color: transparent;

  border-bottom: none;

  color: #ffffff;

}



#pathview a:hover,

#pathview a:focus {

  background-color: transparent;

  color: #f2f2f2;

}



#rightcolumn .block-title {

  background-color: transparent;

  color: #666666;

}



#rightcolumn-inner {

  padding: 5px;

}



Hab die farbe geändert, cache zurückgesetzt und alles sieht noch so aus wie vorher...helle schrift auf hellen hintergrund

lol mein bild wird als .jpg.png angezeigt  :puzzled: najo egal, man kanns ja sehen   :pardon:

Diana77

Nochwas....der Editor funkz wieder  :JC_highfive: Danke für den link  ;)

comedi

Habe es gerade bei mir probiert, damit ich dir nichts falsche geschrieben habe und es funzt. Leere auch noch den Borwsercache.
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

Diana77

#8
Ich habe grad im Firefox und IE getestet, bei mir ist immer noch alles hell  :gruebel: Cache mehrmals geleert, sogar pc neugestartet obwohl das eigentlich garnicht nötig ist...no change :'( Najo, dann werde ich wohl oder übel damit leben müssen ^^


P.s.: hab soeben gesehen das auch mein Gb weiß ist ...schau mal: http://kim.m.vu/modules.php?name=Guestbook&op=AddEntry

comedi

Hmmm,  :gruebel:

also ins Gästebuch komme ich nicht dazu muss man registriert sein.

Lade dir doch mal dein Theme komplett herunter und öffne dann die theme.html in deinem Editor und passe dort alle Hintergrundfarben an, auch die class="opentable" --- "opentable2" usw.. .

Dann siehst du auch gleich das Ergebnis wenn du auf Vorschau gehst.
LG Michael


Kein Support über PN, Mail oder ICQ!

CMS-Version: pragmaMx 1.12.3 --- PHP-Version: 5.3.5
MySQL-Version: 5.1.63 --- Server-Version: Apache 2.2.4

Wer den Weg zum Ziel kennt - dann aber Umwege nimmt - muss sich nicht wundern wenn er sein Ziel nicht findet!


Gemeinschaftseite: www.pragmamx-erweiterungen.de

Diana77

Danke nochmal für die Hilfe  ;)

Ich lasse das das einfach weiß. bin mit mein latein am ende und kann damit leben im admin die wörter zu markieren  :)

Schönen abend noch.

LG,
Diana

pater1971

Das Problem mit dem Pop Up im Gästebuch habe ich auch und ich habe dazu schon einen Thread im Testforum vom RC 3 geschrieben. Mal sehen ob Andi was dazu sagen kann. Ich vermute das der Style für das Pop Up nicht aus dem Theme kommt.

Aber was hast du mit deinem Admin Bereich wo alles weiß sein soll?
Kannst du davon mal einen Screen machen!
pMx 2.4.2.448 | PHP: 7.0.25 | MySQL: 5.7.20 | Apache  | Windows 7 Ultimate 64 Bit | FF Quantum

Diana77

Hab schon hier ein screen reingemacht..ein paar posts weiter oben  :) Der sieht genau so weiß aus wie der Gästebuch.

pater1971

\modules\Guestbook\codes\bbcode-german.html

Sehe dir mal diese Datei an da sind die bgcolor enthalten.
pMx 2.4.2.448 | PHP: 7.0.25 | MySQL: 5.7.20 | Apache  | Windows 7 Ultimate 64 Bit | FF Quantum

Diana77