WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 26.10.2019 00:03:45

reini
Member

Designveränderungswünsche beim Template WBCEZon

Hallo,
das Template gefällt mir sehr, jedoch möchte ich - wenn möglich - gerne folgende Änderungen vornehmen:
- die Spalte links (Menü der untergeordneten Seiten) ganz weglassen, dafür den Hauptblock bis an den linken Rand gehen lassen,
- das Logo und den Headerplatz tauschen
- den Platz für "Suche" und das Menü tauschen,
- der Platz für das Modul "Topics" soll rechts bestehen bleiben (rechter Block) .

Ich habe testweise versucht, das  Template entsprechend zu ändern, komme aber mit meinen Kenntnissen nicht wirklich weiter.
Ist mein Ansinnen überhaupt zu verwirklichen und wenn ja, welche Änderungen müssen an welchen Stellen vorgenommen werden.
Für Hilfestellungen wäre ich sehr dankbar!

Offline

#2 26.10.2019 06:21:32

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Das ist gar nicht so schwer. Das Template basiert ja auf dem Responsee-Grid, alle Bereiche liegen also in einem CSS-Raster und können recht einfach vertauscht oder auch entfernt werden.

Das Ausgangstemplate ist so aufgebaut:
attachment.php?item=2004&download=1
Es liegen also jeweils zwei Bereiche nebeneinander, im Contentbereich mit einer Verschachtelung, sonst würden bei längeren Inhalten diese unter die linke Spalte rutschen.

Es müssen nun also nur die Bereiche im Head und der Navigation umeinander getauscht und im Content die linke Spalte entfernt werden:
attachment.php?item=2005&download=1

- die Spalte links (Menü der untergeordneten Seiten) ganz weglassen, dafür den Hauptblock bis an den linken Rand gehen lassen,

Wir nehmen die äußere Aufteilung in ein Viertel/drei Viertel (3/12 : 9/12) und die darin befindliche linke Spalte raus:
Entferne

<!-- ASIDE NAV -->
<div class="hide-s m-12 l-3">                     
    <div class="aside-nav-noresponsee">
            <?php echo $asidenav; ?>						
    </div>
      <?php if ($block[5]!='') {
	       echo $block[5];
       } ?>
	&nbsp;
</div>
<!-- MAIN CONTENT AND OPTIONAL BLOCKS -->
     <div class="s-12 l-9 maincontent">                  				  

Ändere

       </div>
      </div>
    </div>
  </div>
</section>
<!-- FOOTER -->

zu

      </div>
    </div>
  </div>
</section>
<!-- FOOTER -->

- das Logo und den Headerplatz tauschen

Der ein Viertel (3/12) breite Logo-Bereich wird hinter den drei Viertel (9/12) breiten Bilderbereich gesetzt:
Ändere

<div class="s-12 l-3">
    <a href="<?php echo WB_URL; ?>"><img class="logo center" src="<?php echo $logo; ?>" alt=""></a>
</div>
 <div class="s-12 l-9">
    <div id="header-carousel" class="owl-carousel owl-theme">
        <?php foreach($pics as $pic) {						   
		echo $picPre.$pic.$picPost;
         } ?>				  
    </div>
</div>           

zu

<div class="s-12 l-9">
     <div id="header-carousel" class="owl-carousel owl-theme">
	   <?php foreach($pics as $pic) {						   
		echo $picPre.$pic.$picPost;
	    } ?>			  
     </div>
</div>     
<div class="s-12 l-3">
       <a href="<?php echo WB_URL; ?>"><img class="logo center" src="<?php echo $logo; ?>" alt=""></a>
</div>		

- den Platz für "Suche" und das Menü tauschen,

Ändere

 <?php if (SHOW_SEARCH) { ?>
<div class="hide-s m-12 l-3">                  
	<form class="wbcesuche" name="search" action="<?php echo WB_URL; ?>/search/index.php" method="get">
		<input type="hidden" name="referrer" value="<?php echo defined('REFERRER_ID') ? REFERRER_ID : PAGE_ID; ?>" />
		<input type="text" name="string" class="search" placeholder="<?php echo $TEXT['SEARCH']; ?>" />
		<input type="submit" name="wb_search" value="&#xe090;" />
	</form>
</div>
<?php } ?>
<p class="nav-text">Navigation</p>
<div class="top-nav s-12 m-12 l-9">
  <?php echo $mainnav; ?>
</div>

zu

<p class="nav-text">Navigation</p>
<div class="top-nav s-12 m-12 l-9">
  <?php echo $mainnav; ?>
</div>
<?php if (SHOW_SEARCH) { ?>
<div class="hide-s m-12 l-3">                  
	<form class="wbcesuche" name="search" action="<?php echo WB_URL; ?>/search/index.php" method="get">
		<input type="hidden" name="referrer" value="<?php echo defined('REFERRER_ID') ? REFERRER_ID : PAGE_ID; ?>" />
		<input type="text" name="string" class="search" placeholder="<?php echo $TEXT['SEARCH']; ?>" />
		<input type="submit" name="wb_search" value="&#xe090;" />
	</form>
</div>
<?php } ?>

Das Ergebnis:
attachment.php?item=2003&download=1

Last edited by florian (26.10.2019 17:35:18)

Offline

#3 26.10.2019 17:37:08

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Rechnen müsste man können. Drei Zwölftel sind natürlich nur ein Viertel und nicht ein Drittel. Angaben oben korrigiert.

Offline

#4 27.10.2019 13:25:34

reini
Member

