Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.02.2009 um 12:37 (UTC)    
Titel: Mein css code geht nicht warum ????? HILFE

Warum geht dieser Code nicht kann mir jemand helfen flippe bald aus !!!! Danke in voraus

.ffimgfix { display:block; }
.r1c1 { background-image: url(images/r1_c1.jpg); }
.r1m { background-repeat: repeat-x; background-image: url(images/r1m.jpg); text-align: center; }
.r1c3 { background-image: url(images/r1_c3.jpg); }
.r2c1 { background-image: url(images/r2_c1.jpg); }
.r2m { background-image: url(images/r2m_logo.jpg); }
.r2c3 { background-image: url(images/r2_c3.jpg); }
.r3c1 { background-image: url(images/r3_c1.jpg); }
.r3m { background-repeat: repeat-x; background-image: url(images/r3m.jpg); text-align: center; }
.r3c3 { background-image: url(images/r3_c3.jpg); }
.r4c1 { background-image: url(images/r4_c1.jpg); }
.r4m { background-repeat: repeat-x; background-image: url(images/r4m.jpg); }
.r4c3 { background-image: url(images/r4_c3.jpg); }
.r5_cleft { background-image: url(images/r5_cleft.jpg); }
.r5_cright { background-repeat: repeat-y; background-image: url(images/r5_cright.jpg); }
.r6c1 { background-image: url(images/r6_c1.jpg); }
.r6m { background-repeat: repeat-x; background-image: url(images/r6m.jpg); }
.r6c3 { background-image: url(images/r6_c3.jpg); }
.r7c1 { background-image: url(images/r7_c1.jpg); }
.r7m { background-image: url(images/r7m.jpg); font-size: 9px; color: #fff; font-family: verdana, tahoma, arial, sans-serif; text-align: center; }
.r7c3 { background-image: url(images/r7_c3.jpg); }
.mt1 { background-image: url(images/menu_mt1.jpg); }
.mtbg { background-repeat: repeat-x; background-image: url(images/menu_mtbg.jpg); font-size: 10px; color: #FFFFFF; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: center; }
.mt2 { background-image: url(images/menu_mt2.jpg); }
.mleft { background-repeat: repeat-y; background-image: url(images/menu_mleft.jpg); }
.middlemiddle {
background-image: url(images/menu_middle.jpg);
padding: 4px 5px 5px 4px;
font-size: 9px;
color: #FFFFFF;
font-family: verdana, tahoma, arial, sans-serif;
vertical-align:top;
}
.mright { background-repeat: repeat-y; background-image: url(images/menu_mright.jpg); }
.md1 { background-image: url(images/menu_md1.jpg); }
.mdbg { background-repeat: repeat-x; background-image: url(images/menu_mdbg.jpg); }
.md2 { background-image: url(images/menu_md2.jpg); }

a {
color: #CCCCCC;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}
a.forumlink {
color: #CCCCCC;
text-decoration: none;
}
body {
font-size: 11px;
color: #fff;
font-family: verdana, tahoma, arial, sans-serif;
background-color: #000000;
margin:0px;
background-image: url(images/bodybg.png);
}
blockquote {
font: italic 9px verdana, tahoma, arial, sans-serif;
color: #7e96ac;
}
form {
margin: 2px 0px 0px 0px;
}
hr {
border-top: #666 1px solid;
border-bottom: #333 1px solid;
height: 2px;
width: 92%;
text-align:center;
}
img {
border:none;
}
p {
margin-top: 0px;
margin-bottom: 0px
}
td {
font:9px verdana, tahoma, arial, sans-serif;
color: #fff;
padding: 0px;
text-align:left;
}
.alttd {
border: #3F4243 2px solid;
padding: 0px;
font: 9px verdana, tahoma, arial, sans-serif;
color: #A49B85;
background-color: #3F4243;
}
.bodytable {
padding: 8px;
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.bodytable2 {
border: #000 1px solid;
padding: 8px;
font: 10px verdana, tahoma, arial, sans-serif;
color: #fff;
}
.bodytable3 {
padding: 8px;
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.border {
border: #000 1px solid;
}
.border2 {
border: #000 1px solid;
}
.border3 {
border: #000 1px solid;
}
.bottomborder {
border-top: #000 1px solid;
border-bottom: #000 1px solid;
}
.button {
background-color: #2F2F34;
border: #000 1px solid;
color: #fff;
font: 9px tahoma, arial, sans-serif;
text-align:center;
background-image: url(images/bar.jpg);
}
.caption {
padding: 0px 4px 0px 4px;
border-bottom: #000 1px solid;
border-left: #000 1px solid;
border-right: #000 1px solid;
border-top: #000 1px solid;
background-color: #292D30;
color: #fff;
font: 10px verdana, tahoma, arial, sans-serif;
}
.caption2 {
padding: 0px 4px 0px 4px;
color: #fff;
font: 10px verdana, tahoma, arial, sans-serif;
text-align:center;
}
.captiontext {
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.center {
text-align: center;
}
.customclock {
font: 10px verdana, tahoma, arial, sans-serif;
color:#fff;
}
.code {
border: #000 1px solid;
padding: 8px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.defaulttext {
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.fborder {
border: #000 1px solid;
background-color: #000;

}
.forumborder {
border: #2A2A2A 1px solid;
}
.forumheader {
background-color: #000;
font: 11px verdana, tahoma, arial, sans-serif;
color: #fff;
padding: 4px;
border: #2A2A2A 1px solid;
background-image : url(images/ncbg.png);
font-weight: bold;
}
.forumheader2 {
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
padding: 4px;
border: #2A2A2A 1px solid;
background-image: url(images/chatbg.png);
}
.forumheader3 {
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
color: #fff;
padding: 4px;
border: #2A2A2A 1px solid;
background-image: url(images/chatbg.png);
}
.forumheader4 {
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
color: #fff;
padding: 4px;
border: #2A2A2A 1px solid;
background-image : url(images/chatviewallbg.png);
}
.fcaption {
border: #2A2A2A 1px solid;
padding: 2px 0px 2px 8px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
background-image : url(images/ncbg.png);
color: #fff;
font-weight: bold;
}
.finfobar {
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
padding: 4px;
border: #2A2A2A 1px solid;
}
.helpbox {
background-color: #000;
color: #ccc;
font: 9px verdana, tahoma, arial, sans-serif;
}
.indent {
padding: 8px;
margin: 5px;
font: 10px verdana, tahoma, arial, sans-serif;
color: #cccccc;
background-color: #000;
border: 1px solid #000;
}
.mediumtext {
font: 9px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.newscomments{
background-color:;
font: 9px verdana, tahoma, arial, sans-serif;
color:#FFFFFF;
padding: 1px;
border: #2A2A2A 1px solid;
}
.nextprev {
border: 2px solid #2A2A2A;
margin: 10px 4px 0px 4px;
color: #ccc;
text-decoration: none;
font: normal 10px verdana, tahoma, arial, sans-serif;
text-align:center;
padding : 2px 2px 2px 2px;
background-color: #505355;
}
.nforumcaption {
padding: 8px 4px 8px 4px;
font: 10px verdana, tahoma, arial, sans-serif;
color: #fff;
font-weight: bold;
background-color: #000;
background-image : url(images/ncbg.png);
}
.nforumcaption2 {
padding: 8px 0px 8px 4px;
font: 9px verdana, tahoma, arial, sans-serif;
color: #ccc;
font-weight: bold;
background-image: url(images/chatbg.png);
}
.nforumcaption3 {
border: 1px solid #000;
padding: 4px;
background-color: #202122;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumdisclaimer {
font: 9px verdana, tahoma, arial, sans-serif;
color: #fff;
}
.nforumholder {
border: 1px solid #000;
padding: 0px;
background-color: #000;
}
.nforumreplycaption {
border: 1px solid #000;
padding: 4px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumreply {
border: 1px solid #000;
padding: 4px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumreply2 {
border: 1px solid #000;
padding: 4px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumthread {
border: 1px solid #000;
padding: 4px;
background-color: #505355;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumthread2 {
border: 1px solid #000;
padding: 4px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
background-image: url(images/chatbg.png);
}
.nforumview1 {
border: 1px solid #000;
padding: 4px;
background-color: #202122;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumview2 {
border: 1px solid #000;
padding: 4px;
background-color: #505355;
font: 10px verdana, tahoma, arial, sans-serif;
}
.nforumview3 {
padding: 4px;
background-color: #292D30;
font: 10px verdana, tahoma, arial, sans-serif;
color: #ccc;
}
.nforumview4 {
padding: 4px;
background-color: #000;
font: 10px verdana, tahoma, arial, sans-serif;
color: #fff;
background-image: url(images/chatbg.png);
}
.np {
background-color: #000;
border: #000 1px solid;
color: #cccccc;
font: 10px verdana, tahoma, arial, sans-serif;
text-align:center;
padding : 2px;
}
.smalltext {
font: 9px verdana, tahoma, arial, helvetica, sans-serif;
color: #ccc;
}
.smallblacktext {
font: 9px verdana, tahoma, arial, helvetica, sans-serif;
color: #ccc;
}
.spacer {
padding: 0px 0px 0px 0px;
}
.tbox {
background-color: #2F2F34;
border: #2A2A2A 1px solid;
color: #fff;
font: 10px verdana, tahoma, arial, sans-serif;
background-image: url(images/chatbg.png);
}

/* Brainjar Nav Menu Classes {SITELINS_ALT} */
/*
If you do not use {SITELINS_ALT} and switch to the standard {SITELINKS} instead,
all of the below can be deleted.
*/
/*----------------------------------------------------------------------------*/

/*Menu text colour*/
div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
font: bold 11px arial, verdana, arial, tahoma, sans-serif;
color: #FFFFFF;
text-align: left;
}
/* Positions menu on menu bar */
div.menuBar {
padding: 0px 0px;
text-align: center;
}

/* Padding settings move the box around */
div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
background-image: transparent;
border: 1px solid;
border-color: transparent !important;
left: 0px;
margin: 0px;
padding: 5px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}
/* Menu text hover, and background colour */
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
background-image: url(images/menu.jpg);
border-color: #333333 !important;
color: #CCCCCC;
left: 1px;
top: 1px;
}
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
background-image: url(images/1menu2.jpg);
border-color: transparent !important;
left: 1px;
top: 1px;
color: #fff;
}

div.menu {
background-color: #000;
border: 1px solid;
border-color: #000 #000 #000 #000;
left: 0px;
padding: 1px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 101;
}

div.menu a.menuItem {
display: block;
padding: 2px 11px 2px 0px;
text-decoration: none;
white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #333333;
color: #fff;
}

div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer {
padding: 0px 2px;
}

div.menu a.menuItem span.menuItemText {
padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}

div.menu div.menuItemSep {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 4px 2px;
}

a.menuItem.header {
border-bottom: 1px solid #000;
}
Beitrag07.02.2009 um 12:38 (UTC)    
Titel:

1. Viele Klassen gibt es nicht...
2. Die Bilder sind nicht im HPBK hochgeladen und
im Code versehen..

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.02.2009 um 13:30 (UTC)    
Titel:

Hallo,

Du hast das Baukasten-Design "Red" . Wenn wir im Design etwas ändern möchten,
müssen wir schauen, welche "Klassen" diese bekommen haben.

Dein Design "Red" befindet sich in einer Tabelle .
Navi, rechte Box, Header , Textfeld ... befinden sich in Tabellenspalten.
Diese Tabellenspalten haben im Code des Designs "Namen" bekommen.
Das wären die "Klassen" im Design.

Egal was wir im Design ändern möchten, wir müssen also zuerst schauen,
welche Klasse das bekommen hat, was wir anpassen möchten .


Hier Alle Klassen für das Design Red :
http://www.homepage-baukasten.de/forum/viewtopic.php?t=35455

BEISPIELE :
Du siehst, das Textfeld hat die Klasse td.cont
Die rechte Box hat die Klasse td.edit_rechts_bg
Der Header hat die Klasse td.edit_header

Wir schreiben vor jeder Klasse immer ein td.
Das td. steht für Tabellenspalte . Es befindet sich alles in Tabellenspalten.

Ich hoffe das half fürs erste weiter .
Weitere Erklärungen unter dem Bild von "Red" mit seinen Klassen .

Gruß Wolle


Zuletzt bearbeitet von bmw-freunde-nf am 07.02.2009, 14:32, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de