YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Css Frage » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.590 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Css Frage
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
ruddel
Mitglied


Dabei seit: 24.06.05
Beiträge: 36

 Css Frage Antworten Zitieren Editieren Melden       UP

Hallo!
Habe mal ein paar Fragen zur design Anpassung eines WBBLITE`S

KLick mich


2. Wie bind eich eine Grafik als BG ein anstatt einem Hex Farbcodec?

Bitte mit beschreibung im ACP^^

Ok weitere Fragen stelle ich dann auch hier rein

Danke schon im Vooraus

mfg
ruddel
28.04.06 22:36 ruddel ist offline E-Mail WWW Finden Als Freund hinzufügen Füge ruddel in deine Kontaktliste ein
mkkcs mkkcs ist männlich
Mitglied


images/avatars/avatar-5746.gif

Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2

 RE: Css Frage Antworten Zitieren Editieren Melden       UP

Zitat:
Original von ruddel
Hallo!
Habe mal ein paar Fragen zur design Anpassung eines WBBLITE`S

KLick mich


verwirrt

Zitat:

2. Wie bind eich eine Grafik als BG ein anstatt einem Hex Farbcodec?

Bitte mit beschreibung im ACP^^

Ok weitere Fragen stelle ich dann auch hier rein

Danke schon im Vooraus

mfg
ruddel


mmh vielleicht mal bei selfhtml schauen ?

__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF
29.04.06 00:12 mkkcs ist offline E-Mail WWW Finden Als Freund hinzufügen
eichi
Mitglied


Dabei seit: 16.01.04
Beiträge: 2.383

Antworten Zitieren Editieren Melden       UP

du wirst nicht umher kommen den cssteil bearbeiten zu müssen, den kannst du imho nicht im ACP bearbeiten Augenzwinkern

also, css datei suchen (weiß grad nicht wo!) dann zuständige Klasse suchen und da:

background-image:url(imges/bg.gif);
29.04.06 00:22 eichi ist offline Finden Als Freund hinzufügen
mkkcs mkkcs ist männlich
Mitglied


images/avatars/avatar-5746.gif

Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von eichi
du wirst nicht umher kommen den cssteil bearbeiten zu müssen, den kannst du imho nicht im ACP bearbeiten Augenzwinkern

also, css datei suchen (weiß grad nicht wo!) dann zuständige Klasse suchen und da:

background-image:url(imges/bg.gif);


Sag mal Eichi, kennst Du Dich überhaupt mit dem lite aus ?

wenn nicht, dann schreib doch bitte nicht so ein Müll! böse

na klar kann man im Lite im ACP, im Designpack css-Code bearbeiten !

aber trotzdem, bleibt ihm nichts anderes übrig, sich mal mit selfhtml zu beschäftigen, denn ich finde man muß nicht allen Alles vorkauen !

__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF
29.04.06 00:28 mkkcs ist offline E-Mail WWW Finden Als Freund hinzufügen
ruddel
Mitglied


Dabei seit: 24.06.05
Beiträge: 36

Themenstarter Thema begonnen von ruddel
Antworten Zitieren Editieren Melden       UP

lol ja ich habe ja die CSS im ACP bearbeiten natürlich auch mit backhround.......

Aber es passiert nichts das ist ja mein Problem es bleibt der Background von den Farbcodes
29.04.06 08:11 ruddel ist offline E-Mail WWW Finden Als Freund hinzufügen Füge ruddel in deine Kontaktliste ein
hardcore-punk hardcore-punk ist männlich
Dünngsöchter


images/avatars/avatar-4380.gif

Dabei seit: 01.11.04
Beiträge: 4.591
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Profi
Herkunft: Im tiefsten Wald von Österreich
Forenversion: 2.3; Lite 1.0

Antworten Zitieren Editieren Melden       UP

code:
1:
2:
3:
background-image:url(imges/bg.gif);


hast du es auch in den richtigen Bereich geschrieben?
und das bg auch richtig raufgeladen?
Am besten du zeigst ev. auch deinen css code noch her..Augenzwinkern

__________________
***

DOWNR!DERS LINZ
Downriders-Linz'Downhill'Freeride'Dirtjump'MTB

***

29.04.06 08:52 hardcore-punk ist offline E-Mail WWW Finden Als Freund hinzufügen Füge hardcore-punk in deine Kontaktliste ein AIM-Name von hardcore-punk: huemerdaniel YIM-Name von hardcore-punk: sportsitz MSN Passport-Profil von hardcore-punk anzeigen
ruddel
Mitglied


Dabei seit: 24.06.05
Beiträge: 36

Themenstarter Thema begonnen von ruddel
Antworten Zitieren Editieren Melden       UP