Re: Designveränderungswünsche beim Template WBCEZon

Hallo florian, ich bin restlos begeistert von Deiner Dokumentation. Sie hat alle meine Fragen beantwortet. Vielen Dank! Jetzt kann ich mich ausgiebig, mit Freude und mit Hintergrundwissen an die Arbeit begeben.
Noch eine kleine Frage: ich möchte in den rechten Block mit dem Modul "Topics" aktuelle Themen aufnehmen. Die Einträge sind aber nicht mit einem Rahmen versehen. Wie kann ich erreichen, dass jeder Eintrag von den anderen durch einen Rahmen abgegrenzt ist (auch zum Menü und dem Hauptblock?

Offline

Liked by:

florian

#5 27.10.2019 15:21:30

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Die Neueren/Älteren Themen-Links von Topics haben von Haus aus jeweils die Klasse "pnsa_block".
Du kannst im Template-Stylesheet beispielsweise ergänzen:

a.pnsa_block {
border:1px solid #ccc;
margin:0.5em 0;
padding:0.5em;
}

Da käme dann so etwas bei heraus:
attachment.php?item=2015&download=1

Offline

#6 27.10.2019 23:22:47

reini
Member

Re: Designveränderungswünsche beim Template WBCEZon

Vielen Dank für die prompte Antwort, genau so möchte ich es haben, aber ich habe noch nicht den Überblick und bin noch nicht in der Lage, die genaue Einfügestelle zu finden. Kannst Du sie mir aufzeigen?

Offline

#7 28.10.2019 07:32:16

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Das kannst Du in die /templates/wbcezon/css/wbcezon.css vor

/* --------------------------- pics ------------------------------------ */

einfügen.

Offline

#8 28.10.2019 20:02:08

reini
Member

Re: Designveränderungswünsche beim Template WBCEZon

ich habe die Ergänzung an dem entsprechenden Platz eingefügt (siehe beigefügtes Bild), aber es wird kein Rahmen ausgegeben. Was habe ich falsch gemacht?

Offline

#9 28.10.2019 20:09:23

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Browsercache geleert?

Offline

#10 28.10.2019 21:33:25

reini
Member

Re: Designveränderungswünsche beim Template WBCEZon

Ja, habe ich.
Auch beim Austausch des Moduls "Topics" durch das Modul "News with Images" kommt kein Rahmen.

Beim Austausch durch das Modul "News" kommt folgende Fehlermeldung:
"Fatal error: Cannot redeclare rm_full_dir() (previously declared in G:\xampp\htdocs\framework\functions.php:38) in G:\xampp\htdocs\framework\functions.php on line 75"

Was mache ich falsch?

Offline

#11 29.10.2019 09:40:55

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Rahmen um Topics: Ich habe es getestet, bei mir funktioniert das so.
Bitte prüfe, ob Du die Styleanweisung zwischen der letzten geschweiften Klammer und dem Kommentar eingefügt hast (so wie im Screenshot ersichtlich). Du kannst es auch ganz ans Ende setzen oder in die frontend.css in /modules/topics.
Prüfe auch, was bei Topics bei Optionen > Siehe auch, vorherige nächste hinterlegt ist, wenn dort etwas Abweichendes steht, muss die Style-Anweisung entsprechend angepasst werden.

Vielleicht reden wir auch aneinander vorbei und Du meinst gar nicht die Neueren/Älteren Beiträge, sondern einen in der rechten Spalte platzierten Topics-Master?

Dass bei NWI keine Rahmen erscheinen ist klar, da das Modul völlig anderes HTML und CSS generiert.

Fehlermeldung News: Update auf 3.5.12 machen.

Last edited by florian (29.10.2019 09:44:43)

Offline

#12 30.10.2019 00:54:17

reini
Member

Re: Designveränderungswünsche beim Template WBCEZon

Vielen Dank für Deine Erklärungen, aber egal, welche Veränderungen ich probiere, ich kann keine Veränderungen im Frontend erkennen. Wo/wie kann ich zum Beispiel erreichen, dass der Bereich, der das Modul "Topics" enthält (m. E. der Block 2), zur Abgrenzung im ganzen einen hellgrauen Hintergrund erhält?
Ich bin noch nicht in der Lage, dieses Ansinnen zu realisieren und bitte Die sehr um Unterstützung.

Offline

#13 30.10.2019 07:14:02

florian
Administrator

Re: Designveränderungswünsche beim Template WBCEZon

Wenn sich aus den Änderungen keine sichtbaren Ergebnisse ergeben, läuft etwas grundlegend falsch.
Möglicherweise bearbeitest Du das falsche Template bzw. die Datei im falschen Verzeichnis oder es liegt an XAMPP (damit bin ich noch nie zurecht gekommen)  oder wir reden hier komplett aneinander vorbei.

Anbei das Template mit den Änderungen so wie ich sie verstanden habe, also keine linke Spalte, Hauptspalte über die gesamte Breite, grau abgesetzter rechter Block. Einfach über Erweitrungen > Templates installieren und dann bei den Grund- oder seiteneinstellungen das Template "WBCEZon-reini" auswählen.

attachment.php?item=2032&download=1

Offline

#14 31.10.2019 10:15:12

reini
Member

Re: Designveränderungswünsche beim Template WBCEZon

Guten Morgen!
Ja, genau so habe ich es mir vorgestellt!, velen Dank!
Ich weiß zwar immer noch nicht, warum es bei mir nicht funktioniert hat, aber ich werde es noch herausfinden.

Offline

Board footer

Powered by FluxBB

up