Ohhh!! thank u so much for your answers! I don't understand very well ... I have this code and I want to put inside the content of the block:
-----------------------------------------
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>demo</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Me">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
.buttons{
margin-top: 50px;
overflow: hidden;
}
a:focus, input:focus{
border: 5px solid red;
}
input:focus+label{
color: #f00;
}
div:focus{
border: none;
}
.btn{
padding: 20px;
float: left;
text-align: center;
background: #ccc;
margin: 10px;
color: #fff;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
</head>
<body>
<div>
<a href="http://google.com" target="_blank">Enlace 1</a>
</div>
<div>
<label for="c01">Campo 1</label>
<input type="text" id="c01"/>
</div>
<div>
<label for="c02">Campo 2</label>
<input type="text" id="c02"/>
</div>
<div>
<input type="checkbox" id="c03"/>
<label for="c03">Campo 3</label>
</div>
<div class="buttons">
<div id="nextButton" class="btn">
SIGUIENTE
</div>
<div id="clickButton" class="btn">
CLICK
</div>
<div id="ZURE" class="btn" onclick="alert('A VER SI NOS TOMAMOS UNAS BIRRAS!');">
BOTON ESPECIAL PARA ZURE
</div>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="main.js"></script>
</body>
</HTML>
---------------------------------------------------------
I tried to put this code in a HTML block but it is not possible with jquery and the other js file. For that reason I created a new custom block. Can I put the full of this code in any way? Im so sorry for my small knowledge... :/