Sidebar.php und Blocksatz bei Artikeln

Benjamin-Do

Hallo,

ich habe ein paar Links direkt in die Sidebar.php eingefügt.
Nun würde ich die dort geladenen Inhalte gerne um 25px nach rechts verschieben.

Einfach dafür, dass es dann bündig mit dem "Strich" ist und nicht so verrutscht aussieht wie im Moment.

Kann mir jemand helfen wie ich dieses hinbekomme?

Mein zweites Anliegen ist, wie ich es hinbekomme, dass alle Artikel im Blocksatz geschrieben und angezeigt werden. In welcher Datei muss ich dann da welchen Code eingeben?

Danke!

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

Benjamin-Do

Hat keiner eine Idee?

Arno Simon

ich gehe mal davon aus, das du die tradedoubler-links meinst:

HTML

<div id="sidebar" class="sidebar">
    
    <!-- Tradedoubler Codes Beginn -->


<iframe src="http://impde.tradedoubler.com/imp?type(iframe)g(14157585)a(1591464)" width="125" height="125" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


<script type="text/javascript" src="http://impde.tradedoubler.com/imp?g(17053212)a(1591464)" charset="ISO-8859-1"></script>


<iframe src="http://impde.tradedoubler.com/imp?type(iframe)g(17827906)a(1591464)" width="125" height="125" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


<a href="http://clkde.tradedoubler.com/click?p=3469&a=1591464&g=138435" target="_BLANK"><img src="http://impde.tradedoubler.com/imp?type(img)g(138435)a(1591464)" border=0></a>


<!-- Tradedoubler Codes Ende -->
        <div>
                    
                    <div id="wp-cumulus" class="widget wp_cumulus_widget">                <h2 class="title">Schlagworte</h2>

Alles anzeigen

wie du dem html-quelltext entnehmen kannst, liegen diese ausserhalb der inneren auszeichnungs- bzw. div-bereiche. ich würde diese - der einfachheit halber und testweise - mal mit entsprechenden divs wie diese für das cumulus-widget vorgesehen sind umgeben.

vG

Arno

Benjamin-Do

Danke Dir! Das mit der Sidebar hat geklappt.

Wie bekomm ich das denn mit dem Blocksatz am Besten hin?

Arno Simon

indem du deiner style.css zwischen ".post" und ".post .entry" einen eintrag hinzufügst:

HTML

.post {
    
}


.entry {
 text-align: justify;
}


.post .entry {
    margin:1em 0 1em 0;
}

Alles anzeigen

hilfreich für CSS-Auszeichnungen ist auch CSS 4 You - The Finest in Stylesheets ;)

vG

Arno

Benjamin-Do

Danke Dir!

So langsam kommt alles in die richtige Form. Danke auch für den Link - hab ich mir gleichmal gespeichert.

Jetzt hab ich nur noch ein Problem mit der Tutorialseite und mit der Shopmeile.
Tutorialseite habe ich aber extra gepostet.

Und bei der Shopmeile werden um den eingebetten Inhalt so komische Zeilen angezeigt :(

Arno Simon

das mit der shopmeile ist wiederrum ein css-problem:

HTML

code, pre {
    background:#4d9301 url(images/code_bg.png) no-repeat top left;
    display:block;
    line-height:26px !important;
    padding-left:44px;
    font-size:14px;
    border:1px solid #4d9301;
    margin:1em 0 1em 0;
    font-family: "Courier New", Courier, monospace;
    letter-spacing:0;
    clear:both;
    overflow:auto;
    text-align:left;
    color:white;
    white-space:nowrap;
}

Alles anzeigen

durch diese auszeichnung in deiner style.css werden allen code-elementen entsprechende hintergründe zugewiesen. da du das code-tag als umgebungselement für deine iframes benutzt, führt das zu diesem problem.

probiere es mal indem du eine pseudo-klasse für das code-tag aufnimmst und diesem "background:none;" zuweist. die code-tags in der shopmeile dann mit

HTML

<code class="shopcode">

entsprechend eröffnen. bedingt natürlich, das du deine pseudoklasse als "shopcode" benennst.

HTML

code .shopcode {
    background:none;
    display:block;
    line-height:26px !important;
    padding-left:44px;
    font-size:14px;
    border:1px solid #4d9301;
    margin:1em 0 1em 0;
    font-family: "Courier New", Courier, monospace;
    letter-spacing:0;
    clear:both;
    overflow:auto;
    text-align:left;
    color:white;
    white-space:nowrap;
}

Alles anzeigen

da ich aber auch kein css-experte bin, könnte die von mir angewandte schreibweise latürnich etwas verkehrt sein.

Benjamin-Do

So ich habe nun erstmal die Sache mit dem Hintergrund hinbekommen, da ich den Hintergrund einfach auskommentiert habe.

Das grüne finde ich sogar ganz gut, da es dann als Werbung in der Shopmeile erkannt wird. Nun würde ich gerne die eingebundenen Banner zentriert in dem grünen anzeigen lassen.

Ich habe schon einige Einstellungen versucht, aber es wird nicht zentriert. Nach was muss ich denn da schauen bzw. was ist denn der Zauberbefehl?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar.php und Blocksatz bei Artikeln

Jetzt mitmachen!