Coder-Stübchen

**Dayjay** · 12. Februar 2013

Ja. Danach musst du wahrscheinlich eine install.php oder config.php im Browser aufrufen. Steht sicherlich in der Readme.

Edit: zu früh abgeschickt...

b00zt · 12. Februar 2013

das werd ich hinkriegen, danke dir

BUdDY · 12. Februar 2013

das werd ich hinkriegen, danke dir

falls interesse besteht, bau ich dir gern ein Design dazu.

b00zt · 12. Februar 2013

Danke dir, ein Design hab ich jetzt und die Seite läuft auch bisher gut, aber ich finde ums verrecken hier nicht den Hintergrund, da ich diesen gerne auf schwarz ändern würde.

/* Main Layout */

body {

  margin: 0;

  padding: 0;

  background: #000000 url(images/bg2.gif) repeat-x;

  font: normal 11px Verdana;

  color: #ff6600;

}



img { border: none; }



marquee {

  padding: 0px;

  margin: 0px;

}



hr {

  height: 1px;

  border: none;

  border-top: 1px dashed #000000;

  border-bottom: none;

  margin: 0;

  margin-top: 2px;

  padding: 3px;

}



/* Links */

a, a:visited, a:active {

  color: #3172B3;

  text-decoration: none;

}



a:hover {

  color: #000000;

  text-decoration: none;

}



a.white, a.white:visited, a.white:active {

  color: #000000;

  text-decoration: none;

}



a.white:hover {

  color: #FFFFFF;

  text-decoration: underline;

}



a.titlelink, a.titlelink:visited, a.titlelink:active {

  color: #000000;

  text-decoration: none;

  font-weight: bold;

}



a.titlelink:hover {

  color: #000000;

  text-decoration: underline;

  font-weight: bold;

}



a.category, a.category:visited, a.category:active {

  color: #333333;

  text-decoration: none;

}



a.category:hover {

  color: #000000;

  text-decoration: underline;

}



/* Font types */



h1 {

  background: #333 url(images/h1.jpg) no-repeat right;

  color: #FFFFFF;

  font-size: 11px;

  font-weight: bold;

  line-height: 20px;

  margin: 0 -10px 10px;

  padding-left: 10px;

  height: 20px;

  width: 95%;

  text-align: left;

  text-transform: uppercase;

}



h2 {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #4E6C86;

  text-transform: uppercase;

  font-weight: bold;

}



.small {

  color: #666666;

  font: normal 9px Verdana, Arial, Helvetica, sans-serif;

}



.category_big, .category_big a {

  color: #000000;

  font-weight: bold;

}



.category {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #000000;

  font-weight: normal;

}



/* Forms */

form {

  border: none;

  margin: 0;

  padding: 0;

}



input, textarea, select {

  border: 1px solid #CCCCCC;

  background-color: #000000;

  font: normal 11px Verdana;

  color: #666666;

}



input:active, textarea:active, select:active,

input:focus, textarea:focus, select:focus {

  border: 1px solid #666666;

  background-color: #000000;

  color: #666666;

}



input[type="radio"], input[type="checkbox"], 

input[type="radio"]:focus, input[type="radio"]:active,

input[type="checkbox"]:focus, input[type="checkbox"]:active {

  border: 0px;

}



.pad { padding: 10px; }



.input {

  background-color: transparent;

  border: none;

  margin: 2px;

}



.title {

  height: 30px;

  margin: 0;

  padding: 0 3px;

  color: #000000;

  background-image: url(images/title.jpg);

  background-repeat: repeat;

}



.td_head {

  height: 26px;

  background-color: #EAF7FD;

  border-top: 1px solid #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

}



.td1 {

  height: 26px;

  background-color: #FCFCFC;

  border-top: 1px solid #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

}



.td2 {

  height: 26px;

  background-color: #F6F6F6;

  border-top: 1px solid #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

}



/* Infomessages - Miscellaneous */

