Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo zusammen,
WP 4.0
Theme: X
HP: http://www.peter-beer.de
Ich wollte fragen ob es möglich ist einen Farbverlauf auf einer Seite zu erstellen.
Meine Frontseite ist komplett weiß und ich hätte da gerne etwas Farbe.
Wisst Ihr ob es zufällig für das X-Theme eine spezielle Möglichkeit gibt?
Wenn nicht welche Möglichkeit habe ich sonst noch?
Vielen Dank,
Schöne Grüße
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Hi Peter,
Farbverläufe für Webseiten kannst du hiermit erstellen > http://www.colorzilla.com/gradient-editor/ und dann als Background in die Seite einfügen.
Vielen Dank, schon mal sehr hilfreich!
Ich möchte hier einen Verlauf nicht im Hintergrund sondern direkt die erstellte Seite: http://www.peter-beer.de/wp-content/upl…um-10.04.27.png
Welche Möglichkeit gibt es da?
Vielen Dank schon mal!
Wie die anderen schon geschrieben haben, den Farbverlauf über CSS als background definieren.
Ich denke ich hab es nicht ganz verstanden.
Wenn ich in die:[TABLE="class: form-table x-form-table, width: 737"]
[tr]
[TH]Body CSS Class(es)[COLOR=#BBBBBB]Add a custom CSS class to the <body> element. Separate multiple class names with a space.[/COLOR][/TH]
[/TABLE]
Den Code von der Seite einfüge passiert nichts...
background: rgb(231,56,39);
background: -moz-linear-gradient(left, rgb(231,56,39) 0%, rgb(243,157,149) 12%, rgb(248,153,140) 29%, rgb(250,141,127) 49%, rgb(253,234,232) 50%, rgb(252,192,181) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgb(231,56,39)), color-stop(12%, rgb(243,157,149)), color-stop(29%, rgb(248,153,140)), color-stop(49%, rgb(250,141,127)), color-stop(50%, rgb(253,234,232)), color-stop(100%, rgb(252,192,181)));
background: -webkit-linear-gradient(left, rgb(231,56,39) 0%, rgb(243,157,149) 12%, rgb(248,153,140) 29%, rgb(250,141,127) 49%, rgb(253,234,232) 50%, rgb(252,192,181) 100%);
background: -o-linear-gradient(left, rgb(231,56,39) 0%, rgb(243,157,149) 12%, rgb(248,153,140) 29%, rgb(250,141,127) 49%, rgb(253,234,232) 50%, rgb(252,192,181) 100%);
background: -ms-linear-gradient(left, rgb(231,56,39) 0%, rgb(243,157,149) 12%, rgb(248,153,140) 29%, rgb(250,141,127) 49%, rgb(253,234,232) 50%, rgb(252,192,181) 100%);
background: linear-gradient(to right, rgb(231,56,39) 0%, rgb(243,157,149) 12%, rgb(248,153,140) 29%, rgb(250,141,127) 49%, rgb(253,234,232) 50%, rgb(252,192,181) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#fcc0b5', GradientType=1 );
Hi beda,
du musst den Code in die style.css des Themes für das entsprechende Element einfügen. Hier ein Beispiel
.page_top {
background: linear-gradient(to bottom, #314558 0%, #364e62 15%, #426176 40%, #5c869f 74%, #6a98b5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 5px solid #8bafc5;
border-top: 4px solid #5f849f;
min-height: 126px;
width: 100%;
}Bei dir ist das
.entry-wrap {
background-color: [COLOR=#ff0000]#fff[/COLOR];
border-radius: 4px;
box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.133);
display: block;
padding: 60px;
}oder nur background:
und dann noch mit der ID der Seite verknüpfen ;-)
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!