私は訪問者が写真をアップロードして他のリンクで見ることを可能にするウェブサイトを作った。ここにmijnのウェブサイトhttp://sixpi.nl/devとここに私のコードです。 私の質問は、media.phpページを見栄えよくする方法です。そして、それをCSSでどのように編集できますか? media.phpをこのようにしたい(http://pexels.com)ありがとう。私のPHPファイルをstyle.cssで編集するにはどうしたらいいですか?
これは私のHTMLファイルには、これはこれは私のメディアリンクは、アップロードされた画像をALLEある
<!DOCTYPE html>
<html>
<head>
<body>
<a href="media.php">Kijk alle media!</a>
<img id="preview" alt="your image" width="100" height="100" />
<form action="upload.php" method="post" id="myForm" enctype="multipart/form-data">
Select file to upload:
<input type="file" name="fileToUpload" id="fileToUpload" onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])">
<button name="submit" class="btn btn-primary" type="submit" value="submit">Upload File</button>
</form>
</body>
</head>
</html>
upload.phpと呼ばれる私のアップロードスクリプトです
<!DOCTYPE html>
<html>
<head>
<body>
<a href="media.php">Kijk alle media!</a>
<script src="javascript.js"></script>
<img id="preview" alt="your image" width="100" height="100" />
<form action="upload.php" method="post" id="myForm" enctype="multipart/form-data">
Select file to upload:
<input type="file" name="fileToUpload" id="fileToUpload" onchange="document.getElementById('preview').src = window.URL.createObjectURL(this.files[0])">
<button name="submit" class="btn btn-primary" type="submit" value="submit">Upload File</button>
</form>
</body>
</head>
</html>
index.htmlを呼ばれていますmedia.phpと表示されます
<?php
$files = glob("upload/*.*");
for ($i=1; $i<count($files); $i++)
{
$image = $files[$i];
$supported_file = array(
'gif',
'jpg',
'jpeg',
'png'
);
$ext = strtolower(pathinfo($image, PATHINFO_EXTENSION));
if (in_array($ext, $supported_file)) {
echo $image ."<br />";
echo '<img src="'.$image .'" alt="Random image" width="600" height="480" />'."<br /><br />";
} else {
continue;
}
}
?>
PHPでHTMLをエコーしています。スタイリングは、HTMLのスタイリングと変わりありません。 –
しかし、どのように私はPHPの要素にスタイルを与えることができますか? PHPの要素にidを与えるか?もしそうなら、どうしたらいいですか? – SixPi
これは、 "php要素"の意味に完全に依存します。 –