design an webspell anpassen

drugZ.49

New member
Tag,
also ich hab die suchfunktion benutzt jedoch irgendwie nicht wirklich gut klargekommen damit ... also ich hoffe mal das ich deswegen nicht gleich angeschimpft werde und stelle meine frage einfach. Also wie kann ich mein design an webspell anpassen? ist das schwer oder kann man das mal soeben erklären? oO also bei bxcp war es recht einfach aber hier wird ja glaub mit php gearbeitet wa 🙁
naja also ich hab mit photoshop ein page pic erstellt und wollte daraus eine webspell page machen ... geht das ?
hoffe ihr könnt mir weiterhelfen
 
Du sliced dein Bild ganz normal, dann erstellst du einen HTML Code, machst deine Boxen wie gewünscht und beginnst dann, die Webspell elemente einzubringen. Dazu gehört am Anfang der Seite:
HTML:
<?php
include("_mysql.php");
include("_settings.php");
include("_functions.php");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Liberty Designs">
<meta name="keywords" content="webdesign, design, clanpage, homepage, portfolio, photoshop, coding, internet, sponsoring">
<meta name="copyright" content="Copyright © 2005 by webspell.org" />
<meta name="generator" content="webSPELL" />
<title><? echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
Dann kommen die ganz normalen anderen Sachen.

Die Navigation verlinkst du wie folgt:
HTML:
<a href="index.php?site=articles">Artikel</a>
, das ist z.B. die URL für Artikel. Schau dir eine fertige Webspell Seite an, dort kannst du die Links entnehmen.

In die anderen Boxen müssen nun die anderen Scripte eingebunden werden.
HTML:
<?  include("counter.php");  ?>
Das ist z.B. der Code, wo später der Pagecounter erscheinen wird, diese Tags kommen über die boxen (also eine Box mit hintergrund und darüber der Tag).

An die Stelle, wo Später der Inhalt der Seite steht, kommt folgender Code:
HTML:
<?
    if(!isset($site)) $site="news";
    //Sichheitslücke beheben
    $invalide = array('/','/\/',':','.');
    $site = str_replace($invalide,' ',$site);
    if(!file_exists($site.".php")) $site = "news";
    include($site.".php");
    ?>
.

Das ist dann alles. Probier nen bisschen rum, wenn du unsicher bist, eigentlich ist es ganz logisch.
 
oookay vielen dank ... klingt ja eigentlich ganz leicht ... aber ich muss das alles in php machen wa ?
was fürn programm empfiehlt ihr mir denn so ? also ein leichtes programm für anfänger?
Weil php ist ja doch schon bissel anders als html. Oder macht man das zuerst alles in html und wandelt es dann zum schluss in php um oO
hmmm ... bin bissel verwirrt :S
 
Du kannst eine 30 Tage version von Dreamweaver nehmen. Das ist für einen Anfänger sicher das einfachste, weil man dort gleich eine Vorschau hat, was man geändert hat.
Siehe hier:
 
Du musst überhauptnichts in php coden, lediglich ein einfaches HTML Gerüst und die besagten anderen Schritte durchführen, dazu sind keinerlei PHP Kenntnisse nötig! Die ganze PHP Technik steckt in Webspell.
 
aso ..... aber da steht das ich mein html design dann als php abspeichern soll um es draufladen zu können ?
also mach ich ganz normal ein html design und speichere es einfach als php ab ja ?
ok dankeschön leute habt mir sehr geholfen ... werd mich dann mal dadran versuchen
gruß
patryk
 
ich hätte da noch eine andere frage. Wozu dient soein _stylesheet ??
hab mir mal ein fertiges webspell template runtergeladen und dort ist immer soein _stylesheet drin. Wozu ist das und ist es besser damit zu arbeiten? wenn ja kann mir einer erklären wie man sowas macht?
 
Laut ist eine Stylesheet Datei eine Sammlung von Werten (Farben, Textgrößen etc.) Dort sind alle Eigenschaften der Seite hinterlegt.
 
Das _stylesheet.css ist in Webspell die Bezeichnung für das Cascading Stylesheet, darin sind informationen zu textformatierungen, Farben, Eigentschaften, etc von Elementen der Webseite gespeichert. Ein Stylesheet was zu mit einem Template herunterlädtst ist für das Template angepasst, damit auch Hintergrundfarben, etc stimmen.
 
achso. und ist es besser wenn ich sowas auch mache ... also so ein stylesheet oder braucht man das nicht um ein gutes ergebnis zu erzielen?
 
Das Stylesheet kannst du jederzeit im Admincenter unter Design ändern, da brauchst du kein eigenes 😉
 
Wo muss ich das ein fügen???

Ich habe das auch gemacht da ich auch mein Html design für webspall anpassen jetzt wollte ich wissen wo ich in meinen editor einfürgen muss als der code ist



Code:
<?php

include("_mysql.php");

include("_settings.php");

