Ersetzen des Image-Tag...aber wie????

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[Biker]

Ich hab das noch nicht so ganz geblickt, wie das mit dem Ersetzen funzt!?

Bin gerade dabei, ein ganz neues theme für meine Biker-Seite zu entwerfen, und komme nicht weiter....

Also ich habe zum Beispiel das hier:

   <td colspan="3"><img name="bubg_r1_c1" src="images/bu-bg_r1_c1.gif" width="600" height="23" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="23" border="0" alt=""></td>

und weiß jetzt nicht genau, bis wohin ich was ersetzen muss.....in der Beschreibung steht:

Entfernen Sie den Image-Tag bis zur Breitenangabe, und ersetzen Sie das Entfernte durch:
style="background-image:url(Ihre Grafik);"

Bis zur Breitenangabe wäre ja nur das hier:

   <td colspan="3"><img name="bubg_r1_c1" src="images/bu-bg_r1_c1.gif" width="600" height="23" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="23" border="0" alt=""></td>

....oder sehe ich das falsch???

Wie müsste es denn nach dem obigen Beispiel aussehen???

Wird da nur der Dateiname der Grafik eingetragen, oder der Pfad???
Bei mir ist die Grafik in diesem Beispiel in: /themes/biker_unity_blue/images/images/bu-bg_r1_c1.gif

Kann mir da bitte mal jemand auf die Sprünge helfen?

Gruß
Bernd

[NeMeSiSX2LC]

src="images/bu-bg_r1_c1.gif" das hier weg und das hier hin style="background-image:url(Ihre Grafik);"

Wobei ich mich da ersthaft fragen muss wozu man da auf CSS setzen muss mit der alter setzung gehts genau sogut

[Biker]

src="images/bu-bg_r1_c1.gif" das hier weg und das hier hin style="background-image:url(Ihre Grafik);"


src="images/bu-bg_r1_c1.gif" das hier weg und das hier hin style="images/bu-bg_r1_c1.gif;"

Hm...jetzt weiß ich eigentlich genausoviel wie vorher.....
also im ganzen das hier:

<td colspan="3"><img name="bubg_r1_c1" src="images/bu-bg_r1_c1.gif" width="600" height="23" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="23" border="0" alt=""></td>

in das hier ändern?

<td colspan="3"><img name="bubg_r1_c1" src="images/bu-bg_r1_c1.gif" width="600" height="23" border="0" alt=""></td>
   <td><style="images/bu-bg_r1_c1.gif;" width="1" height="23" border="0" alt=""></td>

Kannst Du mir den zitierten Part mal bitte komplett geändert einstellen....dann kappier ichs wohl!?

Ach ja...und noch eine Frage:

Ich möchte als Banner ein SWF einsetzen....wie füge ich das ein??

Hier mal ein screenshot:


Oben rechts neben dem Motorrad.....mittig....habe ich den Contentbereich fürs Logo / Banner segmentiert!...und direkt darunter den Bereich für die Login-Funktion!


Gruß
Bernd

[NeMeSiSX2LC]

Ne Ne Ne
Das hier:

<td colspan="3"><img name="bubg_r1_c1" src="images/bu-bg_r1_c1.gif" width="600" height="23" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="23" border="0" alt=""></td>

mit dem ersetzen:

<td colspan="3"><img name="bubg_r1_c1" src="images/bu-bg_r1_c1.gif" width="600" height="23" border="0" alt=""></td>
   <td><img style="background-image:url(images/bu-bg_r1_c1.gif);" width="1" height="23" border="0" alt=""></td>

[Biker]

Okay...danke Dir! 

Geht aus der Beschreibung im Theme-Engine leider nicht idiotensicher hervor!

Kannst Du mir mit dem Logo / Banner in Flash auch weiterhelfen?

LG
Bernd

[NeMeSiSX2LC]

Mit was machste das ganze?? Weil wenn du die flash file mit Dreamweaver rein setzt macht der dann eigentlich alles schon von alleine.

Idiotensicher das gut. Im regelfall tuts auch der normale img Tag ohne CSS

[Biker]

@ NeMeSiSX2LC
....im Dreamweaver MX!

Tja...ich blick da nicht durch, wo ich was ersetzen muss.....da sind ja ohne Ende Image-Tags drin, aber ich weiß nicht, wo ich welchen ersetzen muss....den ersten hab ich ja noch gefunden....aber dann?....*grübel*

So einfach wie es gesagt wird ist es wohl doch nicht....oder "isch bin zu blond!" *lol*

Ach ja...noch ne Frage....ist es wirklich richtig, dass die Background-Grafik "nur 800 x 600 Pixel" groß ist?....ich meine die meisten Rechner/Bildschirme - wie auch meiner - laufen doch längst in 1024 x 768 oder noch größerer Auflösung!
Oder passt sich das später als Theme automatisch an?

Wenn ich nämlich im Dreamweaver auf Voransicht im IE gehe, ist die rechte Hälfte vom Browser leer!???

Gruß
Bernd

P.S.: Sorry, wenn ich so viele Frage stelle, aber ich will das ja lernen,....und dazu muss ich es begreifen können! Bin ja nicht mehr der Jüngste!

