[Solved]: Layout Problem Nr. III (photo_shop ) und Theme Chaoticsoul displayimage.php

[cap]

Ich möchte die Shopelemente (Text, Auswahlmenü, Button) über dem Bilderrahmen haben, da es mir durch diese Elemente den Bilderrahmen zu breit darstellt (siehe Bild).

Wo werden diese Elemente eingebunden?

[Stramm]

wegen des benutzten Plugin hooks (file_data) in codebase.php wird das add item Dropdown zwangsläufig direkt oberhalb oder direkt unterhalb des intermediate images plaziert. Am einfachsten wäre es, den Text zu kürzen (Bild dem Warenkorb ... hinzufügen). Das erste Element könnte oberhalb des Dropdowns angezeigt werden (zu machen im lang file).

[cap]

Danke für Deine Turbo-Antwort!

Ist es auch möglich, das 1. und 3. Element unter das erste zu bekommen, siehe Bild ?

[Stramm]

ja, dazu musst Du die Funktion photoshop_add_item in codebase.php ändern... folgender (html) part ist massgeblich

Code Select Expand

<table class="shop_table">
<tr>
<td>
<form action="{$referer}" method="post">
  {$added}{$lang_photoshop['buy']} {$html}
<input type="hidden" value="{$pic_data['pid']}" name="pid" />
<input type="hidden" value="add_item" name="event" />
    <input type="submit" value="{$lang_photoshop['send']}" class="comment_button" />
</form>
</td>
</tr>
</table>


$lang_photoshop['buy'] entspricht 'Text'
$lang_photoshop['send'] entspricht 'Button'
$html entspricht 'Auswahlmenü'

[cap]

Herzlichen Dank! hat super geklappt (http://formbox.ch/coppermine1416/).

Wenn ich die Elemente jetzt noch über dem Bild zentriert bekomme bin ich happy.

Habe im css-file des Themes folgendes versucht, aber leider ohne Erfolg.

.shop_table {
          vertical-align : middle;
}

Was ist falsch? Die Klasse .shop_table wird ja schon in "codebase.php" aufgerufen aber definiert ist sie glaube ich nirgendwo sonst? Bei "css_changes.txt" ist sie jedenfalls nicht dabei.

[cap]

zur Sicherheit noch die css Datei vom Theme Chaoticsoul

[cap]

habe es hinbekommen, indem ich beim theme.php an der richtigen Stelle folgendes geändert habe.

suchen

Code Select Expand

// HTML template for intermediate image display
$template_display_media = <<<EOT
   <tr>
     <td align="center" class="display_media" nowrap="nowrap">
       <table cellspacing="0" cellpadding="0" class="imageborder">
         <tr>                                                                             
           <td><img src="./themes/s-chaoticsoul/images/frame/UL.gif" ></td>
           <td background="./themes/s-chaoticsoul/images/frame/Top.gif"></td>
           <td><img src="./themes/s-chaoticsoul/images/frame/UR.gif" ></td>
</tr>
         <tr>
           <td background="./themes/s-chaoticsoul/images/frame/LS.gif"></td>         
           <td>                       
             {IMAGE}
           </td>
           <td background="./themes/s-chaoticsoul/images/frame/RS.gif"></td>               
         </tr>
         <tr>
           <td><img src="./themes/s-chaoticsoul/images/frame/LL.gif"></td>
           <td background="./themes/s-chaoticsoul/images/frame/Bottom.gif"></td>
           <td><img src="./themes/s-chaoticsoul/images/frame/LR.gif"></td>
         </tr>
       </table>
     </td>
   </tr>

ändern zu

Code Select Expand

// HTML template for intermediate image display
$template_display_media = <<<EOT
   <tr>
     <td align="center" class="display_media" nowrap="nowrap">
       <table cellspacing="0" cellpadding="0" class="imageborder">
         <tr>                                                                             
           <td><img src="./themes/s-chaoticsoul/images/frame/UL.gif" ></td>
           <td background="./themes/s-chaoticsoul/images/frame/Top.gif"></td>
           <td><img src="./themes/s-chaoticsoul/images/frame/UR.gif" ></td>
</tr>
         <tr>
           <td background="./themes/s-chaoticsoul/images/frame/LS.gif"></td>         
           <td align="center">                       
             {IMAGE}
           </td>
           <td background="./themes/s-chaoticsoul/images/frame/RS.gif"></td>               
         </tr>
         <tr>
           <td><img src="./themes/s-chaoticsoul/images/frame/LL.gif"></td>
           <td background="./themes/s-chaoticsoul/images/frame/Bottom.gif"></td>
           <td><img src="./themes/s-chaoticsoul/images/frame/LR.gif"></td>
         </tr>
       </table>
     </td>
   </tr>