Template Auswahl im Profil mit Vorschau-Thumbnail ?!?

[AWSW]

Hallo,
gibt es schon einen MOD, wo bei der Template Auswahl im Profil ein Vorschau-Thumbnail den Style des Templates in klein als Vorschau darstellt ?!? Ich habe mitlerweile 3 Templates installiert und hätte gerne eine kleine Vorschau im Profil und bei der Registrierung, die eine verkleinerte Designvorschau bietet...

Danke für jeden Tipp

[cyberalfa]

Hmm, du könntest von jedem Style nen ScreenShot machen,
ihn entsprechend verkleinern.
Dann schau dir mal den Flaggen-MOD an (Flagge wird nach Auswahl
neben dem Menü angezeigt), ähnlich kannst du es vielleicht mit
den Style-Shots auch machen.

[AWSW]

Hi cyberalfa,
hmm stimmt da wird ja auch dann die entsprechende Flagge angezeigt...

Mein Problem is nur ich bin in PHP ein echter Anfänger und weiß leider net, was ich dazu coden müsste

[cyberalfa]

Willkommen im Club...

[saerdnaer]

mach zuerst mal nen screenshoot der einzelnen styles mit deren namen und steck sie in folgenden ordner: images/styles_preview/
...

ah

[AWSW]

Check

ProfilfiApple.gif:
[ externes Bild ]

ProfilfiSubSilver.gif:
[ externes Bild ]

ProfilSubSilver.gif:
[ externes Bild ]

(Je nach dem würde ich die aber auch noch was kleiner machen... Ein Klick öffnet ein großes Bild...)

Danke Dir

[saerdnaer]

öffne die templates/xxx/profile_add_body.tpl:
am ende einfügen:

Code: Alles auswählen

<script language="javascript" type="text/javascript">
<!--
function update_preview(style)
{
	document.preview.src = "images/styles_preview/" + style + ".gif";
}
function open_preview(style)
{
	window.open("images/styles_preview/" + style + "_g.gif", "_blank","height=600,resizable=yes,scrollbars=yes,width=800");
}

//-->
</script>

dann suche folgendes:

Code: Alles auswählen

{S_FORM_ENCTYPE} method="post">

ersetzen durch

Code: Alles auswählen

{S_FORM_ENCTYPE} method="post" name="profile">

suche:

Code: Alles auswählen

	  <td class="row2"><span class="gensmall">{STYLE_SELECT}</span>

danach einfügen:

Code: Alles auswählen

	  <br/><a href="javascript:open_preview(profile.style.options[profile.style.selectedIndex].value)"><img src="images/styles_preview/{STYLE}.gif" border="0" name="preview" /></a>

dann öffnest du die includes/usercp_register.php und suchst folgendes:

Code: Alles auswählen

		'STYLE_SELECT' => style_select($user_style, 'style'),

ersetzen durch:

Code: Alles auswählen

		'STYLE_SELECT' => style_select($user_style, 'style" onchange="update_preview(this.options[selectedIndex].value)'),
		'STYLE' => $user_style,

dann sollte die sache funktionieren... achja die styles previews müssen die ids des styles haben die vergrößerungen sollten nur zusätlich mit _g enden...

ah

[AWSW]

Hi & WOW

Danke werde ich gleich probieren

Thanx

[saerdnaer]

ich hab noch was editert!!!

[AWSW]

Hi,
habe es erst mal in die Templates eingefügt und mit Deinem editierten Code wechselt er brav die Thumnails aber wenn ich auf ein Thumbnail klicke kommt diese Meldung als Fehler im IE:

[ externes Bild ]

Ich habe in der profil_add_body allerdings diesen Code verwendet:

&nbsp;&nbsp;&nbsp;<img src="images/styles_preview/{STYLE}.gif" border="0" name="preview" onclick="open_preview(this.form.style.options[this.form.style.selectedIndex].value)" /><br><br>

Hier die Dateien mal als AWSW_SubSilver_Template_Thumbnail1.zip

Die Bilder müssen offenbar aber so heißen wie die ID des Templates is:
SubSilver = 1.gif & 1_g.gif
fiApple = 20.gif & 20_g.gif
fiSubSilver = 22.gif & 22_g.gif

http://www.awsw.de/Forum/profile.php?mo ... greed=true

Danke !!!