Liste des liens
Et toute une série de tutoriels sur inkscape.
Merci Jcfrog.
/* untuk pemakaian di blog/website anda, yang di copy hanya css di bawah ini*/
/* style untuk link popup */
a.popup-link {
padding:17px 0;
text-align: center;
margin:7% auto;
position: relative;
width: 300px;
color: #fff;
text-decoration: none;
background-color: #FFBA00;
border-radius: 3px;
box-shadow: 0 5px 0px 0px #eea900;
display: block;
}
a.popup-link:hover {
background-color: #ff9900;
box-shadow: 0 3px 0px 0px #eea900;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
/* end link popup*/
/*style untuk popup */
#popup {
visibility: hidden;
opacity: 0;
margin-top: -200px;
}
#popup:target {
visibility:visible;
opacity: 1;
background-color: rgba(0,0,0,0.8);
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index: 99999999999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
@media (min-width: 768px){
.popup-container {
width:600px;
}
}
@media (max-width: 767px){
.popup-container {
width:100%;
}
}
.popup-container {
position: relative;
margin:7% auto;
padding:30px 50px;
background-color: #fafafa;
color:#333;
border-radius: 3px;
}
a.popup-close {
position: absolute;
top:3px;
right:3px;
background-color: #333;
padding:7px 10px;
font-size: 20px;
text-decoration: none;
line-height: 1;
color:#fff;
}
/* style untuk isi popup */
.popup-form {
margin:10px auto;
}
.popup-form h2 {
margin-bottom: 5px;
font-size: 37px;
text-transform: uppercase;
}
.popup-form .input-group {
margin:10px auto;
}
.popup-form .input-group input {
padding:17px;
text-align: center;
margin-bottom: 10px;
border-radius:3px;
font-size: 16px;
display: block;
width: 100%;
}
.popup-form .input-group input:focus {
outline-color:#FB8833;
}
.popup-form .input-group input[type="email"] {
border:0px;
position: relative;
}
.popup-form .input-group input[type="submit"] {
background-color: #FB8833;
color: #fff;
border: 0;
cursor: pointer;
}
.popup-form .input-group input[type="submit"]:focus {
box-shadow: inset 0 3px 7px 3px #ea7722;
}<a href="#popup" class="popup-link">Klik untuk memunculkan Popup</a>
<div class="popup-wrapper" id="popup">
<div class="popup-container">
<form action="<a href="http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery#"">http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery#"</a>; method="post" class="popup-form">
<h2>Ikuti Update !!</h2>
<p>Daripada hanya melihat demo untuk popup-nya saja, lebih baik masukkan juga email anda agar mendapatkan pemberitahuan saat ada update posting menarik lain seperti ini.<br/>
<strong>Percayalah, saya hanya akan mengirim sesuatu yang bermanfaat untuk anda :)</strong></p>
<div class="input-group">
<p><input type="email" name="email" placeholder="Email Address"></p>
<p>
<input type="hidden" name="action" value="subscribe">
<input type="hidden" name="source" value="<a href="http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery">">http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery"></a>;
<input type="hidden" name="sub-type" value="widget">
<input type="hidden" name="redirect_fragment" value="blog_subscription-2">
<input type="hidden" id="_wpnonce" name="_wpnonce" value="aaf0b68fcd">
<input type="submit" value="Submit" name="jetpack_subscriptions_widget">
</p>
</div>
<a class="popup-close" href="#closed">X</a>
</form>
</div>
</div>Ce que l'article ne dit pas, c'est que c'est déjà actif chez nos constructeurs (option obligatoire) et que, comble de l'ironie, le service est payant après une année après l'achat (et non désactivable).
Et ce n'est pas donné.
C'est ce qui a été imposé à une amie lors de l'achat d'une DS5.
Ah ! Je croyais que c'était un article généraliste sur la jeunesse actuelle...
Ok, je sors.
Et tu n'as pas lu les copies des manip radio...
Pour créer un bookmarklet, tu as deux services en ligne qui fonctionnent bien :
Enjoy
Outil de calcul de rythme vertical de Pascal.
Via Nicolas Hoffmann
Ça résume vraiment bien la situation politique actuelle...
À voir. Me semble assez simple à prendre en main.
Par contre, utilisation de eval pour les plugins.
Que du bon. À lire absolument.
J'ai envoyé un message à ce sujet via le pannel d'admin de shaarli.fr.
Il serait bien de pouvoir choisir l'emplacement de l'image (gauche vs droite).
Perso, je préfère lire le titre en premier (donc image à droite).
Sinon, pour le zoom, c'est cool.
Interessant comme logiciel. Ça ouvre des perspectives.
"Visiblement la recherche clinique ne constitue plus un problème éthique, ne nécessitant aucun débat public au sens de l’article L. 1412-1-1 du CSP mais, au-delà, le projet de loi de modernisation de notre système de santé nous apprend qu’il s’agit d’un sujet qui ne mérite même plus de débats parlementaires.
Ainsi, l’administration française, pardon l’exécutif agissant sous délégation contrôlée du législatif, modernise nos règles éthiques dans l’indifférence la plus complète !"
Ben oui, pourquoi se faire chier avec un débat? On musèle tout et pis c'est tout.
Je viens de l'appliquer à mon shaarli en utilisant prism.js.
Excellent !