Text und Bilder in Vorlage übertragen

[Revenget]

Nun, ich denke ich erklär erstmal, was das problem zum problem macht:

Ich soll für einen anime-blog (auf blogger.com gehostet) ein neues design entwerfen. nur bin ich dort nicht dereinzige der animes reinstellt, jedoch der einzige, der sich mit html-codes auskennt. ich würde es gerne vermeiden, all den anderen 20 leuten auch noch html erklären zu müssen.

nun das problem:
wenn man bei blogger.com einen post erstellen will sieht das ganze so aus:


wie ihr seht ist dort für den post an sich nur ein dialogfeld. das was bei mir am ende rauskommen soll, soll jedoch ungefähr so aussehen:


natürlich lässt sich das alles mit div-codes regeln, die gründe warum ich das jedoch nicht machen will stehen ja oben.

nun meine frage an euch: gibt es einen anderen weg, das ganze umzusetzen?

ich weiß es ist schlecht beschrieben, aber besse hab ichs nich hinbekommen...

 

[threadi]

Bei einem normalen CMS würdest Du dafür die Eingabemaske für die Redakteure anpassen müssen. Z.B. für jede Zeile der Tabelle ein eigenes Eingabefeld für Beschriftung und Inhalt, ggfs. noch Farbauswahl. Ob und wie das bei dem von dir genutzten Service bei blogger.com möglich ist, kann dir nur blogger.com beantworten - ich bezweifel es allerdings, da Blogs keine CMS sind und somit nicht für solche Individualisierungen gedacht sind.

 

[Revenget]

die maske kann ich nicht ändern. aber blogger hat die funktion, dass ich eine vorlage schreiben kann, welche immer erscheint, wenn ich einen post schreiben will... ich hab grad versucht, eine tabelle zu schreiben, die dann dort erscheint und nur noch ausgefüllt werden muss. durch css wirds dann in das richtige design gebracht... hat nur leider iwie nicht geklappt...

hier mal meine codes (nicht wundern, wenns etwas durcheinander ist... ich bin noch nicht sooo lange auf dem gebiet und mach da auch nicht wirklich viel.)

CSS:

.ea-template {
  background:#787878;
  width:515px;
  margin:0px;
  padding:0px;
  ;

table.ea-template {
  color:#000;
  font-style: verdana, trebuchet, arial;
  font-size:13px;
  border:none;
  float:left;
  width:300px;
  margin:0px;
  padding:0px;
  }

img.ea-template {
  background:#dedede;
  margin-right:5px;
  padding:4px;
  width:100px;
  height:auto;
  border:1px solid #2e2e2e;
  float:left;
  }

th.ea-template {
  width:95px;
  }

td.ea-template {
  width:198px;
  }

tr.ea-template {
  text-align:left;
  background:#dedede;
  border:1px solid #2e2e2e;
  padding:3px;
  margin:0px 0px 3px 0px;
  }

HTML im Post:

<div class="ea-template">
<img src="http://www.eliteanimes.com/Bilder/Fairy Tail.jpg" />

<table><tbody>
<tr>     <th>Jap. Name</th>     <td>フェアリーテイル</td>   </tr>
<tr>     <th>Eng-Titel</th>     <td>Fairy Tail</td>   </tr>
<tr>     <th>Episoden</th>     <td>91 (Stand:19.08.2011)</td>   </tr>
<tr>     <th>Genre</th>     <td>Action, Abenteuer, Comedy, Fantasy</td>   </tr>
<tr>     <th>Release</th>     <td>12.10.2009</td>   </tr>
<tr>     <th>Regie</th>     <td>Shinji Ishihira</td>   </tr>
<tr>     <th>Website</th>     <td><a href="#">Offizielle Website</a>
<a href="#">Deutsche Fanpage</a></td>   </tr>
</tbody></table>
</div>

 

[Space Vampire]

"Hat nicht geklappt" ist keine Fehlerbeschreibung.
Was hat nicht geklappt?
Dann kann man gezielt nach dem Fehler schauen, statt Zeile für Zeile deinen Code nach allem nur denkbaren zu durchforsten...

Davon abgesehen würde ich das extern lösen.
Falls du einen Webspace hast, würde ich dort ein einfaches Formular einstellen, dass deine Leute aufrufen können.
In das Formular können sie alle geforderten Daten eingeben und absenden.
Die Verarbeitung würde ich so gestalten, dass dein Maskencode mit den übermittelten Eingaben komplettiert und dann der vollständige Code im Browser angezeigt wird.
Dieser muss dann nur noch kopiert und ins CMS eingefügt werden.

Wenn du die Maske im CMS selber nicht verändern willst/kannst, ist das wohl die komfortabelste Lösung...sofern man ein wenig PHP beherrscht.

 

[Revenget]

das problem mit der tabelle hat sich mittlerweile gelöst, ist aber leider zu verzerrt und unübersichtlich, da das dialogfeld von blogger zu klein ist.

Davon abgesehen würde ich das extern lösen.
Falls du einen Webspace hast, würde ich dort ein einfaches Formular einstellen, dass deine Leute aufrufen können.
In das Formular können sie alle geforderten Daten eingeben und absenden.
Die Verarbeitung würde ich so gestalten, dass dein Maskencode mit den übermittelten Eingaben komplettiert und dann der vollständige Code im Browser angezeigt wird.
Dieser muss dann nur noch kopiert und ins CMS eingefügt werden.

daran hatte ich auch schon gedacht, wusste nur noch nicht genau, wie sich das umsetzen lässt. bisher versteh ich nämlich nur was von html und css... aber deine idee ist gut, ich denke ich werde das so lösen.
danke :)