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!
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.
ich versteh gerade noch nicht genau, was du machen möchtest ... aber das mit dem copy und paste ist wohl nicht möglich ...
möchtest du ein komplett anderes Theme benutzen? dann musst du dir nur ein schönes aus der Liste aussuchen, es in den Theme-Ordner laden und im Admin-Panel aktivieren ...
möchtest du ein Theme von den Farben her und so ändern, musst du die css Datei umschreiben (Schritt für Schritt) ... für einige Theme gibt es schon mehrere css-Dateien, aber das ist wohl eher der Einzelfall ...
dann musst du halt schauen, was du ändern willst ... willst du Überschriften ändern musst du nach h1 bzw h2 suchen und z.B. die Farbe oder die Schriftart ändern ...
als Anfänger kannst du natürlich hier erstmal fragen bzw. nachlesen, wie du was und wo änderst ... dafür brauchen wir aber erstmal die Info welches Theme du benutzt und was du ändern möchtest ...
Am besten, Du gehst in /wp-config/themes und kopierst das Verzeichnis Deines aktuellen Themes, so dass Du das gleiche Verzeichnis unter einem anderen Namen hast. Dann gehst Du in das neue Verzeichnis und änderst den Kopfbereich in Deiner style.css -- schon hast Du ein eigenes Theme. ;)
Das kannst Du jetzt im Admin-Bereich aktivieren und nach Herzenslust verschönern. Das heißt zum einen, dass Du die styles.css ändern kannst, aber auch die anderen Template-Dateien kannst Du ändern (vorausgesetzt Du hast ein bissel Ahnung von HTML und PHP).
DoctorJay
in der style.css stehen die Namen/Bezeichnungen für all die 'befehle', die Du in den Dateien (templates) wiederfindest.
zb: div class="widecolumn"
dann steht in der style.css irgendwo
.widecolumn{.....}
aber nicht jeder hat für genau diese eine Sache das Wort 'widecolumn' gewählt,
daher ist copy and paste nicht möglich,
lg
Du kannst mit dem Themes alles machen,
Du kannst komplett neue html und css 'Struktur' machen,
und am Schluss kommt immer WordPress raus, solange Du die tempalte tags von WP verwendest, sonst versteht das Blog Dein Theme nicht mehr,
ist dann gestörte Kommunikation der Spitzenklasse ;)
Du kannst einfach jedes Theme neu machen:
ich mache dies meist so:
ich erstell mir einen neuen Ordner:
testtheme
kopiere dort alles von einem theme hinein,
alle Dateien und den Ordner 'images'
dann öffne ich die style.css und ganz oben steht ja immer der Name des Themes in dieser Datei,
dort schreibe ich dann auch testtheme hin
lade das ganze hoch:
geh ich jetzt das Theme 'testtheme' aktivieren, erscheint dort in der Auswahlliste genau der Name, den ich die style.css schrieb
und schon kann ich werkeln wie ich mag,
weil das original habe ich ja immer noch,
;)
lg
edit:
so finde ich heraus wie was verwendet wird, also welche id oder class bei einem fremden Theme was gestaltet
http://www.webdesign-in.de/mts/wordpress-…roubleshooting/
Kann ich nicht nachvollziehen, da hast du wohl was falsch gemacht.
Wenn ich den Ordner (d2k_green_theme_05), so wie er ist, in /wp-content/themes/ hochschmeiße, so kann ich das Theme einwandfrei aktivieren.
Lade dir die Datei evtl. nochmal neu runter.
Nun habe ich mal ne blöde frage, ich hoffe ic hdarf diese hier posten >.<
Und zwar möchte ich bei meinem Blog - http://www.der-maddin.net
den schriftzug " Wissen was wird " in der mitte stehen haben, so dass dieses egal bei welcher auflösung immer in der Mitte ist..
Geht das ?
Lässt sich des dingens verschieben und anstelle von grüner farbe in weiße ändern ?
*da leider noch nichts gefunden habe*
Lieben dank im vorraus.
als dieser Teil ist in deiner css-Datei unter h1 deklariert ... da kannst du die Änderungen vornehmen ... z.b: font-color: white; text-align: center;
wie du es gern habe möchtest ...
Mit CSS -- entweder "text-align: center;" oder "margin-left: auto; margin-right: auto;".
uff .. da hab ich zwei linke hände ... oder ich bin blind, find des net :/
trau mich net da was zu verändern ..
Kann mir das vllt. jemand umschreiben ? *liebguck* ..
Habe meine css mal angehängt..
danke :)
/*
Theme Name: Fluidityls
Theme URI: [URL="http://www.kaushalsheth.com/"]http://www.kaushalsheth.com/[/URL]
Description: Fluidity Theme with Left Sidebar
Version: 1.0
Author: Kaushal Sheth
Author URI: [URL="http://www.kaushalsheth.com"]http://www.kaushalsheth.com[/URL]
*/
/* Credits*/
/* A fluid template for business or fun */
/* Original Design By Dave Reeder, [URL="http://www.davereederdesign.com"]www.davereederdesign.com[/URL] */
/* Hint of fMulti theme by [URL="http://www.fahlstad.se"]http://www.fahlstad.se[/URL] */
body { margin: 0; padding: 0; background: #262626; }
* {margin: 0; padding: 0; border: 0px none; font-family: "Trebuchet MS", Arial, sans-serif }
/*------------Basic styles------------*/
h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #fff; font-weight: normal; text-decoration: none; background: transparent }
p {
margin: 0 0 1em;
padding: 0;
line-height: 1.4em;
font-size: 0.8em;
}
/*p { font-size: 0.8em; line-height: 1.4em; text-align: justify }*/
h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.25em } /* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000 } /* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #FFA000 } /* sub headings */
span#copyright { font-size: 13px; line-height: 35px } /* sets the copyright styles */
span#design { float: right; font-size: 13px; line-height: 35px } /* floats the design link into position */
span.validation { float: right; margin-right: 10px; } /* floats the validation buttons */
.validation img { margin: 0; } /* floats the validation buttons */
div { padding: 10px 0;}
#hdrimg a {color: #06FF00; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #06FF00; text-decoration: none; font-weight: normal;}
/*-------------Layout----------------*/
#hdrimg { /* Large image */
float: left;
width: 100%;
margin-bottom: 5px;
background: url('images/hdr.gif') repeat-x;
height: 170px; /* ie5x hack begins here */
voice-family: "\"}\"";
voice-family: inherit;
height: 150px;
}
html>body #hdrimg {
height: 150px; /* ie5x hack ends here */
}
.rowcontainer { /* Used to keep the divs in a row. you can use this for any size of divs */
float: left;
margin-bottom: 5px;
width: 100%;
overflow: hidden;
background: #333;
}
#bttmbar { float: left; width: 100%; height: 35px; background: url('images/hdr.gif') bottom repeat-x } /* Bottom copyright bar */
/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/
.fullcolumn { float: left; width: 99%;} /* Full width column for a one column site */
.halfcolumn { float: left; width: 49%;} /* Half width column for a two column site. */
.onethirdcolumn { float: left; width: 33%; } /* One third width column for a three column site */
.quartercolumn { float: left; width: 24.5% } /* One quarter width column for a four column site */
.threequartercolumn { float: left; width: 74.5% }
/*------------------------------Main Navigation------------------------------------------*/
#nav { position: absolute; top: 145px; left: 0px; height: 25px; width: 100% }
ul#nav { margin: 0 }
#nav li /* Main nav list items */
{
font-size: 13px;
float: left;
list-style: none;
text-align: center
}
#nav li a { /* Main nav styles for all links */
display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
margin-left: 5px; /* adds a gap between the tabs */
width: 90px; /* width of the tab */
line-height: 25px; /* height of the tab */
text-decoration: none;
}
#nav a:link, #nav a:visited { background: url('images/tab.gif') no-repeat 0 -25px }
#nav a:hover, #nav a:active { background: url('images/tab.gif') no-repeat 0 0 }
#nav a#current { background: url('images/tab.gif') no-repeat 0 0 }
/*-----------------------------------Other tags-----------------------------------------*/
acronym { border-bottom: 1px dashed #999; cursor: help }
blockquote { border-top: 2px solid #FFA000; border-bottom: 2px solid #FFA000; margin-left: 1.5em; padding-left: 5px; background-color: #333333}
/* lists */
ul { margin: 5px 0 5px 35px; list-style: url('images/bull.gif') }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #fff; font-size: 0.8em; line-height: 1.4em }
hr { margin: 10px 0px; height: 1px; background: #444; color: #444 } /* rule styling */
img {margin: 0 10px} /* all images styling */
img.right {float: right} /* right floating images */
img.left {float: left} /* left floating images */
/*-------------------------------------------------------------------------------*/
/* Modification done to basic theme */
/* Added */
#searchdiv {
margin-bottom: 10px;
}
h4, h5, h6 {
font-family: "Georgia", "Times New Roman", Times, serif;
font-weight: normal;
}
a, a:visited {
font-weight: bold;
color: #fff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*font: bold 20px/1.1em "Trebuchet MS", "Verdana", sans-serif; }*/
h3.entrytitle {
padding: 0;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.1em;
}
h3.entrytitle a, h3.entrytitle a:visited {
color: #FFA200;
text-decoration: none;
}
h3.entrytitle a:hover{
color: #FFA200;
text-decoration: underline;
}
h3 a {
text-decoration: none;
border: 0px none;
color: #FFA200;
}
div .entrybody h3, div .entrybody h2{
margin-bottom:10px;
color:#B37100;
}
h3 a:hover {
text-decoration: none;
border: 0px none;
text-shadow: none;
color: #333;
}
.firstpost p.comments_link, .entrybody p.comments_link {
margin:0;
}
.firstpost {
background-color: #2E3233;
border: 1px solid #3e4243;
padding: 10px;
margin-bottom:15px;
background-image: url('images/latest.gif');
background-repeat: no-repeat;
background-position: right bottom
}
.entry{
background-color: #2E3233;
border: 1px solid #3e4243;
padding: 10px;
margin-bottom:15px;
color:#FFFFFF;
}
.arc {
border: 1px solid #3e4243;
background-color:#2E3233;
padding:10px;
color:#FFFFFF;
margin-bottom:15px;
}
.entrymeta {
font-size: 11px;
margin-bottom: 15px;
color:#FFFFFF;
}
.entry ul, .entry ol{
margin-left:30px;
list-style:disc;
margin-top:10px;
margin-bottom:10px;
}
.entry ul li, .entry ol li {
padding-top:5px;
line-height:1.5em;
}
/* comments*/
h2#comments{
padding:2px;
margin-bottom:10px;
margin-top:30px;
font-size: 110%;
color:#FF9900
}
#commentblock {
padding: 20px;
color:#999999;
clear: both;
}
ol#commentlist {
margin-top:0px;
padding: 5px;
margin-left: 20px;
color: #9b9b9b;
font-size:0.9em;
}
#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding:0;
}
.commentname {
margin: 0;
padding: 0 0 2px 0;
font-weight: bold;
}
.commentinfo{
margin-top: 3px;
margin-bottom: 5px;
}
.commenttext {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #000;
line-height:12px;
color: #999;
background-color: #2E3233;
padding: 5px;
}
.commenttext-admin {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #000;
line-height:12px;
color: #999;
background-color: #2E3233;
padding: 5px;
}
#commentsformheader{
padding-left:18px;
font-size: 1.4em;
color:#FF9900
}
#commentsform{
margin-top:0;
text-align:center;
padding:0px 10px;
}
#commentsform form{
text-align:left;
margin:0px;
}
#commentsform p{
margin:5px;
}
#commentsform form textarea{
width:99%;
}
p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/* Sidebar styling*/
#sidebar {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #2E3233;
padding:15px;
color:#dddddd;
border: 1px solid #3e4243;
}
#sidebar h2 {
font-weight: bold;
text-transform: uppercase;
color: #dddddd;
font-size: 110%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #555;
margin-bottom: 10px;
}
#sidebar p{
margin: 7px;
color:#999999;
line-height: 1.4em;
}
#sidebar a, #sidebar a:visited {
color:#ffa200;
text-decoration:none;
}
#sidebar a:hover {
color:#ffa200;
text-decoration:underline;
}
#sidebar ul li {
list-style-type: none;
list-style-image: url('none');
margin-bottom: 15px;
margin-left: 10px
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin-top: 3px;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0.5em;
padding-top: 0.1em;
padding-right: 0;
padding-bottom: 0.1em;
padding-left: 0;
list-style-type: none;
list-style-position: outside;
list-style-image: url('images/bull.gif');
}h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.25em } /* site heading */das ist die besagte Zeile ... und wieso traust du dich nicht ... mach ein Backup der Datei und dann leg los ... nur so lernst du es ....
wir haben dir jetzt die Zeile gezeigt, wir haben die gesagt, was du einfügen musst ... jetzt trau dich ... wenn es schief geht, hast du das Backup noch und wir sagen dir, was du falsch gemacht hast ...
ah, es ist gar net so schwer, hast recht! Danke :)
Habe es nun so:
h1 { font-size: 2.8em; line-height: 3.2em; letter-spacing: 0.27em; text-align: center; } /* site heading */
Allerdings wird die farbe nicht verändert, egal wo ich den font color reinsetz ..
und wollte noch fragen ob man die schrift ändern kann z.B. in " Adler " ?
hm könnte schwören, das war font color ... aber eine Zeile drunter sieht man ja, wie die Farbe angegeben wurde ...
color: #000000also das noch einfügen ...
das hatte ich auch schon ausprobiert, aber geht uch net.
Sonst muss ich es eben grün lassen ^^
Aber trotzdem 1000 dank ;)
Da dieses h1 ja ein Link ist, nutzt es nichts, wenn Du die Farbe von h1 änderst, sondern Du schreibst genau unter die Zeile von h1 folgendes:
h1 a{color:deinefarbe;background-color:inherit;}
die Angabe der background Farbe macht man, weil dies ebend Standard ist;)
lg
'font-color' ist nicht standardkonform
Zitat von MaDals dieser Teil ist in deiner css-Datei unter h1 deklariert ... da kannst du die Änderungen vornehmen ... z.b: font-color: white; text-align: center;
wie du es gern habe möchtest ...
sorry, aber korrekt wäre z.B.
h1 {
color: #fff;
background-color: inherit;
text-align: center;
}
inherit = vererbt, die Farbe des Hintergrunds wird vom übergeordneten Elemet, z. B. body übernommen (vererbt). Der W3C-Validator erwartet eine Hintergrundfarbe, sonst validiert das CSS nicht und es wird eine Warnung ausgegeben.
Möglich ist auch 'background: transparent;', jedoch background-color kann nicht 'transparent' sein, da dies keine gültige Farbe ist.
Wenn du die Schrift anders stylen möchtest, fügtst du weitere Formatierungen hinzu, z. B. font-size, ....
Du kannst in einer CSS-Referenz nachschauen, wenn du dir nicht sicher bist - z. B. in SelfHtml CSS-Referenz
Zur Schrift:
Grundsätzlich kannst du verschiedene Schriften angeben, alleerdings ist zu beachten, dass Schriften nur dann angezeigt werden, wenn sie auf dem Rechner des Users (Besuchers deiner Webseite) installiert sind. Die Schriftart "Adler" z. B. ist auf Windowssystemen nicht standardmäßig installiert. Mit "Arial" fährst du bessser. Da "Adler" eine Schriftart ist, die einer Schreibmaschine gleicht und Serifen hat (im Gegensatz zur serifenlosen Schrift wie Verdana, Arial usw.) kannst eine eine Schriftart verwenden, die fast jeder hat, und zusätzlich als letzte Möglichkeit die Schriftartemnfamilie angeben. ImZweifelsfall sucht sich dann der User-Client die benötigte Schriftart heraus, wenn die angegebene nicht gefunden wird.
z. B.
h1 {
font-family: adler, 'Courier New', courier, times, 'Times New Roman', serif;
font-weight: bold; /* dicke, fette Schrift im Gegegnsatz zu font-weight: normal (Standard). */
color: #000; /* Schriftfarbe schwarz */
background-color: #7f7f00; /* Hintergrundfarbe ein mattes Grün */
}
Jetzt kannst du noch mit 'letter-spacing' und word-spacing' arbeiten, daneben mit weiteren Formatierung, aber mach das nur wenn unbedingt notwendig, denn kurzer Code ist meistens sinnvoller. Formatierungen wie 'text-transform: uppercase' würde ich mir sparen.
Der Code wäre dann also in deinem Fall z. B.:
-------
h1 a { /* site heading */
font-family: adler, 'Courier New', courier, monospace; /* Schreibmaschinenschrift mit dicktengleichen Zeichen */
font-size: 1.3em;
line-height: 1.4em;
letter-spacing: 0.25em;
color: #000;
background-color: inherit;
text-decoration: none;
}
-------
Matthias
Zitat von Kochinherit = vererbt, die Farbe des Hintergrunds wird vom übergeordneten Elemet, z. B. body übernommen (vererbt). Der W3C-Validator erwartet eine Hintergrundfarbe, sonst validiert das CSS nicht und es wird eine Warnung ausgegeben.
Merkwürdig. Ich war bisher der festen Überzeugung, dass ich nicht für jedes Element eine Hintergrundfarbe angeben muss. Vermutlich benutze ich mit dem hier validator.w3.org auch den falschen Validator, den mein Theme ist XHTML strict valide ...
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