include("_functions.php");

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>CoP's Killer Ecke</title>
<meta name="AUTHOR" content="Lachkrampf">
<meta name="GENERATOR" content="Created by BlueVoda">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<img src="http://www.pcmasters.de/forum/images/background.jpg" id="Image1" alt="" align="top" border="0" width="1117" height="818" style="position:absolute;left:6px;top:6px;width:1117px;height:818px;z-index:0">
<img src="http://www.pcmasters.de/forum/images/header.jpg" id="Image2" alt="" align="top" border="0" width="1117" height="300" style="position:absolute;left:6px;top:6px;width:1117px;height:300px;z-index:1">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image3" alt="" align="top" border="0" width="1117" height="10" style="position:absolute;left:6px;top:306px;width:1117px;height:10px;z-index:2">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image4" alt="" align="top" border="0" width="1117" height="10" style="position:absolute;left:6px;top:6px;width:1117px;height:10px;z-index:3">
<img src="http://www.pcmasters.de/forum/images/navi.jpg" id="Image5" alt="" align="top" border="0" width="200" height="50" style="position:absolute;left:6px;top:316px;width:200px;height:50px;z-index:4">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image6" alt="" align="top" border="0" width="200" height="10" style="position:absolute;left:6px;top:366px;width:200px;height:10px;z-index:5">
<a href="http://h3ndr1ck.h3.ohost.de/index.html"><img src="http://www.pcmasters.de/forum/images/home.jpg" id="Image7" alt="Home" align="top" border="0" width="200" height="50" style="position:absolute;left:6px;top:376px;width:200px;height:50px;z-index:6"></a>
<a href="http://h3ndr1ck.h3.ohost.de/member.html"><img src="http://www.pcmasters.de/forum/images/member.jpg" id="Image8" alt="Member" align="top" border="0" width="200" height="50" style="position:absolute;left:6px;top:426px;width:200px;height:50px;z-index:7"></a>
<a href="http://h3ndr1ck.h3.ohost.de/join.html"><img src="http://www.pcmasters.de/forum/images/join.jpg" id="Image9" alt="Join Us" align="top" border="0" width="200" height="50" style="position:absolute;left:6px;top:476px;width:200px;height:50px;z-index:8"></a>
<a href="http://h3ndr1ck.h3.ohost.de/fight.html"><img src="http://www.pcmasters.de/forum/images/fight.jpg" id="Image10" alt="Fight Us" align="top" border="0" width="200" height="50" style="position:absolute;left:6px;top:526px;width:200px;height:50px;z-index:9"></a>
<a href="http://h3ndr1ck.h3.ohost.de/wars.html"><img src="http://www.pcmasters.de/forum/images/wars.jpg" id="Image11" alt="Wars" align="top" border="0" width="200" height="50" style="position:absolute;left:6px;top:576px;width:200px;height:50px;z-index:10"></a>
<img src="http://www.pcmasters.de/forum/images/navi2.jpg" id="Image12" alt="" align="top" border="0" width="200" height="50" style="position:absolute;left:923px;top:316px;width:200px;height:50px;z-index:11">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image13" alt="" align="top" border="0" width="200" height="10" style="position:absolute;left:923px;top:366px;width:200px;height:10px;z-index:12">
<a href="http://h3ndr1ck.h3.ohost.de/server.jpg"><img src="http://www.pcmasters.de/forum/images/server.jpg" id="Image14" alt="Server" align="top" border="0" width="200" height="50" style="position:absolute;left:923px;top:376px;width:200px;height:50px;z-index:13"></a>
<a href="http://h3ndr1ck.h3.ohost.de/teamspeak.html"><img src="http://www.pcmasters.de/forum/images/teamspeak.jpg" id="Image15" alt="TeamSpeak²" align="top" border="0" width="200" height="50" style="position:absolute;left:923px;top:426px;width:200px;height:50px;z-index:14"></a>
<a href="http://h3ndr1ck.h3.ohost.de/dls.html"><img src="http://www.pcmasters.de/forum/images/dls.jpg" id="Image16" alt="Downloads" align="top" border="0" width="200" height="50" style="position:absolute;left:923px;top:476px;width:200px;height:50px;z-index:15"></a>
<a href="http://h3ndr1ck.h3.ohost.de/forum/index.php"><img src="http://www.pcmasters.de/forum/images/Forum.jpg" id="Image17" alt="Forum" align="top" border="0" width="200" height="50" style="position:absolute;left:923px;top:526px;width:200px;height:50px;z-index:16"></a>
<a href="http://h3ndr1ck.h3.ohost.de/links.html"><img src="http://www.pcmasters.de/forum/images/links.jpg" id="Image18" alt="Links" align="top" border="0" width="200" height="50" style="position:absolute;left:923px;top:576px;width:200px;height:50px;z-index:17"></a>
<img src="http://www.pcmasters.de/forum/images/obererbanner.jpg" id="Image19" alt="" align="top" border="0" width="717" height="50" style="position:absolute;left:206px;top:316px;width:717px;height:50px;z-index:18">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image20" alt="" align="top" border="0" width="938" height="10" style="position:absolute;left:29px;top:366px;width:938px;height:10px;z-index:19">
<div id="bv_" style="position:absolute;left:337px;top:382px;width:455px;height:62px;z-index:20" align="left">
<script type="text/javascript"><!--
google_ad_client = "pub-4687700728448317";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image21" alt="" align="top" border="0" width="200" height="10" style="position:absolute;left:6px;top:626px;width:200px;height:10px;z-index:21">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image22" alt="" align="top" border="0" width="200" height="10" style="position:absolute;left:923px;top:626px;width:200px;height:10px;z-index:22">
<img src="http://www.pcmasters.de/forum/images/banner.jpg" id="Image24" alt="" align="top" border="0" width="125" height="100" style="position:absolute;left:798px;top:375px;width:125px;height:100px;z-index:23">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image25" alt="" align="top" border="0" width="126" height="10" style="position:absolute;left:205px;top:476px;width:126px;height:10px;z-index:24">
<img src="http://www.pcmasters.de/forum/images/balken.jpg" id="Image26" alt="" align="top" border="0" width="125" height="10" style="position:absolute;left:798px;top:475px;width:125px;height:10px;z-index:25">
<div id="bv_" style="position:absolute;left:811px;top:394px;width:104px;height:82px;z-index:26" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="2" id="BulletedList2">
<tr>
<td align="left" valign="top" width="18" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="80" height="18"><font style="font-size:13px" color="#000000" face="Arial">CoP vs 16bit</font></td>
</tr>
<tr>
<td align="left" valign="top" width="18" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="80" height="18"><font style="font-size:13px" color="#000000" face="Arial">Next war</font></td>
</tr>
<tr>
<td align="left" valign="top" width="18" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="80" height="18"><font style="font-size:13px" color="#000000" face="Arial">Next war</font></td>
</tr>
<tr>
<td align="left" valign="top" width="18" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="80" height="18"><font style="font-size:13px" color="#000000" face="Arial">Next war</font></td>
</tr>
</table></div>
<div id="bv_" style="position:absolute;left:530px;top:448px;width:87px;height:37px;z-index:27" align="left">
<font style="font-size:32px" color="#000000" face="Arial"><b><u>News</u></b></font></div>
<img src="http://www.pcmasters.de/forum/images/banner.jpg" id="Image23" alt="" align="top" border="0" width="125" height="100" style="position:absolute;left:206px;top:376px;width:125px;height:100px;z-index:28">
<div id="bv_" style="position:absolute;left:215px;top:385px;width:78px;height:82px;z-index:29" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="2" id="BulletedList3">
<tr>
<td align="left" valign="top" width="12" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="60" height="18"><font style="font-size:13px" color="#000000" face="Arial">Last war</font></td>
</tr>
<tr>
<td align="left" valign="top" width="12" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="60" height="18"><font style="font-size:13px" color="#000000" face="Arial">Last war</font></td>
</tr>
<tr>
<td align="left" valign="top" width="12" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="60" height="18"><font style="font-size:13px" color="#000000" face="Arial">Last war</font></td>
</tr>
<tr>
<td align="left" valign="top" width="12" height="18"><font style="font-size:13px;" color="#000000" face="Symbol">·</font></td>
<td align="left" valign="top" width="60" height="18"><font style="font-size:13px" color="#000000" face="Arial">Last war</font></td>
</tr>
</table></div>
</body>
</html>

