(X)HTML / CSS Tutorial: Design an Webspell anpassen + Slicen

+11

11 | Bewertung: Keine Berechtigung!

Vorwort

Willkommen beim Tutorial von http://www.platin-designs.de zum anpassen von Webspell an ein Design. Ich setze voraus, dass ihr HTML könnt, beziehungsweise schon ein fertiges Template im HTML-Format habt.

Falls ihr Slicen lernen wollt empfehle ich euch dieses Tutorial:

http://www.designnation.de/Tutorial-lesen_ProfiSlicenmitPhotoshopundanschlieendinHTMLverarbeiten.html

Schritt 1

Öffnet eure HTML Datei und speichert sie als index.php wieder ab.

Zitat :

Erklärung:
Das machen wir weil wir nachher für Webspell eine index.php brauchen und es so nicht vergessen.

Nun können wir auch schon anfangen unser Design an Webspell anzupassen.

Nach ganz oben, noch über <html> setzt müsst ihr folgenden Code einsetzen:

Code:






<?php


include("_mysql.php");


include("_settings.php");


include("_functions.php");


?>

Zitat :

Erklärung:
Hier includen (einbinden) 3 wichtige Dateien die Einstellungen ausgeben die ihr noch Einstellen werdet / schon eingestellt habt.

MySQL Daten – in eurer MySQL Datenbank werden News, User, Wars, Forenbeiträge – eigentlich alles bis auf Bilder gespeichert was ihr über die Seite eintragt.

Settings – Die Einstellungen die ihr im Adminbereich unter Settings gemacht habt werden in _settings.php gespeichert und durch das includen in der index.php wieder ausgegeben.

Functions – Durch das includen von der letzten Datei weiß Webspell wo welche Funktionen zu finden sind und wie sie auszugeben / zu behandeln sind.

Schritt 2

Zwischen <head> und </head> schreiben wir folgendes:

Code:



<title><? echo PAGETITLE; ?></title>


<link href="_stylesheet.css" rel="stylesheet" type="text/css">


<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>

Zitat :

Erklärung:
<? echo PAGETITLE; ?>
Gibt den Seiten Titel aus den ihr im Adminbereich einstellen könnt. Er wird nachher ganz oben in eurem Browser Fenster zu sehen sein.

<link href="_stylesheet.css" rel="stylesheet" type="text/css">
Gibt den Style den ihr im Adminbereich ändern könnt aus (Pagelayout – Styles)

Code:
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>

Wichtig für das Forum / Gästebuch / News ect.
Wenn ihr zum beispiel

Code:
[img]http://www.bildurl.de/bild.jpg./img]
schreibt holt sich Webspell die Informationen aus der bbcode.js!

Schritt 3

Als letztes müsst ihr nur noch die Module die angezeigt werden sollen includen.
Hier alle befehle für die Version Webspell 4 Final:

Content (Text)

Code:






<?


if(!isset($site)) $site="news";


//Sichheitsl&uuml;cke beheben


$invalide = array('/','//',':','.');


$site = str_replace($invalide,' ',$site);


if(!file_exists($site.".php")) $site = "news";


include($site.".php");


?>

Navigation

Code:



<? include("navigation.php"); ?>

Clanname

Code:



<?php echo $myclanname ?>

Homepage url

Code:



<?php echo $hp_url ?>

Suche

Code:



<? include("quicksearch.php"); ?>

Umfrage

Code:



<? include("poll.php"); ?>

Picture Of The Moment (Bild des Moments)

Code:



<? include("sc_potm.php"); ?>

Zufallsbild

Code:



<? include("sc_randompic.php"); ?>

Artikel

Code:



<? include("sc_articles.php"); ?>

Downloads

Code:



<? include("sc_files.php"); ?>

Lastest Topic (Letzter Foren beitrag/Thema)

Code:



<? include("latesttopics.php"); ?>

Partner

Code:



<? include("partners.php"); ?>

Scrolltext (Lauftext)

Code:



<? include("sc_scrolltext.php"); ?>

Bannerrotation (468x60 pixel)

Code:



<? include("sc_bannerrotation.php"); ?>

Code:



<? include("login.php"); ?>

Last Matches

Code:



<? include("sc_results.php"); ?>

Demos

Code:



<? include("sc_demos.php"); ?>

Kommentar(e) (11)

UnpiXeL sagt:

steigt alle auf >ilch.de< um ... das ist einfach, deutsch und zudem noch sehr gut und sicher ...

da wird mit platzhalter gearbeitet --> {boxes_login} ist der Login z.B. .

mg UnpixEl

26 Oct. 2008 10:06:56 • Antworten •

TRICYdesign sagt:

echt geil, ich konnte das schon vorher aber muss sagen ist echt einfach erklärt hättest nal das tut vor 4 jahren schreiben sollen ;)

Gruß

Zuletzt bearbeitet am: 17 Oct. 2008 16:45:33

17 Oct. 2008 16:45:06 • Antworten •

xpDesigner sagt:

Genial, echt Top! hat super funtioniert

16 Sep. 2008 23:26:24 • Antworten •

Dime sagt:

hi Community,
ich habe ein Template erstellt, auch schon HTML alles fertig, jetzt wollte ich das Template Webspell anpassen aber haut irgendwie nicht hin, hab eigendlich alles so gemacht wei es im tutorial steht

hir der Link http://www.wolfdivision.de/8ball/

hoffe kann mir jemand sagen wo mein Fehler ist thx

mfg
Mike

20 May. 2007 16:34:05 • Antworten •

Teran sagt:

PS: wirklich tolles Tutorial grosses Lob! :D

27 Feb. 2007 11:46:11 • Antworten •

Teran sagt:

Nun ja schau mal nach bei dem Skript auf der Linie 8. Evtl. hast du dort irgendeine Funktion in der Art geschrieben und den Strichpunkt zum abschliessen vergessen: CODE: irgendeinefunktionaufderline8 ("blabla") - so sieht es wahrscheinlich bei dir aus aber das es funktioniert müsste es so sein: irgendeinefunktionaufderline8 ("blabla");

27 Feb. 2007 11:45:48 • Antworten •

bax sagt:

hi...
ich hab da ein klieines prob und bin noch anfänger xD
Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in /usr/export/www/vhosts/funnetwork/hosting/gamingcr 3w/index.html on line 8
der fehler kommt bei mir könnte man dda helfen ??^^

23 Jan. 2007 22:45:31 • Antworten •