PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : php design ändern


cas-ge
10.07.2009, 17:13:44
hallo,

ich hoffe ich schreibe hier im richtigen thread. ich habe folgendes problem.
ich habe einen php script welcher eine ganze homepage darstellt... nun möchte ich aber gerne das gesamt design anpassen... z.b in ein template oder einer psd.... wenn ich nun die befehle einfüge zerreisst es mir alles förmlich.

in der index wird mir das design über die h.php verlinkt sowie ich das verstehe.... die kann ich auch in dreamweacer betrachten also code sowie entwurf. wie bekomme ich das nun so hin das wenn ich z.b eine psd nehme und dem 2 felder slice wo einmal die navigation drin sein soll und in dem anderen der teil welche sämtliche ausgaben beinhaltet wenn man einen link in der navigation drückt !? falls es per slicen und psd nicht geht wie kann ich dennoch das ganze in ein hp template einbinden ?

vielen lieben dank im vorraus an allen die mir hier helfen können



es geht um folgende datein

[index.php]
<? include('h.php'); ?>
<?
include ('/inhalt.php?id=8');
?>
<? include('f.php'); ?>


[f.php]
</div>
<p id="Fusszeile"></p>
</div>
</body>
</html>


[h.php]
<? include('funktionen.php'); ?>
<html>
<head>
<title>XXXXXXX
</title>
<link rel="stylesheet" type="text/css" href="psc_files/design00.css">
</head>
<body>
<div id="header">
</div>
<div id="Seite">
<? echo "<ul id=\"Navigation\">"; navigation_anzeigen(9); include('banner.php'); echo "</ul>"; ?><div id="angebote"><? inhalt_anzeigen(17); ?>
</div>
<div id="Inhalt">



[css.php]

body {

color: black;
background-color: #CCCCCC;

background-image: url(hg000000.jpg);

font-size: 93%;
font-family: Arial,sans-serif;

margin: 0;
padding: 1em 0;

text-align: center;
/* Zentrierung im Internet Explorer */
}


a:link { color: #222222; text-decoration:none; }

a:active { color: #ff0000; text-decoration:none; }

a:visited { color: dimgray; text-decoration:none; }

a:hover { color: #ff0000; text-decoration:none; }


div#head {
text-align: left;
/* Seiteninhalt wieder links ausrichten */

margin: 0 auto; /* standardkonforme horizontale Zentrierung */

width: 930px;

height: 20px;

}

div#foot {
text-align: right;
/* Seiteninhalt wieder links ausrichten */

margin: 0 auto; /* standardkonforme horizontale Zentrierung */

width: 930px;

height: 20px;

}

div#header {
text-align: left;
/* Seiteninhalt wieder links ausrichten */

margin: 0 auto; /* standardkonforme horizontale Zentrierung */

width: 932px;

height: 110px;

background-image: url(header80.jpg);

padding: 0px;

border-left: 2px solid #696969;
border-right: 2px solid #696969;
border-top: 2px solid #696969;
}

div#footer {
text-align: left;
/* Seiteninhalt wieder links ausrichten */

margin: 0 auto; /* standardkonforme horizontale Zentrierung */

width: 930px;

height: 20px;

background-image: url(header80.jpg);

padding: 0px;

border-left: 1px solid #696969;
border-right: 1px solid #696969;
border-bottom: 1px solid #696969;
}


div#Seite {
text-align: left;
/* Seiteninhalt wieder links ausrichten */

margin: 0 auto;
/* standardkonforme horizontale Zentrierung */

width: 930px;

padding-top: 9px;

background-color: #d6d5d3;
border-top:1px solid #696969;
border-left:1px solid #696969;
border-right: 1px solid #696969;
}


h1 {
font-size: 1.0em;

margin: 0;
padding: 0.3em;

text-align: center;

border-bottom: 1px solid silver;

}

ul#Navigation {

font-size: 0.83em;

min-height: 600px;

float: left; width: 193px;

margin: 0 0 1.2em;
padding-top: 0px;
padding-left: 5px;
}


div#angebote {

font-size: 0.83em;

min-height: 600px;

float: left; min-width: 151px;
width: 151px;

padding-left: 0px;
}

ul#Navigation li {
list-style: none; margin: 0; padding: 0.5em;
}
ul#Navigation a {
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: #2f4f4f; background-color: ;
}
ul#Navigation a:visited {
color: #2f4f4f; background-color:;
}
ul#Navigation a:hover {
color: #2f4f4f; background-color: ;
}
ul#Navigation a:active {
color: #2f4f4f; background-color: gray;
}

div#Inhalt {
margin: 0 0 1em 360px;
min-height: 600px;
border-left: 1px solid silver;
padding: 0 1em;
}
* html div#Inhalt {
height: 0,5em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
margin-bottom: 0;
}
div#Inhalt h2 {
font-size: 1.0em;
margin: 0.2em 0;
color: navy;
}
div#Inhalt p {
font-size: 0,8em;
margin: 1em 0;
}



p#Fusszeile {
clear: both;
background-image: url(footer.jpg);
width: 930px;

height: 20px;
font-size: 0.83em;
margin: 0;
border-top:1px solid #696969;
border-bottom:1px solid #696969;
text-align: right;
background-color: white;
}

rarios
12.07.2009, 22:05:01
Bevor du nicht annähernd die Forenregeln beachtest, hilft Dir hier keiner.