Beiträge von Hannibal35

Hallo Gardasee,

Beim Erstellen eines Beitrags ist es möglich Html Code einzubetten. Du kannst die Bilder in eine Tabelle packen, damit diese untereinander angezeigt werden.

Würde ungefähr so aussehen:

<table>
<tr>
<td>
<img src="" alt=""/>
</td>
</tr>
<tr>
<td>
<img src="" alt="" />
</td>
</tr>
</table>

MFG

Versuch folgendes:

Schneide aus der Klasse

Zitat

h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, [COLOR=#ff0000]#site-title[/COLOR], #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {}

den [COLOR=#ff0000]#site-title [/COLOR][COLOR=#ff0000][/COLOR]raus und verlagere diese in eine extra Klasse.
Sollte ungefähr so aussehen:

#site-title{
font-family: "[COLOR=#0000FF]Helvetica Neue[/COLOR]", Arial, Helvetica, "Nimbus Sans L", sans-serif;

Sollte danach nur die Überschrift deines Blogs ändern

MFG

Hallo Christa,

Wenn du in die Wordpress Verwaltung klickst ->Design->Widgets und rechts im Primären Widget-Bereich klickst, steht ein Balken mit dem Namen "Meta".

Diesen einfach rausziehen.
Danach sollte der Meta nicht mehr angezeigt werden

MFG

Hallo svenxy,

Ich denke in der style.css in der Klasse;

.entry-header, .entry-content, .entry-summary, .entry-meta{}

im Attribute "width" kannst du die Größe deines contents ändern.
Wenn du deine Website nennst, könnte dir vielleicht besser geholfen werden ;)

MFG

Hallo Nicht-Elfe Nadine,

Es ist durchaus möglich das Datum wie auf dem Bild zu positionieren. Allerdings hat SirEctor recht, es ist schwierig ohne HTML und CSS Kenntnisse es so zu gestalten. Aber ich probier es dir zu erklären ;-)

1. Zuerst musst du die Loop.php ändern

- Dazu fügst du unter der Zeile :
<CODE><div id="post-<?php the_ID(); ?>" <?php post_class(); ?></CODE>

folgenden Code ein:

<CODE>
<div class="datum">
<span class="monat"><?php the_time('F') ?></span>
<span class="tag"><?php the_time('d') ?></span>
</div>
</CODE>

2. Als nächstes wird die style.css verändert

- Die Klasse "#datum" wird erstellt:

<CODE>
.datum{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(Dein Bildpfad);
background-origin: padding-box;
background-position:0 0;
background-repeat: no-repeat;
color: #FFFFFF;
background-size: auto auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 15px;
position: absolute;
width: (deine gewünschte Größe)
height: (deine gewünschte Größe)
text-align: center;
font-size: 100%;
margin-bottom: 0;
margin-left: -6em; (Gibt an wie weit dein "BILD" herrausragt)
margin-right: 0;
margin-top: 0;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
vertical-align: baseline;
</CODE>

3. Eine weitere Klasse für die Anzeige des Tages wird erstellt:

<CODE>
.datum .tag {
display: block;
font-size: (Größe der Schrift)
font-weight: bold; (Dicke Schrift)
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
margin-top: -4px; (Position des Tages)
}

4. Die Klasse des Monats wird erstellt:
<CODE>
.datum .monat {
display: block;
font-size: (Größe der Schrift);
font-weight: bold; (Dicke Schrift);
padding-top: 1px; (Abstand);
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
</CODE>

Mit ein wenig Testen solltest du alles weitere nach deinen Vorstellungen einrichten können.

MFG

Hallo Spelly,

Wenn du deine Website nennst, kann dir vielleicht geholfen Werden ;-)

MFG

Hallo JeanOchmann,

Viele Websiten sind "smartphone" feindlich eingerichtet, wobei es oft passiert dass das komplette Layout verrutscht oder abgeschnitten wird.
Sobald ein Smartphone eine Website aufruft meldet es sich mit dem Namen "screen". Wenn in der Css nichts hinterlegt ist, wird der Standardwert geladen.
Es gibt die Möglichkeit in der CSS eine Klasse zu erstellen, wo du einzelne Boxen, Grafiken usw. verändern kannst, wenn ein Smartphone oder Tablet deine Website aufruft.

Dazu brauchst du folgenden Befehl:

@media screen

Auf dieser Seite wirst du Hilfe finden, mit welchen Befehlen du deine Website "smartphonegerechter" gestalten kannst:
http://blog.kulturbanause.de/2011/04/websit…-co-optimieren/

MFG

Hallo _dNick,

Wenn du deine Seite nennst kann dir vielleicht geholfen werdem ;-P

MFG

Hallo zuckerbeackerin,

Wenn du einen Rahmen um deine Bilder haben möchtest, dann versuch folgendes:

In der Wordpress-Verwaltung -> Beiträge-> Alle Beiträge,

hast du die Möglichkeit bereits bei der Erstellung von einzelnen Beiträgen , HTML-Code einzubetten (text).
Klicke in einen Beitrag, wo du deine Bilder aufgezählt hast und setze folgendes ein:

<image src=" " alt=" " [COLOR=#ff0000]border="1"[/COLOR] />

Dabei entscheidet Border über die dicke des Rahmens.

MFG

Hallo abax,

Wenn du die Überschrift deiner Website ändern möchtest dann wählst du in der style.css, in der Klasse

Zitat

h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {}

unter dem Attribut font-family eine andere Schrift aus.

Um die Schrift kleiner oder größer anzuzeigen wählst du in der Klasse

Zitat

#site-title{}

im Attribut font-size eine andere Pixelgröße aus.

Oder du willst eine andere Farbe bestimmen oder keine dick gedruckte Schrift. Dann wählst in der Klasse

Zitat

#site-title a{}

eine andere Farbe unter Color oder ein anderes Schriftgwewicht aus
(http://de.selfhtml.org/css/eigenschaf…htm#font_weight)

MFG

Versuch es so:

Gehe in die Kategeorie Widgets und ziehe das Widget "Text" in den Bereich, wo dein Bild angezeigt werden soll.
Als Text gibts du folgendes ein:

<table width="150" height="240">
<tr>
<td>
<a href="http://www.amazon.de/Der-Stern-von-…+in+b%C3%BCcher" target="_blank">
<img width="150" height="238" title="Der Stern von St. Nicola von Ruth Lindenthal" alt="Der Stern von St. Nicola: Geschichten aus St. Nicola - 1 von Ruth Lindenthal (Autor)" src="http://ruthlindenthal.files.wordpress.com/2013/09/derste…png?w=150&h=238">
</br>
</td>
</tr>
<tr>
<td>
Der Stern von St. Nicola</br>
von Ruth Lindenthal
</td>
</tr>
</table>

In der CSS Datei unter a:link{} kannst du die Farbe aller Links ändern die noch nicht besucht wurden. Darunter (a:visited{}) kannst du die Farbe von bereits besuchten Links bestimmen.

MFG

Wenn du mir deine Seite nennst, könnte ich es dir vil sagen. Ich weiß nicht, was du genau meins mit "Links" :p

MFG

Im jeweiligen HTML Code ist die Website in einzelnen Boxen aufgeteilt, mit zugehörigen Befehlen, wie position, Breite, Länge, farbe usw... .
Die Klasse wird im HTML Code aufgerufen wie z.b einer Div Box:
<div [COLOR=#ff0000]class="content"[/COLOR]></div>

Zeitgleich wird auf die CSS Datei zugegriffen, wo die Befehle aufgelistet sind, wie die Box dargestellt werden soll.

#content{
color: ;
font-family: ;
font-size: ;
}

MFG

Hallo Mondfrau,

Um einen Link in einem neuem Fenster zu öffnen schreibst du hinter href den Befehl target="_blank".
Sieht dann so aus:

<a href="" target="_blank"></a>

MFG

Hallo gdkarin,

du kannst die Schriftfarbe jeweils in den verschiedenen Klassen ändern. Wenn du z.b die Schriftfarbe im content geändert haben möchtest, wählst du in dieser Klasse eine andere Farbe aus:

Zitat

#content, #content input, #content textarea{}

oder du willst die Farbe in den einzelnen Titel geändert haben:

Zitat

.entry-title a:link, .entry-title a:visited{}

MFG