.tooltip {

  position: absolute;

  display: none;

  background-color: #000000;

  color: #000000;

  border: 1px solid #DDDDDD;

  border-left: 4px solid #0E8AEA;

  padding: 4px 10px;

  z-index: 300;

  width: 200px;

}



.errorbox {

  background-color: #000000;

  border: 1px dashed #D60000;

  color: #666666;

  font-size: 10px;

  width: 350px;

  padding: 8px;

  margin-top: 10px;

  margin-bottom: 10px;

  text-align: left;

}



#head {

  background-image: url(images/1.jpg);

  padding-left: 0px;

  height: 102px;

}



#links ul {

  display: inline;

  list-style-type: none;

}



#links ul li {

  float: left;

  margin-left: 91px;

}



#links a {

  display: block;

  height: 92px;

  background-position: right bottom;

  background-repeat: no-repeat;

}



#links ul li:hover a {

  background-position: right top;

}



.menu {

  width: 202px;

}



.menu h2 {

  background: url(images/menu.jpg) no-repeat;

  background-color: inherit;

  color: #000000;

  font-size: 11px;

  line-height: 21px;

  margin: 0;

  padding-left: 6px;

}



.menu ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.menu ul li {

  margin: 0;

}	



.menu ul li a {

  background: url(images/sub.gif) no-repeat;

  background-position: 7px 8px !important;

  background-color: inherit;

  color: #333333;

  text-decoration: none;

  display: block;

  padding-left: 16px;

  line-height: 20px;

  height: 20px;

  border-bottom: 1px dashed #FFFFFF;

}



.menu ul li a:hover {

  background-color: #000000;

  color: #FFFFFF;

}



/* BBCode Tags */

.quote {

  color: #383838;

  text-align: left;

  font: normal 9px Verdana, Arial, Helvetica, sans-serif;

  margin: 0 auto;

  padding: 3px;

}



.list {

	list-style-type: disc;

	list-style-position:outside;

}

.list_num {

	list-style-type: decimal;

	list-style-position:outside;

}



.list_alpha {

	list-style-type: lower-latin;

	list-style-position:outside;

}



.code {

  color: #000000;

  text-align: left;

  margin: 0 auto;

  padding: 3px;

  font: normal 10px Verdana, Arial, Helvetica, sans-serif;

}



.codeinner {

  color: #000000;

  font: 11px 'Courier New', Courier, monospace;

}



.codeline0 {

	background-color: #000000;

	height: 15px;

	padding-left: 3px;

	white-space: nowrap;

}


.codeline1 {

	background-color: #000000;

	height: 15px;

	padding-left: 3px;

	white-space: nowrap;

}[/codebox]

BUdDY · 12. Februar 2013

Im 'body' teil enthält der Parameter 'background' den Wert '#000000'. Das ist der Hex-Code für Schwarz. Außerdem liegt da eine Grafik drüber (url(images/bg2.gif) repeat-x;) die sich über die komplette Seite wiederholt.

Für einen einfarbigen Hintergrund erst den passenden Code raussuchen (klick), anstelle der #000000 einfügen und in das CSS übertragen und überschreiben:



body {

  margin: 0;

  padding: 0;

  [b]background: #000000 ;[/b]

  font: normal 11px Verdana;

  color: #ff6600;

}

[/codebox]

b00zt · 12. Februar 2013

wenn ich die gif lösche und den background auf schwarz setze 000000, sollte es reichen?

edit: hat geklappt, perfekt danke

Bearbeitet 12. Februar 2013 von b00zt

BUdDY · 12. Februar 2013

