News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

[gelöst] Farbcode Problem in .css

Started by Mikel1976, August 25, 2004, 01:30:52 PM

Previous topic - Next topic

Mikel1976

Hi,

ich bin neu in diesem Board.

Ich hoffe das mir jemand helfen kann. Ich habe die Sytle .css so weit angepaßt, doch kann ich eine einstellung nicht finden.

hier der link

hxxp:www.pkk-funclan.de/forum/index.php [nonactive]

Wie man dort sehen kann habe ich noch eine weiße fläche oben am Banner und einen weißen Rahmen, wo in der style.css kann ich das ändern ?

Eine Antwort wäre sehr nett !

Greeez Mikel

andrea

Das ist die Hintergrundfarbe der Klasse "bodyarea".

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Mikel1976

Okay das ist schonmal ein anfang, doch kriege ich die genau Bezeichnung einfach nicht in der .css
zusammen.

Alle für mich interessanten einstellungen habe ich vor genommen.

Würde sich jemand für mich die arbeit machen und mir hier mal den genauen Begriff aus der .css

hier posten ?

Danke !

andrea

#bodyarea {
...
background-color: #deinfarbecodehier;

...
}

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Mikel1976

Auch auf die gefahr hin hier gleich streß zu bekommen :-) nerve ich doch mal weiter !

hier meine Style.css einzelheiten:

/* Normal, standard links. */
a:link
{
   color: #FF6600;
   text-decoration: underline;
}
a:visited, a:hover
{
   color: #FF6600;
   text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
   color: #FF6600;
   text-decoration: none;
}
a.nav:hover
{
   font-weight: bold;
   color: #cc3333;
   text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
   empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td
{
   color: #FF9900;
   backround-color: #282828;
   font-size: small;
   font-family: Tahoma, arial, helvetica, serif;
}

/* The main body of the entire forum. */
body
{
   background-color: #282828;
   margin: 0px;
   padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   font-size: 9pt;
   color: #FF9900;
   backround-color: #282828;
   font-family: Tahoma, arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
   font-size: 8pt;
   font-weight: normal;
   color: #FF9900;
   font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. (
, etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0px none;
   color: #FF9900;
   background-color: #353535
}

/* A quote, perhaps from another post. */
.quote
{
   color: #FF9900;
   background-color: #404040;
   border: 1px solid #FF9900;
   margin: 1px;
   padding: 1px;
   font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
   color: #FF9900;
   background-color: #303030;
   border: 1px solid #FF6600;
   padding: 1px;
   font-family: "courier new", helvetica, "times new roman", serif;
   font-size: x-small;
   width: 99%;
   margin: 1px auto 1px auto;
   white-space: nowrap;
   overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
   color: #FF6600;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   font-size: x-small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
   cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
   color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
   width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
   background-color: yellow;
   font-weight: bold;
   color: #FF6600;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
   color: #FF9900;
   background-color: #252525;
}
.windowbg2
{
   color: #FF9900;
   background-color: #303030;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
   color: #FF6600;
   font-style: normal;
   background-color: #252525;
}
.titlebg a:hover
{
   color: #282828;
}



/* The category headers, page indexes, and such things - catbg2 is used for "new" posts. */
.catbg, .catbg2
{
   font-weight: bold;
   background-color: 252525;
   color: #FF9900;
}
.catbg
{
   background-image: url('images/titleback.gif');
      border-left: 1px solid #FF9900;
      border-right: 1px solid #FF6600;
      border-top: 1px solid #FF9900;
      border-bottom: 1px solid #FF6600
}
.catbg2
{
   background-image: url('images/titleback1.gif');
      border-left: 1px solid #FF6600;
      border-right: 1px solid #FF9900;
      border-top: 1px solid #FF6600;
      border-bottom: 1px solid #FF9900
}


/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
   background-color: #282828;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
   border: 1px solid #FF9900;
   background-color: #252525;
   padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
   font-size: x-small;
   font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
   font-size: small;
}
.largetext
{
   font-size: large;
}

/* This is for the special header boxes on the top - it's not used elsewhere. */
.headertitles
{
   background-color: #303030;
   border: 1px solid #FF9900;
}
.headerbodies
{
   border: 1px solid #FF9900;
   background-color: #252525;
   background-repeat: repeat-x;
   background-position: bottom;
}

Wo bitte finde ich die eingabe damit ich den weißen rand weg bekomme ?

andrea

Diese Klasse fehlt in Deiner "style.css". Du findest sie z.B. im "style.css" des Default Themas. Suche einfach dort nach jener Klasse (siehe meine Antwort oben) und kopiere den CSS-Block in Deine eigene "style.css" Datei.

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Advertisement: