Suche

[Sportangler]

Hallo,

ich habe alles gemacht wie in der Anleitung http://www.pragmamx.org/doku.php?id=faq:themes:zwei_seiten-banner_uebereinander beschrieben wurde. Nur leider finde ich folgendes nicht:
#
/themes/IhrTheme/theme.html
aus

<td width="120" align="center" valign="top">{BANNER6}

machen Sie

<td width="120" align="center" valign="top">{BANNER6}{BANNER8}

Als Theme habe ich mx-silver.

Kann mir jemand helfen?

Thx und Gruß, Sportangler

[Sportangler]

Hat niemand eine Lösung, für das mx-silver Theme zwei Banner übereinander zu machen?
Mir fehlt nur noch die Ergänzung in der theme.html!

Code Auswählen Erweitern

<!--rechte Spalte-->
                      <!-- START index_on -->
                      <div id="rightcolumn">
                        <!-- START blocks_right_loop -->
                        <!-- START block_right -->
                        <div class="rightblocks_ro">
                          <div class="rightblocks_lo">
                            <div class="rightblocks_ru">
                              <div class="rightblocks_lu">
                                <div class="rightblocks_inhalt">
                                   <h2>{BLOCK_TITLE}</h2>
                                 </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="blockContentRight">
                        {BLOCK_CONTENT}<!-- START comment -->
                           Lorem ipsum dolor sit amet, consectetur
                          adipisici elit, sed do eiusmod tempor
                          incididunt ut labore et dolore magna
                          aliqua. Ut enim ad minim veniam, quis
                          nostrud exercitation ullamco laboris nisi
                          ut aliquip ex ea commodo consequat. Duis
                          aute irure dolor in reprehenderit in
                          voluptate velit esse cillum dolore eu
                          fugiat nulla pariatur.<!-- END comment -->
                        </div><!-- END block_right -->
                        <!-- END blocks_right_loop -->
                      </div><!-- END index_on -->
                     
                      <div class="clear"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

Wo muss ich hier

Code Auswählen Erweitern

<td width="120" align="center" valign="top">{BANNER6}{BANNER8}
einfügen?

[Sportangler]

Folgendens habe ich in der block-Banner.php - Datei gefunden:

Code Auswählen Erweitern

defined('mxMainFileLoaded') or die('access denied');

$mxblockcache = false;

$content = "";

if (!function_exists('viewbanner')) {
    include_once(PMX_SYSTEM_DIR . "/mx_bannerfunctions.php");
}

switch ($block['position']) {
    // center top
    case 'c' :
        $content = viewbanner(3);
        break;
    // center bottom
    case 'd' :
        $content = viewbanner(4);
        break;
    // left side
    case 'l' :
        $content = viewbanner(5);
        break;
    // right side
    case 'r' :
        $content = viewbanner(6);
        break;
   
}

if ($content) {
    $content = "<div align=\"center\">$content</div>";
}

?>

Wie kann ich in dem Code

Code Auswählen Erweitern

// right side
    case 'r' :
        $content = viewbanner(6);
        break;

viewbanner(8) logisch verbinden? Mit &&?

[Sportangler]

Hallo,

kann mir bitte jemand helfen?

1, zwei Banner übereinander anzeigen lassen? (so wie in der Beschreibung geht es nicht, weil in der theme.html - Datei nicht {BANNER6}{BANNER8} vorkommt sondern {BLOCK_CONTENT})

2, wie kann ich auf der rechten Seite einen Skyscraper machen?

3,  das obere Menü enthält 4 Buttons, kann man dieses auch erweitern auf 5 oder 6?

Ich wäre euch sehr dankbar, wenn ihr mir weiterhelfen könntet.

Gruß

[reddragon]

Der Unterschied ist der, dass in der Anleitung das Theme mit Tabellen aufgebaut war, aber dein Theme nur per CSS.

Folgendes könnte funktionieren:

Code Auswählen Erweitern


