Habe mir ein nettes Free Template gefunden, aber 4 oder 5 Reihen wären sogar besser. (übersichtlicher)

Da html nicht meine stärke ist, weiß ich nun nicht wie ich diesen Code an die richtige stelle kopiere um noch ein oder 2 reihen zu erhalten

Hier die Demo:
http://btemplates.com/2010/01/17/teq...mejantes/demo/

Hier wäre der DOWNLOAD als XML
http://www.bloggerblogtemplates.com/...log-theme.html


Bin für jede Hilfe Dankbar

Moin,

ich gehe davon aus, dass es dir um diesen Seitenbereich geht, und du darin mit "Reihen" die Anzahl der (vertikalen) "Spalten" meinst:

HTML-Code:

<div class="blog-posts hfeed">

    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>
    <div class="post hentry uncustomized-post-template"></div>

</div>

Diese inneren neun DIV-Blöcke sind in der CSS-Klasse .post unter anderem mit float:left formatiert, sodass sie sich selbst rechtsseitig umfliessen, d.h. sie ordnen sich (in Schreibrichtung von links nach rechts ) nebeneinander an, und am Ende einer Zeile findet ein automatischer Zeilenumbruch statt.

Wenn du hier fünf solcher Blöcke nebeneinander anordnen möchtest, wird das im CSS (<style type="text/css">...</style>) eingerichtet.

Entweder verringerst du hier deren derzeitige Breite, damit in der Zeile mehr Elemente Platz finden:

Code css:

1 2 3 4 5 6 7 8 9 10 11

.post {   width: 120px; /* im Original width:200px */   height:235px;   margin-right: 12px; /* im Original margin-right:20px */   margin-bottom: 10px;   float: left;   text-align:justify;   position:relative;   overflow: hidden;   padding-right:0px; }

Mit Firebug in deinem genannten Demo-Link kurz nachgestellt:


Oder du stockst halt die Gesamtbreite des Template-Layouts, beim CSS-Selektor #outer-wrapper {...} beginnend, auf.

mfg Maik

Vielen Dank für deinen Beitrag Maik,

Ich muss zugeben das ich bezüglich CSS gar keine Erfahrungen habe, und somit überhaupt keinen Durchblick.

Gibt es jemanden der mir dies als "kleine Dienstleistung für Taschengeld" übernehmen kann/ könnte (wenn es nicht zu Zeitaufwendig ist)?

Oder würde sich doch der CSS- Video2Brain Kurs eher bezahlt machen? *überlege..*

Gibt es jemanden der mir dies als "kleine Dienstleistung für Taschengeld" übernehmen kann/ könnte (wenn es nicht zu Zeitaufwendig ist)?

Äh... das ist doch ne Sache von 1 min!
Einmal kopieren (von Maik) und einfügen...

Kommt zu diesem Ergebnis:

(Langeweile)

Zitat von Geologe

Gibt es jemanden der mir dies als "kleine Dienstleistung für Taschengeld" übernehmen kann/ könnte (wenn es nicht zu Zeitaufwendig ist)?

Welche meiner beiden genannten Varianten schwebt dir denn überhaupt vor?

Zitat von Geologe

Ich muss zugeben das ich bezüglich CSS gar keine Erfahrungen habe, und somit überhaupt keinen Durchblick.

Zitat von queicherius

Äh... das ist doch ne Sache von 1 min!
Einmal kopieren (von Maik) und einfügen...

... wenn man(n) in CSS den Durchblick hat

mfg Maik

Zitat von queicherius

Äh... das ist doch ne Sache von 1 min!
Einmal kopieren (von Maik) und einfügen...

Kommt zu diesem Ergebnis:

(Langeweile)

WOW

Ist schon fast Perfekt - jetzt sind halt die Bilder etwas zusammen gequetscht.
Da ist rechts das DIV - TAG, wo die Gadgets rein kommen.
Wie bekomme ich dieses Weg?

Dann haben theoretisch die Bilder mehr platz oder?

Zitat von Maik

Gerne auch zum Null-Tarif

Welche meiner beiden genannten Varianten schwebt dir denn überhaupt vor?


... wenn man(n) in CSS den Durchblick hat

mfg Maik

Ja am besten eine, in der 5 Reihen schön übersichtlich sind.
Wäre dann für eine Foto - Galerie (fotocommunity.com) gedacht

Übersicht der hochbeladenen Bilder hat da die meiste Priorität

Zitat von Geologe

Da ist rechts das DIV - TAG, wo die Gadgets rein kommen.
Wie bekomme ich dieses Weg?

Dann haben theoretisch die Bilder mehr platz oder?

In Zeile 1256 der XML-Datei findet sich dieses <div>-Element

HTML-Code:

      <div id='sidebar-wrapper'>

das die rechte Spalte bildet.

Wie du es wegbekommst? Na, aus dem Code entfernen

Dies betrifft dann die Code-Zeilen 1256 bis 1511.

mfg Maik

Zitat von Geologe

Ja am besten eine, in der 5 Reihen schön übersichtlich sind.

Werde mich gleich mal dransetzen

Du hörst dann wieder von mir.

mfg Maik

Langeweile²

"Sie haben Post"

mfg Maik

Danke vielmals, ich kann gar nicht in Worte fassen wie sehr ihr mir geholfen habt.