
97 Vues
0 Commentaires
Ce module, qui est connecté via le système de plugins DLE, vous permettra d'afficher un formulaire d'ajout de nouvelles sur la page principale de votre site Web. Par défaut, le modèle addnews.tpl est utilisé. Si vous voulez utiliser un modèle différent, trouvez dans engines/modules/addnewsmain.php :
$tpl->load_template( 'addnews.tpl' );
Installation:
Ouvrez le modèle main.tp et cherchez
</head>
<style>
input[type="checkbox"] {
display:none;
}
input[type="checkbox"]:checked ~ .addnews-modal,
input[type="checkbox"]:checked ~ .addnews-modal-background {
display: block;
}
.addnews-modal-background {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 9998;
}
.addnews-modal {
position: fixed;
overflow: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: none;
width: 990px;
height: 800px;
background-color: #fff;
box-sizing: border-box;
z-index: 9999;
}
.modal-addnews {
width: 930px !important;
margin-left: 10px;
}
.addnews-modal > p {
width: 930px !important;
padding: 15px;
margin: 0;
}
.addnews-modal-header {
background-color: #f9f9f9;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
height: 50px;
}
.addnews-modal-header h3 {
margin: 0;
box-sizing: border-box;
padding-left: 15px;
line-height: 50px;
color: #4d4d4d;
font-size: 16px;
display: inline-block;
}
.addnews-modal-header label {
box-sizing: border-box;
border-left: 1px solid #dddddd;
float: right;
line-height: 50px;
padding: 0 15px 0 15px;
cursor: pointer;
}
.addnews-modal-header label:hover img {
opacity: 0.6;
}
<!--/* below is optional, it is just an example for the blue button */-->
.btn-addnews {
box-sizing: border-box;
display: inline-block;
padding: 10px;
background-color: #375d91;
color: #f9f9f9;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
.btn-addnews:hover {
background-color: #3c669f;
}
</style>
{content}
[aviable=main]
[not-group=5]
<input type="checkbox" id="modal-addnews">
<label for="modal-addnews" class="btn-addnews">Ajouter un article</label>
<label for="modal-addnews" class="addnews-modal-background"></label>
<div class="addnews-modal">
<div class="addnews-modal-header">
<h3>Ajouter un article</h3>
<label for="modal-addnews">
<img src="dаta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEUAAABNTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU0N3NIOAAAAJnRSTlMAAQIDBAUGBwgRFRYZGiEjQ3l7hYaqtLm8vsDFx87a4uvv8fP1+bbY9ZEAAAB8SURBVBhXXY5LFoJAAMOCIP4VBRXEv5j7H9HFDOizu2TRFljedgCQHeocWHVaAWStXnKyl2oVWI+kd1XLvFV1D7Ng3qrWKYMZ+MdEhk3gbhw59KvlH0eTnf2mgiRwvQ7NW6aqNmncukKhnvo/zzlQ2PR/HgsAJkncH6XwAcr0FUY5BVeFAAAAAElFTkSuQmCC" width="16" height="16" alt="">
</label>
</div>
<p>
<div class="modal-addnews">
{addnewsmain}
</div>
</p>
</div>
[/not-group]
[/aviable]
Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *
Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.