Bonjour a tous j'ai chercher sur internet mais j'ai pas trouver et comme je sais pas comment sa s'apelle
pour faire se genre de truc xd ? en Css
Avoir une bande transparente sur mon image a la une avec le nom ma news en gros de dans
Pour aider voici mon code home.php
<?php
//On se connecte a la Bdd
require "function.php";
mysql_connect(DB_HOST,DB_LOGIN,DB_PASS);
mysql_select_db(DB_BDD);
//Selection de la Bdd
$sql = "SELECT COUNT(id) as Article FROM news";
$req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error());
$data=mysql_fetch_assoc($req);
$Article = $data'Article'];
$perPage = 4;
$nbPage = 2;
if(isset($_GET'p']) && $_GET'p']>0 && $_GET'p']<=$nbPage){
$cPage = $_GET'p'];
}
else{
$cPage = 1;
}
$sql="SELECT * FROM news ORDER BY id DESC LIMIT ".(($cPage-1)*$perPage).",$perPage";
$req = mysql_query($sql) or die('Erreur SQL !<br/>'.$sql.'<br/>'.mysql_error());
while($data=mysql_fetch_assoc($req)){
echo"<div class='img'><a href='news.php?id={$data"id"]}'><img src=../../admin/images/min/{$data"img"]}><br></a>{$data"titre"]}<br><br></div>";
}
for($i=1;$i<=$nbPage;$i++){
if($i==$cPage){
echo "<strong><font color='#FF0000'> $i </font>/</strong>";
}
else{
echo "<strong><a href='home.php?p=$i'><font color='#000000'> $i </font></a>/</strong>";
}
}
?>
soit tu génère une image avec phpGD ou autre.
Soit en html + css
Le html
<div class="news">
<div class="barre">
<div class="title">Mon titre>/div>
<div class="description">Description ici</div>
</div>
</div>
et un début de css
.news{
position:relative;
width:400px;
height:200px;
}
.news .barre{
position:absolute;
width:400px;
height:40px;
bottom:0px;
background-image:url('font.png');
}
j'ai pas de réponse pratique à apporter a part que la plupart des choses que tu vois (si c'est bien ce à quoi je pense) sont faite la plupart du temps en javascript je pense...
ps : ca vous embête tant que ca d'ecrire en francais ? meme si y'a pas les accents c'est pas grave mais quand on vois "sa" heeuuuuu c'est la sienne quoi et porte largement à confusion la plupart du temps...