Blue-Wonder Header

caipa

Hi, habe mir jetzt den Header in meiner global.psd angepasst, nur wie bekomm ich von dort die Headergrafik oder einzelne neue Buttons als jpeg Datei exportiert?

Ich weiß, wie ich jpeg dateien exportiere, nur wie speichere ich nur die HEadergrafik oder nur den Button ohne den restlichen Kram ab?

Hoffentlich könnt ihr mir ne schöne Anleitung geben

Wie binde ich außerdem ganz oben in der Navileiste neue Buttons ein?

*Christian*

1. Für Web speichern ==> Speichern ==> Slices: Augewählte Slices
2. Im Header Template findest du folgenden Abschnitt.

Code:

	    <if condition="$show['member']"><div class="h_user_cp"><a class="h_user_cp" href="usercp.php?$session[sessionurl]" title="$vbphrase[user_cp]"><span>$vbphrase[user_cp]</span></a></div>
		</if>
	    <if condition="$show['registerbutton']">
			<div class="h_register"><a class="h_register" href="register.php?$session[sessionurl]" title="$vbphrase[register]"><span>$vbphrase[register]</span></a></div>
		</if>
	    <div class="h_member"><a class="h_member" href="memberlist.php?$session[sessionurl]" title="$vbphrase[members_list]"><span>$vbphrase[members_list]</span></a></div>         
	    <div class="h_calendar"><a class="h_calendar" href="calendar.php?$session[sessionurl]" title="$vbphrase[calendar]"><span>$vbphrase[calendar]</span></a></div>
             <div class="h_faq"><a class="h_faq" href="faq.php?$session[sessionurl]" accesskey="5" title="$vbphrase[faq]"><span>$vbphrase[faq]</span></a></div>
	    <div class="h_search"><a class="h_search" href="search.php?$session[sessionurl]" accesskey="4" title="$vbphrase[search]"><span>$vbphrase[search]</span></a></div>
	    <if condition="$show['member']"><div class="h_new_posts"><a class="h_new_posts" href="search.php?$session[sessionurl]do=getnew" accesskey="2" title="$vbphrase[new_posts_nav]"><span>$vbphrase[new_posts_nav]</span></a></div>
	    <else /><div class="h_daily_posts"><a class="h_daily_posts" href="search.php?$session[sessionurl]do=getdaily" accesskey="2" title="$vbphrase[todays_posts]"><span>$vbphrase[todays_posts]</span></a></div>
	    </if>
</div>

Unter dem selben Prinzip kannst du nun auch neue Buttons einfügen. Beispiel:

Code:

<div class="h_new"><a class="h_new" href="pfad"  title="Beschreibung"><span>Beschreibung</span></a></div>

Das Rot markierte dann bitte in den Zusätzlichen CSS Definitionen anpassen.

caipa

Vielen Dank, das mit dem Header hat geklappt.

Das mit den Buttons bekomm ich leider noch nciht hin, da ich mich nicht gut mit CSS auskenne. Mal schauen ob ich mich da noch reinfuchsen kann.

*Christian*

Orientier dich einfach an den Klassen die schon da sind, z.B. díe Klasse:

Code:

.h_member

dazu gehört auch

Code:

.h_member a:link, .h_member a:visited {}
.h_member a:hover {}
.h_member span {}