[itsmeJAY]

Off-Topic:

Mach dir mal Gedanken ob dein forum wirklich so aussehen soll.. Augenkrebs...

[Chrisy]

Hi,
schon mal danke dafür. Ich habe das nun haargenau wie von dir gelistet in die global.css eingefügt. Das Ergebnis habe ich mal so gelassen, ist also über den o.g. Link abrufbar. Wurde nun alles sehr gequetscht, obwohl die Werte ja noch groß genug sind.

Off-Topic:

Mach dir mal Gedanken ob dein forum wirklich so aussehen soll.. Augenkrebs...

Quatsch, die Design-Elemente kommen doch erst noch. Erst mal muss das Grundgerüst stehen.

[Schnapsnase]

Ich kann jetzt gerade nicht  bei Dir reinschauen.
__________________________________________________
Edit:
normal könntest Du auch ohne Media-Queries auskommen, wenn Du z.B. schreibst:

Code:

.container {
  max-width:75% !important;
}

[Chrisy]

Danke für den Tipp, das probiere ich mal in Ruhe aus!

[Chrisy]

LINK entfernt

Hi, ich noch mal. Hab jetzt mal ein wenig herumgespielt. Vielleicht könnt ihr Erfahrenen mir ja noch mal 1-2 Denkanstöße geben, damit ich auf die richtige Einstellung stoße.
Zum einen habe ich irgendwie die "Box" mit "My Forum", die sich vergrößert, wenn man mit der Mouse drübergeht, irgendwie geschrumpft. Die reicht normalerweise über das ganze linke Feld. Siehe Screen im Anhang. Ich finde leider die Einstellung nicht mehr.
Zum anderen habe ich es nun grundlegend (von den Feinheiten mal abgesehen, geht erst mal nur um das Grundgerüst) geschafft, alles auf 800px zu bringen, aber leider fehlt mir noch die letzte Eingebung, wie ich das ganze - Stand jetzt doch sehr linkslastige - Konstrukt nun zentrieren kann.

Vielleicht hat ja jemand einen Tipp, wo ich suchen muss.
Danke im Voraus!

[Gerti]

Inspektor (F12) und man findet in der custom.css in der Zeile 104 die Anweisung .imagebox .imagebox-desc. Stellt man dort das Padding auf z.B.: padding: 52px 148px , wird das Feld ausgefüllt.
Ob dies deiner Zielsetzung enspricht entzieht sich meiner Kenntnis. Vllt. ist es jedoch die Lösung welche du suchtest.

[Schnapsnase]

1. Zentrieren
ändere in der custom.css den margin-Wert für body wie folgt:

Code:

body{
  margin: 0 auto !important;

2. .imagebox .imagebox-desc
lass alles, wie es ist und füge hinzu:

Code:

width: 100%;

[Chrisy]

Supergut! Hat hervorragend geklappt.
Vielen Dank euch, jetzt kann ich weiterbasteln.

[Bloody Barbie]

hi
wir haben einige Probleme mit diesem Design und hoffen das uns vllt jemand helfen kann X.x

1. Sobald wir diesen Style installieren und als Default setzen, können wir uns im Forum nicht mehr anmelden - es sei denn wir wechseln zurück auf Default 

   

und 

2. Gibt es eine Möglichkeit es so einzustellen das Bilder im Mobile Version automatisch kleiner skaliert werden aber nicht im Seitenverhältnis verändert werden. Ich habs mit width:100% versucht aber dann gehen die Proportionen des Bildes kaputt >.<

    <- wie es im Forum aussieht

    <- wie es am Handy aussieht 


und 

3. In der Mobilen Version wird der Navigations Balken verkleinert und in einem Dropmenü angepasst - doch dieses kann man weder anklicken, noch iwas machen, wodurch dann eben auch die Navigation nicht nutzbar ist.

   

Wäre super wenn uns da jemand aushelfen könnte >.<

[skrilaxrev]

Zu Punkt 2.

Bevor du irgendwelche Anpassungen im Template machst (wobei es da bestimmt auch noch etwas anderes als "width: 100%" gäbe, was die Proportionen unverändert lässt), sei so nett und schaue erstmal in die Einstellungen -> Themenanzeige -> Maximale Avatargröße. Bei mir steht diese auf "150x100" (genauso eingegeben) und die Proportionen bleiben immer unverändert. Das bedeutetet, wann immer das Bild droht breiter zu werden als 150 Pixel, wird die Höhe auf unter 100 Pixel angepasst, egal ob diese dann 78px oder 56px beträgt und umgekehrt.

---

Ansonsten musst du "height" noch auf "auto" stellen. Das habe ich testweise bei meinem Theme auch gerade gemacht, sieht dann so aus:

Code:

<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" width="85" height="85" /></a></div>

Ändern zu:

Code:

<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" width="85" height="auto" /></a></div>

Template: Postbit -> postbit_avatar

Die Höhe variiert dann aber immer, derweil die Breite stets fix auf 85 bleibt. Daher würde ich einfach alle Angaben dort weglassen und mich nur auf die Einstellung in der Themenanzeige beziehen. So ist es auch bei meinem alten Template, wo postbit_avatar so aussieht:

Code:

<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} /></a></div>

Und da bleibt das Format unangetastet, derweil Breite und Höhe nach den maximalen Angaben in der Themenanzeigen angepasst werden, was ich persönlich viel besser finde. Die betreffende Variabel ist dafür wohl: {$useravatar['width_height']}
Wenn die nicht drin ist, musst du sie einbauen und andere Größenangaben entfernen. Mein neues Theme hat die auch ungefragt gekickt.^^