Suche

[Snow2002]

Moin!
Nachdem ich nun unerwarteter Weise doch noch gut Freund mit der Themeengine geworden bin, grübel ich nun darüber nach, wo ich die Breite der einzelnen Blöcke einstellen kann. In der Theme.html stehen die rechten + linken Blöcke auf 160 px. Trotzdem haben die Blöcke alle unterschiedliche Breiten:
http://www.graffiti-dortmund.de/test_vkp/html/index.php
Hat jemand eine Idee wo ich das wie einstellen kann? Auch finde ich nicht mehr die Stelle in der ich die Rahmenstarke+farbe der Blöcke einstellen kann?!

Gruß, Marcus

[henne]

Hi,

wenn Du die style.css aus dem Tutorial Theme verwendest (was erst mal das einfachste wäre) und die einzelnen Platzhalter mit der DW Extension eingefügt worden.. Kannst Du das ganz leicht über die css lösen...

[Snow2002]

Hi Henne!
Genau diese css verwende ich. Darin steht:

Code Auswählen Erweitern

}
.blocksRight {

background-color: transparent;
border-left: transparent 0px;
width: 160px;

}

.blocksLeft {

background-color: transparent;
border: transparent 0px;
width: 160px;

}

Dort steht ja 160px als Breite. Trotzdem sind die Blöcke Hauptmenü, Community, Internes usw. alle unterschiedlich breit. Da ich einen Rahmen um die Blöcke geplant habe möchte ich das die alle gleich breit sind. Sieht optisch sonst etwas blöde aus. Ich finde in der css dazu aber keine weiteren Angaben?

[henne]

ist den der style auch in der theme.html definiert ?

wie sieht z.B. der html Code für den rechten Blockbereich aus ?

[Snow2002]

sieht so aus für rechts:

Code Auswählen Erweitern

   <!-- START index_on -->
          <td class="blocksRight" width="160px" valign="top">
            <!-- START blocks_right_loop -->
            <!-- START block_right -->
            <table  border="1" cellspacing="0" cellpadding="4">
              <tr>
                <td class="boxtitle">{BLOCK_TITLE}</td>
              </tr>
              <tr>
                <td class="boxcontent"> {BLOCK_CONTENT}</td>
              </tr>
            </table>
            <!-- END block_right -->
            <!-- END blocks_right_loop -->
          </td>
          <!-- END index_on -->

und so für links:

Code Auswählen Erweitern

<tr>
          <td class="blocksLeft" width="160px" valign="top">
            <!-- START blocks_left_loop -->
            <!-- START block_left -->
            <table  border="1" cellspacing="0" cellpadding="2">
              <tr>
                <td class="boxtitle">{BLOCK_TITLE}</td>
              </tr>
              <tr>
                <td valign="top" class="boxcontent">{BLOCK_CONTENT}</td>
              </tr>
            </table>
            <!-- END block_left -->
            <!-- END blocks_left_loop -->
          </td>

[henne]

hmm sieht o.k. aus zipst Du mir nochmal die theme.html und die style.css dann schau ich mal... komisch

[Snow2002]

Ja, sehe auch net wo der Fehler liegt. Ich möchte halt nur im Idealfall eine 1px starke orangenen Rahmen um die Blöcke (Hauptmenü, Community usw usw). Und die Rahmen sollen alle gleich breit sein, der Optik halber! Hm..Danke für deine Mühe, die Daten liegen hier:
http://www.graffiti-dortmund.de/bilda/gda4.zip

Ach und noch eine Frage: Wo kann ich definieren, das mein Theme mittig im Browser erscheint?

Gruß, Marcus

[henne]

hier isses Erklärung später...

http://hennedesign.de/gda4_1.zip

[Snow2002]

Klasse, vielen Dank! Wenn Du mal Zeit hast schreib mir mal wo man das einstellen kann, auch mit dem zentrieren des Themes!

Gruß, Marcus

[henne]

das mit den Blöcken ist eine kleine Nachlässigkeit in der DW Extension (besser ich grade aus) da fehlte die Angabe 100% für die Blocktabelle.

Wollte eh eine neue Version einstellen, dort sind dann auch die User Online und Datum Platzhalter enthalten.

Das Theme mittig ausrichten ist nur ne Angabe in der Haupttabelle align="center"

müsste bei Deinem Theme im ersten <Table> Tag stehen.

[Snow2002]

Supi! Bin ja mal auf die neue Version gespannt! Wenn man das Teil begriffen hat machts richtig Spaß damit zu arbeiten. Danke!

[henne]

hehe Danke für die Blumen...

Wenn man das Teil begriffen hat machts richtig Spaß damit zu arbeiten.

sag ich ja schon immer man muss sich halt ein bissel damit auseinandersetzen dann ist das ne wirklich gute Sache !

[Snow2002]