BODY { SCROLLBAR-BASE-COLOR: #0B6295; SCROLLBAR-ARROW-COLOR: #FFFFFF; }
background-image: url(images/bg.jpg);
SELECT {
FONT-SIZE: 12px;
FONT-FAMILY: Tahoma,Helvetica;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;
}

TEXTAREA {
FONT-SIZE: 12px;
FONT-FAMILY: Tahoma,Helvetica;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;
}

.input {
FONT-SIZE: 12px;
FONT-FAMILY: Tahoma,Helvetica;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;

border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
text-indent : 2px;
}
.topnavi {
padding-right: 5px;
padding-bottom: 18px;
padding-left: 5px;
}

#bg A:link, #bg A:visited, #bg A:active { COLOR: #000000; TEXT-DECORATION: underline; }
#bg A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tablea A:link, #tablea A:visited, #tablea A:active { COLOR: #000000; TEXT-DECORATION: underline; }
#tablea A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tableb A:link, #tableb A:visited, #tableb A:active { COLOR: #000000; TEXT-DECORATION: underline; }
#tableb A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tablecat A:link, #tablecat A:visited, #tablecat A:active { COLOR: #ffffff; TEXT-DECORATION: underline; }
#tablecat A:hover { COLOR: #ffffff; TEXT-DECORATION: none; }

#tabletitle A:link, #tabletitle A:visited, #tabletitle A:active { COLOR: #000000; TEXT-DECORATION: none; }
#tabletitle A:hover { COLOR: #000000; TEXT-DECORATION: underline; }

#tabletitle { background-image: url(images/cellpic.gif); }
.clsCursor { cursor: hand}
29.04.06 13:00 ruddel ist offline E-Mail WWW Finden Als Freund hinzufügen Füge ruddel in deine Kontaktliste ein
KleenMicha KleenMicha ist männlich
Webentwickler


images/avatars/avatar-5745.jpg

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden       UP

Die Formatierung für den hintergrund sollte schon im Element des entsprechenden html tag sein, soll heißen in deinem falle innerhalb von: body{}

So ergibt sich für dich folgendes:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
BODY { 
SCROLLBAR-BASE-COLOR: #0B6295; 
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
background: #fff url(images/bg.jpg) fixed;
}
SELECT {
FONT-SIZE: 12px;
FONT-FAMILY: Tahoma,Helvetica;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;
}

TEXTAREA {
FONT-SIZE: 12px;
FONT-FAMILY: Tahoma,Helvetica;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;
}

.input {
FONT-SIZE: 12px;
FONT-FAMILY: Tahoma,Helvetica;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF;

border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
text-indent : 2px;
}
.topnavi {
padding-right: 5px;
padding-bottom: 18px;
padding-left: 5px;
}

#bg A:link, #bg A:visited, #bg A:active { COLOR: #000000; TEXT-DECORATION: underline; }
#bg A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tablea A:link, #tablea A:visited, #tablea A:active { COLOR: #000000; TEXT-DECORATION: underline; }
#tablea A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tableb A:link, #tableb A:visited, #tableb A:active { COLOR: #000000; TEXT-DECORATION: underline; }
#tableb A:hover { COLOR: #000000; TEXT-DECORATION: none; }

#tablecat A:link, #tablecat A:visited, #tablecat A:active { COLOR: #ffffff; TEXT-DECORATION: underline; }
#tablecat A:hover { COLOR: #ffffff; TEXT-DECORATION: none; }

#tabletitle A:link, #tabletitle A:visited, #tabletitle A:active { COLOR: #000000; TEXT-DECORATION: none; }
#tabletitle A:hover { COLOR: #000000; TEXT-DECORATION: underline; }

#tabletitle { background-image: url(images/cellpic.gif); }
.clsCursor { cursor: hand}


Die Erweiterung: "#fff" zum Hintergund ist als Alternative zusehen falls die Grafik nicht geladen werden kann ud entspricht der farbe weiß. Es ist lediglich eine Kurzschreibung um den code schlanker zu Machen.
und "fixed" sorgt dafür, dass das Hintergrund Bild nicht mitscrollt.

__________________
Gruß Micha
29.04.06 13:34 KleenMicha ist offline E-Mail WWW Finden Als Freund hinzufügen Füge KleenMicha in deine Kontaktliste ein MSN Passport-Profil von KleenMicha anzeigen
ruddel
Mitglied


Dabei seit: 24.06.05
Beiträge: 36

Themenstarter Thema begonnen von ruddel
Antworten Zitieren Editieren Melden       UP

Dake es geht
29.04.06 15:36 ruddel ist offline E-Mail WWW Finden Als Freund hinzufügen Füge ruddel in deine Kontaktliste ein
eichi
Mitglied


Dabei seit: 16.01.04
Beiträge: 2.383

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von mkkcs
Zitat:
Original von eichi
du wirst nicht umher kommen den cssteil bearbeiten zu müssen, den kannst du imho nicht im ACP bearbeiten Augenzwinkern

also, css datei suchen (weiß grad nicht wo!) dann zuständige Klasse suchen und da:

background-image:url(imges/bg.gif);


Sag mal Eichi, kennst Du Dich überhaupt mit dem lite aus ?

wenn nicht, dann schreib doch bitte nicht so ein Müll! böse

na klar kann man im Lite im ACP, im Designpack css-Code bearbeiten !

aber trotzdem, bleibt ihm nichts anderes übrig, sich mal mit selfhtml zu beschäftigen, denn ich finde man muß nicht allen Alles vorkauen !


dir ist aber schon bewusst, das man nicht bei jedem x-beliebigen element den CSS Code bearbeiten kann ? Das geht nichtmal beim WBB2, dort muss man auch über die templates das css Template bearbeiten und da man beim Lite Standardmässig nicht die templates im ACP bearbeiten kann ist das somit hinfällig ....

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von eichi: 29.04.06 20:09.

29.04.06 20:08 eichi ist offline Finden Als Freund hinzufügen
ruddel
Mitglied


Dabei seit: 24.06.05
Beiträge: 36

Themenstarter Thema begonnen von ruddel
Antworten Zitieren Editieren Melden       UP

So es geht jetzt!
29.04.06 20:12 ruddel ist offline E-Mail WWW Finden Als Freund hinzufügen Füge ruddel in deine Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Css Frage