A Pen by Sladix

Developer
Sladix
Size
3,349 Kb
Views
6,072
  1. A Pen by Sladix Previews
  2. A Pen by Sladix HTML Codes
  3. A Pen by Sladix CSS Codes
  4. A Pen by Sladix JS Codes

How do I make an a pen by sladix?

What is a a pen by sladix? How do you make a a pen by sladix? This script and codes were developed by Sladix on 09 December 2022, Friday.

A Pen by Sladix Previews
IQ Test

A Pen by Sladix - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Sladix</title> <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Chère Louloute,</h1>
<p>J'aimerai te <span class="custom-dropdown"><select name="quoi" id="quoi"> <option value="">-</option> <option value="0">serrer contre moi</option> <option value="1">faire un bisou</option> <option value="2">masser le dos</option> <option value="3">donner 1000 €</option> <option value="4">donner une féssée</option> </select></span> car je suis vraiment <span class="custom-dropdown">
<select id='etat' name='etat'> <option value="">-</option> <option value='0'>amoureux</option> <option value='1'>gentil</option> <option value='2'>délicat</option> <option value='3'>riche</option> <option value='4'>un mauvais garçon</option> </select></span>
</p>
<p id="output"></p>
<p style="text-align:right;font-size:0.8em;"><i>Ton loulou</i></p> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Sladix - Script Codes CSS Codes

body
{ background:#222; color:white; text-align: center;
}
input[type=text]
{ background:none ; border:none; width:auto; text-align:center;
}
h1{ font-family: 'Pacifico', cursive; font-size:60px; font-weight:normal; margin-bottom:10px; -webkit-animation:super-rainbow 2s alternate infinite;
}
@-webkit-keyframes super-rainbow { 0% { color: white; } 100% { color: #D14334; }
}
p,select
{ font-family: 'Lato', Helvetica;
}
p#output
{ font-size:1em;
}
p{ font-size:1.2em;
}
/* Custom dropdown */
.custom-dropdown { position: relative; display: inline-block; vertical-align: middle; margin: 5px; /* demo only */ margin-top:0;
}
.custom-dropdown select { background-color: #D14334; color: #fff; font-size: inherit; padding: .5em; padding-right: 2.5em; border: 0; margin: 0; border-radius: 3px; text-indent: 0.01px; text-overflow: ''; text-align:center; -webkit-appearance: button; /* hide default arrow in chrome OSX */
}
.custom-dropdown::before,
.custom-dropdown::after { content: ""; position: absolute; pointer-events: none;
}
.custom-dropdown::after { /* Custom dropdown arrow */ content: "\25BC"; height: 1em; font-size: .625em; line-height: 1; right: 1.2em; top: 50%; margin-top: -.5em;
}
.custom-dropdown::before { /* Custom dropdown arrow cover */ width: 2em; right: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0;
}
.custom-dropdown select[disabled] { color: rgba(0,0,0,.3);
}
.custom-dropdown select[disabled]::after { color: rgba(0,0,0,.1);
}
.custom-dropdown::before { background-color: rgba(0,0,0,.15);
}
.custom-dropdown::after { color: rgba(0,0,0,.4);
}

A Pen by Sladix - Script Codes JS Codes

var messages = { "00":"C'est mignooooon !", "01":"Gentil mais ça peut être gênant parfois ...", "02":"Viens toucher ma peau de velour !!!", "03":"Tiens, un billet de 50, fais moi un calin ?! ... :x :s", "04":"Et si tu ne peux pas bouger c'est parce que je t'ai attachée =)", "10":"Sur la bouche évidemment <3", "11":"Beuh oui je suis gentiiiil !", "12":"Un baiser raffiné n'est-ce pas.", "13":"C'est grâce à toi que je suis riche !", "14":"Tu me pardonnes ?", "20":"L'amour s'exrpime de bien des manières...", "21":"Euh...", "22":"Laisses toi pétrir tendrement !", "23":"Un massage à coup de biftons de 500€ §!", "24":"&laquo;<small>J'accepte aussi d'être piétiné</small>&raquo;", "30":"Ah ? ça s'achète pas l'amour ?", "31":"Très gentil, trop gentil...", "32":"Euh ...?", "33":"Bah tant qu'à faire hein ... !", "34":"Tu te fais raquetter ouais !", "40":"Rrrrrrr !!! <small>C'est le cri de la violence de l'amour.</small>", "41":"Une gentille féssée. Si si...", "42":"Avec des gants de velours bien sûr", "43":"J'te fouette avec ma liasse !", "44":"Eh bah t'es cooooon" }
jQuery("select").change(function(){ var quoi = jQuery("#quoi").val(); var etat = jQuery("#etat").val(); jQuery("#output").html((typeof messages[quoi+etat] != 'undefined')?messages[quoi+etat]:"");
})
A Pen by Sladix - Script Codes
A Pen by Sladix - Script Codes
Home Page Home
Developer Sladix
Username Sladix
Uploaded December 09, 2022
Rating 3
Size 3,349 Kb
Views 6,072
Do you need developer help for A Pen by Sladix?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Sladix (Sladix) Script Codes
Name
HMD
CSS Letter animations
Responsive Stack slider
Canvas snake animation random bezier curve looped
Text reveal test
Fibonacci color test
Visualizer tests
Agent Chaos
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!