Seite 1 von 1
anfangs- endgrafik in div.forabg einfügen?!?
Verfasst: 01.02.2009 00:59
von xors3d
Code: Alles auswählen
.forabg {
background-color: #151515;
background-image: url("{T_THEME_PATH}/images/catpic.png");
}
dieser code füllt oben ja nun die leiste mit einem hintergrund image.
ich würde aber gern eine abgerundete anfangs und endgrafik einfügen.
wie kann ich das anstellen, bzw. in welcher datei?
kann ich das auch gleich in dieser css definition tun?
und wenn ja wie?
mein css ist schon ne weile her, und bin mir da grad etwas unsicher.
bitte um schnelle hilfe.
Re: anfangs- endgrafik in div.forabg einfügen?!?
Verfasst: 01.02.2009 21:57
von sopi
Ich kann mir das irgendwie gar nicht vorstellen.
Wie genau soll das aussehen?
Was meinst du mit abgerundet?
Vielleicht kannst du mit einem Grafikprogramm schnell ein Bildchen zaubern, was du genau meinst.
Re: anfangs- endgrafik in div.forabg einfügen?!?
Verfasst: 19.02.2009 17:42
von xors3d
so wie hier:
http://www.blitzforum.de/forum/
oben und unten so runte ecken.
ich werd das zwar jetzt über ein seperates div machen, da ich nur oben eins haben will und ganz unten eins so wie dort auf der seite.
aber zum thema abgerundete ecken hab ich eine frage.
ich mach nen div tag mit bestimmter höhe und automatischer breite.fülle es mit einer hintergrundfarbe und möchte nun halbtransparente ecken als bilder positionieren.
mach ich das dann mit position x, y ? also für links z.b. position 0% 0; beispielsweise?
also ein div für den bg und dann eins für links und eins für rechts?
und beim prosilver möcht ichmir es nicht abschauen, weil ich immer noch nicht recht kapiert hab, wie das dort funktioniert.
da ja dort nur ein pic genommen wird, wo das css sich dann die passenden stellen herausnimmt, das ist momentan noch harter tobak, bin ja schon froh soweit gekommen zu sein, und weitestgehend multibrowser fähig.
Re: anfangs- endgrafik in div.forabg einfügen?!?
Verfasst: 19.02.2009 18:27
von JFooty
xors3d hat geschrieben:mach ich das dann mit position x, y ? also für links z.b. position 0% 0; beispielsweise?
Mach es dir doch nicht so schwer.
Schau trotzdem mal in die originalen css-Dateien von prosilver.
Da siehst du, wie man die abgerundeten Ecken hinbekommt.
(span.corners-top und span.corners-bottom)
xors3d hat geschrieben:da ja dort nur ein pic genommen wird, ...
Das stimmt nicht. Es werden zwei Bilder (corners_left und corners_right) verwendet.