<!--rechte Spalte-->
                      <!-- START index_on -->
                      <div id="rightcolumn">
                        <!-- START blocks_right_loop -->
                        <!-- START block_right -->
                        <div class="rightblocks_ro">
                          <div class="rightblocks_lo">
                            <div class="rightblocks_ru">
                              <div class="rightblocks_lu">
                                <div class="rightblocks_inhalt">
                                   <h2>{BLOCK_TITLE}</h2>
                                 </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="blockContentRight">
                        {BLOCK_CONTENT}<!-- START comment -->
                           Lorem ipsum dolor sit amet, consectetur
                          adipisici elit, sed do eiusmod tempor
                          incididunt ut labore et dolore magna
                          aliqua. Ut enim ad minim veniam, quis
                          nostrud exercitation ullamco laboris nisi
                          ut aliquip ex ea commodo consequat. Duis
                          aute irure dolor in reprehenderit in
                          voluptate velit esse cillum dolore eu
                          fugiat nulla pariatur.<!-- END comment -->
                        </div><!-- END block_right -->

                        <div class="blockContentRight">{BANNER6}</div>
                        <div class="blockContentRight">{BANNER8}</div>

                        <!-- END blocks_right_loop -->
                      </div><!-- END index_on -->
                     
                      <div class="clear"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>


Es sollten meiner Überlegung zu folge jeweils Banner 6 und 8 unten am Ende der Blöcke dargestellt werden. 
Habe es aber nicht getestet...

[Sportangler]

Schade, geht leider nicht...
Aber trotzdem danke für deine Hilfe.

[reddragon]

Hast du Banner 8 und 6 in der funktions.php aktiviert?  (Zeile 85, ggf ergänzen)

Dann in der Configuration die Banner aktiviert?

Dann in der theme.html wie folgt abändern:

Code Auswählen Erweitern

                        </div><!-- END block_right -->

                        <!-- END blocks_right_loop -->
                        <div class="blockContentRight">{BANNER6}</div>
                        <div class="blockContentRight">{BANNER8}</div>
                      </div><!-- END index_on -->

Dann Klappt es, gerade selber getestet 

[Sportangler]

Vielen Dank! Funktioniert!!!
Weisst du auch wie ich auf der rechten Seite einen Skyscraper machen kann? (also ganz rechts auf Seite)

[reddragon]

Weiß nun gerade nciht, wie das aussehen soll, mach mal bitte eine grobe Fotomontage.....

[Sportangler]

...

[Sportangler]

Wieviel Banner übereinander kann man eigentlich machen?

[Sportangler]

Folgendes steht in der functions.php: $part[] = array("{BANNER7}",   mx_themebanner(7)         ); # Skyscraper
Ist also anscheinend ein Skyscraper vorgesehen. Aber in der theme.html ist keine Position vermerkt bzw. man kann auch bei Banner keinen einstellen...

[Sportangler]

Hallo,

weiß jemand wieviel Banner man übereinander anzeigen lassen kann? Und wo man auf der rechten Seite einen Skyscraper machen kann?

Gruß

[Sportangler]

In jedem Theme, steht in der functions.php:

$part[] = array("{BANNER7}",   mx_themebanner(7)         ); # Skyscraper

Wenn ich diesen auskommentiere, müsste er ja aktiviert sein, oder?

[Sportangler]

Das heisst ich muss {BANNER7} noch in der theme.html einfügen.
Anbei ist der Code von der rechten Seite, aber für den Skyscraper muss ich ja noch ein Stück weiter nach rechts...
Wie kann ich das umsetzen? Code?

Code Auswählen Erweitern

<!-- START index_on -->
            <td class="blocksRight" valign="top" width="175"><!-- START blocks_right_loop -->
              <!-- START block_right -->
              <table width="175" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="boxtitle_ri"><div class="fl" style="padding: 4px 5px 0px 5px;; font-size: 14px; font-weight: bold; height: 25px;">{BLOCK_TITLE}</div></td>
                </tr>
                <tr>
                  <td class="boxcontent"> {BLOCK_CONTENT}</td>
                </tr>
<tr>
                   <td style="background-image:url(images/block_bottom.jpg); width: 175px; height: 50px; background-repeat:no-repeat;">&nbsp;</td>
                </tr>
<tr>
                   <td>&nbsp;</td>
                 </tr>
              </table>
              <!-- END block_right -->
              <!-- END blocks_right_loop --></td>
            <!-- END index_on -->

[reddragon]

Hi,

soo... nun bin ich dazu gekommen.

bei der Theme.html musst du folgendes ab Zeile 25 ändern:

Code Auswählen Erweitern

  <body>
    <div id="banner">bla bla bla
    </div>
    <div id="wrapper">

Dann musst du die Aufteilung deines Themes in der layout.css anpassen:

für die neue Banner-Klasse die Stylebedingungen neu ergänzen:

Code Auswählen Erweitern

#banner {
float:right;
width:160px;
margin:auto
}
Dadurch, dass du nun 160 Pixel an der Seite für die Werbung reservierst, müssen die auf der restlichen Seite entfernt werden:
(habe mal 820 festgelegt)

