Artikel optisch trennen

priestkatten

Hallo zusammen

hab da ein kleines problem: Ich würde gerne meine posts mit einer grafik trennen. Jetzt stellt sich nur die Frage wie.
Was ich bis jetzt versucht habe:

1. Das ganze per hr tag zu machen, wie hier beschrieben: http://artikel.fabrice-pascal.de/stylinghr/2/

leider komm ich an die html.css nicht dran um den zu ändern, oder hat jmd eine idee wie ich das machen kann?

€ noch ein test:
http://pixeltunes.de/2009/02/18/so-…phisch-trennen/

Code

.art-post
{
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 10px;
  background: transparent url(images/yourimage.png) no-repeat bottom;
 }

nur habe ich da das problem das die grafik genau über dem art-post-footer ist, bzw darunter. oder hier jmd eine idee?

Danke für die Hilfe

Werbepost

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.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

mfitzen

Zitat von priestkatten

leider komm ich an die html.css nicht dran um den zu ändern, oder hat jmd eine idee wie ich das machen kann?

Gibt´s da nen Grund für? Wie hast Du WP dann installiert, wenn Du keinen Zugriff auf die Dateien hast? Oder handelt es sich um einen wordpress.com Blog? Dann bist Du hier im falschen Forum...

Zitat von priestkatten

nur habe ich da das problem das die grafik genau über dem art-post-footer ist, bzw darunter. oder hier jmd eine idee?

Na was denn nun? Drunter oder drüber? :smile:

Am einfachsten wäre es, wenn Du uns Dein bisheriges Ergebnis mal zeigst (Link zum Blog) und nochmal kurz beschreibst, wie es genau aussehen soll. Setzt natürlich voraus, dass es kein wordpress.com Blog ist...

priestkatten

Die Seite ist im moment auf meinem rechner dank xampp, einen link gibt es also noch nicht, aber hier ein bild:
http://www.diablo-3.net/vae-victis/wp-…henablage05.jpg

die html.css find ich leider nicht in dem ordner von xampp bzw wordpress :(

gericoach

dann suche mal nach der style.css >> wp-content/themes/DeinTheme/style.css

Tutrix

versuche mal dies

in deinem Theme library/wrappers.php

PHP

<div class="art-postcontent">
                        <!-- article-content -->
                        <?php echo $content; ?>
                        <!-- /article-content -->
                    </div>
                    <div class="cleared"></div>
                    <?php
                    echo $after;
                ?>
                </div>
            <div class="cleared"></div>

Alles anzeigen

vor dem letzten

Code

<div class="cleared"></div>

das Bild einfügen
also

Code

<img src="http://www.deineseite.com/linkzudeinembild.jpg"

zinn2003

Bei uns
http://www.seglerverein.de
schaut der code in der index.php so aus

PHP

<p class="postmetadata"><small>
      <?php the_tags(__('Tags:', 'kubrick'), ', ', '<br />'); ?> <?php the_time(__('Y', 'kubrick')) ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?></small>
<br /><img src="<?php bloginfo('stylesheet_directory'); ?>/images/seil.gif" alt="seil" align="middle" style="width:625px; height:10px; border:none" /></p>
            </div>

priestkatten

alles klar, vielen dank euch

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Artikel optisch trennen

Jetzt mitmachen!