Hallo Leute!
ich hoffe, ihr könnt mir helfen.
Das Design habe ich hinbekommen, aber das Handling dazu ist sehr umständlich.
Ich habe zwar eine ungefähre Ahnung, wie wie man das anders machen kann, aber mir fehlt das Fachwissen (in CSS) um es umzusetzen.
Für meine Bloggerseite benutze ich ein Seitentemplate das unter anderem aus zwei Hintergrundbildern besteht. Bild 1 ist am linken Rand die Schnur mit Messingringen, die sich immer wiederholt. Bild 2 besteht aus meinem Seitenportrait das immer in der linken oberen Ecke bleiben soll. Der Bloggertext soll um meinen Körper herumfließen, so wie es auch jetzt schon ist. -> Siehe Link.
Umgesetzt habe ich es, indem ich links neben jede der 18 Zeilen eine durchsichtiges PNG-Bild von 10 Pixeln Höhe und der benötigten Breite gesetzt habe.
(Bild in Zeile eins 170 Pixel breit, Bild in Zeile zwei 185 Pixel breit, Bild in Zeile drei 195 Pixel breit usw.)
Problem:
Nur wenn ich einen neuen Bloggertext einfügen möchte, muß ich für jede Zeile immer einen separaten Textschnipsel einsetzen. Ich hätte gerne, dass ich einfach drauf losschreiben kann, und der Text automatisch um meinen Körper herumfließt.
Rein theoretisch müsste das durch einen entsprechenden Eintrag (für jede Zeile) in der style.css möglich sein - aber wie???
Ich habe es auch schon direkt auf der Seite mit...
<p style="padding-left: 170px;">Text</p>...probiert, nur dabei wird mir nach jeder Textzeile dann immer noch eine Leerzeile eingefügt.
Hier mal die nötigen Files.
...Die PHP-Templateseite in der die beiden Container für die beiden Hintergrundbilder und die zugerörige Klasse definiert werden.
<?php
/**
* Template Name: Blogger Style
*
* A custom page template without sidebar.
*
* The "Template Name:" bit above allows this to be selectable
* from a dropdown menu on the edit page screen.
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
get_header(); ?>
<div id="container-blogger" class="blogger-one-column">
<div id="container-blogger2" class="blogger-one-column">
<div id="content" role="main">
<?php
/* Run the loop to output the page.
* If you want to overload this in a child theme then include a file
* called loop-page.php and that will be used instead.
*/
get_template_part( 'loop', 'page' );
?>
</div><!-- #content -->
</div></div><!-- #container -->
<?php get_footer(); ?>Und hier die entsprechnden Einträge in der Style.css
#container-blogger {
float: left;
width: 775px;
background-image: url(images/oesen-element.png);
background-repeat: repeat-y;
background-position: 0px 0px;
background-color: #EBE0CA;
border: 1px solid #666666;
padding-left: 119px;
padding-top: 23px;
padding-right: 44px;
padding-bottom: 23px;
}
#container-blogger2 {
float: left;
width: 775px;
background-image: url(images/seitenportrait-element.png);
background-repeat: no-repeat;
background-position: 0px 155px;
background-color: #EBE0CA;
border: 0px solid #666666;
padding-left: 0px;
padding-top: 0px;
padding-right: 44px;
padding-bottom: 23px;
}
.blogger-one-column #content {
margin: 0 auto;
width: 790px;
}Ich hoffe, ihr habt eine Idee, die ich mit meinem begrenzten Wissen auch umsetzen kann.
Eben ist mir noch eine Idee gekommen, weiß aber nicht ob das so geht.
Nämlich die durchsichtigen Bilder auch in die Style.css verlegen - aber als "normales Bild" und nicht als Hintergrundbild? - dann müßte der Text rein theoretisch auch erst ab dem durchsichtigen Bildern anfangen, ohne dass die Einträge dafür auf der eigentlichen Seite abgelegt sind????
Gruß Frank