und ich will wissen wo ich:


<a href="index.php?site=articles">Artikel</a>

Und:
<? include("counter.php"); ?>

Und:
<?
if(!isset($site)) $site="news";
//Sichheitslücke beheben
$invalide = array('/','/\/',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")) $site = "news";
include($site.".php");
?>

Danke schon mal
 
Wieso sind da eigentlich alle Bilder als "http://www.pcmasters.de/forum/images/..." angegeben? oO

Du hast da oben offenbar eine Navigation angelegt, dort müssen die Webspell Links rein. Webspell links sehen Beispielsweise so aus wie oben beschrieben:
HTML:
<a href="index.php?site=articles">Artikel</a>
Statt site=articles kommt dann eben z.b. für Clanwars - site=clanwars rein. Es muss aber der Name, der Hinter site= steht auch als .php Datei bei Webspell existieren! Zum beispiel gibt es im Webspell Ordner eine Articles.php und eine Clamwars.php, wo dann der jeweilige Script drinsteckt. Man verlinkt seine Navigation nur eben nicht direkt auf diese PHP Dateien, sondern mit "index.php?site=" davor.

Das mit dem Counter (der <? include- Befehl) ist auch nur ein Beispiel, da müssen auch für Counter noch alle anderen Sachen wie z.B. latestnews.php oder so reinkommen- jedes Script jeweils in einem eigenen <? include Befehl.

Dieser lange Code kommt dahin, wo später der Inhalt von Webspell generiert stehen soll.

Und schreibe mal bitte etwas deutlicher, ich konnte da kaum was entziffern!
 

Online-Statistiken

Zurzeit aktive Mitglieder
1
Zurzeit aktive Gäste
35
Besucher gesamt
36

Beliebte Forum-Themen

Zurück
Oben Unten