richtig, dann hast du einen schwarzen hintergrund. Aber die Raute (#) vor den nullen nicht vergessen

Top

b00zt · 13. Februar 2013

habe noch ein zweites problem, der Rand ist zwar jetzt schwarz, aber die fläche innen ist noch komplett weiß und ich find im code nicht den richtigen Wert, wenn einer von euch nochmal drüber gucken könnte.

der komplette hintergrund soll schwarz gehalten werden

hier nochmal der code:

/* Main Layout */

body {

  margin: 0;

  padding: 0;

  background: #000000;

  font: normal 11px Verdana;

  color: #ff6600;

}



img { border: none; }



marquee {

  padding: 0px;

  margin: 0px;

}



hr {

  height: 1px;

  border: none;

  border-top: 1px dashed #000000;

  border-bottom: none;

  margin: 0;

  margin-top: 2px;

  padding: 3px;

}



/* Links */

a, a:visited, a:active {

  color: #3172B3;

  text-decoration: none;

}



a:hover {

  color: #000000;

  text-decoration: none;

}



a.white, a.white:visited, a.white:active {

  color: #000000;

  text-decoration: none;

}



a.white:hover {

  color: #000000;

  text-decoration: underline;

}



a.titlelink, a.titlelink:visited, a.titlelink:active {

  color: #000000;

  text-decoration: none;

  font-weight: bold;

}



a.titlelink:hover {

  color: #000000;

  text-decoration: underline;

  font-weight: bold;

}



a.category, a.category:visited, a.category:active {

  color: #333333;

  text-decoration: none;

}



a.category:hover {

  color: #000000;

  text-decoration: underline;

}



/* Font types */



h1 {

  background: #333 ;

  color: #000000;

  font-size: 11px;

  font-weight: bold;

  line-height: 20px;

  margin: 0 -10px 10px;

  padding-left: 10px;

  height: 20px;

  width: 95%;

  text-align: left;

  text-transform: uppercase;

}



h2 {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #4E6C86;

  text-transform: uppercase;

  font-weight: bold;

}



.small {

  color: #666666;

  font: normal 9px Verdana, Arial, Helvetica, sans-serif;

}



.category_big, .category_big a {

  color: #000000;

  font-weight: bold;

}



.category {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #000000;

  font-weight: normal;

}



/* Forms */

form {

  border: none;

  margin: 0;

  padding: 0;

}



input, textarea, select {

  border: 1px solid #CCCCCC;

  background-color: #000000;

  font: normal 11px Verdana;

  color: #666666;

}



input:active, textarea:active, select:active,

input:focus, textarea:focus, select:focus {

  border: 1px solid #666666;

  background-color: #000000;

  color: #666666;

}



input[type="radio"], input[type="checkbox"], 

input[type="radio"]:focus, input[type="radio"]:active,

input[type="checkbox"]:focus, input[type="checkbox"]:active {

  border: 0px;

}



.pad { padding: 10px; }



.input {

  background-color: transparent;

  border: none;

  margin: 2px;

}



.title {

  height: 30px;

  margin: 0;

  padding: 0 3px;

  color: #000000;

  background-image: url(images/title.jpg);

  background-repeat: repeat;

}



.td_head {

  height: 26px;

  background-color: #000000;

  border-top: 1px solid #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

}



.td1 {

  height: 26px;

  background-color: #000000;

  border-top: 1px solid #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

}



.td2 {

  height: 26px;

  background-color: #000000;

  border-top: 1px solid #FFFFFF;

  border-bottom: 1px solid #FFFFFF;

}



/* Infomessages - Miscellaneous */

.tooltip {

  position: absolute;

  display: none;

  background-color: #000000;

  color: #000000;

  border: 1px solid #DDDDDD;

  border-left: 4px solid #0E8AEA;

  padding: 4px 10px;

  z-index: 300;

  width: 200px;

}



.errorbox {

  background-color: #000000;

  border: 1px dashed #D60000;

  color: #666666;

  font-size: 10px;

  width: 350px;

  padding: 8px;

  margin-top: 10px;

  margin-bottom: 10px;

  text-align: left;

}



#head {

  background-image: url(images/1.jpg);

  padding-left: 0px;

  height: 102px;

}



#links ul {

  display: inline;

  list-style-type: none;

}



