Thema und beitrage Hintergrunde

12.09.2011 14:32
avatar  Acedekiller ( Gast )
#1 Thema und beitrage Hintergrunde
Ac
Acedekiller ( Gast )

Hallo ich habe mal ne frage wie kann mann es machen das bei den themaen und beiträge ein bild ist also ich zeige es euch mal




So also ich will Punkt 1 ändern mit den hintergrund von punkt 2

wir sich es live angucken will kann auf mein forum gehen

Mein Forum

ich freue mich auf Vorschläge

Mfg Acedekiller


 Antworten

 Beitrag melden
12.09.2011 15:22
avatar  Ingmar
#2 RE: Thema und beitrage Hintergrunde
avatar
Technik

Hallo

leider ist das mit einem Verlauf an dieser Stelle nicht ganz so einfach - hauptproblem sind die "runden Ecken", die in diesem Template noch mit einer Grafik realisiert werden.

Ein allgemeiner Tipp vorneweg: Verläufe sollten immer per CSS erzeugt werden, nicht mit einer Grafik - das hat viele Vorteile, vor allem kann man dann den Gradient auf eine beliebig Große Fläche skalieren.


Wenn du folgenden Code unter Admin→Layout→Css einfügst, werden die Ecken ausgeblendet und eine Verlauf erzeugt - vielleicht geht das in die Richtung die du suchst:


/*Hintergrundfarbe*/
.c_r_cont2, .c_r_cont1, .c_r_cont3{padding: 5px 0px; background:#696969}

/*Verlauf*/
.c_r_content1, .c_r_content2, .c_r_content3{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
}

/*runde ecken ausblenden*/
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3,.c_r_top1, .c_r_top2, .c_r_top3{display:none}


PS: CSS- Veräufe kann man z.B. hier sehr einfach erstellen

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
12.09.2011 15:32
avatar  Acedekiller ( Gast )
#3 RE: Thema und beitrage Hintergrunde
Ac
Acedekiller ( Gast )

Danke Danke das reicht mir schon ich bedanke mich erst mal für die schnelle Hilfe und freue mich darüber

und der link ist auch gut danke danke

Mfg Acedekiller


 Antworten

 Beitrag melden
17.09.2011 15:50
#4 RE: Thema und beitrage Hintergrunde
Ac
Mitglied

Ingmar Hallo ich habe mal ne frage ich habe jetzt wiki bei mir aktiviert aber der hintergrund von wiki ist transparent warum liegt das mann css code oder an meiner einstellung

Mfg Acedekiller

p.s. kann mann in wiki auch HTML code benutzen oder nur bb Codes


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!