hallo,
ich bin absoluter neuling und das ist mein "erstes Mal", dass ich versuche mit wordpress ein blog zu erstellen.
ich habe folgendes problem:
ich nutze das theme fudo! da wollte ich neben den blog namen auch ein logo einbauen. das hat nach einigem hin und her auch geklappt!
link: http://jessica-hantzsche.de/
das probelogo ist drin!
habe es so eingesetzt - rot markiert:
</head>
<body <?php body_class(); ?>>
<div id="wrapper">
<header>
<div id="header-text">
<hgroup id="site-name">
<h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>[COLOR=#b22222]</h1><img src="http://jessica-hantzsche.de/wp-content/upl…66704209391.jpg" alt="jessica-hantzsche.de Blog" />[/COLOR]
<h2><?php bloginfo( 'description' ); ?></h2>
aber an der stelle sieht es doch recht doof aus. ich habe versucht, die postion zu ändern und war im style-sheet (muss dazu sagen, bin im absoluten blindflug und versuche nach trail-and-error), hab auch schon am h1 margin rumgebastelt, aber da verschiebt sich immer die ganze überschrift.
ich habe keine ahnung, was und ob ich überhaupt was angeben muss, aber zur sicherheit, ist es das?:
/* Main global 'theme' and typographic styles */
html,
body {
height: 100%;
width: 100%;
min-width: 960px;
}
body {
color: #333;
font-size: 0.8em;
line-height: 18px;
}
input,
textarea {
color: #333;
font-size: 1.1em;
line-height: 20px;
}
header, nav, section, article, aside, footer, hgroup, figure {
display:block;
}
h1 {
font-size: 1.4em;
text-shadow: 0 1px 0 #fff;
}
h2 {
font-size: 1.3em;
text-shadow: 0 1px 0 #fff;
}
h3 {
font-size: 1.2em;
text-shadow: 0 1px 0 #fff;
}
h4 {
font-size: 1.0em;
text-shadow: 0 1px 0 #fff;
}
h5 {
font-size: 0.9em;
text-shadow: 0 1px 0 #fff;
}
h6 {
font-size: 0.6em;
text-shadow: 0 1px 0 #fff;
}
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
}
/* Text elements */
p {
margin-bottom: 18px;
}
ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
und dann noch das:
/* =Structure
-------------------------------------------------------------- */
header, nav, footer {
width: 100%;
/*width: 960px;*/
[COLOR=#b22222]margin:0 auto;[/COLOR]
}
/* The main theme structure */
#wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
clear: both;
}
#site-name,
#colophon,
#copy {
[COLOR=#b22222] margin: 0 auto;[/COLOR]
width: 940px;
}
#access,
#brending,
#main {
margin: 0 auto;
width: 960px;
}
#site-name,
#colophon,
#copy {
padding: 0 10px;
}
#left-feature,
#right-feature {
width: 440px;
ich möchte aber nur, dass sich das logo nach rechts neben die hauptüberschrift setzt, hab aber keine ahnung, wie das geht!
wäre toll, wenn ihr mir sagen könntet, was ich wo machen muss, damit sich nur das versuchslogo nach rechts bewegt - danke!
bei meinem wilden versuchen hat sich leider dafür der text bzw. die text fragmente nach links verschoben und sind nicht mehr bündig mit dem headerbild, ich weiß nicht, wie ich das geschafft habe. wie kann ich das wieder rückgängig machen?
vielen dank!
und beste grüße
jesslen