Freischwebender Registerbutton

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Dersamuel
Mitglied
Beiträge: 23
Registriert: 05.05.2011 15:11

Freischwebender Registerbutton

Beitrag von Dersamuel »

In meinem Forum, www.fotoboard.ch, habe ich ein weiteres Problem. Und zwar schwebt der Registerbutton oben Rechts über dem Topheader Logo.
Ich möchte den aber eingereiht im Menü unten, neben dem Einloggen button. Und das erst noch ohne die abrundung unten links bei der Grafik, d.h. genau so wie der "Einloggen" text steht. ist das machbar?
hackepeter13
Valued Contributor
Beiträge: 3566
Registriert: 21.04.2004 12:22
Wohnort: Berlin
Kontaktdaten:

Re: Freischwebender Registerbutton

Beitrag von hackepeter13 »

Dann musst du diesem im Style anpassen, denn laut dem Footer-Style-Informationen (welche auf http://styles.martectx.de/ verweist) ist die Position anscheint schon richtig, aber da du den oberen Balken (über dem Logo) entfernt hast "schwebt" er da nun noch so rum.

Die Anpssung musst du in der overall_header.html machen (und evtl. auch noch Änderungen in der stylesheets.css). ;)

Ich hab mal eben in den Quelltext geschaut.

Du suchst den Registrier-Button:

Code: Alles auswählen

<a href="./ucp.php?mode=register&sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_register.gif" width="110" height="28" alt="Registrieren" /></a>
Und das ist die Tabelle für das Menü:

Code: Alles auswählen

<table id="menubar" cellspacing="0">
			<tr>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/spacer.gif" width="182" height="1" alt="*" /></td>
 
				<td width="7%"><a href="./index.php?sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_home.gif" alt="Startseite" /></a></td>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/nav_2_gap.gif" width="5" height="28" alt="*" /></td>
 
				<td width="7%"><a href="./faq.php?sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_faq.gif" alt="FAQ" /></a></td>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/nav_2_gap.gif" width="5" height="28" alt="*" /></td>
 
				
						<td width="10%"><a href="./ucp.php?mode=login&sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_login.gif" alt="Anmelden" /></a></td>
					
 
				<td width="5%" align="right"><img src="./styles/SkyLineBlue/theme/images/panel_2_cap.gif" width="22" height="28" alt="*" /></td>
			</tr>
			</table>
Nun musst du den Button da quasi nur noch reinpacken, was dann am Ende in etwa so aussieht:

Code: Alles auswählen

<table id="menubar" cellspacing="0">
			<tr>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/spacer.gif" width="182" height="1" alt="*" /></td>

				<td width="7%"><a href="./ucp.php?mode=register&sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_register.gif" alt="Startseite" /></a></td>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/nav_2_gap.gif" width="5" height="28" alt="*" /></td> 

				<td width="7%"><a href="./index.php?sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_home.gif" alt="Startseite" /></a></td>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/nav_2_gap.gif" width="5" height="28" alt="*" /></td>
 
				<td width="7%"><a href="./faq.php?sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_faq.gif" alt="FAQ" /></a></td>
				<td width="2%"><img src="./styles/SkyLineBlue/theme/images/nav_2_gap.gif" width="5" height="28" alt="*" /></td>
 
				
						<td width="10%"><a href="./ucp.php?mode=login&sid=c3ac819e4a0a880827dfb49782f7330d"><img src="./styles/SkyLineBlue/imageset/de/button_login.gif" alt="Anmelden" /></a></td>
					
 
				<td width="5%" align="right"><img src="./styles/SkyLineBlue/theme/images/panel_2_cap.gif" width="22" height="28" alt="*" /></td>
			</tr>
			</table>
HINWEIS: Da ich das jetzt aus dem Quelltext habe, finden sich die Teile nicht zu 100% so, da hier die Links mit meiner Session-ID eingebunden sind, die in der html-Datei nicht so vorkommen. ;)

Achja und die Grafik vom Registrier-Button musst du auch ändern, da dieser ja an den oberen Balken angepasst war und nicht an das Menü unten. ;)

PS: Das Thema gehört ehr in den Style-Bereich, da es nichts mit dem Administration und Benutzung zu tun hat. ;)

Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“