SetaPDF
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 24.05.2007, 19:16   #1
TP-Newbie
 
Benutzerbild von Tyreal
 
Registriert seit: May 2007
Ort: Baunatal
Tyreal macht alles soweit korrekt
Question

Link-Hintergrund mit CSS


Hi Community,

ich bastel jetzt schon eine Zeit lang mit dem CMS Joomla rum und wollte mir ein eigenes Design erstellen. Das hat eigentlich auch ganz gut geklappt nur jetzt komme ich nicht weiter. Und genau das ist der Pubkt. Ich möchte das bei meinen Links in der Navigation immer im Hintergrund eine bestimmte Grafik ist. Da man das mit Joomla über CSS regeln muss und ich mich mit CSS nicht so gut auskenne wollte ich Fragen ob mir da einer Helfen kann.
Ich möchte das diese Grafik immer als Header sozusagen steht:

Und diese Grafik als Hintergrund bei den Links:


Weis einer was ich da für Attribute brauche bzw. was im Code stehen muss?
Vielen Dank im Vorraus!

MfG Tyreal
Tyreal ist offline   Mit Zitat antworten


Alt 24.05.2007, 19:31   #2
TP-Insider
 
Benutzerbild von bona
 
Registriert seit: Oct 2005
Ort: schweiz (Lupfig)
bona macht sich hier sehr viel Mühe
der code für eine hintergrundgrafik:
Code:
background-image: url(deinbild.jpg);
jedoch habe ich mich mit joomla noch zuwenig auseinander gesetzt um dir sagen zu können, wo genau der code jetzt in muss...

werde mir gleich mal joomla herunterladen und anschauen
__________________
gruss bona
www.elbona.ch
Never wrestle with a pig, because you both get dirty, but the pig likes it!
bona ist offline   Mit Zitat antworten
Alt 24.05.2007, 19:44   #3
TP-Newbie
 
Benutzerbild von Tyreal
 
Registriert seit: May 2007
Ort: Baunatal
Tyreal macht alles soweit korrekt
Danke für die schnelle Hilfe! Allerdings weis ich noch nicht in welchen Teil der CSS Datei ich den Code jetzt einfügen muss. Bei meinem letzten Versuch war die Grafik dann nur so lang wie der Link war und nicht komplett. Ich habe hier den CSS Guide:http://janfunke.ja.ohost.de/forum/css.png

MfG Tyreal
Tyreal ist offline   Mit Zitat antworten
Alt 24.05.2007, 19:51   #4
TP-Insider
 
Benutzerbild von bona
 
Registriert seit: Oct 2005
Ort: schweiz (Lupfig)
bona macht sich hier sehr viel Mühe
header = main menu oder login??
links = home, news, usw. ??


dann muss dass in etwa so aussehen:

Code:
table.modultable th {
    background-image: url(deinbild.jpg);
}

a.mainlevel:link {
    background-image: url(deinbild.jpg);
}

a.mainlevel:hover {
    background-image: url(deinbild.jpg);
}


a.mainlevel:link {
    background-image: url(deinbild.jpg);
}


a.mainlevel:visited {
    background-image: url(deinbild.jpg);
}
und wenn der link beim darüberfahren und so anders aussehen sollte, musst du einfach bei hover ein anderes bild eingeben...
__________________
gruss bona
www.elbona.ch
Never wrestle with a pig, because you both get dirty, but the pig likes it!
bona ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Link-Hintergrund mit CSS Link-Hintergrund mit CSS
« HTML Tabellen problem im IE | [word-spacing beim mac wird ignoriert?] »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:21 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 55 56 57 58 59 60 61 62 63 64 65 66 67

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 55 56 57 58 59 60 61 62 63 64 65 66 67