[NeMeSiSX2LC]

Sag mal wer hat dir eigentlich weiss gemacht das die jedes img Tag mir CSS füttern musst?!? wenns ohne auch läuft dann als es auch ohne!

[Biker]

Guckst Du mal in krasse Anleitung von theme-engine....da steht sich das voll krass drin! *lol*
Isch nix verstehen, ich andere Baustelle! *gröööhl*

Ich dreh gleich durch mit der Scheiße!
Wer hat diese Anleitung geschrieben! *grrrrrrrrrrr*

Gruß
Bernd

[NeMeSiSX2LC]

Lass denn CSS mist einfach mal weg und baus mal so das es läuft danach kannste immer noch ausbessern

[Biker]

Wenigstens weiß ich jetzt, wer die tolle Beschreibung zum Tutorial gemacht hat, denn da ist ein Link zu Henne´s Festplatte drin! *gröööhl*

Stimmt tatsächlich..... da steht: Hier  können Sie sich die theme.htm mit Platzhaltern ansehen.
(Link lautet: file:///DokumenteundEinstellungen/henne/desktop/tutorial_themeengine/Tutorial_Theme/theme.htm) *lol*

Ähm...Henne....muss ich jetzt dafür zu Dir nach Hause fahren? *schmeißmichwechhier*

  :help:

Also bei allem Respekt...die Anleitung ist einfach nur für den

Ich hab mir gerade mal die original theme.html angesehen, und da ist es völlig anders, als es in der Beschreibung steht, nämlich so:

<td colspan="3" style="background-image:url(images/tutorial_theme_r1_c1.gif);" height="19" border="0"><div id="pathview">&nbsp;{CURRENTPATH}</div></td>
   <td><img src="images/spacer.gif" width="1" height="19" border="0" alt=""></td>
  </tr>
  <tr>
   <td colspan="3"><img name="tutorial_theme_r2_c1" src="images/tutorial_theme_r2_c1.gif" width="800" height="7" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="7" border="0" alt=""></td>
  </tr>
  <tr>
    <td height="123" rowspan="2" valign="middle" style="background-image:url(images/tutorial_theme_r3_c1.gif);" border="0"><div align="center"><img src="images/logo.png" width="150" height="113"></div></td>
   <td><img name="tutorial_theme_r3_c2" src="images/tutorial_theme_r3_c2.gif" width="482" height="92" border="0" alt=""></td>
   <td style="background-image:url(images/tutorial_theme_r3_c3.gif);" height="92" border="0" alt=""><div id="loginform">{LOGINFORM}</div></td>
   <td><img src="images/spacer.gif" width="1" height="92" border="0" alt=""></td>
  </tr>
  <tr>
   <td style="background-image:url(images/tutorial_theme_r4_c2.gif);" height="31" border="0"><div id="searchform">{SEARCHFORM}</div></td>
   <td><img name="tutorial_theme_r4_c3" src="images/tutorial_theme_r4_c3.gif" width="156" height="31" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="31" border="0" alt=""></td>
  </tr>
  <tr>
   <td colspan="3"><img name="tutorial_theme_r5_c1" src="images/tutorial_theme_r5_c1.gif" width="800" height="6" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="6" border="0" alt=""></td>
  </tr>
  <tr>

Dann fang ich halt nochmal an, und mach mein Diplom in Sachen Theme-Engine!  

Gruß
Bernd

[Biker]

Tja....da sind noch mehr Fehler in der Beschreibung....bzw. es wurde etwas wichtiges vergessen.

Es wird erst geschrieben, dass man das ganze in einen Ordner speichern soll, der so heißt, wie das Theme später heißen soll, aber dann gibt es ein Problem mit den Buttons, denn in der sys_images.php steht "'themes/mx-theme-tutorial/sys_images/"...und wenn man das nicht in allen 10 Zeilen auf den Namen des erstellten Themes ändert, hat man anstelle der Buttons nur Platzhalter!

Außerdem ist die Breitenangabe des zu erstellenden Hintergrundbildes mit 800 x 600 Pixel viel zu klein!
Okay...da steht zwar z.B. eine 800 x 600 Grafik....aber ein kleiner Hinweis darüber, wie groß die Grafik sein muss, um die Seitenbreite im Browser zu 100% zu nutzen, wäre nicht schlecht gewesen!

Bei der 800 x 600 Grafik ist dann - genau wie hier auf der Startseite - rechts eine gähnende Leere!.....sieht sehr unschön aus...
Wenn ich doch viel mehr Seitenbreite nutzen kann, warum soll ich dann nur 800 x 600 nehmen? 

Henne, Du hast bei der Anleitung zur Theme-Engine echt ganze Arbeit geleistet! 
...zumindest bei der, die ich habe....vielleicht ist ja die richtige noch auf Deiner Festplatte, wie die theme.htm mit Platzhaltern ? *lol*

Ich hab jetzt ein paar Stunden damit verbracht, um am Ende festzustellen, dass ich alles nochmal machen kann!
Aber trotzdem vielen Dank....denn ich suche ja in jeder negativen Erfahrung etwas positives, und das hab ich gefunden, denn ich habe dabei auch einiges dazu gelernt!

Gruß
Bernd
 

[Musicman75]

Das mit den style tags für die images ist doch echt einfach im dreamweaver mx.

der Orginalcode aus der erstellten tabelle mit den bildern ist:

Code: [Select]  

<td><img name="bubg_r4_c2" src="images/bu-bg_r4_c2.gif" width="286" height="21" border="0" alt=""></td>

als erstes wird der Ordner "Bilder" in "images" umbenannt (ich habe die grafik mit photoshop erstellt und da wird der Ordner Bilder genannt).

Jetzt gehst Du im Dreamweaver in den Code, zum ersten TD tag und schreibst direkt hinter dem td den style tag rein.

Dann kopierst Du

Code: [Select]  

style="background-image:url(images/

aus dem tag raus und markierst

Code: [Select]  

><img name="bubg_r4_c2" src="images/

des zweiten TD tags. Nun gehst Du auf "Suchen und ersetzten" und der orginal TD Tag steht drin. den kopierten setzt Du jetzt als den einzusetztenden Code ein und dann "Alles ersetzten".

Jetzt nur noch in den orginal TD Feldern das

Code: [Select]  

.gif"

markieren und durch

Code: [Select]  

.gif) "

