Header + footer selbst bauen,erklärt mit bilder

[amiraldo1]

hi, ich habe versucht diese post von einem arabischen seite zu übersetzten: http://www.traidnt.net

Dieses kapitel ist für anfänger : inhalt : schneiden und verteilen und selber ein registration navbar erstellen.
man braucht dafür : photoshop - frontpage2003 - und bisschen geduld

1-man sucht sich eine vorlage aus: z.b.
http://romanticsoft.googlepages.com/fot9.jpg

2- das problem liegt bei der bildschirmauflösung deshalb zerlegt man das bild in diesem Form
http://max7des.googlepages.com/tam.jpg

http://max7des.googlepages.com/tam1.jpg


http://max7des.googlepages.com/tam2.jpg

http://max7des.googlepages.com/tam3.jpg

3-die bilder in einem gewählten ordner speichern:z.b. style
http://max7des.googlepages.com/tam4.jpg

4-man nimmt die oben gewählte bilder . eine als rechtsbild header und die zweite links, und dann wird es ins mitte allein ausgedehnt. so wird auch in footer

http://max7des.googlepages.com/tam5.jpg

-und jetzt ist die style berei für frontpage.
http://max7des.googlepages.com/tam6.jpg


5-jetzt mach folgende markierte schritte, man kann das selber merken.
http://max7des.googlepages.com/tam7.jpg


- die folgende code löschen
http://max7des.googlepages.com/tam8.jpg

6- und jetzt muss man die plätze feststellen, wo die registration button und andere buttons seien sollen.
http://max7des.googlepages.com/tam9.jpg










http://max7des.googlepages.com/tam10.jpg


http://max7des.googlepages.com/tam11.jpg



Tabel properties

http://max7des.googlepages.com/tam12.jpgى Ok

http://max7des.googlepages.com/tam13.jpg



Cell Properties

http://max7des.googlepages.com/tam14.jpg

ausdehnung auswählen

Browse

http://max7des.googlepages.com/tam15.jpg

headersbild auswählenhttp://max7des.googlepages.com/tam37.jpg

[amiraldo1]

http://max7des.googlepages.com/tam16.jpg

http://max7des.googlepages.com/tam17.jpg

so muss die ausdehnung werden

http://max7des.googlepages.com/tam18.jpg


http://max7des.googlepages.com/tam19.jpg


http://max7des.googlepages.com/tam20.jpg

http://max7des.googlepages.com/tam21.jpg








http://max7des.googlepages.com/tam22.jpg



Picture

http://max7des.googlepages.com/tam23.jpg


http://max7des.googlepages.com/tam24.jpg

هنقوم باختيار اداة التحديد

http://max7des.googlepages.com/tam25.jpg

was markiert ist bedeutet die startseite
http://max7des.googlepages.com/tam26.jpg

[amiraldo1]

واللى هنمسحه دا اللينك بتاع السيرفر الشخصى

http://max7des.googlepages.com/tam40.jpg

نقوم بتظليل الكود واخدة كوبى

http://max7des.googlepages.com/tam29.jpg

geh zu admincp und wähle eine eigene style
http://max7des.googlepages.com/tam30.jpg

هنروح على قالب الهيدر ونقوم بمسح الكود المظلل عليه

http://max7des.googlepages.com/tam31.jpg

ونقوم بعمل نسخ لكود الهيدر اللى احنا اخدناه من الفرونت بيج

http://max7des.googlepages.com/tam32.jpg

وبعدها هنقوم بعمل حفظ

http://max7des.googlepages.com/tam33.jpg

ونروح نشوف الاستايل الافتراضى بتاعنا

http://max7des.googlepages.com/tam34.jpg

زى ما حضرتكم شايفيين الهيدر ممتد ومظبوط

يارب تكونى ماشيين معايا لغاية هنا

هنعمل نفس خطوات التوزيع مع الفوتر ايضا

هنقوم بمسح الاكواد الموجوده فى الفرونت بيج

ونقوم بعمل ادراج جدول جديد زى ما عملنا قبل كدا كالاتى

http://max7des.googlepages.com/tam10.jpg

ومن هنا تم عمل الجدول

http://max7des.googlepages.com/tam11.jpg

نضغط داخل الجدول وعمل كليك يميين

واختيار

Tabel properties

http://max7des.googlepages.com/tam12.jpg

وهعمل الاتى كما بالصورة والضغط على Ok

http://max7des.googlepages.com/tam13.jpg

بعد عمل الاتى نقوم بعمل ايضا كليك يميين فى الجدول واختيار

[amiraldo1]

wqewqe

[amiraldo1]

http://max7des.googlepages.com/tam33.jpg

ونروح نشوف الفوتر بتاعنا

http://max7des.googlepages.com/tam37.jpg


und so wird zuletzt in foother .

[X-TREEM]

Wieso Frontpage? ein einfacher Editor tuts doch auch...
Auf Tabellen kann man auch leicht verzichten, einfach das ganze in 2 Teile schneiden und:

header:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

footer:
CODE:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------
und fertig :)

[Hoffi]

´@X-TREEM: Nein, das geht nicht, denn das Bild hat eine feste Breite und würde dann links oder rechts nicht gekachelt.

Ohne Tabelle geht es allerdings trotzdem.

HTML:
----------
Der Inhalt dieses Abschnitts ist nur für Lizenznehmer sichtbar, Sie werden derzeit jedoch nicht als Lizenzinhaber erkannt.<br />
<br />
Bitte öffnen Sie den <a href="http://members.vbulletin-germany.com/membersupport_priority.php">Kundenbereich</a>, tragen Sie Ihre E-Mail-Adresse ein, mit der Sie sich hier registriert haben und aktivieren Sie die Lizenzüberprüfung für http://www.vbulletin-germany.org.
----------

Zumindeszt so grob, ist aus dem Kopf geschrieben.

PS: Da ist noch nicht alles übersetzt.

[X-TREEM]

Wenn man ein Fixed-Layout will, geht es schon ;)

[Hoffi]

Das Tut ist aber nicht für einen fixed Style.