Hallo!
Ich würde gerne auf meiner Webseite ein Header-Bild einfügen. So wie ich das mitbekommen habe, ist dafür die Datei style.css notwendig. Diese poste ich für Euch jetzt mal hier:
(Ich musste den Code kürzen, bzw. bin ich Anfänger->sorry)...
PHP
/*Theme Name:FionaTheme URI: http://madebyraygun.com/wordpress/themes/fiona/Author: RaygunAuthor URI: http://madebyraygun.com/Description: Super clean, responsive theme, built for Portfolio FrameworkVersion: 1.1.1License: GNU General Public LicenseLicense URI: license.txt
www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */}body { background: url(img/bg.png) #f9f8f7; }article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}ol, ul { list-style: none;}table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}caption, th, td { font-weight: normal; text-align: left;}blockquote:before, blockquote:after,q:before, q:after { content: "";}blockquote, q { quotes: "" "";}a:focus { outline: thin dotted;}a:hover,a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0;}a img { border: 0;}
/* @end */
/* @group Global */
/* Micro Clearfix */.cf:before,.cf:after { content:""; display:table;}
.cf:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */.cf { zoom:1;}
body,button,input,select,textarea { color: #555555; font-size: 15px; font-size: 1.4rem; line-height: 1.5em; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
/* Headings */h1,h2,h3,h4,h5,h6 { clear: both; color: #444444; font-family: "AllerRegular", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin: 0 0 15px 0;} #content h1 { font-size: 1.1em; font-weight: bold;}
#content h2 { font-size: 1.1em;}
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}
/* Text elements */p { margin-bottom: 1.5em;}
ul, ol { margin: 0 0 1.5em 1.5em;}
p.form-allowed-tags { display: none;}
ul { list-style: disc;}
ol { list-style: decimal;}
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 1.5em 1.5em;}
b, strong { font-weight: bold;}
dfn, cite, em, i { font-style: italic;}
blockquote { margin: 0 1.5em;}
address { margin: 0 0 1.5em;}
pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%;}
code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym { border-bottom: 1px dotted #666; cursor: help;}
mark, ins { background: #fff9c0; text-decoration: none;}
sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup { bottom: 1ex;}
sub { top: .5ex;}
small { font-size: 75%;}
big { font-size: 125%;}
figure { margin: 0;}
table { margin: 0 0 1.5em; width: 100%;}
th { font-weight: bold;}
button,input,select,textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */}
button,input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ -webkit-appearance: none; border-radius: 0; border: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { border: 1px solid #dddddd; background-color: #fefefe; padding: 5px 10px; font-size: .9em;
}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover { background-color: #fafafa; cursor: pointer;}button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active { border-color: #cccccc;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */}input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box;}input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0;}input[type=text],textarea { color: #666; border: 1px solid #ccc; border-radius: 3px;}input[type=text]:focus,textarea:focus { color: #111;}input[type=text] { padding: 3px;}textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%;}
/* Links */a { color: #555555; text-decoration: underline;}a:visited { color: #222222;}a:hover,a:focus,a:active { text-decoration: underline;}
/* Alignment */.alignleft { display: inline; float: left; margin-right: 1.5em;}.alignright { display: inline; float: right; margin-left: 1.5em;}.aligncenter { clear: both; display: block; margin: 0 auto;}
/* Text meant only for screen readers */.assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
/* @end */
/* @group Menu */
.main-navigation { clear: both; display: block; float: left; width: 100%;}.main-navigation ul { list-style: none; margin: 0; padding-left: 0; float: right;}.main-navigation li { float: left; position: relative; margin-left: 20px;}.main-navigation a { display: block; text-decoration: none;}.main-navigation ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999;}.main-navigation ul ul ul { left: 100%; top: 0;}.main-navigation ul ul a { width: 200px;}.main-navigation ul ul li {}.main-navigation li:hover > a {}.main-navigation ul ul :hover > a {}.main-navigation ul ul a:hover {}.main-navigation ul li:hover > ul { display: block;}.main-navigation li.current_page_item a,.main-navigation li.current-menu-item a { text-decoration: underline;}
/* Small menu */.menu-toggle { cursor: pointer;}.main-small-navigation .menu { display: none;}
/* @end */
.page-template-page-full-width-php .site-content { float: none; margin: 0 0 0 0; width: 100%;}
.page-template-page-full-width-php #content { margin: 0 0 60px 0;}
/* @end */
/* @group Mobile */
@media handheld, only screen and (orientation:portrait) and (max-width: 768px), only screen and (max-width: 480px) {
#primary { width: 100%; } #page, .site-footer { padding: 0 20px; } .site-content { float: none; margin: 0 0 0 0; width: 100%; } #masthead hgroup { width: 100%; float: none; margin: 0 0 20px 0; } nav.site-navigation.main-navigation { float: none; clear: both; width: 100%; } .main-navigation ul { float: none; } .main-navigation li { margin: 0 10px 0 0; } .pscarousel { display: none; } #content { margin: 0 0 0 0; } #secondary { width: 100%; }
}
/* @end */Meine Frage an Euch wäre
Wie kann ich in dieser Datei ein Header Bild einfügen?