0

http://www.youngcreativity.seで

ニュースフィードであることがわかります。

ユーザーがニュースをアップロードすると、すべてのテキスト/ニュースが丸いボックスのように表示される可能性はありますか？フィードにニュースがいくつあると、ボックスのサイズが自動的に変更されます。phpコードは次のようになります。

<!DOCTYPE html>
<html lang='en'>
<head>
<style type="text/css">

#boxID{
border:2px solid;
border-radius:25px;
width:auto; 
height:auto;
}


element {
color: black;
}




body {


-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: fixed;
background-image: url(bgn1.png);
background-repeat: no-repeat;
background-position: center top;
}
.news {
font-family: Rough_Typewriter;
font-size: 36px;
}
</style>

<meta charset="UTF-8">
<title>iWrite</title>
<meta name="view" content="width-device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">

<link href="css/bootstrap.css" rel="stylesheet">


</head>
<h1 class="news">iWrite</h1>
<p>
<hr>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<a href='post.php'>Want to post a text?</a>
<?php

//connect

mysql_connect("server","username","password") or die(mysql_error());
mysql_select_db("database") or die(mysql_error());

//query the database
$getnews = mysql_query("SELECT * FROM news ORDER BY id DESC") or die(mysql_query());

while ($row = mysql_fetch_assoc($getnews))
{

//get data
$id = $row['id'];
$title = $row['title'];
$body = $row['body'];
$date = $row['date'];

echo "
<b>$title posted on $date</b><br>
";

echo nl2br($body);

echo "<hr>
";

}

mysql_real_escape_string();



?>

</hr></html>
4

1 に答える 1

1

CSS半径をDiv/クラスに追加できます。

{
border:2px solid;
border-radius:25px;
}

これは、css class/idに入れることで使用できます。

#boxID{
border:2px solid;
border-radius:25px;
}

<div id="boxID"></div>

または、CSSクラス/ IDをまったく使用できない（これはクールではありません）：

<div id="boxID" style="border:2px solid; border-radius:25px;"></div>

編集：

さて、大きな丸いボックスを作成するには、次のようにします。

<!DOCTYPE html>
<html lang='en'>
<head>
<style type="text/css">

#boxID{
border:2px solid;
border-radius:25px;
width:auto; 
height:auto;
}


element {
color: black;
}




body {


-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: fixed;
background-image: url(bgn1.png);
background-repeat: no-repeat;
background-position: center top;
 text-align: center;
}
.news {
font-family: Rough_Typewriter;
font-size: 36px;
}
.bigBox{

border:2px solid white;
border-radius:10px;
}
</style>

<meta charset="UTF-8">
<title>iWrite</title>
<meta name="view" content="width-device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">

<link href="css/bootstrap.css" rel="stylesheet">


</head>
<div class="bigBox">
<h1 class="news">iWrite</h1>
<p>
<hr>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<a href='post.php'>Want to post a text?</a>
<?php

//connect

mysql_connect("server","username","password") or die(mysql_error());
mysql_select_db("database") or die(mysql_error());

//query the database
$getnews = mysql_query("SELECT * FROM news ORDER BY id DESC") or die(mysql_query());

while ($row = mysql_fetch_assoc($getnews))
{

//get data
$id = $row['id'];
    $title = htmlspecialchars(strip_tags($row['title'])); 
$body = htmlspecialchars(strip_tags($row['body']));
$date = $row['date'];

echo "
<b>$title posted on $date</b><br>
";

echo nl2br($body);

echo "<hr>
";

}





?>

</hr>
</div></html>

それを試してみてください。

于 2012-05-17T10:11:26.417 に答える