#links ul li {

  float: left;

  margin-left: 91px;

}



#links a {

  display: block;

  height: 92px;

  background-position: right bottom;

  background-repeat: no-repeat;

}



#links ul li:hover a {

  background-position: right top;

}



.menu {

  width: 202px;

}



.menu h2 {

  background: url(images/menu.jpg) no-repeat;

  background-color: inherit;

  color: #000000;

  font-size: 11px;

  line-height: 21px;

  margin: 0;

  padding-left: 6px;

}



.menu ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.menu ul li {

  margin: 0;

}	



.menu ul li a {

  background: url(images/sub.gif) no-repeat;

  background-position: 7px 8px !important;

  background-color: inherit;

  color: #333333;

  text-decoration: none;

  display: block;

  padding-left: 16px;

  line-height: 20px;

  height: 20px;

  border-bottom: 1px dashed #FFFFFF;

}



.menu ul li a:hover {

  background-color: #000000;

  color: #FFFFFF;

}



/* BBCode Tags */

.quote {

  color: #383838;

  text-align: left;

  font: normal 9px Verdana, Arial, Helvetica, sans-serif;

  margin: 0 auto;

  padding: 3px;

}



.list {

	list-style-type: disc;

	list-style-position:outside;

}

.list_num {

	list-style-type: decimal;

	list-style-position:outside;

}



.list_alpha {

	list-style-type: lower-latin;

	list-style-position:outside;

}



.code {

  color: #000000;

  text-align: left;

  margin: 0 auto;

  padding: 3px;

  font: normal 10px Verdana, Arial, Helvetica, sans-serif;

}



.codeinner {

  color: #000000;

  font: 11px 'Courier New', Courier, monospace;

}


.codeline0 {

	background-color: #000000;

	height: 15px;

	padding-left: 3px;

	white-space: nowrap;

}


.codeline1 {

	background-color: #000000;

	height: 15px;

	padding-left: 3px;

	white-space: nowrap;

}[/codebox]

**Dayjay** · 13. Februar 2013

Hab den Code überflogen und keinen background Wert gefunden der den Hintergrund auf #FFFFFF (Weiß) setzt oder ein Bild als Background-image nimmt mit repeat.

Sicher das das alles ist? Vielleicht stehts auch irgendwo im HTML / PHP Code...

BUdDY · 13. Februar 2013

webspell Templates sind in einer Tabellenstruktur aufgebaut. Möglich ist natürlich, dass die Zelle des Contents den weißen Hintergrund hart im HTML zugewiesen bekommen hat. Oder es liegt eine weiße Grafik im Hintergrund dieser Zelle.

b00zt · 13. Februar 2013

wie kann ich diese rausfiltern? ich habe ja einen Ordner voll mit .php dateien, das heisst dort ist der wert irgendwo drin?

BUdDY · 13. Februar 2013

wenn du mir den download link zu dem template schickst, kann ichs dir raussuchen. Muss da selber erstmal reinschauen

b00zt · 13. Februar 2013

http://www.webspell.org/

ganz unten auf Webspell Society Edition

BUdDY · 13. Februar 2013

also benutzt du das standart template?

b00zt · 13. Februar 2013

ja genau, habe dabei eben nur die farben soweit wie möglich angepasst und den header geändert

Bearbeitet 13. Februar 2013 von b00zt

Anmelden

Coder-Stübchen

Empfohlene Beiträge

Dayjay 796

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

BUdDY 111

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

BUdDY 111

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

BUdDY 111

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dayjay 796

Link zu diesem Kommentar

Auf anderen Seiten teilen

BUdDY 111

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

BUdDY 111

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

BUdDY 111

Link zu diesem Kommentar

Auf anderen Seiten teilen

b00zt 25

Link zu diesem Kommentar

Auf anderen Seiten teilen

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Benutzerkonto erstellen

Anmelden

Wer ist Online 0 Benutzer

Umsehen

Aktivitäten

Wichtige Information