avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-04-23 03:12:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

css post

Browse Source
This commit is contained in:
Adrien 2019-02-25 09:14:37 +01:00
parent 757d9a4e0b
commit a001a7c14c
4 changed files with 62 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
project/assets/css/style.css
View File

@ -295,7 +295,7 @@ input {outline: none}
* ----------------------------------------------------- */ * ----------------------------------------------------- */
.bloc-post{ .bloc-post{
width: 69%; width: 69%;
margin-top: 30px; margin-top: 70px;
box-shadow: 1px 1px 30px 1px lightgrey; box-shadow: 1px 1px 30px 1px lightgrey;
background-position: center; background-position: center;
background-size: cover; background-size: cover;
@ -326,7 +326,7 @@ input {outline: none}
.bloc-filter{ .bloc-filter{
width: 25%; width: 25%;
height: 500px; height: 500px;
margin-top: 30px; margin-top: 70px;
background-color: white; background-color: white;
background-size: cover; background-size: cover;
box-shadow: 1px 1px 30px 1px lightgrey; box-shadow: 1px 1px 30px 1px lightgrey;
@ -387,10 +387,28 @@ input {outline: none}
display: inline-block; display: inline-block;
float:right; float:right;
} }
.filtre{
width: 100%;
padding: 6px 10px 6px 10px;
color:white;
text-transform: uppercase;
font-size: 14px;
margin-top: 15px;
}
.dev-color{
background-color: #fccb3a;
}
.digi-color{
background-color: #6bb194;
}
.ops-color{
background-color: #2ea3f2;
}
.devops-color{
background-color: #ff1c4a;
}
.bloc-recent{ .bloc-recent{
width: 69%; width: 69%;
margin-top: 50px;
float: left; float: left;
} }
.titre-recent{ .titre-recent{

37
project/assets/html/post.html
View File

@ -38,8 +38,43 @@
<div class="bloc-filter"> <div class="bloc-filter">
<p class="title-second">Plus d'articles</p> <p class="title-second">Plus d'articles</p>
</div> <div class="filtre dev-color">dev</div>
<div class="filtre digi-color">digi</div>
<div class="filtre ops-color">ops</div>
<div class="filtre devops-color">devops</div>
</div>
<div class="contenue-recent">Précédent</div>
<div class="contenue-recent">Suivant</div>
<h3 id="titre-between">Dans le même thème</h3>
<div class="row articles">
<tag type="loop" for="posts" limit="6">
<div class="col-12 col-md-6 col-lg-4">
<div class="article column-categorie">
<h4 class="title">
<loop column="title" />
</h4>
<div class="etiquettes">
<span class="cat">
<loop column="categorie" />
</span>
<span class="date">
<loop column="date" />
</span>
</div>
<div class="text">
<loop column="content" />
</p>
</div>
</div>
</tag>
</div>
</main> </main>
<body>
<footer>
<tag type="includes" file="footer" />
</fotter>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

2
project/assets/php/functions.php
View File

@ -11,7 +11,7 @@ function endsWith($haystack, $needle) {
} }
function connect() { function connect() {
$host = "127.0.0.1"; $host = "localhost";
$db = "blog"; $db = "blog";
$user = "blog"; $user = "blog";
$pass = "blog"; $pass = "blog";

6
project/index.php
View File

@ -4,10 +4,10 @@ ini_set('display_errors', 1);
require_once "assets/php/functions.php"; require_once "assets/php/functions.php";
$host = "127.0.0.1"; $host = "localhost";
$db = "blog"; $db = "blog";
$user = "root"; $user = "blog";
$pass = "root"; $pass = "blog";
$charset="utf8mb4"; $charset="utf8mb4";
$dsn = "mysql:host=$host;dbname=$db;charset=$charset"; $dsn = "mysql:host=$host;dbname=$db;charset=$charset";