ersetzten und schon ist das fertig.

Wenn Du ein Theme willst was sich automatisch anpasst musst Du bei der mittleren Spalte in deinem Theme einen Background nehmen, der sich ohne weiteres duplizieren kann, wenn das theme breiter wird und die width angabe entfernen und natürlich auch die width angabe der tabelle und schon hast du dein theme, welches sich automatisch an die fensterbreite anpasst.

[Biker]

Das hab ich doch alles schon....war ja auch nicht so schwer alleine heraus zu bekommen!

Ist halt das erste Mal, dass ich was mit Themes mache!

Die Probleme fangen aber schon damit an, dass es nicht so einfach ist, im Dreamweaver MX die entsprechenden Platzhalter einzufügen, denn wenn man dort auf der Entwurfsansicht ist, funzt es nicht....es geht nur in der Code-Ansicht, und da musst Du dann auch wissen, wo der Cursor sein muss! ...und das steht z. B. alles nicht in der Anleitung!

...dann wäre da noch das Problem mit der Pfadänderung in der sys_images.php, was ebenfalls nicht in der Anleitung beschrieben ist....
...dort muss man diese Zeilen hier entsprechend des Ordners, in dem die images liegen abändern:

Code: [Select]  

$part[] = array('images/maaxon/info.png', 'themes/mx-theme-tutoria/sys_images/images/maaxon/info.png');
$part[] = array('images/menu/arrow-ani.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/arrow-ani.gif');
$part[] = array('images/menu/arrow-ani2.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/arrow-ani2.gif');
$part[] = array('images/menu/arrow.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/arrow.gif');
$part[] = array('images/menu/barrow.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/barrow.gif');
$part[] = array('images/menu/menu_arrow_norm.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/menu_arrow_norm.gif');
$part[] = array('images/menu/oarrow.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/oarrow.gif');
$part[] = array('images/menu/rarrow.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/rarrow.gif');
$part[] = array('images/menu/sarrow.gif', 'themes/mx-theme-tutoria/sys_images/images/menu/sarrow.gif');
$part[] = array('modules/eBoard/images/bkg.jpg', 'themes/mx-theme-tutoria/sys_images/modules/eBoard/images/bkg.jpg');

Das steht zwar hier in einem anderen Thread - ziemlich versteckt - aber meiner Meinung nach gehört auch das in die Anleitung zur Theme-Engine!

... dann gibt es den Button (9b) Moreheaderfunktion, der gar nicht belegt ist.....wo ich mich dann frage, warum er überhaupt in die Extensions eingebaut wurde....

...und die Pfade zu den Grafiken Account und Ausloggen sind - im Falle, dass man sein Theme mit eigenem Namen versieht, und so steht es ja nun in der Anleitung - auch falsch.....und ändern sich nicht automatisch....man muss lange suchen, um sie zu finden, aber ich hab sie gefunden:

functions.php Zeile 598 + 599

Code: [Select]  

<td><a href="modules.php?name=Your_Account" title="$account"><img src="themes/mx-theme-tutorial/images/account.png"></a></td>
      <td><a href="modules.php?name=Your_Account&amp;op=logout" title="$logout"><img src="themes/mx-theme-tutorial/images/logout.png"></a></td>

Dort muss man das "mx_theme_tutorials" umbenennen...eben so, wie das eigene Theme heißt...(exakter Ordnername)

Man sollte doch bei so einer Anleitung davon ausgehen, dass jemand - der noch NIE sowas gemacht hat - versucht ein theme zu erstellen, und der wird dann einige Probleme haben....weil er gar nicht weiß, wo er anfangen soll nach den Fehlern zu suchen!

Das soll kein Gemecker sein, sondern konstruktive Kritik! 
...ich schreibe das auch deshalb hier rein, weil sicher andere auch diese Probleme haben werden!

Gruß
Bernd