Code Auswählen Erweitern

#wrapper {
float:left;
width:820px;
position:relative;
margin:auto
}


Ich denke, das kann raus:

Code Auswählen Erweitern

/* Header */
#header {
width:982px
}

Und den Seiteninhalt habe ich mal wie folgt verändert:

Code Auswählen Erweitern

#centercolumn {
float:left;
width:585px;
margin-left:6px
}

Damit solltest du nun rechts deine Spalte "außerhalb" des Layouts haben, die du nach deinen Wünschen gestalten kannst.
PS:  rechte Blöcke sind nun glaube ich nicht mehr möglich....

[Sportangler]

Hallo,

danke dir für deine Mühe...
Ich habe es ausprobiert doch leider zeigt es jetzt die komplette rechte Spalte, unter der linken Spalte mit Inhalt an.
Ich würde gerne die linke und rechte Spalte beibehalten, und nur den Skyscrapper ganz rechts (im dunklen Feld) anzeigen lassen.
www.party-revival.de ist die Seite.

Gruß

[Sportangler]

[reddragon]

Dazu musst du denn den Seiteninhalt weiter verschmalern:
z.B.

Code Auswählen Erweitern

#centercolumn {
float:left;
width:465px;
margin-left:6px
}


[Sportangler]

Es zeigt weiterhin, die rechte Spalte unten links an...

[reddragon]

 

also auf deiner Seite ist die rechte spalte 164 px breit.....

Wenn wir nun 585px haben, und das oben abziehen, dann sind 410px....

kommt das hin?

[Sportangler]

Ja, schon...
Das stimmt schon, aber ich glaube es liegt daran, weil nur sozusagen drei Tabellen/Felder/Spalten definiert sind, die linke, mittlere und rechte Spalte. D.h. wir müssten für den Skyscrapper noch neben der rechten Spalte ein weitere definieren. Jedoch wie kann ich das machen?

[reddragon]

Wie breit sollen überhaupt deine Skysraper werden?

Eigentlich ist das ja erfolgt....

Also, schau mal in den Anhang.   Mit dem <div id="banner"> habe ich das schwarze Rechteck auf der rechten Seite erzeugt, und <div id="wrapper"> ist das schwarze Rechteck auf der Linken Seite, welches den eigentlichen Seiteninhalt erfasst.

Dann hast in deiner HTML einen <div id="header"> welcher den oberen roten Bereich darstellt, danach den <div id="mainbox">, welcher für den eigentlichen Seiteninhalt zuständig ist, und unten den <div id="footer_ro">.

Dann hast du in der Mainbox einen <div id="leftcolumn">, für die linken Blöcke, einen <div id="centercolumn"> für den Inhalt deiner Seite, und <div id="rightcolumn"> für die rechten Blöcke.

Somit ist eigentlich alles definiert.


Wenn nun für den Wrapper-Bereich eine Pixelbreite definiert wurde, und die definierten Spalten der grünen Bereiche zusammen größer sind, wird die letzte Spalte nach unten verschoben. Da ist das Geheimnis



Edit:

  doch gerade die Grafik vergessen.....

[Sportangler]

 

Oh man, sorry ich habs mal wieder verbockt...

Also an alle: Wer ein Skyscrapper braucht (der Skyscrapper ist ja bereits bei den meisten Themes als {BANNER7} vordefiniert),

einfach in die theme.html folgendes einfügen:

Code Auswählen Erweitern

<!-- END more_header -->
  </head>
  <body>
    <div id="banner">{BANNER7}
    </div>
    <div id="wrapper">
     <!-- Headerbox -->

und dann in der layout.css dieses:

Code Auswählen Erweitern

#banner {
float:right;
width:160px;
margin:auto
}

Das wars...
Schon wird auf der rechten Seite ein Skyscrapper angezeigt.

Ps.: Wer ersteinmal ausprobieren will ob es geht, kann statt {BANNER7} natürlich {BANNER1} verwenden, dieser ist im Admin Interface als "FOOTER" deklariert.
Wenn es geht könnt ihr wie unter http://www.pragmamx.org/doku.php?id=faq:themes:zwei_seiten-banner_uebereinander dann den "Skyscrapper" für den Adminbereich definieren. Und denkt daran in der functions.php die Banner auszukommentieren...

[Sportangler]

