WBCE CMS Forum

jimmy

Member

Template wbcezon: $loginlink unten rechts im Header Pic anzeigen

Hallo zusammen

Im Template wbcezon wird $loginlink im Footer abgezeigt.
Das ist grundsätzlich nicht schlecht, aber auf einigen Handys (unklar, ob nur Android oder auch iPhones) kommen do der Butten "nach oben" und "Login" fast genau übereinander.

Nun hätte ich gerne den Login Link gleich unten rechts im HeaderPic eingeblendet, schaffe es aber nur, den zwischen Header Pic und Menubalken einzupflanzen. Debai stört mich der weisse Balken, der dadurch entsteht...

Wie bekomme ich das hin?
Zur Veranschaulichung, was mir vorschwebt, hier einen Screenshot:

Vielen Dank im Voraus und einen schönen Rest-Sonntag !!
Jimmy

---

Quick and dirty lasts longer dirty than it was quick..

florian

Administrator

Re: Template wbcezon: $loginlink unten rechts im Header Pic anzeigen

In der index.php des Templates

<?php echo $loginlink; ?>

unten aus der Fußzeile entfernen (hast du bereits gemacht).
Oben

<?php if (sizeof($pics) > 1) {
	// is there more than 1 picture? Then activate the slider
	echo '<div id="header-carousel" class="owl-carousel owl-theme">';
		foreach($pics as $pic) {						   
		   echo $picPre.$pic.$picPost;
		} 					  
	echo '</div>';
	} else {
		// only one picture? No slider 
		echo '<img src="'.$pics[0].'" alt="'.PAGE_TITLE.'" />';
	}
	?></div> 

ändern zu

<?php if (sizeof($pics) > 1) {
	// is there more than 1 picture? Then activate the slider
	echo '<div id="header-carousel" class="owl-carousel owl-theme">';
		foreach($pics as $pic) {						   
		   echo $picPre.$pic.$picPost;
		} 					  
	echo '</div>';
	} else {
		// only one picture? No slider 
		echo '<img src="'.$pics[0].'" alt="'.PAGE_TITLE.'" />';
	}
	?>
	 <div class="loginlink"><?php echo $loginlink; ?></div>
	</div> 

(Also <div class="loginlink"><?php echo $loginlink; ?></div> zwischen dem Ende des PHP-Codes (?>) und dem <div> einfügen)

In der wbcezon.css ergänzen

.loginlink {	
	margin-top:-30px;
	text-align:right;
}

.loginlink a {
	padding:5px;
	background-color:#fff;
}

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

jimmy

Member

Re: Template wbcezon: $loginlink unten rechts im Header Pic anzeigen

Hallo Florian

Herzlichen Dank!!
Ich habe das versucht umzusetzen und scheitere irgendwie an den z-indexen der verschiedenen Elemente (denke ich zumindest, als Laie)

Wenn ich den Eintrag in der wbcezon.css so gestalte, sehe ich immerhin im Hintergrund das Vorhandensein des Icons, schaffe es aber auf keine Art und weise, dieses nach vorne zu holen.

[== CSS ==]
.loginlink {	
	margin-top:-15px;
	text-align:right;
}

.loginlink a {
	padding:5px;
	background-color:#fff;
}

Das sieht dann so aus (habe ich in einer lokalen XAMPP Installation, nicht auf der Live Webseite):

Ich bin etwas ratlos, versuche aber (noch erfolglos) den stacking Kontext zu verstehen....

Gruess
Jimmy

---

Quick and dirty lasts longer dirty than it was quick..

jimmy

Member

Re: Template wbcezon: $loginlink unten rechts im Header Pic anzeigen

... und gleich nochmals....
Ich glaube, nun habe ich es raus..:
Mit diesem Eintrag in der wbcezon.css tut es nun genau so, wie ich es beabsichtigt habe:

[== CSS ==]
.loginlink {
	position: relative;
	z-index: 999;	
	margin-top:-30px;
	text-align:right;
}

.loginlink a {
	padding:5px;
	background-color:#fff0;
}

Nochmals: herzlichen Dank für die Hilfe und entschuldige den Aufruhr, den ich hier verursacht habe...

Echt toll, was Ihr hier für uns tut!!
Gruess aus der Zentralschweiz
Jimmy

---

Quick and dirty lasts longer dirty than it was quick..