Mahlzeit!
Nun habe ich ja eine dünne orangene Linie rings um alle linken Blöcke und rings um alle rechten Blöcke...
Nun meine Frage: Geht das auch das diese orangene Linie jeweils um die einzelnen Blöcke geht?
Also einmal einen Rahmen um den Block Community, einmal einen Rahmen um den Block Hauptmenü usw. usw.? Habe zwar rausbekommen wo wann einen Rahmen aktiviert, aber da waren ja dann leider alle Rahmen unterschiedlich breit, die Farben konnte man nicht ändern (war grau) und zwischen den Modul-Links eines Blockes sind dann auch noch Linien, die ich aber nicht haben möchte...

Gruß, Marcus

[henne]

Hi Snow2002,

jup das geht per css:

in den td Tag der Blocküberschriftstabelle folgenden style einfügen:

Code Auswählen Erweitern

style="border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; border-top: 1px solid #FF6600;"

und in den td Tag für den Blockcontent das hier:

Code Auswählen Erweitern

style="border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; border-bottom: 1px solid #FF6600;"

das wäre der Weg direkt in der theme.html

die andere Möglichkeit in der style.css

beim style .boxtitle das hier hinzufügen:

Code Auswählen Erweitern

border-left: 1px solid #FF6600;
border-right: 1px solid #FF6600;
border-top: 1px solid #FF6600;

und beim style .boxcontent das hier:

Code Auswählen Erweitern

border-left: 1px solid #FF6600;
border-right: 1px solid #FF6600;
border-bottom: 1px solid #FF6600;

[Snow2002]

Hi Henne!
Danke, hab die Änderungen nun in der style.css gemacht. Irgendwas haut da aber noch net hin...
Habe nun folgende Änderungen vorgenommen:

Code Auswählen Erweitern

.blocksRight {

background-color: transparent;
border-left: transparent 0px;
width: 160px;
}

.blocksLeft {

background-color: transparent;
border: transparent 0px;
width: 160px;

}

.CenterBox {

background-color: transparent;
border-bottom: transparent 0px solid;
border-right: transparent 0px solid;
border-left: transparent 0px solid;
border-top: transparent 0px solid;
height: 400px;

}

.box {
border-bottom: 1px solid #FF6600;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
}

.boxcontent {
font-size: 12px;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-bottom: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
             
}

.boxtitle {
font-size: 16px;
font-weight: bold;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-bottom: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
             
Wobei ich die rechten Blöcke erstmal links liegen gelassen habe.
Problem ist nun, dass ich rechts neben den Links einen orangenen Strich habe. entferne ich aber border-top: 1px solid #FF6600; beim .boxcontent verschwindet auch die rechte Linie des Blockes. Ebenso verhält es sich bei den Linien oben... Weißt du auch da Rat? Ansonsten bleibe ich lieber bei der Version die ich zusammen mit Deiner Hilfe gebaut hatte, mit dem Kasten um alle Blöcke rum...
Gruß, Marcus

Hier der Link zur Ansicht: http://www.graffitidortmund.de/test_vkp/html/index.php

[Snow2002]

ah...auch ein blindes Huhn...
Habs jetzt! meine style.css schaut so aus:

Code Auswählen Erweitern

.blocksRight {

background-color: transparent;
border-left: transparent 0px;
width: 160px;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-bottom: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
}

.blocksLeft {

background-color: transparent;
border: transparent 0px;
width: 160px;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-bottom: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
}

.CenterBox {

background-color: transparent;
border-bottom: transparent 0px solid;
border-right: transparent 0px solid;
border-left: transparent 0px solid;
border-top: transparent 0px solid;
height: 400px;

}

.box {
border-bottom: 1px solid #FF6600;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
}

.boxcontent {
font-size: 12px;
             
             
}

.boxtitle {
font-size: 16px;
font-weight: bold;
              border-left: 1px solid #FF6600;
              border-right: 1px solid #FF6600;
              border-bottom: 1px solid #FF6600;
              border-top: 1px solid #FF6600;
Geht doch so oder was meinst du?

Gruß, Marcus

[henne]

hmm weiß nicht kanns ja nicht sehen

normal so wie ichs oben geschrieben habe in .boxtitle und .boxcontent aber wenns bei Dir anderst gesetzt ist..

Kommt auf das Ergebniss an Wenn alles so angezeigt wird wie Du es haben möchtest.. dann stimmts wohl

[Snow2002]

Hi!
hehe, zwei Posts über deiner Antwort hatte ich dir nen ansichts-link gepostet...
http://www.graffitidortmund.de/test_vkp/html/index.php

Hast du schon infos was in der neuen themeengine zusätzlich mit rein kommt?

Gruß, Marcus

[henne]

neue Themeengine nein... neue Extension meinst Du ?

es sind mit reingekommen: {SHOWDATE} {SHOWTIME} {SHOWTOTALUSER}

ansonsten wurden die Button farblich an unseren Internetauftritt angepasst und 2 kleine Html Fehler ausgebügelt.

Morgen gibts den Download.

[deepsleep]

Hallo Henne

Wirst Du die beiden HTML-Fehler noch veröffentlichen? Vermutlich kann man dann mit der neuen Extension nicht einfach so über ein bestehende Theme huschen und die Fehler so bereinigigen, ohne dass man sich die individuellen Änderungen gleich zerhackt.

Gruss
Deepsleep