Letzte Frage, danach kann dieser Thread geschlossen werden:
Jetzt habe ich diesen *** Skyscrapper (  ) wo er fast sein sollte.
Gibt es noch eine Möglichkeit diesen in der Mitte von der Seite zu positionieren? (vertikale Richtung)

[reddragon]

so vielleicht?

Code Auswählen Erweitern

#banner {
float:right;
width:160px;
margin:auto;
vertical-align:middle;
}


[Sportangler]

Mmh, geht leider nicht, mit der Mitte im Vertikalen...
www.landjugend-bachern.de

Und was ich jetzt überhaupt nicht verstehe ist, unter der vorher genannten Seite geht es und auf www.party-revival.de
geht die Anzeige des Skyscrappers nicht. Gleiches Theme, sonst auch alles gleich... bis auf das ich mehrere Banner untereinander eingestellt habe, aber das sollte doch kein Problem sein, oder?

Wo muss man eigentlich beim mx-default Theme den Code

Code Auswählen Erweitern

<div id="banner">{BANNER7}
    </div> einfügen?

[reddragon]

   jau, stimmt...

der DIV-Container wird nur so hoch angezeigt, wie das Banner ist....

sorry, da kann ich nicht weiterhelfen, was das css anbelangt, bin ich auch noch Anfänger....

eventuell mit einem padding oder margin einen fest definierten Rand von Oben lassen... ^^

[Sportangler]

Okay, aber trotzdem danke das du mir soweit geholfen hast, hätte nicht gedacht das das klappen würde... 

Code Auswählen Erweitern


#banner {
float:right;
width:160px;
margin:auto;
}


Wer weiss wie man das machen kann, das der Skyscrapper rechts horizontal und vertikal mittig angezeigt wird, bitte melden.

[comedi]

Hallo Sportangler, 

schau dir mal die Seite im FF mit Firebug und Html-Validator. Da solltest du erstmal die ganzen Fehler bereinigen. Der Banner muss auch innerhalb der id="wrapper" sein. Bei dir ist er dort nicht eingebunden.

[Sportangler]

Okay, mmh...
Wie mach ich das mit "der Banner muss auch innerhalb der id="wrapper" sein" und wie kann ich die Fehler beheben?
Sorry, habe echt keine Ahnung davon...

[reddragon]

Der Banner muss auch innerhalb der id="wrapper" sein. Bei dir ist er dort nicht eingebunden.

Wieso das? 

[comedi]

@reddragon 

schau dir das ganze doch mal im FF an. Der Banner steht im nirgendwo.

EDIT<<< Alles zurück. Das sieht schon wieder ganz anderst aus! >>>>EDIT ENDE

[reddragon]

Das ist richtig, aber genau das war ja de Wunsch von "Sportangler", dass das Banner außerhalb des eigentlichen Themes ist.

Und hätte er die eigentliche Seite schmaler gemacht, wie beschrieben, würde das auch bei 1024px passen...

[Sportangler]

Also so sieht das aus wenn ich das mache, wie du mir vorgeschlagen hast...
Bild im Anhang

Auf der Seite www.party-revival.de ist bisher noch die andere Einstellung.
Ich kann zwischen beiden keinen Unterschied erkennen, außer das bei der Einstellung vom Bild die Größe des Hauptfeldes zu klein ist, und bei der anderen es eigentlich optimal ist.

[reddragon]

Sollte das denn nicht so aussehen?

http://cnccnc.cn.funpic.de/__math-test/

[Sportangler]

Also ich muss sagen, wie es momentan auf www.party-revival.de ist, finde ich es gut...
So kann ich links zwei Skyscrapper untereinander machen, sowie auch rechts das gleiche.
Aber was mir doch noch zu denken gibt ist, bei mir zeigt der Html Validator noch Fehler und Warnungen an, und bei deiner Einstellung nicht bzw. bei deiner Testseite nicht...

[reddragon]

Was? Das verdammte Werbescript von funpic ist valide??     Hut ab.....

beim "Validator" kannst du unten Links bei den Optionen einen Haken aktivieren bei "Show Source", dann zeigt der bei den Fehlern die Zeile als Link an, und unten kann man sich dann den Code im Zusammenhang anschauen...

Also ich würde erst mal in den einstellungen der dcotypes rumexperimentieren, da du die 1.0er Version drin hast, und ich die 4er...
Das könnte unter Umständen alle Fehler lösen..

danach jeden Block einzeln deaktivieren, denn z.B. in deinen Mitteilungen hast du sehr viel unnötigen Code drin