✔ Wie gehe ich vor, um bei diesen Template mehr Reihen einzuordnen?

[Geologe]

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/tequilas-flamejantes/demo/

Hier wäre der DOWNLOAD als XML
http://www.bloggerblogtemplates.com/2010/01/tequilas-flamejantes-photo-blog-theme.html


Bin für jede Hilfe Dankbar

 

[Maik]

Moin,

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

<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:

.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

 

[Geologe]

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..*

 

[queicherius]

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^^)

 

[Maik]

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?

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

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

... wenn man in CSS den Durchblick hat ;-)

mfg Maik

 

[Geologe]

Ä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?

Gerne auch zum Null-Tarif

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


... wenn man 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

 

[Maik]

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

      <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

 

[Maik]

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

 

[queicherius]

Langeweile²

 

[Maik]

"Sie haben Post"

mfg Maik